diff --git a/README.txt b/README.txt index c20a124..7a3288b 100644 --- a/README.txt +++ b/README.txt @@ -1,5 +1,5 @@ ReadMe -Splunk Common Information Model 4.20.0 +Splunk Common Information Model 5.0.1 Copyright (C) 2005-2018 Splunk Inc. All rights reserved. diff --git a/app.manifest b/app.manifest index 983b67c..e8f4e2a 100644 --- a/app.manifest +++ b/app.manifest @@ -5,7 +5,7 @@ "id": { "group": null, "name": "Splunk_SA_CIM", - "version": "4.20.0" + "version": "5.0.1" }, "author": [ { diff --git a/appserver/static/bootstrap-dark.css b/appserver/static/bootstrap-dark.css new file mode 100644 index 0000000..19c5720 --- /dev/null +++ b/appserver/static/bootstrap-dark.css @@ -0,0 +1,9782 @@ +/*************************************************************************************************/ +/* BRAND COLORS */ +/* DO NOT USE DIRECTLY! Use $brandColor instead. See brand.*.pcss for definitions. */ +/*************************************************************************************************/ +/* Green Splunk Enterprise */ +/* Orange Splunk Lite */ +/* Brand colors */ +/*===============================================================================================*/ +/* SPLUNK: VARIABLES */ +/* Variables to customize the look and feel of Bootstrap (splunk version). */ +/* See /en-US/static/docs/style/style-guide.html for style guide */ +/*===============================================================================================*/ +/*===============================================================================================*/ +/* WARNING */ +/* This file has an implicit dependency on the brand variables injected by the */ +/* 'splunk-postcss-theme-import' postcss plugin. */ +/*===============================================================================================*/ +/*===============================================================================================*/ +/* SPLUNK: COLORS */ +/*===============================================================================================*/ +/*************************************************************************************************/ +/* NEUTRAL COLORS */ +/* */ +/* PRE IVORY -> CURRENT VARIABLE */ +/* $black -> $black */ +/* $grayDarker -> $gray20 */ +/* $grayDark -> $gray30 */ +/* $gray -> $gray45 */ +/* $grayLight -> $gray60 */ +/* $grayLightMedium -> $gray80 */ +/* $grayLighter -> $gray92 */ +/* $gray96 */ +/* $offWhite -> $gray98 */ +/* $white -> $white */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* SEMANTIC COLORS */ +/* */ +/* PRE IVORY -> CURRENT VARIABLE */ +/* $red -> $errorColor */ +/* $orange -> $alertColor */ +/* $yellow -> $warningColor */ +/* $yellowLight -> $warningColorL20 */ +/* $yellowLighter -> $warningColorL40 */ +/* $green -> $successColor */ +/* $blue -> $infoColor */ +/* $blueDark -> $infoColorD40 */ +/* $pink -> No Equivalent or $errorColorL30 */ +/* $purple -> No Equivalent */ +/* $teal -> No Equivalent */ +/* $focusColor -> $accentColorL10 */ +/*************************************************************************************************/ +/* Blue Accent */ +/* Red Error */ +/* Orange Alert */ +/* Yellow Warning */ +/* Green Success */ +/* Blue Info */ +/*************************************************************************************************/ +/* CATEGORICAL COLORS */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* DIVERGING COLORS */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* STATIC PATHS */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* TYPOGRAPHY */ +/*************************************************************************************************/ +/* Lite listing pages */ +/* empty to use BS default, $fontFamily */ +/* instead of browser default, bold */ +/*************************************************************************************************/ +/* SCAFFOLDING */ +/*************************************************************************************************/ +/* Border Colors */ +/* aliases: $tableBorderColor $tableBorderColorVertical */ +/* also see: $interactiveBorderColor */ +/* Borders */ +/* Border Radius */ +/* For containers without a wrapper */ +/* For for containers with a wrapper, like popdown */ +/* Padding & Margin */ +/* 200% - 40px */ +/* 150% - 30px */ +/* 75% - 15px */ +/* 50% - 10px */ +/* 25% - 5px */ +/* Popdown Arrows */ +/* Large Icons */ +/*************************************************************************************************/ +/* TRANSITIONS */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* HORIZONTAL FORMS & LISTS */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* Z-INDEX */ +/*************************************************************************************************/ +/* If a variable does not suit your purpose, set a value relatively such as, $zindexModal +1 */ +/* Splunk Lite */ +/* Splunk Lite */ +/* Sidebar Component */ +/* Sidebar Component */ +/* timerange popdown needs to be above modal + backdrop */ +/* top interactive element */ +/* top interactive element */ +/* top uninteractive */ +/* top uninteractive */ +/*************************************************************************************************/ +/* TABLES */ +/*************************************************************************************************/ +/* overall background-color */ +/*************************************************************************************************/ +/* FORMS */ +/*************************************************************************************************/ +/* base input height + 10px vertical padding + 2px top/bottom border */ +/* This is generally overridden. */ +/*************************************************************************************************/ +/* MODAL */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* POPUP */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* TABS */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* MENU */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* BASE INTERACTIVE */ +/*************************************************************************************************/ +/* text */ +/* background */ +/* borders */ +/* shadow */ +/*************************************************************************************************/ +/* BASE INTERACTIVE ERROR */ +/*************************************************************************************************/ +/* text */ +/* background */ +/*************************************************************************************************/ +/* BUTTONS */ +/*************************************************************************************************/ +/* 1 rem */ +/*************************************************************************************************/ +/* PRIMARY BUTTONS */ +/*************************************************************************************************/ +/* text */ +/* background */ +/* borders */ +/* shadow */ +/*************************************************************************************************/ +/* PILL BUTTONS */ +/*************************************************************************************************/ +/* text */ +/* background */ +/*************************************************************************************************/ +/* COMPONENT VARIABLES */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* NAVBAR */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* APP BAR */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* ACCORDION */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* CONCERTINA */ +/* Concertina has the same color as Accordion, maybe we should just reuse them? */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* TOOLTIPS & POPOVERS */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* SELECTORS FOR CUSTOMIZING SPECIFIC LOCALES */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* DASHBOARDS */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* VIZ & VIZ PICKERS */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* MAPS */ +/*************************************************************************************************/ +/* leaflet popup defaults */ +/*************************************************************************************************/ +/* Search IDE */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* Date Picker */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* Time Range Picker */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* Events Viewer */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* Misc */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* TYPOGRAPHY */ +/*************************************************************************************************/ +/* Lite listing pages */ +/*************************************************************************************************/ +/* SCAFFOLDING */ +/*************************************************************************************************/ +/* Borders */ +/*************************************************************************************************/ +/* MODAL */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* POPUP */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* TABS */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* MENU */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* BASE INTERACTIVE */ +/*************************************************************************************************/ +/* text */ +/* background */ +/* borders */ +/* shadow */ +/*************************************************************************************************/ +/* BUTTONS */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* TABLES */ +/*************************************************************************************************/ +/* overall background-color */ +/* fixme */ +/*************************************************************************************************/ +/* FORMS */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* COMPONENT VARIABLES */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* PILL BUTTONS */ +/*************************************************************************************************/ +/* text */ +/* background */ +/*************************************************************************************************/ +/* ACCORDION */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* CONCERTINA */ +/* Note the selected state color of conertina is different from accordion */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* NAVBAR */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* TOOLTIPS & POPOVERS */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* DASHBOARDS */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* VIZ & VIZ PICKERS */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* MAPS */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* Search IDE */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* Date Picker */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* Time Range Picker */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* Events Viewer */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* Misc */ +/*************************************************************************************************/ +/*===============================================================================================*/ +/* SPLUNK: MIXINS */ +/* Snippets of reusable CSS to develop faster and keep code readable */ +/*===============================================================================================*/ +/* Reset */ +/* ------------------ */ +/* Link */ +/* ------------------ */ +/*************************************************************************************************/ +/* FOCUS STATES */ +/*************************************************************************************************/ +/* Use when are outer focus glow will be block (i.e Menu Items). Provide background color.*/ +/* Block elements change the background color */ +/* Block elements change the background color and spread via box-shadow */ +/*************************************************************************************************/ +/* INTERACTIVE */ +/* These are by any element that can be clicked, such as buttons, menus and table headings. */ +/*************************************************************************************************/ +/*----------------------------------------------*/ +/* Interactive style: */ +/* @params: */ +/* Background Color */ +/* Border Color */ +/* Box Shadow */ +/* Text Color */ +/* Transition */ +/*----------------------------------------------*/ +/*----------------------------------------------*/ +/* Primary interactive style: */ +/* @params: */ +/* Background Color */ +/* Box Shadow */ +/* Text Color */ +/* Transition */ +/*----------------------------------------------*/ +/*************************************************************************************************/ +/* INTERACTIVE ERROR */ +/* These are by any interactive element that is is in an error state. */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* BUTTONS */ +/*************************************************************************************************/ +/*----------------------------------------------*/ +/* Pills, Links */ +/*----------------------------------------------*/ +/*----------------------------------------------*/ +/* Define states of buttons: */ +/* :hover, :active, disabled and :focus */ +/* @params: */ +/* Hover Mixin */ +/* Active Mixin */ +/* Disabled Mixin */ +/* Focus Mixin */ +/*----------------------------------------------*/ +/*----------------------------------------------*/ +/* Button Padding: */ +/* @params: */ +/* Vertical Padding */ +/* Horizontal Padding */ +/*----------------------------------------------*/ +/*----------------------------------------------*/ +/* Primary Button Padding: */ +/* @params: */ +/* Vertical Padding */ +/* Horizontal Padding */ +/*----------------------------------------------*/ +/*----------------------------------------------*/ +/* Button Padding For Other Button Sizes: */ +/* @params: */ +/* Vertical Padding */ +/* Horizontal Padding */ +/* Button Icon Margin Top */ +/*----------------------------------------------*/ +/* Draggable Handle */ +/*************************************************************************************************/ +/* FONTS */ +/*************************************************************************************************/ +/*----------------------------------------------*/ +/* Define Font Family: */ +/* @params: */ +/* Font Name */ +/* Name of Font File */ +/* Font Format */ +/* Font Weight */ +/* Font Style */ +/*----------------------------------------------*/ +/*----------------------------------------------*/ +/* Create a heading */ +/* @params: */ +/* Font Size */ +/* Margin */ +/* Font Color */ +/* Text Transform */ +/*----------------------------------------------*/ +/*************************************************************************************************/ +/* UTILITY MIXINS */ +/*************************************************************************************************/ +/*----------------------------------------------*/ +/* Clearfix: */ +/* For clearing floats like a boss h5bp.com/q */ +/*----------------------------------------------*/ +/* Placeholder text */ +/* Basic input styles */ +/* Sets Modal width and margin */ +/* Define card style. Add white background and shadow. */ +/* Workaround for table shadows in IE. Don't use this mixin, use create-card-table */ +/* Define card style on tables. Adds workaround for IE */ +/* Cover browser specific radio button with styled radio button. */ +/* Can only be used if label comes immediately after input[type=radio] */ +/* Use to cover button in .radio class */ +/*-------------------------------------------------------------------------*/ +/* CSS image replacement */ +/* For clearing floats like a boss h5bp.com/q */ +/* Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757 */ +/*-------------------------------------------------------------------------*/ +/*************************************************************************************************/ +/* ICONS */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* FORMS */ +/*************************************************************************************************/ +/* Block level inputs */ +/*************************************************************************************************/ +/* COMPONENT MIXINS */ +/*************************************************************************************************/ +/*----------------------------------------------*/ +/* Horizontal Dividers: */ +/* Dividers (basically an hr) within dropdowns */ +/* and nav lists. */ +/* @params: */ +/* Border Color */ +/*----------------------------------------------*/ +/*----------------------------------------------*/ +/* Navbar Vertical Align: */ +/* Vertically center elements in the navbar. */ +/* Example: an element has a height of 30px, */ +/* so write out `.navbarVerticalAlign(30px);` */ +/* to calculate the appropriate top margin. */ +/* @params: */ +/* Element Height */ +/*----------------------------------------------*/ +/*************************************************************************************************/ +/* PRINTING */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* POPDOWN */ +/*************************************************************************************************/ +/*----------------------------------------------*/ +/* Arrow: */ +/* Create an arrow. */ +/* @params: */ +/* Arrow Direction (up, down, left, right) */ +/* Arrow Color */ +/* Arrow Size */ +/*----------------------------------------------*/ +/* popdown body */ +/*************************************************************************************************/ +/* FULL PAGE LAYOUT */ +/*************************************************************************************************/ +/* Splunk bootstrap */ +/* import and override bootstrap defaults */ +/* CSS Reset */ +/*===============================================================================================*/ +/* SPLUNK: RESET CSS */ +/* Adapted from http://github.com/necolas/normalize.css */ +/*===============================================================================================*/ +/* Display in IE6-9 and FF3 */ +/* ------------------------- */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +nav, +section { + display: block; +} +/* Display block in IE6-9 and FF3 */ +/* ------------------------- */ +audio, +canvas, +video { + display: inline-block; +} +/* Prevents modern browsers from displaying 'audio' without controls */ +/* ------------------------- */ +audio:not([controls]) { + display: none; +} +/* Base settings */ +/* ------------------------- */ +html { + font-size: 100%; + -webkit-text-size-adjust: 100%; + -moz-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + text-size-adjust: 100%; +} +/* Focus states */ +a:focus { + -webkit-box-shadow: 0 0 1px 2px #00A4FD; + box-shadow: 0 0 1px 2px #00A4FD; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; +} +a:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +/* Hover & Active */ +a:hover, +a:active { + outline: 0; +} +/* Prevents sub and sup affecting line-height in all browsers */ +/* ------------------------- */ +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +/* Img border in a's and image quality */ +/* ------------------------- */ +img { + /* Responsive images (ensure images don't scale beyond their parents) */ + max-width: 100%; /* Part 1: Set a maxium relative to the parent */ + height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */ + + vertical-align: middle; + border: 0; + -ms-interpolation-mode: bicubic; +} +/* Prevent max-width from affecting Google Maps */ +#map_canvas img, +.google-maps img { + max-width: none; +} +/* Forms */ +/* ------------------------- */ +/* Font size in all browsers, margin changes, misc consistency */ +button, +input, +select, +textarea { + margin: 0; + font-size: 100%; + vertical-align: middle; +} +button, +input { + line-height: normal; /* FF3/4 have !important on line-height in UA stylesheet */ +} +button::-moz-focus-inner, +input::-moz-focus-inner { /* Inner padding and border oddities in FF3/4 */ + padding: 0; + border: 0; +} +button, +html input[type="button"], /* Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. */ +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; /* Corrects inability to style clickable `input` types in iOS. */ + cursor: pointer; /* Improves usability and consistency of cursor style between image-type `input` and others. */ +} +label, +select, +button, +input[type="button"], +input[type="reset"], +input[type="submit"], +input[type="radio"], +input[type="checkbox"] { + cursor: pointer; /* Improves usability and consistency of cursor style between image-type `input` and others. */ +} +input[type="search"] { /* Appearance in Safari/Chrome */ + -webkit-box-sizing: content-box; + box-sizing: content-box; + -webkit-appearance: textfield; +} +input[type="search"]::-webkit-search-decoration, +input[type="search"]::-webkit-search-cancel-button { + -webkit-appearance: none; /* Inner-padding issues in Chrome OSX, Safari 5 */ +} +textarea { + overflow: auto; /* Remove vertical scrollbar in IE6-9 */ + vertical-align: top; /* Readability and alignment cross-browser */ +} +/* Printing */ +/* ------------------------- */ +/* Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css */ +@media print { + + * { + text-shadow: none !important; + color: #000 !important; /* Black prints faster: h5bp.com/s */ + background: transparent !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + } + + a, + a:visited { + text-decoration: underline; + } + + a[href]:after { + content: " (" attr(href) ")"; + } + + abbr[title]:after { + content: " (" attr(title) ")"; + } + + /* Don't show links for images, or javascript/internal links */ + .ir a:after, + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } + + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + + thead { + display: table-header-group; /* h5bp.com/t */ + } + + tr, + img { + page-break-inside: avoid; + } + + img { + max-width: 100% !important; + } + + @page { + margin: 0.5cm; + } + + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + + h2, + h3 { + page-break-after: avoid; + } +} +/* Grid system and page structure */ +/*===============================================================================================*/ +/* SPLUNK: SCAFFOLDING */ +/*===============================================================================================*/ +/*************************************************************************************************/ +/* DEFAULT & STRUCTURE */ +/*************************************************************************************************/ +body { + margin: 0; + background: #31373E; + color: #FFFFFF; + min-width: 960px; + font-family: "Splunk Platform Sans", "Proxima Nova", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + font-weight: 400; + line-height: 20px; + -webkit-transition: margin 0.2s; + transition: margin 0.2s; +} +body.open { + margin-left: 300px; + margin-right: -300px; + } +.shared-page { + height: 100vh; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} +/*************************************************************************************************/ +/* LINKS */ +/*************************************************************************************************/ +a { + color: #00A4FD; + text-decoration: none; + cursor: pointer; +} +a:hover { + color: #006EAA; + text-decoration: underline; + } +a:focus { + -webkit-box-shadow: 0 0 1px 2px #00A4FD; + box-shadow: 0 0 1px 2px #00A4FD; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +a:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +a:focus { + text-decoration: none; +} +a:active { + -webkit-box-shadow: none; + box-shadow: none; + } +a.disabled { + color: #5C6773; + } +a.external:after { + font-family: "Splunk Icons"; + content: "\EC13"; + display: inline-block; + padding-left: 0.5em; + } +/*************************************************************************************************/ +/* IMAGES */ +/*************************************************************************************************/ +/* Rounded corners */ +.img-rounded { + border-radius: 3px; +} +/* Add polaroid-esque trim */ +.img-polaroid { + padding: 4px; + background-color: #FFFFFF; + border: 1px solid #171D21; + border: 1px solid rgba(0,0,0,.2); + -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); + box-shadow: 0 1px 3px rgba(0,0,0,.1); +} +/* Perfect circle */ +.img-circle { + border-radius: 500px; /* crank the border-radius so it works with most reasonably sized images */ +} +/*************************************************************************************************/ +/* SECTIONS */ +/*************************************************************************************************/ +/* add padding to a section +
+ padded content +
+*/ +.section-padded { + padding: 20px; +} +/* section-header extends section-padded */ +.section-header { + position: relative; +} +.section-header .section-title { + margin-top: 0; + font-size: 24px; + font-weight: 500; + line-height: 24px; + } +.section-header.page-heading { + padding: 20px 20px 10px 20px; + } +/* default container */ +.main-section-body { + color: #FFFFFF; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} +.main-section-body > :first-child { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + } +/* using three color so we can set color stop even though its only 2 colors */ +.main-section-body h2 i[class^="icon-"], + .main-section-body h2 i[class*=" icon-"] { + color: #6b7785; + } +.main-section-body .divider { + border-top: 1px solid #171D21; + margin: 0; + } +/* huh? */ +.main-section-body > .pull-right { + margin-right: 20px; + } +.main-section-body .loading-message { + padding-top: 100px; + min-height: 400px; + text-align: center; + } +.main-section-body .main-section { + padding: 0 20px; + } +.main-section-body .card { + background-color: transparent; + -webkit-box-shadow: 0; + box-shadow: 0; + } +/*************************************************************************************************/ +/* UTILITY CLASSES */ +/*************************************************************************************************/ +/* for full width unpadded content + TODO: this should probably also remove width and margin: auto +
+ content here ... +
+*/ +.container-full-width { + padding: 0; +} +/* force full width even in padded container +
+ padded content here ... +
+ expanded content here ... +
+
+*/ +.push-margins { + margin-left: -20px; + margin-right: -20px; +} +/* new image replacement + hidden +*/ +.hide-text { + text-indent: 100%; + white-space: nowrap; + overflow: hidden; +} +/*************************************************************************************************/ +/* PANELS */ +/*************************************************************************************************/ +/* panels for dashboards? +
+ panel content ... +
+
+ panel content ... +
+
+ panel content ... +
+*/ +.panel { + position: relative; + border: 1px solid #171D21; + background-color: #FFFFFF; + padding: 20px; + margin-right: 20px; + border-radius: 2px; +} +.panel:last-child { + margin-right: 0; + } +/* panel rows? +
+
+ panel content ... +
+
+ panel content ... +
+
+
+
+ panel content ... +
+
+ panel content ... +
+
+*/ +.panel-row { + padding: 0 20px; + margin-bottom: 20px; +} +/*************************************************************************************************/ +/* SIMPLE LAYOUT COLUMNS */ +/*************************************************************************************************/ +.section-content { + background-color: #FFFFFF; + min-height: 400px; + border-top: 1px solid #171D21; +} +.column { + position: relative; + padding: 20px; + margin-right: 20px; +} +/*************************************************************************************************/ +/* 508 ACCESSIBILITY */ +/*************************************************************************************************/ +.navSkip { + position: absolute; + margin: 1px 0px 0px 10px; + top: 0; + left: -1000px; + width: 150px; + height: 32px; + text-align: center; + line-height: 32px; + background-color: #171D21; + color: #C3CBD4; + z-index: 1040; +} +.navSkip:focus { + left: 0px; + } +/*************************************************************************************************/ +/* PAYWALL */ +/*************************************************************************************************/ +.shared-paywall { + padding-top: 30px; +} +/*************************************************************************************************/ +/* DEFINITION LISTS */ +/*************************************************************************************************/ +.list-dotted { + line-height: 20px; + margin-top: 0; +} +.list-dotted dt { + float: left; + width: 120px; + overflow: hidden; + white-space: nowrap; + margin-right: 5px; + font-weight: normal; + line-height: 20px; + /* SPL-69719 - fix IE10 when in dropdown */ + word-wrap: normal; + } +.list-dotted dt:after { + content: " ............................................"; + } +.list-dotted dd { + line-height: 20px; + margin-left: 125px; + } +/*************************************************************************************************/ +/* PAGE LOAD PLACEHOLDER */ +/*************************************************************************************************/ +#placeholder-splunk-bar { + padding: 0 ; + background-color: #171D21; + text-rendering: geometricPrecision; +} +#placeholder-splunk-bar .brand, #placeholder-splunk-bar .brand:hover { + font-family: "Splunk Icons"; + font-weight: normal; + color: #FFFFFF; + padding: 0 20px; + height: 34px; + font-size: 18px; + line-height: 34px; + text-shadow: none; + text-decoration: none; + text-rendering: geometricPrecision; + margin-left: 0; + } +#placeholder-splunk-bar .brand strong { + color: #818D99; + font-weight: normal; + } +/* reg symbol */ +#placeholder-splunk-bar .brand strong:after { + content: '\AE'; + color: #818D99; + font-weight: normal; + } +#placeholder-app-bar { + color: #FFFFFF; + background-color: #3C444D; + height: 44px; +} +#placeholder-main-section-body { + color: #FFFFFF; + padding-top: 100px; + min-height: 400px; + text-align: center; +} +/*************************************************************************************************/ +/* LITE UI */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* PRINT */ +/*************************************************************************************************/ +@media print { + body, + .main-section-body { + background: none !important; + } + @page { + margin: 1.27cm; + } + + .navSkip { + display: none !important; + } +} +/*===============================================================================================*/ +/* SPLUNK: MIXINS GRID SYSTEM */ +/*===============================================================================================*/ +/* Default 940px grid */ +/* 1200px min */ +/* 768px-979px */ +/*************************************************************************************************/ +/* FLUID GRID */ +/*************************************************************************************************/ +/* 1200px min */ +/* 768px-979px */ +/* Responsive Variables */ +/* Centered container element */ +/* Table columns */ +/* Make a Grid */ +/* Use .makeRow and .makeColumn to assign semantic layouts grid system behavior */ +/* The Grid */ +/*===============================================================================================*/ +/* SPLUNK: GRID SYSTEM */ +/*===============================================================================================*/ +/* Fixed (940px) */ +.span1 { + width: 60px; + float: left; + min-height: 1px; /* prevent collapsing columns */ + margin-left: 20px; + } +.span2 { + width: 140px; + float: left; + min-height: 1px; /* prevent collapsing columns */ + margin-left: 20px; + } +.span3 { + width: 220px; + float: left; + min-height: 1px; /* prevent collapsing columns */ + margin-left: 20px; + } +.span4 { + width: 300px; + float: left; + min-height: 1px; /* prevent collapsing columns */ + margin-left: 20px; + } +.span5 { + width: 380px; + float: left; + min-height: 1px; /* prevent collapsing columns */ + margin-left: 20px; + } +.span6 { + width: 460px; + float: left; + min-height: 1px; /* prevent collapsing columns */ + margin-left: 20px; + } +.span7 { + width: 540px; + float: left; + min-height: 1px; /* prevent collapsing columns */ + margin-left: 20px; + } +.span8 { + width: 620px; + float: left; + min-height: 1px; /* prevent collapsing columns */ + margin-left: 20px; + } +.span9 { + width: 700px; + float: left; + min-height: 1px; /* prevent collapsing columns */ + margin-left: 20px; + } +.span10 { + width: 780px; + float: left; + min-height: 1px; /* prevent collapsing columns */ + margin-left: 20px; + } +.span11 { + width: 860px; + float: left; + min-height: 1px; /* prevent collapsing columns */ + margin-left: 20px; + } +.span12 { + width: 940px; + float: left; + min-height: 1px; /* prevent collapsing columns */ + margin-left: 20px; + } +.offset1 { + margin-left: 100px; + } +.offset2 { + margin-left: 180px; + } +.offset3 { + margin-left: 260px; + } +.offset4 { + margin-left: 340px; + } +.offset5 { + margin-left: 420px; + } +.offset6 { + margin-left: 500px; + } +.offset7 { + margin-left: 580px; + } +.offset8 { + margin-left: 660px; + } +.offset9 { + margin-left: 740px; + } +.offset10 { + margin-left: 820px; + } +.offset11 { + margin-left: 900px; + } +.offset12 { + margin-left: 980px; + } +.row { + margin-left: -20px; + } +.row:before, + .row:after { + display: table; + content: ""; + line-height: 0; + } +.row:after { + clear: both; + } +/* Set the container width, and override it for fixed navbars in media queries */ +.container, + .navbar-static-top .container, + .navbar-fixed-top .container, + .navbar-fixed-bottom .container { + width: 940px; + } +/* Fluid (940px) */ +.row-fluid { + width: 100%; + } +.row-fluid:before, + .row-fluid:after { + display: table; + content: ""; + line-height: 0; + } +.row-fluid:after { + clear: both; + } +.row-fluid .span1 { + display: block; + width: 100%; + min-height: 32px; + /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */ + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* Makes inputs behave like true block-level elements */ + width: 6.38298%; + + float: left; + margin-left: 2.127659574%; + } +.row-fluid .span1:first-child { + margin-left: 0; + } +.row-fluid .span2 { + display: block; + width: 100%; + min-height: 32px; + /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */ + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* Makes inputs behave like true block-level elements */ + width: 14.89362%; + + float: left; + margin-left: 2.127659574%; + } +.row-fluid .span2:first-child { + margin-left: 0; + } +.row-fluid .span3 { + display: block; + width: 100%; + min-height: 32px; + /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */ + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* Makes inputs behave like true block-level elements */ + width: 23.40426%; + + float: left; + margin-left: 2.127659574%; + } +.row-fluid .span3:first-child { + margin-left: 0; + } +.row-fluid .span4 { + display: block; + width: 100%; + min-height: 32px; + /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */ + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* Makes inputs behave like true block-level elements */ + width: 31.91489%; + + float: left; + margin-left: 2.127659574%; + } +.row-fluid .span4:first-child { + margin-left: 0; + } +.row-fluid .span5 { + display: block; + width: 100%; + min-height: 32px; + /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */ + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* Makes inputs behave like true block-level elements */ + width: 40.42553%; + + float: left; + margin-left: 2.127659574%; + } +.row-fluid .span5:first-child { + margin-left: 0; + } +.row-fluid .span6 { + display: block; + width: 100%; + min-height: 32px; + /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */ + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* Makes inputs behave like true block-level elements */ + width: 48.93617%; + + float: left; + margin-left: 2.127659574%; + } +.row-fluid .span6:first-child { + margin-left: 0; + } +.row-fluid .span7 { + display: block; + width: 100%; + min-height: 32px; + /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */ + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* Makes inputs behave like true block-level elements */ + width: 57.44681%; + + float: left; + margin-left: 2.127659574%; + } +.row-fluid .span7:first-child { + margin-left: 0; + } +.row-fluid .span8 { + display: block; + width: 100%; + min-height: 32px; + /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */ + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* Makes inputs behave like true block-level elements */ + width: 65.95745%; + + float: left; + margin-left: 2.127659574%; + } +.row-fluid .span8:first-child { + margin-left: 0; + } +.row-fluid .span9 { + display: block; + width: 100%; + min-height: 32px; + /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */ + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* Makes inputs behave like true block-level elements */ + width: 74.46809%; + + float: left; + margin-left: 2.127659574%; + } +.row-fluid .span9:first-child { + margin-left: 0; + } +.row-fluid .span10 { + display: block; + width: 100%; + min-height: 32px; + /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */ + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* Makes inputs behave like true block-level elements */ + width: 82.97873%; + + float: left; + margin-left: 2.127659574%; + } +.row-fluid .span10:first-child { + margin-left: 0; + } +.row-fluid .span11 { + display: block; + width: 100%; + min-height: 32px; + /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */ + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* Makes inputs behave like true block-level elements */ + width: 91.48937%; + + float: left; + margin-left: 2.127659574%; + } +.row-fluid .span11:first-child { + margin-left: 0; + } +.row-fluid .span12 { + display: block; + width: 100%; + min-height: 32px; + /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */ + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* Makes inputs behave like true block-level elements */ + width: 100%; + + float: left; + margin-left: 2.127659574%; + } +.row-fluid .span12:first-child { + margin-left: 0; + } +.row-fluid .offset1 { + margin-left: 10.6383%; + } +.row-fluid .offset2 { + margin-left: 19.14894%; + } +.row-fluid .offset3 { + margin-left: 27.65958%; + } +.row-fluid .offset4 { + margin-left: 36.17021%; + } +.row-fluid .offset5 { + margin-left: 44.68085%; + } +.row-fluid .offset6 { + margin-left: 53.19149%; + } +.row-fluid .offset7 { + margin-left: 61.70213%; + } +.row-fluid .offset8 { + margin-left: 70.21277%; + } +.row-fluid .offset9 { + margin-left: 78.72341%; + } +.row-fluid .offset10 { + margin-left: 87.23405%; + } +.row-fluid .offset11 { + margin-left: 95.74469%; + } +.row-fluid .offset12 { + margin-left: 104.25532%; + } +/* Space grid-sized controls properly if multiple per line */ +.row-fluid .controls-row [class*="span"] + [class*="span"] { + margin-left: 2.127659574%; + } +/* Reset utility classes due to specificity */ +[class*="span"].hide, +.row-fluid [class*="span"].hide { + display: none; +} +[class*="span"].pull-right, +.row-fluid [class*="span"].pull-right { + float: right; +} +/*===============================================================================================*/ +/* SPLUNK: LAYOUTS */ +/*===============================================================================================*/ +/* Container (centered, fixed-width layouts) */ +.container { + margin-right: auto; + margin-left: auto; +} +.container:before, + .container:after { + display: table; + content: ""; + line-height: 0; + } +.container:after { + clear: both; + } +/* Fluid layouts (left aligned, with sidebar, min- & max-width content) */ +.container-fluid { + padding-right: 20px; + padding-left: 20px; +} +.container-fluid:before, + .container-fluid:after { + display: table; + content: ""; + line-height: 0; + } +.container-fluid:after { + clear: both; + } +/* Base CSS */ +/*************************************************************************************************/ +/* FONTS */ +/*************************************************************************************************/ +@font-face { + font-family: 'Splunk Platform Sans'; + src: url('/static/fonts/proxima-bold-webfont.woff') format('woff'); + font-weight: bold; + font-style: normal; + } +/* Bold */ +@font-face { + font-family: 'Splunk Platform Sans'; + src: url('/static/fonts/proxima-regular-webfont.woff') format('woff'); + font-weight: normal; + font-style: normal; + } +/* Regular */ +@font-face { + font-family: 'Splunk Platform Sans'; + src: url('/static/fonts/proxima-semibold-webfont.woff') format('woff'); + font-weight: 500; + font-style: normal; + } +/* Semi-bold */ +@font-face { + font-family: 'Splunk Platform Mono'; + src: url('/static/fonts/inconsolata-regular.woff') format('woff'); + font-weight: normal; + font-style: normal; + } +/* Monospace */ +@font-face { + font-family: 'Splunk Icons'; + src: url('/static/fonts/splunkicons-regular-webfont.woff') format('woff'); + font-weight: normal; + font-style: normal; + } +/* Splunk Icons : unicode-range: U+00-FF; */ +/*===============================================================================================*/ +/* SPLUNK: TYPOGRAPHY */ +/* Headings, body text, lists, code, and more for a versatile and durable typography system. */ +/*===============================================================================================*/ +/*************************************************************************************************/ +/* BODY TEXT */ +/*************************************************************************************************/ +p { + margin: 0 0 10px; +} +.lead { + margin-bottom: 20px; + font-size: 21px; + font-weight: 200; + line-height: 30px; +} +/*************************************************************************************************/ +/* EMPHASIS & MISC */ +/*************************************************************************************************/ +small { font-size: 85%; } +/* Ex: 14px base font * 85% = about 12px */ +strong { font-weight: bold; } +em { font-style: italic; } +cite { font-style: normal; } +/* Utility classes */ +.text-left { text-align: left; } +.text-right { text-align: right; } +.text-center { text-align: center; } +.muted { + color: #6b7785; + } +a.muted:hover, a.muted:focus { + color: rgb(84, 94, 105); + } +/* .muted */ +.text-warning { + color: #F8BE34; + } +a.text-warning:hover, a.text-warning:focus { + color: rgb(241, 171, 9); + } +/* .text-warning */ +.text-error { + color: #DC4E41; + } +a.text-error:hover, a.text-error:focus { + color: rgb(198, 50, 36); + } +/* .text-error */ +.text-info { + color: #006D9C; + } +a.text-info:hover, a.text-info:focus { + color: rgb(0, 75, 107); + } +/* .text-info */ +.text-success { + color: #53A051; + } +a.text-success:hover, a.text-success:focus { + color: rgb(65, 125, 63); + } +/* .text-success */ +/*************************************************************************************************/ +/* FONT FAMILIES */ +/*************************************************************************************************/ +/* monospace for code and raw +

normal

+

mono space

+*/ +.mono-space { + font-family: "Splunk Platform Mono", Inconsolata, Consolas, "Droid Sans Mono", Monaco, "Courier New", Courier, monospace; +} +/*************************************************************************************************/ +/* HEADINGS */ +/*************************************************************************************************/ +h1 { + margin: 10px 0; + font-size: 24px; + font-family: inherit; + font-weight: 500; + line-height: 20px; + text-transform: none; + color: #FFFFFF; + text-rendering: optimizelegibility; +} +/* Fix the character spacing for headings */ +h1 small { font-size: 21.6px; } +h2 { + margin: 10px 0; + font-size: 18px; + font-family: inherit; + font-weight: 500; + line-height: 20px; + text-transform: none; + color: #FFFFFF; + text-rendering: optimizelegibility; +} +/* Fix the character spacing for headings */ +h2 small { font-size: 16.2px; } +h3 { + margin: 10px 0; + font-size: 16px; + font-family: inherit; + font-weight: 500; + line-height: 20px; + text-transform: none; + color: #FFFFFF; + text-rendering: optimizelegibility; +} +/* Fix the character spacing for headings */ +h3 small { font-size: 14px; } +h4 { + margin: 10px 0; + font-size: 14px; + font-family: inherit; + font-weight: 500; + line-height: 20px; + text-transform: none; + color: #FFFFFF; + text-rendering: optimizelegibility; + /* Fix the character spacing for headings */ + font-size: 14px; +} +h5 { + margin: 10px 0; + font-size: 18px; + font-family: inherit; + font-weight: 500; + line-height: 20px; + text-transform: none; + color: #FFFFFF; + text-rendering: optimizelegibility; + /* Fix the character spacing for headings */ + font-size: 12px; +} +h6 { + margin: 10px 0; + font-size: 18px; + font-family: inherit; + font-weight: 500; + line-height: 20px; + text-transform: none; + color: #FFFFFF; + text-rendering: optimizelegibility; + /* Fix the character spacing for headings */ + font-size: 11px; +} +.section-heading { + margin: 5px 0; + font-size: 14px; + font-family: inherit; + font-weight: 500; + line-height: 20px; + text-transform: uppercase; + color: #F7F8FA; + text-rendering: optimizelegibility; + /* Fix the character spacing for headings */ +} +.section-heading-small { + margin: 5px 0; + font-size: 12px; + font-family: inherit; + font-weight: 500; + line-height: 20px; + text-transform: uppercase; + color: #F7F8FA; + text-rendering: optimizelegibility; + /* Fix the character spacing for headings */ +} +/*************************************************************************************************/ +/* PAGE HEADER */ +/*************************************************************************************************/ +.page-header { + padding-bottom: 9px; + margin: 20px 0 30px; + border-bottom: 1px solid #2B3033; +} +/*************************************************************************************************/ +/* LISTS */ +/*************************************************************************************************/ +/* Unordered and Ordered lists */ +ul, ol { + padding: 0; + margin: 0 0 10px 25px; +} +ul ul, ul ol, ol ul, ol ol { + margin-bottom: 0; + } +/* Remove default list styles */ +ul.unstyled, ol.unstyled { + margin-left: 0; + list-style: none; + } +/* Single-line list items */ +ul.inline, ol.inline { + margin-left: 0; + list-style: none; + } +ul.inline > li, ol.inline > li { + display: inline-block; + padding-left: 5px; + padding-right: 5px; + } +li { + line-height: 20px; +} +/* Description Lists */ +dl { + margin-bottom: 20px; +} +dt, +dd { + line-height: 20px; +} +dt { + font-weight: bold; +} +dd { + margin-left: 10px; +} +/* Horizontal layout (like forms) */ +.dl-horizontal:before, + .dl-horizontal:after { + display: table; + content: ""; + line-height: 0; + } +.dl-horizontal:after { + clear: both; + } +/* Ensure dl clears floats if empty dd elements present */ +.dl-horizontal dt { + float: left; + width: 160px; + clear: left; + text-align: right; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } +.dl-horizontal dd { + margin-left: 180px; + } +/*************************************************************************************************/ +/* MISC */ +/*************************************************************************************************/ +/* Horizontal rules */ +hr { + margin: 20px 0; + border: 0; + border-top: 1px solid #2B3033; + border-bottom: 1px solid #FFFFFF; +} +/* Abbreviations and acronyms */ +abbr[title], + /* Added data-* attribute to help out our tooltip plugin, per https://github.com/twitter/bootstrap/issues/5257 */ +abbr[data-original-title] { + cursor: help; + border-bottom: 1px dotted #818D99; +} +abbr.initialism { + font-size: 90%; + text-transform: uppercase; +} +/* Blockquotes */ +blockquote { + padding: 0 0 0 15px; + margin: 0 0 20px; + border-left: 5px solid #E1E6EB; +} +blockquote p { + margin-bottom: 0; + font-size: 17.5px; + font-weight: 300; + line-height: 1.25; + } +blockquote small { + display: block; + line-height: 20px; + color: #818D99; + } +blockquote small:before { + content: '\2014 \A0'; + } +/* Float right with text-align: right */ +blockquote.pull-right { + float: right; + padding-right: 15px; + padding-left: 0; + border-right: 5px solid #E1E6EB; + border-left: 0; + } +blockquote.pull-right p, + blockquote.pull-right small { + text-align: right; + } +blockquote.pull-right small:before { + content: ''; + } +blockquote.pull-right small:after { + content: '\A0 \2014'; + } +/* Quotes */ +q:before, +q:after, +blockquote:before, +blockquote:after { + content: ""; +} +/* Addresses */ +address { + display: block; + margin-bottom: 20px; + font-style: normal; + line-height: 20px; +} +/*===============================================================================================*/ +/* SPLUNK: CODE (INLINE AND BLOCK) */ +/*===============================================================================================*/ +/* Inline and block code styles */ +code, +pre { + font-family: "Splunk Platform Mono", Inconsolata, Consolas, "Droid Sans Mono", Monaco, "Courier New", Courier, monospace; + border-radius: 3px; +} +/* Inline code */ +code { + padding: 2px 4px; + color: #D14; + background-color: #F7F7F9; + border: 1px solid #E1E1E8; + white-space: nowrap; + font-size: 12px; +} +/* Blocks of code */ +pre { + display: block; + padding: 9.5px; + margin: 0 0 10px; + font-size: 13px; /* 14px to 13px */ + color: #3C444D; + line-height: 20px; + word-break: break-all; + word-wrap: break-word; + white-space: pre; + white-space: pre-wrap; + background-color: #F5F5F5; + border: 1px solid rgba(0, 0, 0, .15); +} +/* Make prettyprint styles more spaced out for readability */ +pre.prettyprint { + margin-bottom: 20px; + } +/* Account for some code outputs that place code tags in pre tags */ +pre code { + padding: 0; + color: inherit; + white-space: pre; + white-space: pre-wrap; + background-color: transparent; + border: 0; + } +/* Enable scrollable blocks of code */ +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} +/*===============================================================================================*/ +/* SPLUNK: FORMS */ +/* Base styles for various input types, form layouts, and states */ +/*===============================================================================================*/ +/*************************************************************************************************/ +/* GENERAL STYLES */ +/*************************************************************************************************/ +/* Make all forms have space below them */ +form, form:last-child { + margin: 0 0 20px; +} +fieldset { + padding: 0; + margin: 0; + border: 0; +} +/* Groups of fields with labels on top (legends) */ +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: 20px; + font-size: 15px; + line-height: 40px; + color: #3C444D; + border: 0; + border-bottom: 1px solid #e5e5e5; +} +/* Small */ +legend small { + font-size: 15px; + color: #818D99; + } +/* Set font for forms */ +label, +input, +button, +select, +textarea { + font-size: 14px; + font-weight: normal; + line-height: 20px; +} +input, +button, +select, +textarea { + font-family: "Splunk Platform Sans", "Proxima Nova", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif; /* And only set font-family here for those that need it (note the missing label element) */ +} +/* Identify controls by their labels */ +label { + display: block; + margin-bottom: 5px; + cursor: default; /* reset pointer */ +} +/*************************************************************************************************/ +/* FORM CONTROLS */ +/*************************************************************************************************/ +/* Shared size and type resets */ +select, +textarea, +input[type="text"], +input[type="password"], +input[type="datetime"], +input[type="datetime-local"], +input[type="date"], +input[type="month"], +input[type="time"], +input[type="week"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="search"], +input[type="tel"], +input[type="color"], +.uneditable-input { + display: inline-block; + padding: 5px 8px; + height: 32px; + line-height: 20px; + font-size: 14px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin-bottom: 10px; + color: #FFFFFF; + border-radius: 3px; + vertical-align: middle; +} +/* Reset appearance properties for textual inputs and textarea */ +/* Declare width for legacy (can't be on input[type=*] selectors or it's too specific) */ +input, +textarea, +.uneditable-input { + width: 206px; /* plus 12px padding and 2px border */ + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +/* Reset height since textareas have rows */ +textarea { + height: auto; +} +/* Everything else */ +textarea, +input[type="text"], +input[type="password"], +input[type="datetime"], +input[type="datetime-local"], +input[type="date"], +input[type="month"], +input[type="time"], +input[type="week"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="search"], +input[type="tel"], +input[type="color"], +.uneditable-input { + background-color: #2B3033; + border: 1px solid #171D21; + -webkit-transition: border 0.2s, -webkit-box-shadow 0.2s; + transition: border 0.2s, -webkit-box-shadow 0.2s; + transition: border 0.2s, box-shadow 0.2s; + transition: border 0.2s, box-shadow 0.2s, -webkit-box-shadow 0.2s; +} +/* Focus state */ +textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { + -webkit-box-shadow: 0 0 1px 2px #00A4FD; + box-shadow: 0 0 1px 2px #00A4FD; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +textarea:focus:active:not([disabled]), input[type="text"]:focus:active:not([disabled]), input[type="password"]:focus:active:not([disabled]), input[type="datetime"]:focus:active:not([disabled]), input[type="datetime-local"]:focus:active:not([disabled]), input[type="date"]:focus:active:not([disabled]), input[type="month"]:focus:active:not([disabled]), input[type="time"]:focus:active:not([disabled]), input[type="week"]:focus:active:not([disabled]), input[type="number"]:focus:active:not([disabled]), input[type="email"]:focus:active:not([disabled]), input[type="url"]:focus:active:not([disabled]), input[type="search"]:focus:active:not([disabled]), input[type="tel"]:focus:active:not([disabled]), input[type="color"]:focus:active:not([disabled]), .uneditable-input:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { + z-index: 3; +} +textarea.text-clear, input[type="text"].text-clear, input[type="password"].text-clear, input[type="datetime"].text-clear, input[type="datetime-local"].text-clear, input[type="date"].text-clear, input[type="month"].text-clear, input[type="time"].text-clear, input[type="week"].text-clear, input[type="number"].text-clear, input[type="email"].text-clear, input[type="url"].text-clear, input[type="search"].text-clear, input[type="tel"].text-clear, input[type="color"].text-clear, .uneditable-input.text-clear { + padding-right: 28px; + } +/* Don't show IE clear button when an artificial one is shown. */ +textarea.text-clear::-ms-clear, input[type="text"].text-clear::-ms-clear, input[type="password"].text-clear::-ms-clear, input[type="datetime"].text-clear::-ms-clear, input[type="datetime-local"].text-clear::-ms-clear, input[type="date"].text-clear::-ms-clear, input[type="month"].text-clear::-ms-clear, input[type="time"].text-clear::-ms-clear, input[type="week"].text-clear::-ms-clear, input[type="number"].text-clear::-ms-clear, input[type="email"].text-clear::-ms-clear, input[type="url"].text-clear::-ms-clear, input[type="search"].text-clear::-ms-clear, input[type="tel"].text-clear::-ms-clear, input[type="color"].text-clear::-ms-clear, .uneditable-input.text-clear::-ms-clear { + display: none; + width: 0; /* IE 11 on windows 8 */ + height: 0; /* IE 11 on windows 8 */ + } +/* Position radios and checkboxes better */ +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; /* IE9 */ + line-height: normal; +} +/* Reset width of input images, buttons, radios, checkboxes */ +input[type="file"], +input[type="image"], +input[type="submit"], +input[type="reset"], +input[type="button"], +input[type="radio"], +input[type="checkbox"] { + width: auto; /* Override of generic input selector */ +} +/* Set the height of select and file controls to match text inputs */ +select, +input[type="file"] { + height: 32px; + line-height: 32px; +} +/* Make select elements obey height by applying a border */ +select { + width: 220px; /* default input width + 10px of padding that doesn't get applied */ + border: 1px solid #171D21; + background-color: #2B3033; /* Chrome on Linux and Mobile Safari need background-color */ +} +/* Make multiple select elements height not fixed */ +select[multiple], +select[size] { + height: auto; +} +/* Focus for select, file, radio, and checkbox */ +select:focus, +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + -webkit-box-shadow: 0 0 1px 2px #00A4FD; + box-shadow: 0 0 1px 2px #00A4FD; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; +} +select:focus:active:not([disabled]), input[type="file"]:focus:active:not([disabled]), input[type="radio"]:focus:active:not([disabled]), input[type="checkbox"]:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +input[type="radio"]:focus { + border-radius: 100%; +} +/*************************************************************************************************/ +/* UNEDITABLE INPUTS */ +/*************************************************************************************************/ +/* Make uneditable inputs look inactive */ +.uneditable-input, +.uneditable-textarea { + color: #5C6773; + background-color: #2B3033; + border-color: #3C444D; + -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.025); + box-shadow: inset 0 1px 2px rgba(0,0,0,.025); + cursor: not-allowed; +} +/* For text that needs to appear as an input but should not be an input */ +.uneditable-input { + overflow: hidden; /* prevent text from wrapping, but still cut it off like an input does */ + white-space: nowrap; +} +/* Make uneditable textareas behave like a textarea */ +.uneditable-textarea { + width: auto; + height: auto; +} +/* restrict text area resize */ +textarea { + min-height: 2em; + resize: vertical; +} +/*************************************************************************************************/ +/* PLACEHOLDER */ +/*************************************************************************************************/ +/* Placeholder text gets special styles because when browsers invalidate entire lines if it doesn't understand a selector */ +input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { + color: #C3CBD4; + opacity: 1; + } +input:-ms-input-placeholder, textarea:-ms-input-placeholder { + color: #C3CBD4; + opacity: 1; + } +input::-ms-input-placeholder, textarea::-ms-input-placeholder { + color: #C3CBD4; + opacity: 1; + } +input::placeholder, textarea::placeholder { + color: #C3CBD4; + opacity: 1; + } +/*************************************************************************************************/ +/* CHECKBOXES & RADIOS */ +/*************************************************************************************************/ +/* Indent the labels to position radios/checkboxes as hanging */ +.radio, +.checkbox { + min-height: 20px; /* clear the floating input if there is no label text */ + padding-left: 20px; +} +.radio input[type="radio"], +.checkbox input[type="checkbox"] { + float: left; + margin-left: -20px; +} +.radio input[type="radio"] { + border-radius: 100%; +} +/* Move the options list down to align with labels */ +.controls > .radio:first-child, +.controls > .checkbox:first-child { + padding-top: 5px; /* has to be padding because margin collaspes */ +} +/* Radios and checkboxes on same line */ +/* TODO v3: Convert .inline to .control-inline */ +.radio.inline, +.checkbox.inline { + display: inline-block; + padding-top: 5px; + margin-bottom: 0; + vertical-align: middle; +} +.radio.inline + .radio.inline, +.checkbox.inline + .checkbox.inline { + margin-left: 10px; /* space out consecutive inline controls */ +} +/*************************************************************************************************/ +/* DISABLED STATE */ +/************************************************************************************************/ +/* Disabled and read-only inputs */ +input[disabled], +select[disabled], +textarea[disabled], +input[readonly], +select[readonly], +textarea[readonly] { + cursor: not-allowed; + background-color: #2B3033; + border-color: #3C444D; + color: #5C6773; +} +/* Explicitly reset the colors here */ +input[type="radio"][disabled], +input[type="checkbox"][disabled], +input[type="radio"][readonly], +input[type="checkbox"][readonly] { + background-color: #2B3033; +} +/*************************************************************************************************/ +/* FORM FIELD FEEDBACK STATES */ +/*************************************************************************************************/ +/* Warning */ +/* Set the text color */ +.control-group.warning .control-label, + .control-group.warning .help-block, + .control-group.warning .help-inline, + .control-group.warning .checkbox, + .control-group.warning .radio { + color: #F8BE34; + } +/* Style inputs accordingly */ +.control-group.warning input, + .control-group.warning select, + .control-group.warning textarea { + color: #F8BE34; + border-color: #F8BE34; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + } +/* Redeclare so transitions work */ +.control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus { + -webkit-box-shadow: 0 0 1px 2px #00A4FD; + box-shadow: 0 0 1px 2px #00A4FD; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.control-group.warning input:focus:active:not([disabled]), .control-group.warning select:focus:active:not([disabled]), .control-group.warning textarea:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus { + z-index: 3; +} +/* Give a small background color for input-prepend/-append */ +.control-group.warning .input-prepend .add-on, + .control-group.warning .input-append .add-on { + color: #F8BE34; + background-color: #FEF2D7; + border-color: #F8BE34; + } +/* Error */ +/* Set the text color */ +.control-group.error .control-label, + .control-group.error .help-block, + .control-group.error .help-inline, + .control-group.error .checkbox, + .control-group.error .radio { + color: #DC4E41; + } +/* Style inputs accordingly */ +.control-group.error input, + .control-group.error select, + .control-group.error textarea { + color: #DC4E41; + border-color: #DC4E41; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + } +/* Redeclare so transitions work */ +.control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus { + -webkit-box-shadow: 0 0 1px 2px #00A4FD; + box-shadow: 0 0 1px 2px #00A4FD; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.control-group.error input:focus:active:not([disabled]), .control-group.error select:focus:active:not([disabled]), .control-group.error textarea:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus { + z-index: 3; +} +/* Give a small background color for input-prepend/-append */ +.control-group.error .input-prepend .add-on, + .control-group.error .input-append .add-on { + color: #DC4E41; + background-color: #31373E; + border-color: #DC4E41; + } +/* Success */ +/* Set the text color */ +.control-group.success .control-label, + .control-group.success .help-block, + .control-group.success .help-inline, + .control-group.success .checkbox, + .control-group.success .radio { + color: #53A051; + } +/* Style inputs accordingly */ +.control-group.success input, + .control-group.success select, + .control-group.success textarea { + color: #53A051; + border-color: #53A051; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + } +/* Redeclare so transitions work */ +.control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus { + -webkit-box-shadow: 0 0 1px 2px #00A4FD; + box-shadow: 0 0 1px 2px #00A4FD; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.control-group.success input:focus:active:not([disabled]), .control-group.success select:focus:active:not([disabled]), .control-group.success textarea:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus { + z-index: 3; +} +/* Give a small background color for input-prepend/-append */ +.control-group.success .input-prepend .add-on, + .control-group.success .input-append .add-on { + color: #53A051; + background-color: #DDECDD; + border-color: #53A051; + } +/* Success */ +/* Set the text color */ +.control-group.info .control-label, + .control-group.info .help-block, + .control-group.info .help-inline, + .control-group.info .checkbox, + .control-group.info .radio { + color: #006D9C; + } +/* Style inputs accordingly */ +.control-group.info input, + .control-group.info select, + .control-group.info textarea { + color: #006D9C; + border-color: #006D9C; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + } +/* Redeclare so transitions work */ +.control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus { + -webkit-box-shadow: 0 0 1px 2px #00A4FD; + box-shadow: 0 0 1px 2px #00A4FD; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.control-group.info input:focus:active:not([disabled]), .control-group.info select:focus:active:not([disabled]), .control-group.info textarea:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus { + z-index: 3; +} +/* Give a small background color for input-prepend/-append */ +.control-group.info .input-prepend .add-on, + .control-group.info .input-append .add-on { + color: #006D9C; + background-color: #CCE2EB; + border-color: #006D9C; + } +/* HTML5 invalid states */ +/* Shares styles with the .control-group.error above */ +input:focus:invalid, +textarea:focus:invalid, +select:focus:invalid { + color: #b94a48; + border-color: #ee5f5b; +} +input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { + border-color: rgb(233, 53, 47); + -webkit-box-shadow: 0 0 6px rgb(248, 188, 186); + box-shadow: 0 0 6px rgb(248, 188, 186); + } +/*************************************************************************************************/ +/* FORM ACTIONS */ +/*************************************************************************************************/ +.form-actions { + padding: 19px 20px 20px; + margin-top: 20px; + margin-bottom: 20px; + background-color: #F7F8FA; + border-top: 1px solid #e5e5e5; /* Adding clearfix to allow for .pull-right button containers */ +} +.form-actions:before, + .form-actions:after { + display: table; + content: ""; + line-height: 0; + } +.form-actions:after { + clear: both; + } +/*************************************************************************************************/ +/* HELP TEXT */ +/*************************************************************************************************/ +.help-block, +.help-inline { + color: #C3CBD4; +} +.help-block > .learn-more-link, .help-block > .help-link, .help-inline > .learn-more-link, .help-inline > .help-link { + white-space: nowrap; + } +.help-block { + display: block; /* account for any element using help-block */ + margin-top: 3px; + margin-bottom: 10px; + line-height: 1.4em; + font-size: 12px; + word-wrap: break-word; +} +.help-inline { + display: inline-block; + vertical-align: middle; + padding-left: 5px; +} +/*************************************************************************************************/ +/* INPUT GROUPS */ +/*************************************************************************************************/ +/* Allow us to put symbols and text within the input field for a cleaner look */ +/*************************************************************************************************/ +/* SEARCH FORM */ +/*************************************************************************************************/ +input.search-query { + margin-bottom: 0; /* Remove the default margin on all inputs */ + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +/*************************************************************************************************/ +/* HORIZONTAL & VERTICAL FORMS */ +/*************************************************************************************************/ +/* Common properties */ +/* ----------------- */ +.form-search input, + .form-search textarea, + .form-search select, + .form-search .uneditable-input, + .form-inline input, + .form-inline textarea, + .form-inline select, + .form-inline .uneditable-input, + .form-horizontal input, + .form-horizontal textarea, + .form-horizontal select, + .form-horizontal .uneditable-input { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + } +/* Re-hide hidden elements due to specifity */ +.form-search .hide, .form-inline .hide, .form-horizontal .hide { + display: none; + } +.form-search label, + .form-search .btn-group, + .form-inline label, + .form-inline .btn-group { + display: inline-block; + } +.form-search .radio, + .form-search .checkbox, + .form-inline .radio, + .form-inline .checkbox { + /* Inline checkbox/radio labels (remove padding on left) */ + padding-left: 0; + margin-bottom: 0; + vertical-align: middle; + } +.form-search .radio input[type="radio"], + .form-search .checkbox input[type="checkbox"], + .form-inline .radio input[type="radio"], + .form-inline .checkbox input[type="checkbox"] { + /* Remove float and margin, set to inline-block */ + float: left; + margin-right: 3px; + margin-left: 0; + } +/* Margin to space out fieldsets */ +.control-group { + margin-bottom: 10px; + position: relative; +} +.control-group.disabled .control-label { + /* If a control is disabled, also gray out the control label */ + color: #5C6773; + cursor: default; + } +.control-group .tooltip-link { + /* Tooltop link */ + top: -0.5em; + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; + margin: 0 2px; + padding: 2px; + cursor: default; + font-weight: normal; + } +/* Legend collapses margin, so next element is responsible for spacing */ +/* Only applies to legends that are not visually hidden for accessibility purposes */ +legend:not(.visuallyhidden) + .control-group { + margin-top: 20px; + -webkit-margin-top-collapse: separate; +} +/*************************************************************************************************/ +/* HORIZONTAL SPECIFIC STYLES */ +/*************************************************************************************************/ +.form-horizontal { + /* Increase spacing between groups */ + + width: 600px; + max-width: 100%; +} +.form-horizontal .control-group { + margin-bottom: 10px; + } +.form-horizontal .control-group:before, + .form-horizontal .control-group:after { + display: table; + content: ""; + line-height: 0; + } +.form-horizontal .control-group:after { + clear: both; + } +/* Float the labels left */ +.form-horizontal .control-label { + float: left; + width: 160px; + padding-top: 5px; + text-align: right; + } +/* Move over all input controls and content */ +.form-horizontal .controls { + margin-left: 180px; + } +.form-horizontal .controls > .help-block { + margin-left: 0; + } +/* Remove bottom margin on block level help text since that's accounted for on .control-group */ +.form-horizontal .help-block { + margin-bottom: 0; + margin-left: 180px; + } +/* And apply it only to .help-block instances that follow a form control */ +.form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block, .form-horizontal .uneditable-input + .help-block { + margin-top: 10px; + } +/* Move over buttons in .form-actions to align with .controls */ +.form-horizontal .form-actions { + padding-left: 180px; + } +/*************************************************************************************************/ +/* INLINE SPECIFIC STYLES */ +/*************************************************************************************************/ +.form-inline label { + line-height: 28px; + } +.form-inline .form-value { + line-height: 28px; + margin-right: 15px; + } +.form-inline input { + width: auto; + margin-right: 15px; + } +/*************************************************************************************************/ +/* CONTROLS LAYOUT */ +/*************************************************************************************************/ +/* Synthetic Radio is always full width */ +.controls .shared-controls-syntheticradiocontrol, + .controls .shared-controls-booleanradiocontrol { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + width: 100%; + } +.controls .shared-controls-syntheticradiocontrol > .btn, .controls .shared-controls-booleanradiocontrol > .btn { + -webkit-box-flex: 1; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + } +.controls-join { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + +} +/* evenly space controls */ +.controls-join .control:not(:only-child) { + -webkit-box-flex: 1; + -ms-flex: 1 0 0px; + flex: 1 0 0px; + max-width: 100%; + } +.controls-join .control:only-child { + width: 100%; + } +/* Text-inputs should take up any extra space */ +.controls-join .shared-controls-textcontrol { + -webkit-box-flex: 0; + -ms-flex: 0 1 100%; + flex: 0 1 100%; + min-width: 30%; + } +/* If there are three controls, allow the text control to get very small */ +.controls-join .shared-controls-textcontrol:nth-last-child(n+3), .controls-join .control:nth-last-child(n+3) ~ .shared-controls-textcontrol { + min-width: 48px; + } +/* First or in the Middle do not have right corners */ +.controls-join .shared-controls-textcontrol:not(:last-child) input, + .controls-join .shared-controls-textcontrol:not(:last-child) .uneditable-input, + .controls-join .shared-controls-syntheticselectcontrol:not(:last-child) .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } +/* Last or in the Middle do not have left corners */ +.controls-join .shared-controls-textcontrol:not(:first-child) input, + .controls-join .shared-controls-textcontrol:not(:first-child) .uneditable-input, + .controls-join .shared-controls-syntheticselectcontrol:not(:first-child) .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: none; + } +/* Control should fill the control div */ +.controls-join input, + .controls-join textarea, + .controls-join select, + .controls-join .uneditable-input, + .controls-join .shared-controls-syntheticselectcontrol .btn { + width: 100%; + } +/* Reset width of input images, buttons, radios, checkboxes */ +.controls-join input[type="file"], + .controls-join input[type="image"], + .controls-join input[type="submit"], + .controls-join input[type="reset"], + .controls-join input[type="button"], + .controls-join input[type="radio"], + .controls-join input[type="checkbox"] { + width: auto; /* Override of generic input selector */ + } +.controls-wrap { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.controls-separate { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.controls-separate .control + .control { + margin-left: 10px; + } +.controls-stack { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column +} +/*************************************************************************************************/ +/* FORM ELEMENTS */ +/*************************************************************************************************/ +.control { + position: relative; +} +/* synthetic placeholder */ +.control .placeholder { + color: #C3CBD4; + position: absolute; + max-width: 100%; + top: 3px; + left: 6px; + font-size: 14px; + } +.control ::-webkit-input-placeholder { + color: #C3CBD4; + opacity: 1; + } +.control :-ms-input-placeholder { + color: #C3CBD4; + opacity: 1; + } +.control ::-ms-input-placeholder { + color: #C3CBD4; + opacity: 1; + } +.control ::placeholder { + color: #C3CBD4; + opacity: 1; + } +/* uneditable-input a read only text field or text area */ +.control .uneditable-input { + background-color: #2B3033; + min-height: 32px; + } +.control .uneditable-input.uneditable-input-multiline { + overflow-y: auto; + white-space: normal; + white-space: pre-wrap; + word-break: break-all; + word-break: break-word; + height: auto; + max-height: 100px; + } +.control.shared-controls-textcontrol .control-clear, .control.shared-controls-textcontrol .search-icon { + position: absolute; + top: calc(50% + 1px); + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + right: 10px; + font-size: 18px; + color: #6b7785; + } +.control.shared-controls-textcontrol .control-clear { + display: none; + } +.control.shared-controls-textcontrol > input { + width: 100%; + } +.control.shared-controls-spinnercontrol { + text-align: center; + } +.control.shared-controls-spinnercontrol input, .control.shared-controls-spinnercontrol .uneditable-input { + display: block; + padding: 4px 65px 4px 6px; + + -webkit-transition: border 0.2s, -webkit-box-shadow 0.2s; + + transition: border 0.2s, -webkit-box-shadow 0.2s; + + transition: border 0.2s, box-shadow 0.2s; + + transition: border 0.2s, box-shadow 0.2s, -webkit-box-shadow 0.2s; + } +.control.shared-controls-spinnercontrol input.corrected-value { + border-color: #DC4E41; + -webkit-box-shadow: #FCEDEC 0px 0px 8px 0px; + box-shadow: #FCEDEC 0px 0px 8px 0px; + } +.control.shared-controls-spinnercontrol .increment-down, .control.shared-controls-spinnercontrol .increment-up { + position: absolute; + right: 1px; + top: 1px; + width: 30px; + line-height: 30px; + } +.control.shared-controls-spinnercontrol .increment-down:focus, .control.shared-controls-spinnercontrol .increment-up:focus { + background-color: rgba(0, 164, 253, 0.1); + -webkit-box-shadow: none; + box-shadow: none; + outline: none; + } +.control.shared-controls-spinnercontrol .increment-down.disabled, .control.shared-controls-spinnercontrol .increment-up.disabled { + color: #5C6773; + } +.control.shared-controls-spinnercontrol .increment-down { + right: 31px; + } +.control.shared-findinput { + display: inline-block; + margin: 5px 0; + } +.control.shared-findinput input { + width: 250px; + } +/* simple text only control (LabelControl) */ +.input-label { + display: inline-block; + padding: 8px 0 4px 0; + height: auto; + line-height: 15px; + font-size: 14px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + max-width: 100%; + word-wrap: break-word; + word-break: break-word; + font-weight: 500; +} +/* wrapper for checkbox */ +label.checkbox { + padding: 2px 0 2px 21px; + margin-bottom: 0; + position: relative; +} +label.checkbox.disabled { + color: #5C6773; + } +label.checkbox >.btn { + padding: 0; + width: 16px; + height: 16px; + border-radius: 2px; + position: absolute; + left: 0; + top: 3px; + } +label.checkbox >.btn > [class*="icon-"] { + margin: 0; + position: relative; + bottom: 6px; + vertical-align: text-top; + } +/*************************************************************************************************/ +/* SMALL FORMS */ +/*************************************************************************************************/ +.control-group-small .control-label { + font-size: 12px; + } +.control-small { + font-size: 12px; +} +.control-small input[type="text"], + .control-small .uneditable-input, + .control-small textarea { + padding-top: 2px; + padding-bottom: 2px; + font-size: inherit; + } +.control-small input[type="text"], + .control-small .uneditable-input { + height: 26px + } +.control-small .uneditable-input { + min-height: 16px; + } +.control-small .btn, .control-small.btn-group > .btn { + padding-top: 2px; + padding-bottom: 2px; + font-size: 12px; + } +.control-small.shared-controls-spinnercontrol input, .control-small.shared-controls-spinnercontrol .uneditable-input { + padding-right: 55px; + } +.control-small.shared-controls-spinnercontrol .increment-down, .control-small.shared-controls-spinnercontrol .increment-up { + width: 24px; + line-height: 24px; + } +.control-small.shared-controls-spinnercontrol .increment-down { + right: 25px; + } +/*************************************************************************************************/ +/* CHECKBOX CONTROLS */ +/*************************************************************************************************/ +.shared-controls-checkboxgroup label.checkbox { + padding-top: 2px; + padding-bottom: 2px; +} +.control-group > .controls > .shared-controls-syntheticcheckboxcontrol:only-child { + padding-top: 4px; /* Align to label */ +} +/*************************************************************************************************/ +/* KEY VALUE CONTROL */ +/*************************************************************************************************/ +.shared-controls-keyvaluecontrol .shared-controls-textcontrol { + margin-right: 10px; + } +.shared-controls-keyvaluecontrol .key-text-control-placeholder, + .shared-controls-keyvaluecontrol .value-text-control-placeholder { + float: left; + } +/*************************************************************************************************/ +/* ACCUMULATOR CONTROL */ +/*************************************************************************************************/ +.accumulator { + width: 700px; +} +.controls-join .accumulator { + width: 100%; + } +.accumulator .availableOptionsContainer, + .accumulator .selectedOptionsContainer { + float: left; + width: calc(50% - 10px); + margin: 0px 20px 0px 0px; + } +.accumulator .addAllLink, .accumulator .removeAllLink { + float: right; + } +.accumulator .selectedOptionsContainer { + margin-right: 0px; + } +.accumulator .availableOptionsHeader { + font-weight: normal; + font-size: 14px; + width: 200px; + margin-right: 22px; + padding-bottom: 5px; + line-height: 0px; + } +.accumulator .selectedOptionsHeader { + width: 200px; + margin-right: 0px; + } +.accumulator ul.availableOptions, .accumulator ul.selectedOptions { + border-radius: 3px; + height: 100px; + overflow: auto; + list-style: none; + margin: 0; + padding: 0; + border: 1px solid #171D21; + clear: left; + } +.accumulator .accDisabled ul.availableOptions, + .accumulator .accDisabled ul.selectedOptions { + background-color: #F7F8FA; + } +.accumulator ul.availableOptions li, .accumulator ul.selectedOptions li { + clear: left; + padding: 4px 5px; + font-size: 14px; + cursor: pointer; + line-height: 1; + } +.accumulator ul.availableOptions li:hover, + .accumulator ul.selectedOptions li:hover { + background-color: #3C444D; + } +.accumulator ul.availableOptions li span, .accumulator ul.selectedOptions li span { + margin: 0px 8px 0 0; + display: block; + float: left; + } +.accumulator ul span.splIcon-arrow-e { + background-color: #007ABD; + } +.accumulator ul.availableOptions li.selected, .accumulator .accDisabled ul li { + color: #6b7785; + } +.accumulator ul.availableOptions li.selected span.splIcon, + .accumulator .accDisabled ul li span.splIcon { + background-color: #C3CBD4; + } +.accumulator .selected { + background-color: transparent; + } +.control-group.error .accumulator ul { + border-color: #DC4E41; + } +.accumulator .icon-class { + color: #6b7785; + } +.accumulator div.wide { + width: 340px; + } +/*************************************************************************************************/ +/* TABLE FORMS */ +/* TODO: figure out what this is for. */ +/*************************************************************************************************/ +/* + + + + + + + + + +
cell +
help-block
+
cell +
help-block
+
+*/ +table.form td { + padding-right: 10px; + padding-bottom: 5px; +} +table.form tr:last-child td { + padding-bottom: 0; +} +table.form tr:last-child .help-block { + margin-bottom: 0; +} +/*************************************************************************************************/ +/* FORMAT DIALOGS */ +/*************************************************************************************************/ +.form-format .control-label { + width: 100px; + } +/* remove margin from last group */ +.form-format .control-group:last-child { + margin-bottom: 0; + } +.form-format .controls { + margin-left: 120px; + } +/* Horizontal form, left-aligned */ +.form-horizontal.align-left .control-label { + width: auto; + text-align: left; + display: inline-block; + float: none; + } +.form-horizontal.align-left .controls { + margin-left: 15px; + display: inline-block; + } +/* Append /Prepend */ +/* -------------- */ +.shared-controls-textcontrol.input-prepend { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.shared-controls-textcontrol.input-prepend > input, .shared-controls-textcontrol.input-prepend .uneditable-input { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + -webkit-box-flex: 1; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + width: 0; + } +.shared-controls-textcontrol.input-prepend > .btn:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-right: none; + } +.shared-controls-textcontrol.input-append, +.shared-controls-textbrowsecontrol { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.shared-controls-textcontrol.input-append > input, .shared-controls-textcontrol.input-append .uneditable-input, .shared-controls-textbrowsecontrol > input, .shared-controls-textbrowsecontrol .uneditable-input { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + -webkit-box-flex: 1; + -ms-flex: 1 0 auto; + flex: 1 0 auto; /* SPL-122817 */ + width: 0; + } +.shared-controls-textcontrol.input-append > input + .btn, .shared-controls-textcontrol.input-append .uneditable-input + .btn, .shared-controls-textbrowsecontrol > input + .btn, .shared-controls-textbrowsecontrol .uneditable-input + .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: none; + } +.shared-controls-textcontrol.input-append .add-on, .shared-controls-textbrowsecontrol .add-on { + display: inline-block; + padding: 5px 14px; + height: auto; + line-height: 20px; + font-size: 14px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 5px 14px; + margin-bottom: 0; /* For input.btn */ + font-weight: 400; + color: #FFFFFF; + text-align: center; + vertical-align: middle; + border: 1px solid; + border-left: none; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + + background-color: #5C6773; + + border-color: #171D21; + + color: #FFFFFF; + + -webkit-box-shadow: inset 0px -1px 0 #3C444D; + + box-shadow: inset 0px -1px 0 #3C444D; + + text-decoration: none; + + text-shadow: none; + + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + -webkit-filter: none; + + filter: none; /* this breaks some bootstrap styles */ + } +.shared-controls-textcontrol.input-append .add-on[disabled], .shared-controls-textbrowsecontrol .add-on[disabled] { + color: #5C6773; + border-color: #3C444D; + cursor: not-allowed; + } +/* Form Complex */ +/* -------------- */ +/* +
+
+ +
+ +
+
+
+ +
+ + + eg. this is some help text
+ that goes outside the form for some reason ;_; + +
+
+
+
+ + +
+
+
+*/ +/* complex forms? maybe use form-narrow? */ +.form-complex { + width: 100%; +} +.form-complex .controls { + position: relative; + } +.form-complex .control-group { + width: 440px; /* magic number ;_; maybe move width to container */ + } +.form-complex .control-heading { /* like control-label but without the float */ + padding-top: 5px; + text-align: right; + width: 160px; + font-weight: bold; + } +.form-complex .help-block, .form-complex .help-outer { + position: absolute; + top: 4px; + left: 100%; + margin-left: 10px; + margin-top: 0 !important; /* TODO: get rid of important; */ + width: 280px; + } +.form-complex .outline { + border: 1px solid #171D21; + border-radius: 3px; + margin-bottom: 10px; /* TOOD: use var here; */ + margin-top: 0; + padding-top: 10px; + } +.form-complex fieldset { + border: 1px solid transparent; + } +.form-complex .btn-check { + display: inline-block; + padding: 0; + height: auto; + line-height: 20px; + font-size: 14px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + text-align: center; + vertical-align: middle; + width: 20px; + } +.form-complex .control-feedback { + display: block; + width: 100%; + } +/* feedback for controls */ +.control-feedback { + color: #FFFFFF; + background-color: #2B3033; + border-radius: 3px; + font-size: 85%; + text-align: center; + margin-top: 3px; +} +/*************************************************************************************************/ +/* SYNTHETIC RADIO CONTROL */ +/*************************************************************************************************/ +.shared-controls-syntheticradiocontrol > .tooltip { + white-space:normal; + } +.shared-controls-syntheticradiocontrol .btn-radio { + -webkit-animation: none 0s ease 0s 1 normal none running; + animation: none 0s ease 0s 1 normal none running; + -webkit-backface-visibility: visible; + backface-visibility: visible; + background: transparent none repeat 0 0 / auto auto padding-box border-box scroll; + border: medium none currentColor; + border-collapse: separate; + -o-border-image: none; + border-image: none; + border-radius: 0; + border-spacing: 0; + bottom: auto; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-box-sizing: content-box; + box-sizing: content-box; + caption-side: top; + clear: none; + clip: auto; + color: #000; + -webkit-columns: auto; + columns: auto; + -webkit-column-count: auto; + column-count: auto; + -webkit-column-fill: balance; + column-fill: balance; + -webkit-column-gap: normal; + column-gap: normal; + -webkit-column-rule: medium none currentColor; + column-rule: medium none currentColor; + -webkit-column-span: 1; + column-span: 1; + -webkit-column-width: auto; + column-width: auto; + content: normal; + counter-increment: none; + counter-reset: none; + cursor: auto; + direction: ltr; + display: inline; + empty-cells: show; + float: none; + font-family: serif; + font-size: medium; + font-style: normal; + font-variant: normal; + font-weight: normal; + font-stretch: normal; + line-height: normal; + height: auto; + -webkit-hyphens: none; + -ms-hyphens: none; + hyphens: none; + left: auto; + letter-spacing: normal; + list-style: disc outside none; + margin: 0; + max-height: none; + max-width: none; + min-height: 0; + min-width: 0; + opacity: 1; + orphans: 2; + outline: medium none invert; + overflow: visible; + overflow-x: visible; + overflow-y: visible; + padding: 0; + page-break-after: auto; + page-break-before: auto; + page-break-inside: auto; + -webkit-perspective: none; + perspective: none; + -webkit-perspective-origin: 50% 50%; + perspective-origin: 50% 50%; + position: static; + right: auto; + -moz-tab-size: 8; + -o-tab-size: 8; + tab-size: 8; + table-layout: auto; + text-align: left; + text-align-last: auto; + text-decoration: none; + text-indent: 0; + text-shadow: none; + text-transform: none; + top: auto; + -webkit-transform: none; + transform: none; + -webkit-transform-origin: 50% 50% 0; + transform-origin: 50% 50% 0; + -webkit-transform-style: flat; + transform-style: flat; + -webkit-transition: none 0s ease 0s; + transition: none 0s ease 0s; + unicode-bidi: normal; + vertical-align: baseline; + visibility: visible; + white-space: normal; + widows: 2; + width: auto; + word-spacing: normal; + z-index: auto; + font-family: "Splunk Platform Sans", "Proxima Nova", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 20px; + color: #FFFFFF; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: block; + border-width: 1px; + visibility: inherit; + /* postcss-initial does not correctly reset this for all browsers */ + outline: medium none #00A4FD; + outline: medium none invert; + position: relative; + padding: 3px 0 3px 20px; + color: #FFFFFF; + text-decoration: none; + } +.shared-controls-syntheticradiocontrol .btn-radio:before { + content:''; + border: 1px solid; + background-color: #5C6773; + border-color: #171D21; + color: #FFFFFF; + -webkit-box-shadow: inset 0px -1px 0 #3C444D; + box-shadow: inset 0px -1px 0 #3C444D; + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + + position: absolute; + left: 0; + top: 4px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 16px; + height: 16px; + border-radius: 8px; + + } +.shared-controls-syntheticradiocontrol .btn-radio.disabled { + cursor: not-allowed; + color: #5C6773; + opacity: 0.65; + } +.shared-controls-syntheticradiocontrol .btn-radio.disabled:before { + background: #2B3033; + -webkit-filter: none; + filter: none; + border-color: #3C444D; + } +.shared-controls-syntheticradiocontrol .btn-radio:not(.disabled):hover:before { + background-color: #3C444D; + border-color: #171D21; + color: #FFFFFF; + -webkit-box-shadow: inset 0px -1px 0 #3C444D; + box-shadow: inset 0px -1px 0 #3C444D; + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + } +.shared-controls-syntheticradiocontrol .btn-radio:focus:before { + -webkit-box-shadow: 0 0 1px 2px #00A4FD; + box-shadow: 0 0 1px 2px #00A4FD; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.shared-controls-syntheticradiocontrol .btn-radio:focus:before:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.shared-controls-syntheticradiocontrol .btn-radio.active:after { + content:''; + position: absolute; + left: 4px; + top: 8px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 8px; + height: 8px; + border-radius: 4px; + background-color: currentColor; + } +.radio-control-list { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} +/*************************************************************************************************/ +/* ERROR STATES */ +/*************************************************************************************************/ +.error .btn { + background-color: #F1B9B3; + border-color: #DC4E41; + color: #DC4E41; + -webkit-box-shadow: inset 0px -1px 0 #3C444D; + box-shadow: inset 0px -1px 0 #3C444D; + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + } +.error .btn.active { + background-color: #EA958D; + border-color: #DC4E41; + color: #DC4E41; + -webkit-box-shadow: inset 0px -1px 0 #3C444D; + box-shadow: inset 0px -1px 0 #3C444D; + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + background-image: none; + } +.error .btn:hover { + background-color: #EA958D; + border-color: #DC4E41; + color: #DC4E41; + -webkit-box-shadow: inset 0px -1px 0 #3C444D; + box-shadow: inset 0px -1px 0 #3C444D; + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + } +.required { + color: #DC4E41; +} +/* Custom shared form components for color editing */ +/* ------------------------------------------------------ */ +.color-square { + display: block; + width: 32px; + height: 32px; + background: #53A051; + border: 1px solid #000000; + border-radius: 2px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.color-square:focus { + -webkit-box-shadow: 0 0 1px 2px #00A4FD; + box-shadow: 0 0 1px 2px #00A4FD; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.color-square:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.color-square-standalone { + margin-top: 3px; +} +/*===============================================================================================*/ +/* SPLUNK: TABLES */ +/* Tables for, you guessed it, tabular data. */ +/*===============================================================================================*/ +/*************************************************************************************************/ +/* BASE TABLES */ +/*************************************************************************************************/ +table { + max-width: 100%; + background-color: transparent; + border-collapse: collapse; + border-spacing: 0; +} +/*************************************************************************************************/ +/* BASELINE STYLES */ +/*************************************************************************************************/ +.table { + width: auto; + min-width: 100%; + max-width: none; + margin-bottom: 20px; +} +/* Cells */ +.table th, .table td { + text-align: left; + vertical-align: top; + padding: 6px 12px; + line-height: 20px; + border-bottom: 1px solid transparent; + } +.table th td:focus, .table td td:focus { + -webkit-box-shadow: none; + box-shadow: none; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.table th td:focus:active:not([disabled]), .table td td:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.table th td:focus, .table td td:focus { + -webkit-box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; + box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; +} +.table th .tooltip-link, .table td .tooltip-link { + top:-.5em; + position:relative; + font-size:75%; + line-height:0; + vertical-align:baseline; + cursor:default; + font-weight:400; + } +.table th div { + padding: 6px 12px; + } +.table thead th { + vertical-align: bottom; + } +/* Remove top border from thead by default */ +.table caption + thead tr:first-child th, + .table caption + thead tr:first-child td, + .table colgroup + thead tr:first-child th, + .table colgroup + thead tr:first-child td, + .table thead:first-child tr:first-child th, + .table thead:first-child tr:first-child td { + border-top: 0; + } +/* Account for multiple tbody instances */ +.table tbody + tbody { + border-top: 2px solid transparent; + } +/* sorts */ +.table .sorts { + white-space: nowrap; + cursor: pointer; + } +.table .sorts a { + color: inherit; + } +.table .sorts a:hover { + text-decoration: none; + } +.table .sorts:hover { + color: #00A4FD; + } +.table .sorts .icon-sorts:before { + font-family: "Splunk Icons"; + content: "\2195"; + padding-left: 5px; + color: unset; + } +.table .sorts.active .icon-sorts:before { + color: unset; + } +.table .sorts .asc:before, + .table .sorts .Asc:before { + content: "\21A5"; + color: inherit; + } +.table .sorts .desc:before, + .table .sorts .Desc:before { + content: "\21A7"; + color: inherit; + } +.table .sorts[tabindex]:focus { + outline: 0; + -webkit-box-shadow: none; + box-shadow: none; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.table .sorts[tabindex]:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.table .sorts[tabindex]:focus { + -webkit-box-shadow: inset 0 0 2px 1px #171D21, inset 0 0 0 2px #00A4FD; + box-shadow: inset 0 0 2px 1px #171D21, inset 0 0 0 2px #00A4FD; +} +/* Nesting */ +.table .table { + background-color: transparent; + } +/*************************************************************************************************/ +/* CONDENSED TABLE W/ HALF PADDING */ +/*************************************************************************************************/ +.table-condensed th, + .table-condensed td { + padding: 3px 6px; + } +/*************************************************************************************************/ +/* BORDERED TABLE */ +/*************************************************************************************************/ +.table-bordered { + border: 1px solid transparent; + border-collapse: separate; /* Done so we can round those corners! */ + border-left: 0; +} +.table-bordered th, + .table-bordered td { + border-left: 1px solid transparent; + } +/*************************************************************************************************/ +/* BORDERED LITE TABLE */ +/* A stripped-down version of bootstrap's table-bordered */ +/*************************************************************************************************/ +.table-bordered-lite th, .table-bordered-lite td { + border-left: 1px solid transparent; + } +.table-bordered-lite th:first-child, .table-bordered-lite td:first-child { + border-left: none; + } +/*************************************************************************************************/ +/* BORDERED DOTTED TABLE */ +/*************************************************************************************************/ +.table-dotted td, .table-dotted th { + border-top: 1px dashed #171D21; + } +/*************************************************************************************************/ +/* STRIPED TABLE */ +/*************************************************************************************************/ +.table-striped > thead > tr > th { + background-color: #2B3033; + border-top: 1px solid transparent; + } +.table-striped > tbody > tr:nth-child(odd) > td, + .table-striped > tbody > tr:nth-child(odd) > th { + background-color: #31373E; + } +.table-striped > tbody > tr:nth-child(even) > td { + background-color: #2B3033; + } +.table-striped > tbody > tr.odd > td, + .table-striped > tbody > tr.odd > th { + background-color: #31373E; + } +.table-striped > tbody > tr.even > td, + .table-striped > tbody > tr.even > th { + background-color: #2B3033; + } +.table-striped > tbody > tr > td { + border: none; + } +.table-striped.table-chrome > tbody > tr:nth-child(even) > td, + .table-striped.table-chrome > tbody > tr:nth-child(odd).even > td, + .table-striped.table-chrome > tbody > tr.even > td { + background-color: #31373E; + } +.table-striped.table-chrome > tbody > tr:nth-child(odd) > td, + .table-striped.table-chrome > tbody > tr:nth-child(even).odd > td, + .table-striped.table-chrome > tbody > tr.odd > td { + background-color: #2B3033; + } +/*************************************************************************************************/ +/* CHROME TABLE */ +/* Table with dark header background color. */ +/*************************************************************************************************/ +.table-chrome, .table-chrome.table-row-expanding { + border: none; + } +.table-chrome > thead > tr > th { + font-weight: normal; + background-color: #171D21; + border-right: 1px solid #32414C; + border-bottom: none; + -webkit-box-shadow: none; + box-shadow: none; + } +.table-chrome > thead > tr > th:last-child { + border-right: none; + } +/* sorting */ +.table-chrome .sorts { + border-bottom: none; + } +/* saf3+, chrome1+ */ +@media screen and (-webkit-min-device-pixel-ratio:0) { + /* fix table headers */ + .table-chrome > thead > tr > th { position: relative; } +} +/*************************************************************************************************/ +/* HOVER EFFECT */ +/*************************************************************************************************/ +.table-hover > tbody > tr > td, .table-hover > tbody > tr > th { + -webkit-transition: background 0.05s; + transition: background 0.05s; + } +.table-hover > tbody > tr:hover > td, + .table-hover > tbody > tr:hover > th { + background-color: #3C444D !important; + } +/*************************************************************************************************/ +/* TABLE CELL SIZING */ +/*************************************************************************************************/ +/* Reset default grid behavior */ +table td[class*="span"], +table th[class*="span"], +.row-fluid table td[class*="span"], +.row-fluid table th[class*="span"] { + display: table-cell; + float: none; /* undo default grid column styles */ + margin-left: 0; /* undo default grid column styles */ +} +/* Change the column widths to account for td/th padding */ +.table td.span1, .table th.span1 { float: none; /* undo default grid column styles */ width: 44px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } +.table td.span2, .table th.span2 { float: none; /* undo default grid column styles */ width: 124px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } +.table td.span3, .table th.span3 { float: none; /* undo default grid column styles */ width: 204px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } +.table td.span4, .table th.span4 { float: none; /* undo default grid column styles */ width: 284px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } +.table td.span5, .table th.span5 { float: none; /* undo default grid column styles */ width: 364px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } +.table td.span6, .table th.span6 { float: none; /* undo default grid column styles */ width: 444px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } +.table td.span7, .table th.span7 { float: none; /* undo default grid column styles */ width: 524px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } +.table td.span8, .table th.span8 { float: none; /* undo default grid column styles */ width: 604px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } +.table td.span9, .table th.span9 { float: none; /* undo default grid column styles */ width: 684px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } +.table td.span10, .table th.span10 { float: none; /* undo default grid column styles */ width: 764px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } +.table td.span11, .table th.span11 { float: none; /* undo default grid column styles */ width: 844px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } +.table td.span12, .table th.span12 { float: none; /* undo default grid column styles */ width: 924px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } +/*************************************************************************************************/ +/* FOCUS EFFECT */ +/* Add focus back in, needs to come last */ +/*************************************************************************************************/ +.table > tbody > tr.even > td:focus, .table > tbody > tr.odd > td:focus { + -webkit-box-shadow: none; + box-shadow: none; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none;} +.table > tbody > tr.even > td:focus:active:not([disabled]), .table > tbody > tr.odd > td:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.table > tbody > tr.even > td:focus, .table > tbody > tr.odd > td:focus { + -webkit-box-shadow: inset 0 0 2px 1px #2B3033, inset 0 0 0 2px #00A4FD; + box-shadow: inset 0 0 2px 1px #2B3033, inset 0 0 0 2px #00A4FD; +} +.table > tbody > tr:focus, + .table > tbody > tr.even:focus, + .table > tbody > tr.odd:focus { + outline: none; + } +.table > tbody > tr:focus > td, .table > tbody > tr.even:focus > td, .table > tbody > tr.odd:focus > td { + -webkit-box-shadow: none; + box-shadow: none; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none;} +.table > tbody > tr:focus > td:active:not([disabled]), .table > tbody > tr.even:focus > td:active:not([disabled]), .table > tbody > tr.odd:focus > td:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.table > tbody > tr:focus > td, .table > tbody > tr.even:focus > td, .table > tbody > tr.odd:focus > td { + -webkit-box-shadow: inset 0 0 2px 1px #2B3033, inset 0 0 0 2px #00A4FD; + box-shadow: inset 0 0 2px 1px #2B3033, inset 0 0 0 2px #00A4FD; +} +/*************************************************************************************************/ +/* TABLE BACKGROUNDS */ +/* Exact selectors below required to override .table-striped */ +/*************************************************************************************************/ +.table tbody tr.success > td { + background-color: #DDECDD; + } +.table tbody tr.error > td { + background-color: #31373E; + } +.table tbody tr.warning > td { + background-color: #FEF2D7; + } +.table tbody tr.info > td { + background-color: #CCE2EB; + } +/* Hover states for .table-hover */ +.table-hover tbody tr.success:hover > td { + background-color: rgb(206, 227, 206); + } +.table-hover tbody tr.error:hover > td { + background-color: rgb(38, 43, 49); + } +.table-hover tbody tr.warning:hover > td { + background-color: rgb(253, 234, 190); + } +.table-hover tbody tr.info:hover > td { + background-color: rgb(185, 216, 228); + } +/* EMBEDDED TABLES */ +/* -------------------- */ +/* tables that appear within other tables. */ +.table-embed { + width: 100%; + border: 0; +} +.table-embed td { + border-bottom: 1px dashed #171D21; + border-left: 0; + padding: 0; + background-color: transparent !important; + } +.table-embed td:first-child { + padding-right: 10px; + } +/*************************************************************************************************/ +/* ROW EXPANDING */ +/*************************************************************************************************/ +.table-row-expanding { + width: 100%; + table-layout: fixed; + margin-bottom: -1px; + border-bottom: 1px solid #171D21; +} +.table-row-expanding > tbody > tr > td.expands { + cursor: pointer; + border-right: 1px solid #32414C; + padding: 0; + } +.table-row-expanding > tbody > tr > td.expands.disabled { + color: #5C6773; + cursor: default; + } +.table-row-expanding > tbody > tr > td.expands.disabled > span, .table-row-expanding > tbody > tr > td.expands.disabled a { + color: inherit; + cursor: inherit; + } +.table-row-expanding > tbody > tr > td.expands > span, .table-row-expanding > tbody > tr > td.expands a, .table-row-expanding > tbody > tr > td.expands > i { + color: #FFFFFF; + display: block; + padding: 6px 10px; + width: 15px; + height: 100%; + text-decoration: none; + text-align: center; + } +.table-row-expanding > tbody > tr > td.expands a:focus { + -webkit-box-shadow: none; + box-shadow: none; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.table-row-expanding > tbody > tr > td.expands a:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.table-row-expanding > tbody > tr > td.expands a:focus { + -webkit-box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; + box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; +} +.table-row-expanding > tbody > tr > td > .btn-combo { + margin: -4px 5px -6px 20px; + } +.table-row-expanding > tbody > tr > td > .btn-combo:first-child { + margin-left: 0; + } +.table-row-expanding > tbody > tr > td.title > a, .table-row-expanding > tbody > tr > td.title > span { + margin: -6px -12px; + padding: 6px 12px; + display: block; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + font-size: 14px; + line-height: 20px; + } +.table-row-expanding > tbody > tr > td.title > a:focus, .table-row-expanding > tbody > tr > td.title > span:focus { + -webkit-box-shadow: none; + box-shadow: none; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.table-row-expanding > tbody > tr > td.title > a:focus:active:not([disabled]), .table-row-expanding > tbody > tr > td.title > span:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.table-row-expanding > tbody > tr > td.title > a:focus, .table-row-expanding > tbody > tr > td.title > span:focus { + -webkit-box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; + box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; +} +.table-row-expanding > tbody > tr > td.title > .disabled { + color: #5C6773; + } +.table-row-expanding > tbody > tr > td:focus { + -webkit-box-shadow: none; + box-shadow: none; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.table-row-expanding > tbody > tr > td:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.table-row-expanding > tbody > tr > td:focus { + -webkit-box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; + box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; +} +/* TODO unify these class names */ +.table-row-expanding > tbody > tr.more-info, .table-row-expanding > tbody > tr.info-row > td { + border-top: none; + background-color: #3C444D; + } +/* style for an extra row inserted in the expanded state */ +.table-row-expanding > tbody > tr.expanded > td { + background-color: #3C444D; + } +.table-row-expanding > tbody > tr.expanded > td.title > a { + white-space: normal; + } +.table-row-expanding th.col-info { + width: 15px; + padding-left: 10px; + padding-right: 10px; + text-align: center; + vertical-align: top; + font-size: 100%; + border-right: 1px solid #32414C; + } +.table-row-expanding th.col-info a { + text-decoration: none; + color: #000000; + -webkit-box-shadow: none; + box-shadow: none; + } +.table-row-expanding th.col-info .icon-info { + width: 15px; + display: block; + } +.table-row-expanding td.expands:hover:not(.disabled), .table-row-expanding td.col-info:hover:not(.disabled) { + border-right: 1px solid #32414C !important; + } +.table-row-expanding td.expands:hover:not(.disabled) a > i, .table-row-expanding td.col-info:hover:not(.disabled) a > i { + color: #00A4FD; + } +.table-row-expanding td.expands.disabled:hover, .table-row-expanding td.col-info.disabled:hover { + background-color: inherit !important; + } +.table-row-expanding td.expands .icon-triangle-right-small:before { + content: "\203A"; + } +.table-row-expanding td.expands .icon-triangle-down-small:before { + content: "\2C5"; + } +/* remove sorting icons for info column */ +.table-chrome .sorts th.col-info:after { + content: ""; + } +.table-padded { + padding: 0 20px; +} +/*************************************************************************************************/ +/* SPECIAL COLUMNS AND CELLS */ +/* Custom styles for row numbers */ +/*************************************************************************************************/ +td.row-number, +th.row-number { + width: 1px; +} +td.row-number, td.line-num { + text-align: right; + color: #6b7785; +} +/* custom styles for numeric value cells */ +th.numeric, td.numeric { + text-align: right +} +td.end-group { + border-right: 1px solid #32414C; +} +/*************************************************************************************************/ +/* DOCKING AND STATIC TABLE HEADERS */ +/* Class for docking table header and scroll bar */ +/*************************************************************************************************/ +.header-table-docked { + position: fixed; + top: 0; + z-index: 405; + overflow: hidden; + -webkit-box-shadow: 0 2px 4px #C3CBD4; + box-shadow: 0 2px 4px #C3CBD4; + background: #FFFFFF; +} +.header-table-docked > .disable { + display: block; + position: absolute; + top: 0px; + right: 0px; + bottom: 0px; + left: 0px; + background-color: #5C6773; + opacity: 0.30; + } +.header-table-docked > table { + table-layout: fixed; + margin-bottom: 0; + /* SPL-71945, this prevents the last header cell from appearing un-styled in Firefox and IE */ + max-width: inherit; + } +.main-section > .header-table-docked, .table-padded > .header-table-docked { + width: calc(100% - 40px); + margin-left: 20px !important; + } +.table-scroll-bar-docked { + position: fixed; + bottom: 0; + left: 0; + right: 0; + overflow-x: auto; +} +/* class for static table header and scroll bar */ +.header-table-static { + height: 0; + position: relative; + z-index: 405; +} +.header-table-static > table { + margin-bottom: 0; + } +.header-table-wrapper { + overflow: hidden; + border-bottom: 1px solid transparent; +} +.header-table-wrapper .table { + margin-bottom: 0; + } +/* need to clean up these two classes to make sense */ +.scroll-table-wrapper { /* used on dashboards and embedded tables, the wrapper scrolls horz and vert */ + height: 380px; /* override */ + width: 100%; + overflow: auto; +} +.scrolling-table-wrapper { /* tables that will scroll horizontally */ + width: 100%; + overflow-x: auto; + position: relative; +} +/* tables that will scroll vertically, up to consumer to set height or max-height */ +.vertical-scrolling-table-wrapper { + width: 100%; + overflow-y: auto; +} +/*************************************************************************************************/ +/* MODALIZING ROWS */ +/*************************************************************************************************/ +.modalize-table-top, .modalize-table-bottom, .modalize-table-overlay { + position: absolute; + left: 0; + background-color: #5C6773; + opacity: 0.30; +} +.modalize-table-top { + top: 0; +} +.modalize-table-bottom { + bottom: 0; +} +.modalize-table-overlay { + position: fixed; + top: 0; + bottom: 0; + right: 0; +} +/*************************************************************************************************/ +/* DRILLDOWN */ +/*************************************************************************************************/ +.table-drilldown > tbody > tr > td { + color: #00A4FD; +} +.table-drilldown > tbody > tr > td:hover { + color: #006EAA; + } +/* reset for row # */ +.table-drilldown > tbody > tr > td.row-number { + color: #6b7785; + } +.table-drilldown-row > tbody > tr:hover > td { + color: #006EAA; +} +/* reset for row # */ +.table-drilldown-row > tbody > tr:hover > td.row-number { + color: #6b7785; + } +.table-drilldown-cell > tbody > tr > td:hover .multivalue-subcell { + color: #00A4FD; + } +.table-drilldown-cell > tbody > tr > td:hover .multivalue-subcell:hover { + color: #006EAA; + } +/*************************************************************************************************/ +/* MISC */ +/*************************************************************************************************/ +/* misc hacks that should probably never been added */ +.ui-grid-head-table, +.ui-grid-body-table { + margin-bottom: 0; +} +/* table-scroll? */ +.table-scroll tbody { + max-height: 200px; + overflow-y: scroll; + } +/* just the row borders */ +.table-border-row { + border-top: 1px solid transparent; +} +.table-border-row th, .table-border-row td { + border-top: 1px solid transparent; + } +/* fixed width tables */ +.table-fixed { + table-layout: fixed; +} +.table-fixed tr > td:first-child { + max-width: 300px; + word-break: break-all; + } +/* remove the sorting icons for the row number column */ +.table-chrome .sorts th.row-number:after { + content: ""; + } +/* Print */ +/* -------------------------------------------------- */ +@media print { + body table { + max-width: 100% !important; + width: 100% !important; + overflow: hidden !important; + table-layout: auto !important; + } + body .scrolling-table-wrapper, body .results-wrapper, body .results-table, body .events-viewer-wrapper { + max-width: 100% !important; + width: 100% !important; + overflow: hidden !important; + } + body td, + body th { + background: none !important; + word-break: break-all !important; + word-wrap: break-word !important; + overflow-wrap: break-word !important; + white-space: normal !important; + width: auto !important; + page-break-inside:auto; + } + body .table-chrome .sorts:after { + content: ''; + } + body .header-table-docked, + body .table-scroll-bar-docked { + display: none !important; + } +} +body.print table { + max-width: 100% !important; + width: 100% !important; + overflow: hidden !important; + table-layout: auto !important; + } +body.print .scrolling-table-wrapper, body.print .results-wrapper, body.print .results-table, body.print .events-viewer-wrapper { + max-width: 100% !important; + width: 100% !important; + overflow: hidden !important; + } +body.print td, + body.print th { + background: none !important; + word-break: break-all !important; + word-wrap: break-word !important; + overflow-wrap: break-word !important; + white-space: normal !important; + width: auto !important; + page-break-inside:auto; + } +body.print .table-chrome .sorts:after { + content: ''; + } +body.print .header-table-docked, + body.print .table-scroll-bar-docked { + display: none !important; + } +/*===============================================================================================*/ +/* SPLUNK: TABLE CAPTIONS */ +/* The count, filters and pagination that appear above a listing. */ +/*===============================================================================================*/ +.table-caption, +.table-caption-inner { + min-height: 42px; + text-align: center; + margin-bottom: 5px; +} +.table-caption-inner.affix-top { + left: 0; + top: 0; + right: 0; + background-color: #F2F4F5; + z-index: 405; + position: fixed; +} +.table-caption h3, .table-caption span.shared-collectioncount { + font-size: 14px; + font-weight: normal; + float: left; + padding-left: 20px; + line-height: 42px; + margin: 0; + min-width: 140px; + text-align: left; + } +.table-caption .shared-waitspinner { + float: left; + width: 14px; + height: 14px; + margin: 12px 5px 2px 0; + } +.table-caption form.shared-tablecaption-input { + display: inline-block; + margin: 5px 0; + } +.table-caption form.shared-tablecaption-input input { + width: 250px; + } +.table-caption .btn-group { + display: inline-block; + margin-right: 10px; + } +.table-caption .pagination { + min-width: 150px; + margin: 5px 20px 0 20px; + } +/*************************************************************************************************/ +/* FILTER FORMS */ +/*************************************************************************************************/ +.shared-tablecaption-input { + position: relative; +} +.table-caption div.shared-controls-controlgroup { + display: inline-block; + margin: 0px 10px 0px 0; +} +.table-caption .pagination { + min-width: 150px; + margin: 5px 20px 0 20px; +} +/*===============================================================================================*/ +/* SPLUNK: STANDARD TOUR */ +/*===============================================================================================*/ +.tourbar { + background-color: #171D21; + min-height: 46px; + position: relative; +} +.tourbar .info-container { + margin: 0px 200px; + padding: 10px; + background-color: #3C444D; + min-height: 26px; + } +.tourbar .info-container .info { + font-size: 14px; + color: #E1E6EB; + } +.tourbar .btn { + background: transparent; + -webkit-filter: none; + filter: none; + border-color: #000000; + color: #E1E6EB; + text-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; + top: 50%; + margin-top: -13px; + position: absolute; + } +.tourbar .btn.next { + right: 158px; + } +.tourbar .btn.previous { + left: 158px; + } +.tourbar .btn.close-btn { + right: 10px; + } +.tourbar .close-container { + float: right; + margin: 10px 25px 10px 25px; + } +.tourbar .next-container { + float: right; + margin: 10px 0px 10px 25px; + } +.tourbar .previous-container { + float: left; + margin: 10px 25px; + } +.tour-highlight { + position: relative; +} +.tour-highlight::after { + content: ""; + position: absolute; + right: -20px; + top: -20px; + height: 30px; + width: 30px; + z-index: 99999; + + background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDIwIDIwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDx0aXRsZT5VbnRpdGxlZCAyPC90aXRsZT4KICAgIDxkZXNjcmlwdGlvbj5DcmVhdGVkIHdpdGggU2tldGNoIChodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gpPC9kZXNjcmlwdGlvbj4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPgogICAgICAgIDxwYXRoIGQ9Ik02LjcxNDQ2NjA5LDYuNzE0NDY2MDkgTDAsMCBMMCwyMCBMMjAsMjAgTDEzLjc4NTUzMzksMTMuNzg1NTMzOSBMMjAuMDQ1OTQxNSw3LjUyNTEyNjI3IEwxMi45NzQ4NzM3LDAuNDU0MDU4NDU0IEw2LjcxNDQ2NjA5LDYuNzE0NDY2MDkgWiIgaWQ9IlRyaWFuZ2xlLTEiIGZpbGw9IiNEODVEM0MiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+); + + background-size: 30px 30px; + -webkit-animation: highlightedElementAnimation 2s infinite alternate; + animation: highlightedElementAnimation 2s infinite alternate; + } +@-webkit-keyframes highlightedElementAnimationFrames { + from { right: -20px; top: -20px; } + to { right: -30px; top: -30px; } +} +@keyframes highlightedElementAnimationFrames { + from { right: -20px; top: -20px; } + to { right: -30px; top: -30px; } +} +/* IMAGE TOUR CAROUSEL */ +.image-tour-container .carousel { + width: 960px; + height: 718px; + background: #3C444D; + margin-bottom: 0; + } +.image-tour-container .carousel .carousel-control { + top: 52%; + background: none; + border: none; + color: #5CC05C; + opacity: 1; + left: 45px; + font-size: 48px; + z-index: 60; + } +.image-tour-container .carousel .carousel-control polygon { + fill: #5CC05C; + } +.image-tour-container .carousel .carousel-control:hover polygon{ + fill: #7ECD7E; + } +.image-tour-container .carousel .carousel-control.disabled { + display: none; + } +.image-tour-container .carousel .carousel-control:focus { + -webkit-box-shadow: none; + box-shadow: none; + } +.image-tour-container .carousel .carousel-control.right { + right: 45px; + left: auto; + } +.image-tour-container .carousel .carousel-indicators { + bottom: 18px; + top: inherit; + right: 50%; + -webkit-transform: translate(50%, 0); + transform: translate(50%, 0); + z-index: 60; + } +.image-tour-container .carousel .carousel-indicators li { + height: 6px; + width: 6px; + cursor: pointer; + background: #818D99; + border: none; + margin-left: 10px; + margin-bottom: 0px; + } +.image-tour-container .carousel .carousel-indicators li.active { + background-color: #5CC05C; + } +.image-tour-container .carousel .carousel-indicators li:first-child { + margin-left: 0; + } +.image-tour-container .carousel .item { + width: 960px; + height: 716px; + } +.image-tour-container .carousel .item img { + width:100%; + } +.image-tour-container .carousel .item.active img:hover { + cursor: pointer; + } +.image-tour-container .carousel .help-link { + position: absolute; + width: 150px; + height: 30px; + top: 122px; + left: 563px; + } +.image-tour-container .carousel a#splunk-answers { + top: 160px; + left: 504px; + width: 140px; + } +.image-tour-container .tour-links { + position: absolute; + top: 15px; + right: 5px; + padding: 5px; + text-align: right; + z-index: 50; + font-size: 12px; + } +.image-tour-container .tour-links a { + color: #FFFFFF; + margin-left: 15px; + } +.image-tour-container .tour-links a:hover { + text-decoration: underline; + } +.image-tour-container .welcome-slide { + position: absolute; + top: 0; + left: 0; + z-index: 100; + } +.image-tour-container .tour-btn { + background: rgba(0, 0, 0, 0.3); + position: absolute; + top: 300px; + left: 50%; + padding: 30px 40px; + font-size: 30px; + color: #FFFFFF; + cursor: pointer; + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); + } +.image-tour-container .start-tour, + .image-tour-container .exit-tour { + color: #5CC05C; + } +.image-tour-container .tour-gutter { + background: rgba(60, 68, 77, 0.9); + height: 132px; + width: 962px; + font-size: 16px; + color: #FFFFFF; + position: absolute; + bottom: 0px; + z-index: 50; + left: 50%; + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); + } +.image-tour-container .tour-gutter div.gutter-text { + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + margin: 0 auto; + position: relative; + top: 50%; + line-height: 150%; + width: 720px; + text-align: center; + } +.image-tour-container .tour-gutter a { + color: #FFFFFF; + text-decoration: underline; + } +.image-tour-container .carousel-assets { + position: absolute; + height: 132px; + width: 960px; + bottom: 0; + } +.image-tour-container .next-tour, + .image-tour-container .try-it-now { + display: none; + } +.image-tour-container .try-it-now { + position: absolute; + right: 30px; + z-index: 500; + bottom: 50px; + } +@media only screen and (max-height: 750px) { + .image-tour-container .carousel-assets, + .image-tour-container .tour-gutter { + position: fixed; + } + .image-tour-container .carousel-assets { + bottom: -132px; + z-index: 60; + } + .image-tour-container .carousel-assets .carousel-control { + top: inherit; + bottom: 175px; + } + .image-tour-container .carousel-assets .carousel-indicators { + bottom: 150px; + } + .image-tour-container .carousel-assets .tour-links { + top: inherit; + bottom: 220px; + } + .image-tour-container .carousel-assets .try-it-now { + top: inherit; + bottom: 180px; + } +} +/* IMAGE TOUR MODAL */ +.image-tour .tour-modal { + width: 960px; + margin-left: -480px; + height: 716px; + background: #3C444D; + z-index: 1061; +} +.image-tour .tour-modal.fade.in { + top: 15px; + } +.modal-backdrop.tour-backdrop.fade { + background: #3C444D; + z-index: 1060; +} +.modal-backdrop.tour-backdrop.fade.in { + opacity: 1; + background: #3C444D; + } +.shared-tour-producttours.modal, .shared-tour-imagetour.modal, .shard-interactivetour.modal { + background-clip: border-box; + } +.shared-tour-producttours.modal .modal-header, .shared-tour-imagetour.modal .modal-header, .shard-interactivetour.modal .modal-header { + padding-bottom: 10px; + } +.shared-tour-producttours.modal .modal-body, .shared-tour-imagetour.modal .modal-body, .shard-interactivetour.modal .modal-body { + padding: 0 10px 10px; + border-top: 0; + } +.shared-tour-producttours.modal .modal-body:last-child, .shared-tour-imagetour.modal .modal-body:last-child, .shard-interactivetour.modal .modal-body:last-child { + max-height: none; + } +/* INTERACTIVE TOUR */ +.introjs-overlay { + position: absolute; + z-index: 999999; + background-color: #000000; + opacity: 0; + background: radial-gradient(center,ellipse cover,rgba(0, 0, 0, 0.4) 0,rgba(0, 0, 0, 0.9) 100%); +} +.introjs-fixParent { + z-index: auto !important; + opacity: 1.0 !important; + position: absolute !important; + -webkit-transform: none !important; + transform: none !important; + display: block !important; +} +.introjs-showElement, +tr.introjs-showElement > td, +tr.introjs-showElement > th { + z-index: 9999999 !important; +} +.introjs-disableInteraction { + z-index: 99999999 !important; + position: absolute; +} +a.introjs-showElement { + display: inline-block !important; +} +.introjs-relativePosition, +tr.introjs-showElement > td, +tr.introjs-showElement > th { + position: relative; +} +.introjs-helperLayer { + position: absolute; + z-index: 9999998; + background-color: rgba(255, 255, 255, 0.9); + border: 1px solid rgba(0, 0, 0, 0.5); + border-radius: 4px; + -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4); + box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4); +} +.introjs-tooltipReferenceLayer { + position: absolute; + z-index: 10000000; + background-color: transparent; +} +.introjs-helperLayer *, +.introjs-helperLayer *:before, +.introjs-helperLayer *:after { + -webkit-box-sizing: content-box; + box-sizing: content-box; +} +.introjs-helperNumberLayer { + position: absolute; + top: -16px; + left: -16px; + z-index: 9999999999 !important; + padding: 2px; + font-size: 13px; + font-weight: bold; + color: white; + text-align: center; + text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); + background: -webkit-gradient(linear, left top, left bottom, from(#DC4E41), to(#5C6773)); + background: linear-gradient(to bottom, #DC4E41 0%, #5C6773 100%); + width: 20px; + height:20px; + line-height: 20px; + border: 3px solid white; + border-radius: 50%; + -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); +} +.introjs-arrow { + border: 8px solid rgba(60, 68, 77, 0.9); + content:''; + position: absolute; +} +.introjs-arrow.top { + top: -15px; + border-top-color:transparent; + border-right-color:transparent; + border-bottom-color: rgba(60, 68, 77, 0.9); + border-left-color:transparent; +} +.introjs-arrow.top-right { + top: -15px; + right: 10px; + border-top-color:transparent; + border-right-color:transparent; + border-bottom-color: rgba(60, 68, 77, 0.9); + border-left-color:transparent; +} +.introjs-arrow.top-middle { + top: -15px; + left: 50%; + margin-left: -5px; + border-top-color:transparent; + border-right-color:transparent; + border-bottom-color: rgba(60, 68, 77, 0.9); + border-left-color:transparent; +} +.introjs-arrow.right { + right: -15px; + top: 15px; + border-top-color:transparent; + border-right-color:transparent; + border-bottom-color:transparent; + border-left-color: rgba(60, 68, 77, 0.9); +} +.introjs-arrow.right-bottom { + bottom:10px; + right: -15px; + border-top-color:transparent; + border-right-color:transparent; + border-bottom-color:transparent; + border-left-color: rgba(60, 68, 77, 0.9); +} +.introjs-arrow.bottom { + bottom: -15px; + border-top-color: rgba(60, 68, 77, 0.9); + border-right-color:transparent; + border-bottom-color:transparent; + border-left-color:transparent; +} +.introjs-arrow.left { + left: -15px; + top: 10px; + border-top-color:transparent; + border-right-color: rgba(60, 68, 77, 0.9); + border-bottom-color:transparent; + border-left-color:transparent; +} +.introjs-arrow.left-bottom { + left: -15px; + bottom:10px; + border-top-color:transparent; + border-right-color: rgba(60, 68, 77, 0.9); + border-bottom-color:transparent; + border-left-color:transparent; +} +.introjs-tooltip { + position: absolute; + padding: 40px 60px 10px; + text-align: center; + color: #FFFFFF; + background-color: rgba(60, 68, 77, 0.9); + min-width: 400px; + max-width: 500px; + border-radius: 0; + -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4); + box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4); +} +.introjs-tooltiptext a { + color: #FFFFFF; + text-decoration: underline; +} +.introjs-tooltipbuttons { + text-align: right; + white-space: nowrap; +} +.introjs-button { + overflow: visible; + padding: 5px; + margin: 0; + color: #5CC05C; + fill: #5CC05C; + text-decoration: none; + font-size: 25px; + cursor: pointer; + outline: none; + position: absolute; + top: 50%; + -webkit-transform: translate(0, -45%); + transform: translate(0, -45%); +} +.introjs-button:hover polygon{ + fill: rgb(130, 206, 130); + } +.introjs-button.introjs-disabled { + display: none; + } +.introjs-button:focus { + -webkit-box-shadow: none; + box-shadow: none; + background: none; + } +.introjs-tooltiplinks { + position: absolute; + top: 10px; + right: 5px; +} +.introjs-skipbutton, +.introjs-nexttourbutton { + font-size: 12px; + color: #FFFFFF; + position: relative; +} +.introjs-skipbutton:hover, .introjs-nexttourbutton:hover { + color: #FFFFFF; + } +.introjs-skipbutton:focus, .introjs-nexttourbutton:focus { + color: #FFFFFF; + } +.introjs-skipbutton.done { + color: #5CC05C; +} +.introjs-prevbutton { + left: 10px; +} +.introjs-nextbutton { + right: 10px; +} +.introjs-disabled, +.introjs-disabled:hover, +.introjs-disabled:focus { + color: #818D99; + -webkit-box-shadow: none; + box-shadow: none; + cursor: default; + background-image: none; + text-decoration: none; +} +.introjs-bullets { + text-align: center; + padding-top: 30px; +} +.introjs-bullets ul { + clear: both; + margin: 15px auto 0; + padding: 0; + display: inline-block; +} +.introjs-bullets ul li { + list-style: none; + float: left; + margin: 0 5px; + } +.introjs-bullets ul li a { + display: block; + width: 6px; + height: 6px; + background: #C3CBD4; + border-radius: 10px; + text-decoration: none; + } +.introjs-bullets ul li a.active { + background: #5CC05C; + } +.introjs-progress { + overflow: hidden; + height: 10px; + margin: 10px 0 5px 0; + border-radius: 4px; + background-color: #E1E6EB; +} +.introjs-progressbar { + float: left; + width: 0%; + height: 100%; + font-size: 10px; + line-height: 10px; + text-align: center; + background-color: #006D9C; +} +.introjsFloatingElement { + position: absolute; + height: 0; + width: 0; + left: 50%; + top: 50%; +} +.introjs-tooltiptext { + font-size: 16px; + line-height: 24px; +} +/* tour links in product tours modal */ +.tours-links { + text-align: center; + margin: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} +.tours-links li { + position: relative; + list-style: none; + margin-bottom: 20px; + display: inline-block; + text-align: center; + } +.tours-links .mask { + position:absolute; + top:0; + bottom:0; + left: 0; + right: 0; + opacity:0; + border-radius: 3px; + cursor: pointer; + background-color: #5CC05C; + -webkit-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; + } +.tours-links .mask:hover { + opacity:0.1; + } +.tours-links .svg-wrapper { + height: 84px; + padding: 10px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + } +.tours-links .svg-wrapper svg { + width: 84px; + fill: #5CC05C; + } +.tour-link { + position: relative; + padding: 10px; + margin: 10px; + display: inline-block; + color: #3C444D !important; + font-weight: 500; + -webkit-box-flex: 1; + -ms-flex: 1 1 0px; + flex: 1 1 0; + max-width: 25%; + -webkit-transition: opacity 0.125s, background 0.05s; + transition: opacity 0.125s, background 0.05s; +} +.tour-link:hover { + background: rgba(195, 203, 212, 0.1); + text-decoration: none; + } +.tour-link:focus { + -webkit-box-shadow: 0 0 1px 2px #00A4FD; + box-shadow: 0 0 1px 2px #00A4FD; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.tour-link:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.tour-link i { + height: 84px; + padding: 32px 40px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + font-size: 76px; + line-height: 60px; + color: #5CC05C; + } +/* Components: common */ +/*===============================================================================================*/ +/* SPLUNK: ICONS */ +/* Override bootstrap glyph icons and replace with custom font icons loosely based on */ +/* [FontAwesome](http://fortawesome.github.com/Font-Awesome/) see splunk */ +/* [styleguide](http://localhost:8000/static/style-guide.html) for more details */ +/*===============================================================================================*/ +/*----------------------------------------------*/ +/* Make Icon Class: */ +/* .icon-[icon name] */ +/* @params: */ +/* Icon Name */ +/* Content */ +/*----------------------------------------------*/ +/*----------------------------------------------*/ +/* Make Icon Class + Font Smoothing */ +/*----------------------------------------------*/ +/*----------------------------------------------*/ +/* Make Icon Class + Margin Right */ +/*----------------------------------------------*/ +/*----------------------------------------------*/ +/* Make Icon Class + Font Family Inherit */ +/*----------------------------------------------*/ +/*************************************************************************************************/ +/* ICON FONT FACE */ +/*************************************************************************************************/ +[class^="icon-"]:before, +[class*=" icon-"]:before { + font-family: "Splunk Icons"; + font-style: normal; + font-weight: normal; + text-decoration: inherit; + line-height: inherit; +} +a [class^="icon-"], +a [class*=" icon-"] { + display: inline-block; + text-decoration: none; + line-height: inherit; +} +/* makes the font 33% larger relative to the icon container */ +.icon-large { + font-size: 1.3333333333333333em; + vertical-align: middle; +} +/*************************************************************************************************/ +/* UTILS & HELPERS */ +/*************************************************************************************************/ +/* utility for setting font-family */ +/* TODO: is this used? or needed? */ +.font-icon { + font-family: "Splunk Icons"; + font-size: inherit; + line-height: inherit; +} +.icon-no-underline:first-child { + padding-right: 0.3em; + } +.icon-no-underline:last-child { + padding-left: 0.3em; + } +.icon-no-underline:first-child:last-child { + padding-right: 0; + padding-left: 0; + } +.icon-no-underline:before { + text-decoration: none; + } +.padded-icon { + margin-right: 0.5em; +} +/*image replace helper*/ +.ir { + position: relative; + display: inline-block; + min-width: 0.5em; + text-indent: -9999px; + outline:none; +} +/* vertical-align:middle; */ +.ir:before { + position: absolute; + top: 0; + left: 0; /* Firefox needs to be explicit here */ + text-indent: 0; + } +/*************************************************************************************************/ +/* FONT ICONS */ +/* When possible we should use the Unicode Private Use Area (PUA) to ensure screen readers do */ +/* not read off random characters that represent icons. */ +/* convert this ... */ +/* .icon-share:before { */ +/* content: "\EC83 "; */ +/* } */ +/* into this */ +/*
  • */ +/* Search: */ +/* \.(icon-[^:]+).* */ +/* Replace: */ +/*
  • */ +/*************************************************************************************************/ +/* example + Check - + Check +*/ +/* Splunk logo */ +.icon-splunk:before { + content: "splunk"; + } +.icon-greater:before { + content: ">"; + } +.icon-hunk:before { + content: "\F000"; + } +.icon-enterprise:before { + content: "\F001"; + } +.icon-cloud-logo:before { + content: "\F002"; + } +.icon-splunk-light:before { + content: "\F003"; + } +/* Shapes */ +.icon-circle:before { + content: "\ECD0"; + } +.icon-circle-filled:before { + content: "\25CF"; + } +.icon-box-filled:before { + content: "\25A0"; + } +.icon-triangle-up-small:before { + content: "\25B4"; + } +.icon-triangle-right:before { + content: "\25B6"; + } +.icon-triangle-right-small:before { + content: "\25B8"; + } +.icon-triangle-down:before { + content: "\25BC"; + } +.icon-triangle-down-small:before { + content: "\25BE"; + } +.icon-triangle-left:before { + content: "\25C0"; + } +.icon-triangle-left-small:before { + content: "\25C2"; + } +/* Arrows & Pointers */ +.icon-arrow-up:before { + content: "\EC01"; + } +.icon-arrow-right:before { + content: "\27A1"; + } +.icon-arrow-down:before { + content: "\EC02"; + } +.icon-arrow-left:before { + content: "\EC00"; + } +.icon-two-arrows-cycle:before { + content: "\EC12"; + } +.icon-external:before { + content: "\EC13"; + } +.icon-rotate-counter:before { + content: "\21BA"; + } +.icon-rotate:before { + content: "\21BB"; + } +.icon-location:before { + content: "\EC80"; + } +.icon-chevron-left:before { + content: "\2039"; + } +.icon-chevron-right:before { + content: "\203A"; + } +.icon-chevron-up:before { + content: "\2C4"; + } +.icon-chevron-down:before { + content: "\2C5"; + } +/* Actions */ +.icon-trash:before { + content: "\EC66"; + } +.icon-share:before { + content: "\27A6"; + } +.icon-export:before { + content: "\EC68"; + } +.icon-print:before { + content: "\EC89"; + } +.icon-search:before { + content: "\EC9B"; + } +.icon-search-thin:before { + content: "\ECC2"; + } +.icon-pivot:before { + content: "\EC12"; + } +.icon-clone:before { + content: "\ECE8"; + } +.icon-pause:before { + content: "\EC50"; + } +.icon-stop:before { + content: "\25A0"; + } +.icon-play:before { + content: "\25B6"; + } +.icon-sort:before { + content: "\2195"; + } +.icon-sorted-up:before { + content: "\21A5"; + } +.icon-sorted-down:before { + content: "\21A7"; + } +.icon-minus:before { + content: "\2212"; + } +.icon-minus-circle:before { + content: "\2296"; + margin-right: 0.25em + } +.icon-plus:before { + content: "+"; + } +.icon-plus-circle:before { + content: "\2295"; + } +.icon-x:before { + content: "\2717"; + } +.icon-x-circle:before { + content: "\2297"; + } +.icon-close:before { + content: "\2717"; + } +.icon-cancel:before { + content: "\2717"; + } +.icon-collapse-left:before { + content: "\ECE0"; + } +.icon-expand-right:before { + content: "\ECE1"; + } +/* Concepts */ +.icon-activity:before { + content: "\ECAE"; + } +.icon-string:before { + content: "a"; + } +.icon-number:before { + content: "#"; + } +.icon-text:before { + content: "\ECD9"; + } +.icon-not-allowed:before { + content: "\EC9E"; + } +.icon-data:before { + content: "\ECA4"; + } +.icon-data-input:before { + content: "\ECA3"; + } +.icon-settings:before { + content: "\ECA5"; + } +.icon-distributed-environment:before { + content: "\ECA6"; + } +.icon-visible:before { + content: "\ECC0"; + } +.icon-hidden:before { + content: "\ECC1"; + } +.icon-boolean:before { + content: "\ECD2"; + } +.icon-menu:before { + content: "\EC56"; + } +.icon-rows:before { + content: "\EC56"; + } +.icon-tiles:before { + content: "\ECF0"; + } +.icon-metric:before { + content: "\ECF5"; + } +.icon-event:before { + content: "\ECF6"; + } +.icon-rollup:before { + content: "\ECF8"; + } +/* Misc */ +.icon-info:before { + content: "i"; + } +.icon-info-circle:before { + content: "I"; + } +.icon-question:before { + content: "?"; + font-family: inherit + } +.icon-question-circle:before { + content: "\EC9D"; + } +.icon-box-unchecked:before { + content: "\2610"; + } +.icon-box-checked:before { + content: "\2611"; + } +.icon-check-circle:before { + content: "\ECD3"; + } +.icon-alert-circle:before { + content: "\ECD4"; + } +.icon-code:before { + content: "\ECD7"; + } +.icon-code-thin:before { + content: "\ECD6"; + } +.icon-alert:before { + content: "\26A0"; + } +.icon-error:before { + content: "\ECE2"; + } +.icon-warning:before { + content: "\26A0"; + } +.icon-fullscreen:before { + content: "\ECF3"; + } +/* Objects */ +.icon-bell:before { + content: "\EC9C"; + } +.icon-bookmark:before { + content: "\ECA1"; + } +.icon-bulb:before { + content: "\EC98"; + } +.icon-calendar:before { + content: "\EC9A"; + } +.icon-check:before { + content: "\2713"; + } +.icon-clock:before { + content: "\231A"; + } +.icon-cloud:before { + content: "\2601"; + } +.icon-flag:before { + content: "\2691"; + } +.icon-gear:before { + content: "\2699"; + } +.icon-lightning:before { + content: "\2301"; + } +.icon-link:before { + content: "\ECF1"; + } +.icon-lock:before { + content: "\EC9F"; + } +.icon-lock-unlocked:before { + content: "\ECA0"; + } +.icon-mail:before { + content: "\2709"; + } +.icon-pencil:before { + content: "\270F"; + } +.icon-speech-bubble:before { + content: "\EC99"; + } +.icon-star:before { + content: "\2605"; + } +.icon-user:before { + content: "\EC84"; + } +.icon-clipboard:before { + content: "\ECD5"; + } +.icon-paintbrush:before { + content: "\ECCA"; + } +.icon-warning-sign:before { + content: "\26A0"; + } +/* Results and Visualizations */ +.icon-chart-area:before { + content: "\ECA9"; + } +.icon-chart-bar:before { + content: "\ECAA"; + } +.icon-chart-column:before { + content: "\ECAB"; + } +.icon-chart-pie:before { + content: "\ECAC"; + } +.icon-chart-scatter:before { + content: "\ECAD"; + } +.icon-chart-bubble:before { + content: "\ECB8"; + } +.icon-chart-line:before { + content: "\ECAE"; + } +.icon-single-value:before { + content: "\ECAF"; + } +.icon-gauge-radial:before { + content: "\ECA2"; + } +.icon-gauge-marker:before { + content: "\ECB0"; + } +.icon-gauge-filler:before { + content: "\ECB1"; + } +.icon-choropleth-map:before { + content: "\ECB9"; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } +.icon-external-viz:before { + content: "\ECF2"; + } +.icon-label-rotation--90:before { + content: "\ECE3"; + } +.icon-label-rotation--45:before { + content: "\ECE4"; + } +.icon-label-rotation-0:before { + content: "\ECE5"; + } +.icon-label-rotation-45:before { + content: "\ECE6"; + } +.icon-label-rotation-90:before { + content: "\ECE7"; + } +.icon-trellis-layout:before { + content: "\F004"; + } +.icon-chart-area-plus-table:before { + content: "\ECA9 + \ECA8"; + } +.icon-chart-bar-plus-table:before { + content: "\ECAA + \ECA8"; + } +.icon-chart-column-plus-table:before { + content: "\ECAB + \ECA8"; + } +.icon-chart-pie-plus-table:before { + content: "\ECAC + \ECA8"; + } +.icon-chart-scatter-plus-table:before { + content: "\ECAD + \ECA8"; + } +.icon-chart-bubble-plus-table:before { + content: "\ECB8 + \ECA8"; + } +.icon-chart-line-plus-table:before { + content: "\ECAE + \ECA8"; + } +.icon-single-value-plus-table:before { + content: "\ECAF + \ECA8"; + } +.icon-gauge-radial-plus-table:before { + content: "\ECA2 + \ECA8"; + } +.icon-gauge-marker-plus-table:before { + content: "\ECB0 + \ECA8"; + } +.icon-gauge-filler-plus-table:before { + content: "\ECB1 + \ECA8"; + } +.icon-location-plus-table:before { + content: "\EC80 + \ECA8"; + } +.icon-choropleth-map-plus-table:before { + content: "\ECB9 + \ECA8"; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } +.icon-external-viz-plus-table:before { + content: "\ECF2 + \ECA8"; + } +/* Formatting */ +.icon-list:before { + content: "\ECA7"; + } +.icon-table:before { + content: "\ECA8"; + } +.icon-bar-beside:before { + content: "\ECB2"; + } +.icon-bar-stacked:before { + content: "\ECB3"; + } +.icon-bar-stacked-100:before { + content: "\ECB4"; + } +.icon-missing-value-skipped:before { + content: "\ECB5"; + } +.icon-missing-value-zero:before { + content: "\ECB6"; + } +.icon-missing-value-join:before { + content: "\ECB7"; + } +/* Documents */ +.icon-folder:before { + content: "\ECE9"; + } +.icon-document:before { + content: "\ECC3"; + } +.icon-report:before { + content: "\ECC3"; + } +.icon-report-search:before { + content: "\ECC4"; + } +.icon-report-pivot:before { + content: "\ECC5"; + } +.icon-dashboard:before { + content: "\ECC6"; + } +.icon-panel:before { + content: "\ECC7"; + } +.icon-panel-search:before { + content: "\ECC8"; + } +.icon-panel-pivot:before { + content: "\ECC9"; + } +/*===============================================================================================*/ +/* SPLUNK: POPDOWN */ +/*===============================================================================================*/ +/* TODO: review how this works with dropdown */ +/* popdown for variable content +
    +
    +
    +
    + content ... +
    +
    +
    +*/ +/* Popdown wrapper */ +.popdown { + position: relative +} +/* popdown container */ +.popdown-dialog { + background-color: #31373E; + border: 1px solid #000000; + -webkit-box-shadow: 1px 4px 5px rgba(0, 0, 0, 0.5); + box-shadow: 1px 4px 5px rgba(0, 0, 0, 0.5); + border-radius: 2px; + top: 100%; + left: 50%; + margin: 8px 0 0 -103px; + display: none; + position: absolute; + z-index: 1059; + white-space: normal; +} +/* placement of arrow */ +.popdown-dialog .arrow { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-top: 0; + border-bottom-color: #000000; + top: -8px; + left: 50%; + margin-left: -4px; + } +/* generated arrow */ +.popdown-dialog .arrow:before { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-top: 0; + border-bottom-color: #31373E; + top: 1px; + left: -8px; + } +/* prevent inheriting nowrap from btn-group */ +.popdown-dialog.up { + margin-top: 0; + } +/* placement of arrow */ +.popdown-dialog.up > .arrow { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-bottom: 0; + border-top-color: #000000; + top: auto; + bottom: -8px; + } +.popdown-dialog.up > .arrow:before { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-bottom: 0; + border-top-color: #31373E; + top: auto; + bottom: 1px; + } +.popdown-dialog.right { /* point left */ + margin-left: 5px; + margin-top: 0; + } +/* placement of arrow */ +.popdown-dialog.right .arrow { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-left: 0; + border-right-color: #000000; + top: 50%; + left: -8px; + margin: -8px 0 0 0; + } +.popdown-dialog.right .arrow:before { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-left: 0; + border-right-color: #31373E; + top: 50%; + left: 1px; + margin: -8px 0 0 0; + } +/* position of arrow when floated right */ +.popdown-dialog.pull-right .arrow { + left: auto; + right: 8px; + } +/* open state */ +.popdown-dialog.open { + display: block; + } +/* SPL-68751 - IE10 box shadow animation artifacts fix */ +.popdown-dialog:after +{ + content: ""; + font-size: 0; + display: inline; + overflow: hidden; +} +/* popdown body */ +.popdown-dialog-body { + margin: 0; + border-radius: 1px; + background-color: #31373E; +} +.popdown-dialog-body:before, + .popdown-dialog-body:after { + display: table; + content: ""; + line-height: 0; + } +.popdown-dialog-body:after { + clear: both; + } +/* popdown body */ +.popdown-dialog-footer { + border-top: 1px solid #171D21; + padding: 5px; + border-bottom-left-radius: 1px; + border-bottom-right-radius: 1px; +} +.popdown-dialog-footer:before, + .popdown-dialog-footer:after { + display: table; + content: ""; + line-height: 0; + } +.popdown-dialog-footer:after { + clear: both; + } +/* variations */ +/* ------------ */ +/* extends popdown-dialog, adds extra padding + +
    +
    +
    +
    + content ... +
    +
    +
    + +*/ +.popdown-dialog-padded { + padding: 10px; +} +/*===============================================================================================*/ +/* SPLUNK: DROP DOWN ARROW/CARET */ +/*===============================================================================================*/ +.dropup, +.dropdown { + position: relative; +} +.dropdown-toggle:active, +.open .dropdown-toggle { + outline: 0; +} +/*************************************************************************************************/ +/* CARET / ARROW */ +/* Icon for caret. */ +/*************************************************************************************************/ +/* + +*/ +.caret { + display: inline-block; + content: ""; + border: none; + width: auto; + height: auto; + line-height: 20px; + font-size: inherit; + margin: 0; + padding-left: 0.3em; + text-decoration: none; + vertical-align: baseline; + font-family: "Splunk Icons"; + font-weight: normal; +} +/* generated font icon */ +.caret:before { + content: "\25BE"; + font-size: inherit; + text-decoration: none; + } +.icon-no-underline + .caret { + padding-left: 0; + } +.caret-char { + font-weight: normal; + font-family: "Splunk Icons"; + font-weight: normal; +} +.caret-char:before { + content: "\25BE"; + } +/*************************************************************************************************/ +/* DROPDOWNS */ +/*************************************************************************************************/ +.dropdown-menu { + float: left; + min-width: 160px; + list-style: none; + word-wrap: break-word; + width: 20em; + line-height: 1.33333em; + padding: 0; + background-clip: padding-box; +} +.open > .dropdown-menu { + display: block; + } +.dropdown-menu { + + background-color: #31373E; + + border: 1px solid #000000; + + -webkit-box-shadow: 1px 4px 5px rgba(0, 0, 0, 0.5); + + box-shadow: 1px 4px 5px rgba(0, 0, 0, 0.5); + + border-radius: 2px; + + top: 100%; + + left: 50%; + + margin: 8px 0 0 -103px; + + display: none; + + position: absolute; + + z-index: 1059; + + white-space: normal; +} +/* placement of arrow */ +.dropdown-menu .arrow { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-top: 0; + border-bottom-color: #000000; + top: -8px; + left: 50%; + margin-left: -4px; + } +/* generated arrow */ +.dropdown-menu .arrow:before { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-top: 0; + border-bottom-color: #31373E; + top: 1px; + left: -8px; + } +/* prevent inheriting nowrap from btn-group */ +.dropdown-menu.up { + margin-top: 0; + } +/* placement of arrow */ +.dropdown-menu.up > .arrow { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-bottom: 0; + border-top-color: #000000; + top: auto; + bottom: -8px; + } +.dropdown-menu.up > .arrow:before { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-bottom: 0; + border-top-color: #31373E; + top: auto; + bottom: 1px; + } +.dropdown-menu.right { /* point left */ + margin-left: 5px; + margin-top: 0; + } +/* placement of arrow */ +.dropdown-menu.right .arrow { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-left: 0; + border-right-color: #000000; + top: 50%; + left: -8px; + margin: -8px 0 0 0; + } +.dropdown-menu.right .arrow:before { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-left: 0; + border-right-color: #31373E; + top: 50%; + left: 1px; + margin: -8px 0 0 0; + } +/* position of arrow when floated right */ +.dropdown-menu.pull-right .arrow { + left: auto; + right: 8px; + } +/* open state */ +.dropdown-menu.open { + display: block; + } +/* Dividers (basically an hr) within the dropdown */ +.dropdown-menu .divider { + height: 1px; + margin: 9px 1px; + /* 8px 1px */ + overflow: hidden; + background-color: #171D21; + } +/* link info style */ +.dropdown-menu .info, .dropdown-menu .title { + color: #6b7785; + } +.dropdown-menu ul li.info:not(:first-child) { + border-top: 1px solid #171D21; + } +/* menu lists */ +.dropdown-menu ul { + list-style: none; + margin: 0; + border-radius: 1px; + background-color: #31373E; /* FIXME: this should be separate from popdown */ + /* in rare cases that long strings increase the container size, this will minimize the issues */ + } +.dropdown-menu ul:before, + .dropdown-menu ul:after { + display: table; + content: ""; + line-height: 0; + } +.dropdown-menu ul:after { + clear: both; + } +.dropdown-menu ul { + overflow-x: hidden; + overflow-y: auto; + max-width: 100%; + max-height: 270px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius:0; +} +/* give spacing to double lists */ +.dropdown-menu ul + ul { + margin-top: -1px; + } +.dropdown-menu ul + ul li:first-child > a, .dropdown-menu ul + ul li.title:first-child { + border-top: 1px solid #171D21; + } +/* rounding for first and last items */ +.dropdown-menu .arrow + ul, .dropdown-menu .arrow + ul > li:first-child > a { + border-top-left-radius: 1px; + border-top-right-radius: 1px; + border-top: none; + } +.dropdown-menu ul:last-of-type, .dropdown-menu ul:last-of-type > li:last-of-type > a { + border-bottom-left-radius: 1px; + border-bottom-right-radius: 1px; + } +/* for selectable lists */ +.dropdown-menu a .icon-check { + position: absolute; + left: 5px; + top: 5px; + color: #00A4FD; + } +.dropdown-menu [class^="icon-"], .dropdown-menu [class*=" icon-"] { + width: 1.25em; + text-align: center; + } +.dropdown-menu li { + position: relative; + } +.dropdown-menu li.info { + padding: 5px 10px; + } +.dropdown-menu li.title { + text-transform: uppercase; + padding: 3px 10px; + } +.dropdown-menu li.message { + padding: 5px 10px; + } +.dropdown-menu li > span.field-value { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: block; + word-wrap: normal; + } +/* link style */ +.dropdown-menu li > a { + display: block; + clear: both; + font-weight: normal; + line-height: 20px; + position: relative; + color: #FFFFFF; + padding: 5px 10px; + white-space: normal; + text-decoration: none; + } +.dropdown-menu li > a > .info { + display: block; + font-size: 12px; + } +/* focus state */ +.dropdown-menu li > a:focus { + -webkit-box-shadow: none; + box-shadow: none; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.dropdown-menu li > a:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.dropdown-menu li > a:focus { + -webkit-box-shadow: inset 0 0 2px 1px #31373E, inset 0 0 0 2px #00A4FD; + box-shadow: inset 0 0 2px 1px #31373E, inset 0 0 0 2px #00A4FD; +} +/* hover state */ +.dropdown-menu li > a:hover { + color: #FFFFFF; + background: #212527; + } +/* items with secondary action icons */ +.dropdown-menu li > a.primary-link { + margin-right: 40px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } +.dropdown-menu li > a.secondary-link { + position: absolute; + right: 0; + top: 0; + bottom: 0; + width: 40px; + padding-left:0; + padding-right: 0; + font-size: 16px; + text-align: center; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } +.dropdown-menu li > a > .link-description { + color: #6b7785; + display: block; + font-size: 0.85em; + } +/* disabled state */ +.dropdown-menu > .disabled > a, + .dropdown-menu > .disabled > a:hover, + .dropdown-menu > .disabled > a:focus, + .dropdown-menu li > a.disabled, + .dropdown-menu li > a.disabled:hover, + .dropdown-menu li > a.disabled:focus { + color: #5C6773; + cursor: not-allowed; + text-decoration: none; + background-color: transparent; + background-image: none; /* Remove CSS gradient */ + -webkit-box-shadow: none; + box-shadow: none; + } +/* divider style */ +.dropdown-menu .divider { + margin: 0; + border: none; + border-top: 1px solid #171D21; + margin-top: 0; + height: 0; + } +/* remove top border when there is already a divider */ +.dropdown-menu .divider + li > a { + border-top: none; + } +/* select menus with find */ +.dropdown-menu .input-container .shared-findinput { + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 5px; + margin:0; + } +.dropdown-menu .input-container .search-query { + width: 100%; + } +/* truncated dropdown text */ +.dropdown-truncated li > a { + /* wrapping */ + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +/*************************************************************************************************/ +/* DROPDOWN SIZES */ +/*************************************************************************************************/ +.dropdown-menu-narrow { + width: 10em; +} +.dropdown-menu-medium { + width: 25em; +} +.dropdown-menu-wide { + width: 30em; +} +.dropdown-menu-width-auto { + width: auto; + max-width: 20em; +} +.dropdown-menu-width-auto.dropdown-menu-narrow { + max-width: 10em; + } +.dropdown-menu-width-auto.dropdown-menu-medium { + max-width: 25em; + } +.dropdown-menu-width-auto.dropdown-menu-wide { + max-width: 30em; + } +/*************************************************************************************************/ +/* SELECTABLE DROPDOWN */ +/*************************************************************************************************/ +.dropdown-menu-selectable li > a { /* BS 2.2 scoped */ + padding-left: 24px; +} +/*************************************************************************************************/ +/* BOOTSTRAP OVERRIDE */ +/*************************************************************************************************/ +.navbar .nav > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu:after { + display: none; + } +.dropdown-header { + display: block; + padding: 3px 20px; + font-size: 12px; + line-height: 1.42857143; + color: #6b7785; +} +/*************************************************************************************************/ +/* FIXED HEIGHT DROPDOWNS & POPDOWNS */ +/*************************************************************************************************/ +.dropdown-menu-tall ul { + max-height: 20em; + overflow: auto; +} +.dropdown-menu-short ul { + max-height: 10em; + overflow: auto; +} +/* disable scrolling */ +.dropdown-menu-noscroll ul { + max-height: none; +} +/* Allow for dropdowns to go bottom up (aka, dropup-menu) */ +/* ------------------------------------------------------ */ +/* Just add .dropup after the standard .dropdown class and you're set, bro. */ +/* TODO: abstract this so that the navbar fixed styles are not placed here? */ +/* Reverse the caret */ +.dropup .caret, .navbar-fixed-bottom .dropdown .caret { + border-top: 0; + border-bottom: 4px solid #000000; + content: ""; + } +/* Different positioning for bottom up menu */ +.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 1px; + } +/*************************************************************************************************/ +/* SUBMENUS */ +/*************************************************************************************************/ +.dropdown-submenu { + position: relative; +} +/* Default dropdowns */ +.dropdown-submenu > .dropdown-menu { + top: 0; + left: 100%; + margin-top: -6px; + margin-left: -1px; + border-radius: 2px 2px 2px 2px; + } +.dropdown-submenu:hover > .dropdown-menu { + display: block; + } +/* hover state of dropdown submenu */ +.dropdown-submenu:hover > a, + .dropdown-submenu:focus > a { + text-decoration: none; + color: #006EAA; + background: #3C444D; + } +.dropdown-submenu > a { + paddin-right: 20px; + } +/* Caret to indicate there is a submenu */ +.dropdown-submenu > a:after { + display: block; + content: ""; + position: absolute; + right: 8px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + border-width: 5px 0 5px 5px; + border-left-color: rgb(204, 204, 204); + } +.dropdown-submenu > ul { + overflow-x: hidden; + overflow-y: auto; + } +/* Left aligned submenus */ +.dropdown-submenu.pull-left { + /* Undo the float */ + /* Yes, this is awkward since .pull-left adds a float, but it sticks to our conventions elsewhere. */ + float: none; + } +/* Positioning the submenu */ +.dropdown-submenu.pull-left > .dropdown-menu { + left: -100%; + margin-left: 10px; + border-radius: 6px 0 6px 6px; + } +/*************************************************************************************************/ +/* DROPUPS */ +/*************************************************************************************************/ +.dropup .dropdown-submenu > .dropdown-menu { + top: auto; + bottom: 0; + margin-top: 0; + margin-bottom: -2px; + border-radius: 5px 5px 5px 0; +} +/*************************************************************************************************/ +/* TWEAK NAV HEADERS */ +/*************************************************************************************************/ +/* Increase padding from 15px to 20px on sides */ +.dropdown .dropdown-menu .nav-header { + padding-left: 20px; + padding-right: 20px; +} +/*************************************************************************************************/ +/* TYPEAHEAD */ +/*************************************************************************************************/ +.typeahead { + z-index: 1051; + margin-top: 2px; /* give it some space to breathe */ + border-radius: 3px; +} +/*===============================================================================================*/ +/* SPLUNK: COMPONENT ANIMATIONS */ +/*===============================================================================================*/ +.fade { + opacity: 0; + -webkit-transition: opacity 0.125s; + transition: opacity 0.125s; +} +.fade.in { + opacity: 1; + } +.collapse { + position: relative; + height: 0; + overflow: hidden; + -webkit-transition: height 0.2s ease; + transition: height 0.2s ease; +} +.collapse.in { + height: auto; + } +/*===============================================================================================*/ +/* SPLUNK: CLOSE ICONS */ +/*===============================================================================================*/ +.close { + float: right; + border-radius: 3px; + width: 27px; + height: 27px; + + /* hide any placeholder text */ + color: transparent; + font-size: 0; + line-height: 0; + text-align: center; + -webkit-transition: background 0.2s, color 0.2s; + transition: background 0.2s, color 0.2s; + /* Additional properties for button version */ + /* iOS requires the button element instead of an anchor tag. */ +} +.close:before { + font-family: "Splunk Icons"; + content: '\2717'; + font-size: 20px; + color: #FFFFFF; + line-height: 28px; + -webkit-transition: color 0.2s; + transition: color 0.2s; + } +.close:hover { + background-color: #3C444D; + cursor: pointer; + text-decoration: none; + } +.close:hover:before { + color: #FFFFFF; + } +.close:focus { + -webkit-box-shadow: 0 0 1px 2px #00A4FD; + box-shadow: 0 0 1px 2px #00A4FD; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.close:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.close:focus:before { + color: #FFFFFF; + } +/* If you want the anchor version, it requires `href="#"`. */ +button.close { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; + } +/* Components: Buttons & Alerts */ +/*===============================================================================================*/ +/* SPLUNK: BUTTONS */ +/*===============================================================================================*/ +/*************************************************************************************************/ +/* Base Styles & Overrides */ +/* Standard button class for use on a, button */ +/*************************************************************************************************/ +/* + Button + Button + Button + +*/ +.btn { + display: inline-block; + padding: 5px 14px; + height: auto; + line-height: 20px; + font-size: 14px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 5px 14px; + margin-bottom: 0; /* For input.btn */ + font-weight: 400; + color: #5C6773; + text-align: center; + vertical-align: middle; + cursor: pointer; + border: 1px solid; + border-radius: 3px; + white-space: nowrap; + + background-color: #5C6773; + + border-color: #171D21; + + color: #FFFFFF; + + -webkit-box-shadow: inset 0px -1px 0 #3C444D; + + box-shadow: inset 0px -1px 0 #3C444D; + + text-decoration: none; + + text-shadow: none; + + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + -webkit-filter: none; + + filter: none; +} +/* this breaks some bootstrap styles */ +.btn:hover { + background-color: #3C444D; + border-color: #171D21; + color: #FFFFFF; + -webkit-box-shadow: inset 0px -1px 0 #3C444D; + box-shadow: inset 0px -1px 0 #3C444D; + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + } +.btn:focus { + background-color: #5C6773; + border-color: #171D21; + color: #FFFFFF; + -webkit-box-shadow: inset 0px -1px 0 #3C444D; + box-shadow: inset 0px -1px 0 #3C444D; + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + -webkit-box-shadow: 0 0 1px 2px #00A4FD; + box-shadow: 0 0 1px 2px #00A4FD; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.btn:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.btn:active, .btn.active { + background-color: #2B3033; + border-color: #171D21; + color: #FFFFFF; + -webkit-box-shadow: none; + box-shadow: none; + text-decoration: none; + text-shadow: none; + -webkit-transition: none; + transition: none; + -webkit-filter: none; + filter: none; + } +.btn.disabled, + .btn[disabled], + .btn.disabled:hover, + .btn[disabled]:hover, + .btn.disabled:focus, + .btn[disabled]:focus, + .btn.disabled:active, + .btn[disabled]:active { + background-color: #3C444D; + border-color: transparent; + color: #5C6773; + -webkit-box-shadow: inset 0px -1px 0 transparent; + box-shadow: inset 0px -1px 0 transparent; + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + cursor: not-allowed; + } +/*************************************************************************************************/ +/* PRIMARY BUTTONS */ +/* Provides extra visual weight and identifies the primary action in a set of buttons. */ +/*************************************************************************************************/ +/* + Primary + Primary + Primary + +*/ +.btn-primary { + padding: 6px 15px; + font-weight: 500; + border: none; + + background-color: #5CC05C; + + border-color: transparent; + + color: #FFFFFF; + + -webkit-box-shadow: inset 0px -2px 0 rgba(0, 0, 0, 0.1); + + box-shadow: inset 0px -2px 0 rgba(0, 0, 0, 0.1); + + text-decoration: none; + + text-shadow: none; + + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + -webkit-filter: none; + + filter: none; +} +.btn-primary:hover { + background-color: #40A540; + border-color: transparent; + color: #FFFFFF; + -webkit-box-shadow: inset 0px -2px 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 0px -2px 0 rgba(0, 0, 0, 0.1); + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + } +.btn-primary:focus { + background-color: #5CC05C; + border-color: transparent; + color: #FFFFFF; + -webkit-box-shadow: inset 0px -2px 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 0px -2px 0 rgba(0, 0, 0, 0.1); + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + -webkit-box-shadow: 0 0 1px 2px #00A4FD; + box-shadow: 0 0 1px 2px #00A4FD; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.btn-primary:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.btn-primary:active, .btn-primary.active { + background-color: #389038; + border-color: transparent; + color: #FFFFFF; + -webkit-box-shadow: none; + box-shadow: none; + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + } +.btn-primary.disabled, + .btn-primary[disabled], + .btn-primary.disabled:hover, + .btn-primary[disabled]:hover, + .btn-primary.disabled:focus, + .btn-primary[disabled]:focus, + .btn-primary.disabled:active, + .btn-primary[disabled]:active { + background-color: #9ED99E; + border-color: transparent; + color: #DFF2DF; + -webkit-box-shadow: inset 0px -2px 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 0px -2px 0 rgba(0, 0, 0, 0.1); + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + cursor: not-allowed; + } +.btn-secondary { + font-weight: 500; +} +.btn-secondary:hover { + background-color: #3C444D; + border-color: #171D21; + color: #FFFFFF; + -webkit-box-shadow: inset 0px -1px 0 #3C444D; + box-shadow: inset 0px -1px 0 #3C444D; + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + } +.btn-secondary:focus { + background-color: #5C6773; + border-color: #171D21; + color: #FFFFFF; + -webkit-box-shadow: inset 0px -1px 0 #3C444D; + box-shadow: inset 0px -1px 0 #3C444D; + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + -webkit-box-shadow: 0 0 1px 2px #00A4FD; + box-shadow: 0 0 1px 2px #00A4FD; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.btn-secondary:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.btn-secondary:active, .btn-secondary.active { + background-color: #2B3033; + border-color: #171D21; + color: #FFFFFF; + -webkit-box-shadow: none; + box-shadow: none; + text-decoration: none; + text-shadow: none; + -webkit-transition: none; + transition: none; + -webkit-filter: none; + filter: none; + } +.btn-secondary.disabled, + .btn-secondary[disabled], + .btn-secondary.disabled:hover, + .btn-secondary[disabled]:hover, + .btn-secondary.disabled:focus, + .btn-secondary[disabled]:focus, + .btn-secondary.disabled:active, + .btn-secondary[disabled]:active { + background-color: #3C444D; + border-color: transparent; + color: #5C6773; + -webkit-box-shadow: inset 0px -1px 0 transparent; + box-shadow: inset 0px -1px 0 transparent; + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + cursor: not-allowed; + } +/*************************************************************************************************/ +/* Links */ +/* Pager style button pill */ +/* Note: this does not inherit or extend btn base styles and is meant for links only */ +/*************************************************************************************************/ +/* + Pill + Pill + Pill + Pill +*/ +.btn-pill { + display: inline-block; + padding: 5px 14px; /* note the vertical padding will be funky unless it's block, inline-block, or floated */ + line-height: 20px; + border-radius: 3px; + border: 1px solid transparent; + + background-color: none; + + border-color: transparent; + + color: #FFFFFF; + + -webkit-box-shadow: none; + + box-shadow: none; + + text-decoration: none; + + text-shadow: none; + + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + -webkit-filter: none; + + filter: none; +} +.btn-pill:hover { + color: #FFFFFF; + background: #3C444D; + border-color: #171D21; + text-decoration: none; + } +.btn-pill:focus { + color: #FFFFFF; + background: none; + border-color: transparent; + text-decoration: none; + -webkit-box-shadow: 0 0 1px 2px #00A4FD; + box-shadow: 0 0 1px 2px #00A4FD; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.btn-pill:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.btn-pill:active, .btn-pill.active { + color: #FFFFFF; + background: #2B3033; + border-color: transparent; + text-decoration: none; + } +.btn-pill.disabled, + .btn-pill[disabled], + .btn-pill.disabled:hover, + .btn-pill[disabled]:hover, + .btn-pill.disabled:focus, + .btn-pill[disabled]:focus, + .btn-pill.disabled:active, + .btn-pill[disabled]:active { + color: #5C6773; + background: none; + border-color: transparent; + text-decoration: none; + -webkit-box-shadow: none; + box-shadow: none; + cursor: not-allowed; + } +/*************************************************************************************************/ +/* LINK BUTTONS */ +/* Make a button look and behave like a link. */ +/*************************************************************************************************/ +.btn-link { + background-color: transparent; + border-color: transparent; + color: #00A4FD; + -webkit-box-shadow: none; + box-shadow: none; + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; +} +.btn-link:hover { + color: #006EAA; + text-decoration: underline; + } +.btn-link:focus { + color: #00A4FD; + text-decoration: none; + -webkit-box-shadow: 0 0 1px 2px #00A4FD; + box-shadow: 0 0 1px 2px #00A4FD; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.btn-link:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.btn-link:active, .btn-link.active { + color: #00A4FD; + text-decoration: none; + } +.btn-link.disabled, + .btn-link[disabled], + .btn-link.disabled:hover, + .btn-link[disabled]:hover, + .btn-link.disabled:focus, + .btn-link[disabled]:focus, + .btn-link.disabled:active, + .btn-link[disabled]:active { + color: #6b7785; + text-decoration: none; + cursor: not-allowed; + } +/*************************************************************************************************/ +/* BLOCK BUTTON */ +/*************************************************************************************************/ +.btn-block { + display: block; + width: 100%; + padding-left: 0; + padding-right: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +/* Vertically space out multiple block buttons */ +.btn-block + .btn-block { + margin-top: 5px; +} +/* Specificity overrides */ +input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { + width: 100%; + } +/*************************************************************************************************/ +/* DRAGGABLE BUTTON */ +/*************************************************************************************************/ +/* + Draggable + +
    +
    Combo
    +
    +
    +*/ +.btn-draggable { + cursor: move; + width: 150px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +/* generated handle */ +.btn-draggable:before, .btn-draggable .before { + content: ""; + float: left; + margin-left: -8px; + height: 18px; + width: 6px; + background: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%224px%22%20height%3D%224px%22%20viewBox%3D%220%200%204%204%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Crect%20fill%3D%22%23818D99%22%20width%3D%222%22%20height%3D%222%22/%3E%0A%3C/svg%3E); + cursor: move; + } +/* sizes */ +.btn-draggable.btn-small:before{ + height: 14px; + } +.btn-draggable.btn-mini:before{ + height: 12px; + } +/*************************************************************************************************/ +/* BUTTON SIZES */ +/*************************************************************************************************/ +/* Large */ +.btn-large { + padding: 8px 28px; +} +.btn-large [class^="icon-"], + .btn-large [class*=" icon-"] { + margin-top: 4px; + } +.btn-large.btn-primary { + padding: 9px 29px; + } +/* Small */ +.btn-small { + padding: 3px 14px; +} +.btn-small [class^="icon-"], + .btn-small [class*=" icon-"] { + margin-top: 0px; + } +.btn-small.btn-primary { + padding: 4px 15px; + } +/* Mini */ +.btn-mini { + padding: 0px 7px; +} +.btn-mini [class^="icon-"], + .btn-mini [class*=" icon-"] { + margin-top: -1px; + } +.btn-mini.btn-primary { + padding: 1px 8px; + } +.btn-mini, +.btn-group > .btn-mini { + font-size: 12px; + font-weight: 500; + line-height: 18px; +} +/* Square Button */ +.btn-square { + padding: 6px 0; + height: 32px; + width: 32px; + text-align: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +/*************************************************************************************************/ +/* PRINT */ +/*************************************************************************************************/ +@media print { + .btn { + background: none !important; + border: none !important; + padding: 0 !important; + color: #FFFFFF !important; + text-shadow: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + } + .caret { + display: none !important; + } +} +/*===============================================================================================*/ +/* SPLUNK: BUTTON GROUPS */ +/* BTN-GROUP handles rounding & spacing on btns & btn-combo. */ +/* BTN-COMBO handles rounding on dropdowns & splits only, behaves like group but without */ +/* grouping or spacing. */ +/*===============================================================================================*/ +/* button combos, grouping and toolbar +
    +
    + +
    + + + +
    +
    +
    +*/ +/* Make the div behave like a button */ +.btn-group, +.btn-combo { + position: relative; + display: inline-block; + font-size: 0; /* remove as part 1 of font-size inline-block hack */ + white-space: nowrap; /* prevent buttons from wrapping when in tight spaces (e.g., the table on the tests page) */ + vertical-align: middle; /* match .btn alignment given font-size hack above */ +} +/* Space out series of button groups */ +.btn-group + .btn-group, +.btn-combo + .btn-combo { + margin-left: 10px; +} +/* Float them, remove border radius, then re-add to first and last elements */ +.btn-group > .btn, + .btn-group > .btn-combo > .btn { + position: relative; + border-radius: 0; + } +/* reset margin when in a group */ +.btn-group > .btn + .btn, + .btn-group > .btn + .btn-combo, + .btn-group > .btn-combo + .btn-combo, + .btn-group > .btn-combo + .btn { + margin-left: -1px; + } +/* Redeclare as part 2 of font-size inline-block hack */ +.btn-group > .btn, + .btn-group > .btn-large, + .btn-group > .btn-small, + .btn-group > .dropdown-menu, + .btn-group > .popover, + .btn-group .btn-pill, + .btn-group .popdown-dialog, + .btn-group .dropdown-toggle, + .btn-group ul { + font-size: 14px; + } +.btn-group > .btn-mini { + font-size: 12px; /* Reset font for mini size */ + } +/* Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match */ +.btn-group > .btn:first-child, + .btn-group > .btn-combo:first-child > .btn:first-child, + .btn-group > .btn-combo:first-child > .drodown-toggle, + .btn-group > .btn-combo:first-child > .btn:first-child { + margin-left: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } +/* Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it */ +.btn-group > .btn:last-child, + .btn-group > .dropdown-toggle, + .btn-group > .btn-combo:last-child > .btn:last-child, + .btn-group > .btn-combo:last-child > .dropdown-toggle { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } +/* Reset corners for large buttons */ +.btn-group > .btn.large:first-child, + .btn-group > .btn-combo:first-child > .btn.large:first-child { + margin-left: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } +.btn-group > .btn.large:last-child, + .btn-group > .large.dropdown-toggle, + .btn-group > .btn-combo:last-child > .btn.large:last-child, + .btn-group > .btn-combo:last-child > .large.dropdown-toggle { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } +/* On hover/active, bring the proper btn to front */ +.btn-group > .btn:hover, + .btn-group > .btn:active, + .btn-group > .btn.active, + .btn-group > .btn-combo > .btn:hover, + .btn-group > .btn-combo > .btn:active, + .btn-group > .btn-combo > .btn.active { + z-index: 2; + } +/* On focus, bring the btn to front */ +.btn-group > .btn:focus, + .btn-group > .btn-combo > .btn:focus { + z-index: 3; + } +/* On active and open, don't show outline */ +.btn-group .dropdown-toggle:active, + .btn-group.open .dropdown-toggle { + outline: 0; + } +/*************************************************************************************************/ +/* BUTTON COMBO */ +/*************************************************************************************************/ +/* special case for btn-combo */ +.btn-combo > .btn:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } +.btn-combo > .btn:last-child, + .btn-combo > .dropdown-toggle { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } +/* reset margin when in a group */ +.btn-combo > .btn + .btn { + margin-left: -1px; + } +/* Redeclare as part 2 of font-size inline-block hack */ +.btn-combo > .btn, + .btn-combo > .btn-large, + .btn-combo > .btn-small, + .btn-combo > .dropdown-menu, + .btn-combo .btn-pill, + .btn-combo .popdown-dialog, + .btn-combo .dropdown-toggle, + .btn-combo ul { + font-size: 14px; + } +.btn-combo > .btn-mini { + font-size: 12px; /* Reset font for mini size */ + } +/* Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match */ +.btn-combo:first-child > .btn:first-child { + margin-left: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } +/* Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it */ +.btn-combo > .dropdown-toggle { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } +/*************************************************************************************************/ +/* BUTTON TOOLBAR */ +/* Optional: Group multiple button groups together for a toolbar. */ +/*************************************************************************************************/ +.btn-toolbar { + font-size: 0; /* Hack to remove whitespace that results from using inline-block */ + margin-top: 10px; + margin-bottom: 10px; +} +.btn-toolbar .btn-combo { + display: inline-block; /* display inline for toolbar */ + } +.btn-toolbar > .btn + .btn, + .btn-toolbar > .btn-group + .btn, + .btn-toolbar > .btn + .btn-group, + .btn-toolbar > .btn-combo + .btn, + .btn-toolbar > .btn + .btn-combo { + margin-left: 5px; + } +/*************************************************************************************************/ +/* SPLIT BUTTON DROPDOWNS */ +/*************************************************************************************************/ +/* Give the line between buttons some depth */ +.btn-group > .btn-combo > .btn + .dropdown-toggle, +.btn-combo > .btn + .dropdown-toggle { + padding-left: 8px; + padding-right: 8px; + -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); + box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); +} +.btn-group > .btn-mini + .dropdown-toggle, + .btn-group > .btn-combo > .btn-mini + .dropdown-toggle { + padding-left: 5px; + padding-right: 5px; + } +.btn-group > .btn-large + .dropdown-toggle, + .btn-group > .btn-combo > .btn-large + .dropdown-toggle { + padding-left: 12px; + padding-right: 12px; + } +/* Remove the gradient and set the same inset shadow as the :active state */ +.btn-group.open .dropdown-toggle { + background-image: none; + -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); + box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); + } +/* Keep the hover's background when dropdown is open */ +.btn-group.open .btn.dropdown-toggle { + background-color: #3C444D; + } +/* The clickable button for toggling the menu */ +.btn-group.open .btn-primary.dropdown-toggle { + background-color: #40A540; + } +.btn-group.open .btn-danger.dropdown-toggle { + background-color: #EA958D; + } +.btn-group.open .btn-success.dropdown-toggle { + background-color: #40A540; + } +/* Prevent Tooltip from spacing two buttons */ +.btn-group > .btn + div.tooltip + .btn { + margin-left: -1px; + } +/*************************************************************************************************/ +/* VERTICAL BUTTON GROUPS */ +/*************************************************************************************************/ +.btn-group-vertical { + display: inline-block; +} +/* makes buttons only take up the width they need */ +.btn-group-vertical > .btn { + display: block; + float: none; + max-width: 100%; + border-radius: 0; + } +.btn-group-vertical > .btn + .btn { + margin-left: 0; + margin-top: -1px; + } +.btn-group-vertical:first-child { + border-radius: 3px 3px 0 0; + } +.btn-group-vertical:last-child { + border-radius: 0 0 3px 3px; + } +.btn-group-vertical > .btn-large:first-child { + border-radius: 3px 3px 0 0; + } +.btn-group-vertical > .btn-large:last-child { + border-radius: 0 0 3px 3px; + } +/*************************************************************************************************/ +/* RADIO BUTTON GROUP */ +/*************************************************************************************************/ +.btn-group-radio > .btn { + text-overflow: ellipsis; + overflow: hidden; + border-color: #171D21; + } +.btn-group-radio > .btn:hover { + background-color: #3C444D; + -webkit-box-shadow: inset 0px -1px 0 #31373E; + box-shadow: inset 0px -1px 0 #31373E; + } +.btn-group-radio > .btn.active { + cursor: default; + background-color: #2B3033; + -webkit-box-shadow: inset 0px 1px 0 #000000; + box-shadow: inset 0px 1px 0 #000000; + border-color: #171D21; + } +.btn-group-radio > .btn.active:focus { + cursor: default; + -webkit-box-shadow: 0 0 1px 2px #00A4FD; + box-shadow: 0 0 1px 2px #00A4FD; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.btn-group-radio > .btn.active:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.btn-group-radio > .btn.active[disabled] { + cursor: not-allowed; + background-color: #2B3033; + -webkit-box-shadow: inset 0px 1px 0 #000000; + box-shadow: inset 0px 1px 0 #000000; + border-color: #171D21; + } +.btn-group-radio > .btn:disabled { + -webkit-box-shadow: none; + box-shadow: none; + border-color: transparent; + background-color: #3C444D; + } +/* For synthetic radio with the "locale-responsive-layout" class, align the items vertically to accommodate long words (SPL-83062). */ +body.locale-de .btn-group-radio.locale-responsive-layout { + display: block; + } +body.locale-de .btn-group-radio.locale-responsive-layout .btn { + border-radius: 0; + display: block; + width: 100%; + margin-left: 0; + border-bottom-width: 0; + } +body.locale-de .btn-group-radio.locale-responsive-layout .btn:first-child { + border-radius: 3px 3px 0 0; + } +body.locale-de .btn-group-radio.locale-responsive-layout .btn:last-child { + border-radius: 0 0 3px 3px; + border-bottom-width: 1px; + } +/*===============================================================================================*/ +/* SPLUNK: ALERTS */ +/*===============================================================================================*/ +/*************************************************************************************************/ +/* ALERTS CONTAINER */ +/*************************************************************************************************/ +.alerts:not(.alerts-view) { + max-height: 500px; + overflow-y: auto; +} +/*************************************************************************************************/ +/* BASE STYLES */ +/*************************************************************************************************/ +.alert { + margin-bottom: 20px; + border-radius: 3px; + position: relative; + padding: 8px 35px 8px 27px; + word-wrap: break-word; + color: #FFFFFF; +} +.alert .icon-alert { + font-size: 200%; + position: absolute; + left: 0px; + top: 8px; + } +.alert h4 { + color: inherit; + margin: 0; + } +.alert .close { + position: relative; + top: -2px; + right: -21px; + line-height: 20px; + } +.alert-inline { + display: inline-block; + border: 0; + margin-bottom: 0; +} +/*************************************************************************************************/ +/* ALERTS LEVELS */ +/*************************************************************************************************/ +.alert-warning .icon-alert { + color: #F8BE34; +} +.alert-info .icon-alert { + color: #006D9C; +} +.alert-info .icon-alert:before { + content: 'I'; + } +.alert-success .icon-alert { + color: #53A051; +} +.alert-success .icon-alert:before { + content: 'I'; + } +.alert-404, +.alert-error .icon-alert { + color: #DC4E41; +} +.alert-404:before, .alert-error .icon-alert:before { + content: '\ECE2'; + } +/* Components: Nav */ +/*===============================================================================================*/ +/* SPLUNK: NAVS */ +/* Navigation styles and components. */ +/*===============================================================================================*/ +/*************************************************************************************************/ +/* BASE CLASS */ +/*************************************************************************************************/ +.nav { + margin-left: 0; + margin-bottom: 0; + list-style: none; +} +.nav > li > a { + display: block; + } +.nav > li > a:hover, .nav > li > a:focus { + text-decoration: none; + } +/* Redeclare pull classes because of specifity */ +.nav > .pull-right { + float: right; + } +/* Nav headers (for dropdowns and lists) */ +.nav-header { + display: block; + padding: 3px 15px; + font-size: 12px; + font-weight: bold; + line-height: 20px; + color: #818D99; + text-shadow: 0 1px 0 rgba(255,255,255,.5); + text-transform: uppercase; +} +/* Space them out when they follow another list item (link) */ +.nav li + .nav-header { + margin-top: 9px; +} +/*************************************************************************************************/ +/* NAV LIST */ +/*************************************************************************************************/ +.nav-list { + padding-left: 15px; + padding-right: 15px; + margin-bottom: 0; +} +.nav-list > li > a, + .nav-list .nav-header { + margin-left: -15px; + margin-right: -15px; + text-shadow: 0 1px 0 rgba(255,255,255,.5); + } +.nav-list > li > a { + padding: 3px 15px; + } +.nav-list > .active > a, + .nav-list > .active > a:hover, + .nav-list > .active > a:focus { + color: #FFFFFF; + text-shadow: 0 -1px 0 rgba(0,0,0,.2); + background-color: #00A4FD; + } +.nav-list [class^="icon-"], .nav-list [class*=" icon-"] { + margin-right: 2px; + } +/* Dividers (basically an hr) within the dropdown */ +.nav-list .divider { + height: 1px; + margin: 9px 1px; + /* 8px 1px */ + overflow: hidden; + background-color: #171D21; + } +/*************************************************************************************************/ +/* TABS & PILLS */ +/*************************************************************************************************/ +.nav-tabs:before, + .nav-tabs:after, + .nav-pills:before, + .nav-pills:after { + display: table; + content: ""; + line-height: 0; + } +.nav-tabs:after, .nav-pills:after { + clear: both; + } +.nav-tabs > li, .nav-pills > li { + float: left; + } +.nav-tabs > li > a, .nav-pills > li > a { + padding-right: 15px; + padding-left: 15px; + margin-right: 2px; + line-height: 14px; /* keeps the overall height an even number */ + } +/*************************************************************************************************/ +/* TABS */ +/* Splunk style tabs. */ +/* extends: nav */ +/* overrides: bootstrap default nav-tabs */ +/*************************************************************************************************/ +/* + +*/ +.nav-tabs { + padding: 0 5px; + height: 38px; + background-color: #FFFFFF; + border-bottom: 1px solid #2B3033; +} +.nav-tabs > li { + position: relative; + } +.nav-tabs > li > a { + line-height: 34px; + padding: 2px 15px; + color: #5C6773; + } +.nav-tabs > li > a:before { + content: ''; + position: absolute; + width: calc(100% - 30px); + height: 0; + bottom: 0; + left: 14px; + background-color: #E1E6EB; + -webkit-transition: height 0.2s; + transition: height 0.2s; + } +.nav-tabs > li > a:hover { + background: transparent; + } +.nav-tabs > li > a:focus { + -webkit-box-shadow: none; + box-shadow: none; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.nav-tabs > li > a:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.nav-tabs > li > a:focus { + -webkit-box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; + box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; + background-color: transparent; + border-radius: 3px; +} +.nav-tabs > li:not(.active):hover > a:before { + height: 3px; + } +.nav-tabs > li.active > a:before { + height: 3px; + background-color: #007ABD; + } +.nav-tabs > li.active, .nav-tabs > li > a.active { + -webkit-box-shadow: none !important; + box-shadow: none !important; + border-radius: 0 !important; + font-weight: 500; + color: #FFFFFF; + } +/*************************************************************************************************/ +/* PILLS */ +/*************************************************************************************************/ +/* Links rendered as pills */ +.nav-pills > li > a { + padding-top: 8px; + padding-bottom: 8px; + margin-top: 2px; + margin-bottom: 2px; + border-radius: 5px; + + } +/* Active State */ +.nav-pills > .active > a, + .nav-pills > .active > a:hover, + .nav-pills > .active > a:focus { + color: #FFFFFF; + background-color: #00A4FD; + } +/*************************************************************************************************/ +/* STACKED NAV */ +/*************************************************************************************************/ +/* Stacked tabs and pills */ +.nav-stacked > li { + float: none; +} +.nav-stacked > li > a { + margin-right: 0; /* no need for the gap between nav items */ + } +/* Tabs */ +.nav-stacked > li.nav-tabs { + border-bottom: 0; + } +.nav-stacked > li.nav-tabs > li > a { + border: 1px solid #171D21; + border-radius: 0; + } +.nav-stacked > li.nav-tabs > li > a:hover, + .nav-stacked > li.nav-tabs > li > a:focus { + border-color: #171D21; + z-index: 2; + } +.nav-stacked > li.nav-tabs > li:first-child > a { + border-top-right-radius: 3px; + border-top-left-radius: 3px; + } +.nav-stacked > li.nav-tabs > li:last-child > a { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } +/* Pills */ +.nav-stacked > li.nav-pills > li > a { + margin-bottom: 3px; + } +.nav-stacked > li.nav-pills > li:last-child > a { + margin-bottom: 1px; /* decrease margin to match sizing of stacked tabs */ + } +/*************************************************************************************************/ +/* DROPDOWNS */ +/*************************************************************************************************/ +.nav-tabs .dropdown-menu { + border-radius: 0 0 3px 3px; /* remove the top rounded corners here since there is a hard edge above the menu */ +} +.nav-pills .dropdown-menu { + border-radius: 3px; /* make rounded corners match the pills */ +} +/*************************************************************************************************/ +/* DEFAULT DROPDOWN LINKS */ +/*************************************************************************************************/ +/* Make carets use linkColor to start */ +.nav .dropdown-toggle .caret { + border-top-color: #00A4FD; + border-bottom-color: #00A4FD; + margin-top: 6px; + } +.nav .dropdown-toggle:hover .caret, .nav .dropdown-toggle:focus .caret { + border-top-color: #006EAA; + border-bottom-color: #006EAA; + } +/* move down carets for tabs */ +.nav-tabs .dropdown-toggle .caret { + margin-top: 8px; +} +/*************************************************************************************************/ +/* ACTIVE DROPDOWN LINKS */ +/*************************************************************************************************/ +.nav .active .dropdown-toggle .caret { + border-top-color: #FFFFFF; + border-bottom-color: #FFFFFF; +} +.nav-tabs .active .dropdown-toggle .caret { + border-top-color: #5C6773; + border-bottom-color: #5C6773; +} +/*************************************************************************************************/ +/* ACTIVE:HOVER / :FOCUS DROPDOWN LINKS */ +/*************************************************************************************************/ +.nav > .dropdown.active > a:hover, + .nav > .dropdown.active > a:focus { + cursor: pointer; + } +/*************************************************************************************************/ +/* OPEN DROPDOWNS */ +/*************************************************************************************************/ +.nav-tabs .open .dropdown-toggle, +.nav-pills .open .dropdown-toggle, +.nav > li.dropdown.open.active > a:hover, +.nav > li.dropdown.open.active > a:focus { + color: #FFFFFF; + background-color: #818D99; + border-color: #818D99; +} +.nav li.dropdown.open .caret, + .nav li.dropdown.open.active .caret, + .nav li.dropdown.open a:hover .caret, + .nav li.dropdown.open a:focus .caret { + border-top-color: #FFFFFF; + border-bottom-color: #FFFFFF; + opacity: 1.0; + } +/* Dropdowns in stacked tabs */ +.tabs-stacked .open > a:hover, + .tabs-stacked .open > a:focus { + border-color: #818D99; + } +/*************************************************************************************************/ +/* TABBABLE COMMON STYLES */ +/*************************************************************************************************/ +/* Clear any floats */ +.tabbable:before, + .tabbable:after { + display: table; + content: ""; + line-height: 0; + } +.tabbable:after { + clear: both; + } +.tab-content { + overflow: auto; /* prevent content from running below tabs */ +} +/* Remove border on bottom, left, right */ +.tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs { + border-bottom: 0; + } +/* Show/hide tabbable areas */ +.tab-content > .tab-pane, +.pill-content > .pill-pane { + display: none; +} +.tab-content > .active, +.pill-content > .active { + display: block; +} +/*************************************************************************************************/ +/* TABBABLE BOTTOM STYLES */ +/*************************************************************************************************/ +.tabs-below > .nav-tabs { + border-top: 1px solid #171D21; +} +.tabs-below > .nav-tabs > li { + margin-top: -1px; + margin-bottom: 0; + } +.tabs-below > .nav-tabs > li > a { + border-radius: 0 0 3px 3px; + } +.tabs-below > .nav-tabs > li > a:hover, + .tabs-below > .nav-tabs > li > a:focus { + border-bottom-color: transparent; + border-top-color: #171D21; + } +.tabs-below > .nav-tabs > .active > a, + .tabs-below > .nav-tabs > .active > a:hover, + .tabs-below > .nav-tabs > .active > a:focus { + border-color: transparent #171D21 #171D21 #171D21; + } +/*************************************************************************************************/ +/* TABBABLE LEFT & RIGHT STYLES */ +/*************************************************************************************************/ +/* Common styles */ +.tabs-left > li, .tabs-right > li { + float: none; + } +.tabs-left > li > a, .tabs-right > li > a { + min-width: 74px; + margin-right: 0; + margin-bottom: 3px; + } +/* Tabs on the left */ +.tabs-left > .nav-tabs { + float: left; + margin-right: 19px; + border-right: 1px solid #171D21; +} +.tabs-left > .nav-tabs > li > a { + margin-right: -1px; + border-radius: 3px 0 0 3px; + } +.tabs-left > .nav-tabs > li > a:hover, + .tabs-left > .nav-tabs > li > a:focus { + border-color: #E1E6EB #171D21 #E1E6EB #E1E6EB; + } +.tabs-left > .nav-tabs .active > a, + .tabs-left > .nav-tabs .active > a:hover, + .tabs-left > .nav-tabs .active > a:focus { + border-color: #171D21 transparent #171D21 #171D21; + } +/* Tabs on the right */ +.tabs-right > .nav-tabs { + float: right; + margin-left: 19px; + border-left: 1px solid #171D21; +} +.tabs-right > .nav-tabs > li > a { + margin-left: -1px; + border-radius: 0 3px 3px 0; + } +.tabs-right > .nav-tabs > li > a:hover, + .tabs-right > .nav-tabs > li > a:focus { + border-color: #E1E6EB #E1E6EB #E1E6EB #171D21; + } +.tabs-right > .nav-tabs .active > a, + .tabs-right > .nav-tabs .active > a:hover, + .tabs-right > .nav-tabs .active > a:focus { + border-color: #171D21 #171D21 #171D21 transparent; + } +/* fixes an alignment issue with out font based carets. */ +.nav .dropdown-toggle .caret, +.nav-tabs .dropdown-toggle .caret, +.navbar .nav .dropdown-toggle .caret { + margin-top: 0; +} +/*************************************************************************************************/ +/* DISABLED STATES */ +/*************************************************************************************************/ +/* Gray out text */ +.nav > .disabled > a { + color: #5C6773; +} +/* Nuke hover/focus effects */ +.nav > .disabled > a:focus, + .nav > .disabled > a:hover { + text-decoration: none; + background-color: transparent; + cursor: default; + } +/*************************************************************************************************/ +/* PRINT */ +/*************************************************************************************************/ +@media print { + header, + .app-bar { + display: none !important; + } + + .main-tabs { + border: none !important; + } + .main-tabs li:not(.active) { + display: none !important; + } + .main-tabs li.active:before, .main-tabs li.active:after { + display:none !important; + } +} +/*===============================================================================================*/ +/* SPLUNK: NAVBARS (REDUX) */ +/*===============================================================================================*/ +/*************************************************************************************************/ +/* COMMON STYLES */ +/*************************************************************************************************/ +/* Base class and wrapper */ +.navbar { + overflow: visible; + margin-bottom: 0; +} +/* We then reset it for fixed navbars in the #gridSystem mixin */ +.navbar .container { + width: auto; + } +/* Brand: Website or project name. */ +.navbar .brand { + float: left; + display: block; + /* Vertically center the text given $navbarHeight */ + padding: 7px 20px 7px; + margin-left: -20px; /* negative indent to left-align the text down the page */ + font-size: 20px; + font-weight: 200; + color: #00A4FD; + text-shadow: 0 1px 0 #FFFFFF; + } +.navbar .brand:hover, + .navbar .brand:focus { + text-decoration: none; + } +/* Dividers in navbar */ +.navbar .divider-vertical { + height: 34px; + margin: 0 9px; + border-left: 1px solid #171D21; + border-right: 1px solid #FFFFFF; + } +/* Buttons in navbar */ +.navbar .btn, + .navbar .btn-group { + margin-top: 2px; /* Vertically center in navbar */ + } +/* Set width to auto for default container */ +.navbar .btn-group .btn, + .navbar .input-prepend .btn, + .navbar .input-append .btn, + .navbar .input-prepend .btn-group, + .navbar .input-append .btn-group { + margin-top: 0; /* then undo the margin here so we don't accidentally double it */ + } +/* Inner for background effects */ +/* Gradient is applied to its own element because overflow visible is not honored by IE when filter is present */ +.navbar-inner { + min-height: 34px; + padding-left: 20px; + padding-right: 20px; + background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#171D21)); + background-image: linear-gradient(to bottom, #FFFFFF, #171D21); + border: 1px solid rgb(0, 0, 0); + border-radius: 3px; + -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065); + box-shadow: 0 1px 4px rgba(0,0,0,.065); +} +/* Prevent floats from breaking the navbar */ +.navbar-inner:before, + .navbar-inner:after { + display: table; + content: ""; + line-height: 0; + } +.navbar-inner:after { + clear: both; + } +/* Override the default collapsed state */ +.nav-collapse.collapse { + height: auto; + overflow: visible; +} +/* Plain text in topbar */ +.navbar-text { + margin-bottom: 0; + line-height: 34px; + color: #C3CBD4; +} +/* Janky solution for now to account for links outside the .nav */ +.navbar-link { + color: #C3CBD4; +} +.navbar-link:hover, + .navbar-link:focus { + color: #3C444D; + } +/*************************************************************************************************/ +/* NAVBAR FORMS */ +/*************************************************************************************************/ +.navbar-form { + margin-bottom: 0; +} +/* remove default bottom margin */ +.navbar-form:before, + .navbar-form:after { + display: table; + content: ""; + line-height: 0; + } +.navbar-form:after { + clear: both; + } +.navbar-form input, + .navbar-form select, + .navbar-form .radio, + .navbar-form .checkbox { + margin-top: 2px; /* Vertically center in navbar */ + } +.navbar-form input, + .navbar-form select, + .navbar-form .btn { + display: inline-block; + margin-bottom: 0; + } +.navbar-form input[type="image"], + .navbar-form input[type="checkbox"], + .navbar-form input[type="radio"] { + margin-top: 3px; + } +.navbar-form .input-append, + .navbar-form .input-prepend { + margin-top: 5px; + white-space: nowrap; + } +/* preven two items from separating within a .navbar-form that has .pull-left */ +.navbar-form .input-append input, .navbar-form .input-prepend input { + margin-top: 0; /* remove the margin on top since it's on the parent */ + } +/*************************************************************************************************/ +/* NAVBAR SEARCH */ +/*************************************************************************************************/ +.navbar-search { + position: relative; + float: left; + margin-top: 2px; /* Vertically center in navbar */ + margin-bottom: 0; +} +.navbar-search .search-query { + margin-bottom: 0; + padding: 4px 14px; + font-family: Georgia, "Times New Roman", Times, serif; + font-size: 13px; + font-weight: normal; + line-height: 1; + border-radius: 15px; /* redeclare because of specificity of the type attribute */ + } +/*************************************************************************************************/ +/* STATIC NAVBAR */ +/*************************************************************************************************/ +.navbar-static-top { + position: static; + margin-bottom: 0; +} +/* remove 18px margin for default navbar */ +.navbar-static-top .navbar-inner { + border-radius: 0; + } +/*************************************************************************************************/ +/* FIXED NAVBAR */ +/*************************************************************************************************/ +/* Shared (top/bottom) styles */ +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; + margin-bottom: 0; +} +/* remove 18px margin for default navbar */ +.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { + padding-left: 0; + padding-right: 0; + border-radius: 0; + } +.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner { + border-width: 0 0 1px; + -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1); + box-shadow: 0 1px 10px rgba(0,0,0,.1); + } +/* Fixed to top */ +.navbar-fixed-top { + top: 0; +} +/* Fixed to bottom */ +.navbar-fixed-bottom { + bottom: 0; +} +.navbar-fixed-bottom .navbar-inner { + border-width: 1px 0 0; + -webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.1); + box-shadow: 0 -1px 10px rgba(0,0,0,.1); + } +/* Reset container width */ +/* Required here as we reset the width earlier on and the grid mixins don't override early enough */ +.navbar-static-top .container, +.navbar-fixed-top .container, +.navbar-fixed-bottom .container { + width: 940px; +} +/*************************************************************************************************/ +/* NAVIGATION */ +/*************************************************************************************************/ +.navbar { + /* Navbar button for toggling navbar items in responsive layouts */ +} +.navbar .nav { + position: relative; + left: 0; + display: block; + float: left; + margin: 0 10px 0 0; + } +.navbar .nav.pull-right { + float: right; /* redeclare due to specificity */ + margin-right: 0; /* remove margin on float right nav */ + } +.navbar .nav > li { + float: left; + } +/* Links */ +.navbar .nav > li > a { + float: none; + /* Vertically center the text given $navbarHeight */ + padding: 7px 15px 7px; + color: #C3CBD4; + text-decoration: none; + text-shadow: 0 1px 0 #FFFFFF; + } +/* Hover/focus */ +.navbar .nav > li > a:focus, + .navbar .nav > li > a:hover { + background-color: transparent; /* "transparent" is default to differentiate :hover/:focus from .active */ + color: #3C444D; + text-decoration: none; + } +/* Dropdown Menus */ +.navbar .nav > li > .dropdown-menu:before { + content: ''; + display: inline-block; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + border-bottom: 7px solid #171D21; + border-bottom-color: #171D21; + position: absolute; + top: -7px; + left: 9px; + } +.navbar .nav > li > .dropdown-menu:after { + content: ''; + display: inline-block; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-bottom: 6px solid #FFFFFF; + position: absolute; + top: -6px; + left: 10px; + } +/* Caret should match text color on hover/focus */ +.navbar .nav > li.dropdown > a:hover .caret, + .navbar .nav > li.dropdown > a:focus .caret { + border-top-color: #3C444D; + border-bottom-color: #3C444D; + } +/* Remove background color from open dropdown */ +.navbar .nav > li.dropdown.open > .dropdown-toggle, .navbar .nav > li.dropdown.active > .dropdown-toggle, .navbar .nav > li.dropdown.open.active > .dropdown-toggle { + background-color: rgb(13, 16, 18); + color: #5C6773; + } +.navbar .nav > li.dropdown.open > .dropdown-toggle .caret, .navbar .nav > li.dropdown.active > .dropdown-toggle .caret, .navbar .nav > li.dropdown.open.active > .dropdown-toggle .caret { + border-top-color: #5C6773; + border-bottom-color: #5C6773; + } +.navbar .nav > li.dropdown > .dropdown-toggle .caret { + border-top-color: #C3CBD4; + border-bottom-color: #C3CBD4; + } +.navbar .nav .dropdown-toggle .caret { + margin-top: 8px; + } +/* Active nav items */ +.navbar .nav > .active > a, + .navbar .nav > .active > a:hover, + .navbar .nav > .active > a:focus { + color: #5C6773; + text-decoration: none; + background-color: rgb(13, 16, 18); + -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,.125); + box-shadow: inset 0 3px 8px rgba(0,0,0,.125); + } +/* These definitions need to come after '.navbar .btn' */ +.navbar .btn-navbar { + display: none; + float: right; + padding: 7px 10px; + margin-left: 5px; + margin-right: 5px; + background-color: #5C6773; + border-color: #171D21; + color: #FFFFFF; + -webkit-box-shadow: inset 0px -1px 0 #3C444D; + box-shadow: inset 0px -1px 0 #3C444D; + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); + box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); + } +.navbar .btn-navbar .icon-bar { + display: block; + width: 18px; + height: 2px; + background-color: #f5f5f5; + border-radius: 1px; + -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.25); + box-shadow: 0 1px 0 rgba(0,0,0,.25); + } +.navbar .btn-navbar .icon-bar+ .icon-bar { + margin-top: 3px; + } +/* Right aligned menus need alt position */ +.navbar .pull-right > li > .dropdown-menu, + .navbar .nav > li > .dropdown-menu.pull-right { + left: auto; + right: 0; + } +.navbar .pull-right > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu.pull-right:before { + left: auto; + right: 12px; + } +.navbar .pull-right > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu.pull-right:after { + left: auto; + right: 13px; + } +.navbar .pull-right > li > .dropdown-menu .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu { + left: auto; + right: 100%; + margin-left: 0; + margin-right: -1px; + border-radius: 6px 0 6px 6px; + } +/* Menu position and menu caret support for dropups via extra dropup class */ +.navbar-fixed-bottom .nav > li > .dropdown-menu:before { + border-top: 7px solid #171D21; + border-top-color: #171D21; + border-bottom: 0; + bottom: -7px; + top: auto; + } +.navbar-fixed-bottom .nav > li > .dropdown-menu:after { + border-top: 6px solid #FFFFFF; + border-bottom: 0; + bottom: -6px; + top: auto; + } +/*===============================================================================================*/ +/* SPLUNK: PAGINATOR */ +/* Navigation styles and components. */ +/*===============================================================================================*/ +/* pagination styles and overrides + + +*/ +.pagination { + height: auto; +} +.pagination > ul { + display: inline-block; + /* Reset default ul styles */ + margin-left: 0; + margin-bottom: 0; + list-style: none; + } +.pagination > ul > li { + float: left; + } +.pagination > ul > li > span, + .pagination > ul > li > a { + padding: 5px 14px; /* note the vertical padding will be funky unless it's block, inline-block, or floated */ + float: left; + line-height: 20px; + border: 1px solid transparent; + border-radius: 3px; + + background-color: none; + + border-color: transparent; + + color: #FFFFFF; + + -webkit-box-shadow: none; + + box-shadow: none; + + text-decoration: none; + + text-shadow: none; + + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + -webkit-filter: none; + + filter: none; + } +.pagination > ul > li > span:hover, .pagination > ul > li > a:hover { + color: #FFFFFF; + background: #3C444D; + border-color: #171D21; + text-decoration: none; + } +.pagination > ul > li > span:focus, .pagination > ul > li > a:focus { + color: #00A4FD; + background: none; + border-color: transparent; + text-decoration: none; + -webkit-box-shadow: 0 0 1px 2px #00A4FD; + box-shadow: 0 0 1px 2px #00A4FD; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.pagination > ul > li > span:focus:active:not([disabled]), .pagination > ul > li > a:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.pagination > ul > li > span:active, .pagination > ul > li > span.active, .pagination > ul > li > a:active, .pagination > ul > li > a.active { + color: #FFFFFF; + background: #2B3033; + border-color: transparent; + text-decoration: none; + } +.pagination > ul > li > span.disabled, + .pagination > ul > li > span[disabled], + .pagination > ul > li > span.disabled:hover, + .pagination > ul > li > span[disabled]:hover, + .pagination > ul > li > span.disabled:focus, + .pagination > ul > li > span[disabled]:focus, + .pagination > ul > li > span.disabled:active, + .pagination > ul > li > span[disabled]:active, + .pagination > ul > li > a.disabled, + .pagination > ul > li > a[disabled], + .pagination > ul > li > a.disabled:hover, + .pagination > ul > li > a[disabled]:hover, + .pagination > ul > li > a.disabled:focus, + .pagination > ul > li > a[disabled]:focus, + .pagination > ul > li > a.disabled:active, + .pagination > ul > li > a[disabled]:active { + color: #5C6773; + background: none; + border-color: transparent; + text-decoration: none; + -webkit-box-shadow: none; + box-shadow: none; + cursor: not-allowed; + } +.pagination > ul > li > span:not(.page-controls),.pagination > ul > li > a:not(.page-controls){ + padding: 5px 10px; + margin: 0 1px; + } +.pagination > ul > li > span:not(.page-controls).btn-square, .pagination > ul > li > a:not(.page-controls).btn-square { + padding: 5px 0; + } +.pagination > ul .active > a, .pagination > ul .active > a:hover { + cursor: default; + border: 1px solid #007ABD; + color: #007ABD; + } +.pagination > ul .icon-chevron-left, .pagination > ul .icon-triangle-left-small { + padding-right: 6.66667px; + } +.pagination > ul .icon-chevron-right, .pagination > ul .icon-triangle-right-small { + padding-left: 6.66667px; + } +.pagination > ul > .disabled > span, + .pagination > ul > .disabled > a, + .pagination > ul > .disabled > a:hover, + .pagination > ul > .disabled > a:focus { + background-color: transparent; + border-color: transparent; + color: #5C6773; + cursor: default; + -webkit-box-shadow: none; + box-shadow: none; + } +.pagination .max-events-per-bucket { + color: #F8BE34; + font-size: 18px; + } +/* .pagination */ +.splunk-paginator.splunk-view { + padding: 0 10px; +} +.splunk-paginator.splunk-view .disabled, .splunk-paginator.splunk-view a.selected { + color: #5C6773; + cursor: default; + } +.splunk-paginator.splunk-view a.selected { + color: #00A4FD; + border: 1px solid #00A4FD; + background: transparent; + } +.splunk-paginator.splunk-view a { + border: 1px solid transparent; + border-radius: 3px; + color: #FFFFFF; + padding: 2px 8px 2px; + text-decoration: none; + min-width: 10px; + line-height: 20px; + display: inline-block; + text-align: center; + } +.splunk-paginator.splunk-view a:hover { + background: #3C444D; + } +.splunk-paginator.splunk-view a:disabled { + background: none; + } +.splunk-paginator.splunk-view span { + padding-left: 5px; + padding-right: 5px; + } +/*===============================================================================================*/ +/* SPLUNK: PAGER PAGINATION */ +/*===============================================================================================*/ +.pager { + margin: 20px 0; + list-style: none; + text-align: center; +} +.pager:before, + .pager:after { + display: table; + content: ""; + line-height: 0; + } +.pager:after { + clear: both; + } +.pager li { + display: inline; + } +.pager li > a, + .pager li > span { + display: inline-block; + padding: 5px 14px; + background-color: #FFFFFF; + border: 1px solid #171D21; + border-radius: 15px; + } +.pager li > a:hover, + .pager li > a:focus { + text-decoration: none; + background-color: #F7F8FA; + } +.pager .next > a, + .pager .next > span { + float: right; + } +.pager .previous > a, + .pager .previous > span { + float: left; + } +.pager .disabled > a, + .pager .disabled > a:hover, + .pager .disabled > a:focus, + .pager .disabled > span { + text-decoration: none; + background-color: #F7F8FA; + } +/* Components: Popovers */ +/*===============================================================================================*/ +/* SPLUNK: MODALS */ +/*===============================================================================================*/ +/* TODO: the close button seems to have issues on placement */ +/* modal windows + +
    +
    + +

    Modal header

    +
    +
    +

    One fine body…

    +
    +
    + Close + Save changes +
    +
    + + +
    +
    + +

    Modal header

    +
    +
    +

    One fine body…

    +
    +
    + Close + Save changes +
    +
    + +*/ +/* body while modal is open */ +.body-modal-open { + overflow: hidden; +} +/* Background */ +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + background-color: #b3b3b3; +} +/* Fade for backdrop */ +.modal-backdrop.fade { opacity: 0; } +.modal-backdrop, +.modal-backdrop.fade.in { + opacity: 0.80; +} +/* modal container */ +.modal { + position: fixed; + top: 40px; + left: 50%; + width: 550px; + margin-left: -275px; +} +.modal .form-horizontal { + width: 550px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + } +.modal { + z-index: 1050; + background-color: #31373E; + border: none; + -webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.3); + box-shadow: 0 3px 7px rgba(0,0,0,0.3); + background-clip: border-box; + outline: none; +} +/* Remove focus outline from opened modal */ +.modal.fade { + -webkit-transition: opacity 0.125s, top 0.125s ease; + transition: opacity 0.125s, top 0.125s ease; + top: 0; + } +.modal.fade.in { top: 40px } +/* modal */ +/* SPL-68751 - IE10 box shadow animation artifacts fix */ +.modal:after { + content: ""; + font-size: 0; + display: inline; + overflow: hidden; +} +/*************************************************************************************************/ +/* MODAL HEADER */ +/*************************************************************************************************/ +.modal-header { + border: none; + position: relative; + background: #31373E; + padding: 20px; +} +/* heading */ +.modal-header h3, .modal-header h1, .modal-header .modal-title { + font-size: 20px; + font-weight: 500; + line-height: 22px; + margin: 0; + overflow-wrap: break-word; + padding-right: 40px; + } +/* close button */ +.modal-header .close { + border: 1px solid; + top: 20px; + right: 20px; + margin-top: -2px; + position: absolute; + background-color: none; + border-color: transparent; + color: #FFFFFF; + -webkit-box-shadow: none; + box-shadow: none; + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + } +.modal-header .close:hover { + color: #FFFFFF; + background: #3C444D; + border-color: #171D21; + text-decoration: none; + } +.modal-header .close:focus { + color: #00A4FD; + background: none; + border-color: transparent; + text-decoration: none; + -webkit-box-shadow: 0 0 1px 2px #00A4FD; + box-shadow: 0 0 1px 2px #00A4FD; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.modal-header .close:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.modal-header .close:active, .modal-header .close.active { + color: #FFFFFF; + background: #2B3033; + border-color: transparent; + text-decoration: none; + } +.modal-header .close.disabled, + .modal-header .close[disabled], + .modal-header .close.disabled:hover, + .modal-header .close[disabled]:hover, + .modal-header .close.disabled:focus, + .modal-header .close[disabled]:focus, + .modal-header .close.disabled:active, + .modal-header .close[disabled]:active { + color: #5C6773; + background: none; + border-color: transparent; + text-decoration: none; + -webkit-box-shadow: none; + box-shadow: none; + cursor: not-allowed; + } +/*************************************************************************************************/ +/* MODAL BODY */ +/*************************************************************************************************/ +.modal-body { + position: relative; + padding: 0 20px; + overflow: visible; + max-height: calc(100vh - 246px); +} +.modal-body:last-child { + max-height: calc(100vh - 259px); /* if no footer, can be somewhat taller */ + } +/* Remove bottom margin if need be */ +.modal-form { + margin-bottom: 0; +} +.modal-body-scrolling { + overflow-y: auto; + padding: 20px; + position: relative; + border-top: 1px solid #32414C; + border-bottom: 1px solid #32414C; +} +/*************************************************************************************************/ +/* MODAL FOOTER */ +/*************************************************************************************************/ +.modal-footer { + padding: 20px; + margin-bottom: 0; + text-align: right; /* right align buttons */ + background: #31373E; +} +.modal-footer:before, + .modal-footer:after { + display: table; + content: ""; + line-height: 0; + } +.modal-footer:after { + clear: both; + } +/* clear it in case folks use .pull-* classes on buttons */ +.modal-footer > .btn { + min-width: 80px; + } +.modal-footer > .btn + .btn:not(.pull-left) { + /* Properly space out buttons */ + margin-left: 10px; + margin-bottom: 0; /* account for input[type="submit"] which gets the bottom margin like all other inputs */ + } +/* but override that for button groups */ +.modal-footer > .btn-group .btn + .btn { + margin-left: -1px; + } +/* and override it for block buttons as well */ +.modal-footer > .btn-block + .btn-block { + margin-left: 0; + } +.modal-footer:empty { + padding: 0; + } +/*************************************************************************************************/ +/* MODAL VARIATIONS */ +/*************************************************************************************************/ +/* extends modal; sets width & offset */ +.modal-wide { + width: 800px; + margin-left: -400px; +} +.modal-wide .form-horizontal { + width: 800px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + } +/* Disconnect needs to be above other modals */ +.modal.disconnection-warning-modal { + z-index: 1090; +} +.shared-splunkbar-messages-noconnectionoverlay .modal-backdrop { + z-index: 1080; +} +/* loading ... */ +.modal-loading { + text-align: center; + color: #C3CBD4; +} +/*************************************************************************************************/ +/* WHATS NEW DIALOG */ +/*************************************************************************************************/ +.shared-whatsnewdialog.modal { + width: 900px; + margin-left: -450px; + } +.shared-whatsnewdialog.modal .modal-body { + padding-right: 0; + } +.shared-whatsnewdialog h2 { + font-weight: 200; + font-size: 24px; + margin: 0 0 20px -20px; + padding-left: 20px; + } +.shared-whatsnewdialog .feature { + display:inline-block; + width: 260px; + margin: 0 20px 20px 0; + position: relative; + vertical-align: top; + } +.shared-whatsnewdialog .feature > h3 { + margin: 0 0 5px 0; + } +.shared-whatsnewdialog .feature > img { + display: block; + width: 100%; + height: 170px; + border: 1px solid #171D21; + margin-bottom: 10px; + } +.shared-whatsnewdialog .feature > p { + margin: 0; + } +.shared-whatsnewdialog .feature + h2 { + padding-top: 20px; + border-top: 1px dotted #171D21; + } +/*===============================================================================================*/ +/* SPLUNK: TOOLTIPS */ +/*===============================================================================================*/ +/* Base class */ +.tooltip { + position: absolute; + z-index: 1070; + display: block; + visibility: visible; + font-size: 12px; + line-height: 1.4; + opacity: 0.0; +} +.tooltip.in { opacity: 0.85; } +.tooltip.top { margin-top: -3px; padding: 5px 0; } +.tooltip.right { margin-left: 3px; padding: 0 5px; } +.tooltip.bottom { margin-top: 3px; padding: 5px 0; } +.tooltip.left { margin-left: -3px; padding: 0 5px; } +/* Wrapper for the tooltip content */ +.tooltip-inner { + max-width: 200px; + padding: 6px 12px; + color: #171D21; + text-align: center; + text-decoration: none; + background-color: #FFFFFF; +} +/* Arrows */ +.tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.tooltip.top .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-width: 5px 5px 0; + border-top-color: #FFFFFF; + } +.tooltip.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-width: 5px 5px 5px 0; + border-right-color: #FFFFFF; + } +.tooltip.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-width: 5px 0 5px 5px; + border-left-color: #FFFFFF; + } +.tooltip.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-width: 0 5px 5px; + border-bottom-color: #FFFFFF; + } +/* Components: Misc */ +/*===============================================================================================*/ +/* SPLUNK: THUMBNAILS */ +/*===============================================================================================*/ +/* Note: `.thumbnails` and `.thumbnails > li` are overriden in responsive files */ +/* Make wrapper ul behave like the grid */ +.thumbnails { + margin-left: -20px; + list-style: none; +} +.thumbnails:before, + .thumbnails:after { + display: table; + content: ""; + line-height: 0; + } +.thumbnails:after { + clear: both; + } +/* Fluid rows have no left margin */ +.row-fluid .thumbnails { + margin-left: 0; +} +/* Float li to make thumbnails appear in a row */ +.thumbnails > li { + float: left; /* Explicity set the float since we don't require .span* classes */ + margin-bottom: 20px; + margin-left: 20px; +} +/* The actual thumbnail (can be `a` or `div`) */ +.thumbnail { + display: block; + padding: 4px; + line-height: 20px; + border: 1px solid #ddd; + border-radius: 3px; + -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.055); + box-shadow: 0 1px 3px rgba(0,0,0,.055); + -webkit-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; +} +/* Add a hover/focus state for linked versions only */ +a.thumbnail:hover, +a.thumbnail:focus { + border-color: #00A4FD; + -webkit-box-shadow: 0 1px 4px rgba(0,105,214,.25); + box-shadow: 0 1px 4px rgba(0,105,214,.25); +} +/* Images and captions */ +.thumbnail > img { + display: block; + max-width: 100%; + margin-left: auto; + margin-right: auto; +} +.thumbnail .caption { + padding: 9px; + color: #5C6773; +} +/*===============================================================================================*/ +/* SPLUNK: LABELS & BADGES OVERRIDES */ +/*===============================================================================================*/ +/* Base classes */ +.label, +.badge { + display: inline-block; + padding: 2px 4px; + font-size: 11.844px; + font-weight: bold; + line-height: 14px; /* ensure proper line-height if floated */ + color: #FFFFFF; + vertical-align: baseline; + white-space: nowrap; + text-shadow: 0 -1px 0 rgba(0,0,0,.25); + background-color: #818D99; +} +/* Set unique padding and border-radii */ +.label { + border-radius: 3px; +} +.badge { + padding-left: 9px; + padding-right: 9px; + border-radius: 9px; +} +/* Empty labels/badges collapse */ +.label:empty, .badge:empty { + display: none; + } +/* Hover/focus state, but only for links */ +a.label:hover, + a.label:focus, + a.badge:hover, + a.badge:focus { + color: #FFFFFF; + text-decoration: none; + cursor: pointer; + } +/* Colors */ +/* Only give background-color difference to links (and to simplify, we don't qualifty with `a` but [href] attribute) */ +/* Important (red) */ +.label-important, .badge-important { background-color: #31373E; } +.label-important[href], .badge-important[href] { background-color: rgb(27, 30, 34); } +/* Warnings (orange) */ +.label-warning, .badge-warning { background-color: #F1813F; } +.label-warning[href], .badge-warning[href] { background-color: rgb(237, 98, 18); } +/* Success (green) */ +.label-success, .badge-success { background-color: #53A051; } +.label-success[href], .badge-success[href] { background-color: rgb(65, 125, 63); } +/* Info (turquoise) */ +.label-info, .badge-info { background-color: #006D9C; } +.label-info[href], .badge-info[href] { background-color: rgb(0, 75, 107); } +/* Inverse (black) */ +.label-inverse, .badge-inverse { background-color: #3C444D; } +.label-inverse[href], .badge-inverse[href] { background-color: rgb(38, 43, 49); } +/* Quick fix for labels/badges in buttons */ +.btn .label, + .btn .badge { + position: relative; + top: -1px; + } +.btn-mini .label, + .btn-mini .badge { + top: 0; + } +/* Labels */ +/* ------ */ +/* TODO: use vars here */ +.label { + padding: 1px 4px 0 4px; + border-radius: 4px; + line-height: 17px; + font-size: 12px; + font-weight: normal; + text-transform: uppercase; + color: #FFFFFF; + text-shadow: none; + background-color: #C3CBD4; + border: 1px solid #3C444D; +} +/* icons in labels */ +.label [class*="icon-"]{ + font-size: 16px; + margin-right: 3px; + vertical-align: middle; + } +/* Important (red) */ +.label-important { + background-color: #31373E; + border-color: #DC4E41; + color: #DC4E41; + } +/* Warnings (orange) */ +.label-warning { + background-color: rgb(253, 239, 231); + border-color: #F1813F; + color: #F1813F; + } +/* Success (green) */ +.label-success { + background-color: #DDECDD; + border-color: #53A051; + color: #53A051; + } +/* Info (yellow) */ +.label-info { + background-color: #FEF2D7; + border-color: #F8BE34; + color: #F8BE34; + } +/* Inverse (black) */ +.label-inverse { + background-color: #5C6773; + border-color: #3C444D; + color: #FFFFFF; + } +/*===============================================================================================*/ +/* SPLUNK: PROGRESS BARS */ +/*===============================================================================================*/ +/* ANIMATIONS */ +/* ---------- */ +@-webkit-keyframes progress-bar-stripes { + from { background-position: 40px 0; } + to { background-position: 0 0; } +} +@keyframes progress-bar-stripes { + from { background-position: 40px 0; } + to { background-position: 0 0; } +} +/* Spinners */ +/* ---------------------------- */ +.spinner-small { + background-image: url("/static/img/skins/default/loading_small.png"); + background-position: left top; + width: 14px; + height: 14px; + background-size: 280px 14px; +} +.spinner-medium { + background-image: url("/static/img/skins/default/loading_medium.png"); + background-position: left top; + width: 19px; + height: 19px; + background-size: 380px 19px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + .spinner-small { + background-image: url("/static/img/skins/default/loading_small_2x.png"); + } + + .spinner-medium { + background-image: url("/static/img/skins/default/loading_medium_2x.png"); + } +} +/* Progress */ +/* ---------------------------- */ +/* This is suppose to match Bootstrap, but it doesn't. */ +.progress { + overflow: hidden; + height: 20px; + margin-bottom: 20px; + background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#f9f9f9)); + background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); + -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); + box-shadow: inset 0 1px 2px rgba(0,0,0,.1); + background-color: #F7F8FA; + border-radius: 3px; + +} +/* Bootstrap uses the .bar class, but our standard components use .progress-bar */ +.progress .bar, + .progress .progress-bar { + width: 0%; + height: 100%; + color: #FFFFFF; + float: left; + font-size: 12px; + text-align: center; + -webkit-transition: width .6s ease; + transition: width .6s ease; + } +.progress .bar { + background-color: #007ABD; + -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); + box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); + -webkit-box-sizing: border-box; + box-sizing: border-box; + } +.progress .bar + .bar { + -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); + box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); + } +.progress .progress-bar { + line-height: 20px; + background-color: #C3CBD4; + } +.progress .progress-striped.progress-bar { + background-color: #C3CBD4; + background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); + background-size: 40px 40px; + } +/* Striped bars */ +.progress-striped .bar { + background-color: #007ABD; + background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); + background-size: 40px 40px; +} +/* Call animation for the active one */ +.progress.active .bar, +.active.progress-bar { + -webkit-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; +} +/* PROGRESS STATES */ +/* --------------- */ +/* These have been inherited from Bootstrap and are not used on Core. */ +/* Danger (red) */ +.progress-danger .bar, .progress .bar-danger { + background: #DC4E41; +} +.progress-danger.progress-striped .bar, .progress-striped .bar-danger { + background-color: #DC4E41; + background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); +} +/* Success (green) */ +.progress-success .bar, .progress .bar-success { + background: #53A051; +} +.progress-success.progress-striped .bar, .progress-striped .bar-success { + background-color: #53A051; + background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); +} +/* Info (teal) */ +.progress-info .bar, .progress .bar-info { + background: #006D9C; +} +.progress-info.progress-striped .bar, .progress-striped .bar-info { + background-color: #006D9C; + background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); +} +/* Warning (orange) */ +.progress-warning .bar, .progress .bar-warning { + background: #F1813F; +} +.progress-warning.progress-striped .bar, .progress-striped .bar-warning { + background-color: #F1813F; + background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); +} +/*===============================================================================================*/ +/* SPLUNK: ACCORDION */ +/* Accordion for expanding content. */ +/*===============================================================================================*/ +/* +
    +
    +
    + + + Collapsible Group Item #1 +
    +
    +
    + Anim pariatur cliche... +
    +
    +
    +
    +
    + + + Collapsible Group Item #2 +
    +
    +
    + Anim pariatur cliche... +
    +
    +
    +
    +*/ +/* Parent container */ +.accordion { + margin-bottom: 0; + background: #31373E; +} +/* Heading */ +.accordion-heading { + border-bottom: 0; + position: relative; +} +/* Heading Toggle */ +.accordion-heading .accordion-toggle { + display: block; + padding: 5px 14px; + padding-left: 30px; + line-height: 20px; + background-color: #3C444D; + color: #FFFFFF; + text-decoration: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + cursor: pointer; + } +.accordion-heading .accordion-toggle .icon-triangle-right-small:before { + content: "\203A"; + } +.accordion-heading .accordion-toggle .icon-triangle-down-small:before { + content: "\2C5"; + } +/* Group == heading + body */ +.accordion-group { + margin-bottom: 2px; + border: none; + border-radius: 0; +} +.accordion-group:first-child .accordion-toggle { + border-top: none; + } +.accordion-group:last-child .accordion-toggle, + .accordion-group.active:last-child .accordion-body { + border-bottom: none; + } +.accordion-group .accordion-toggle:focus { + -webkit-box-shadow: none; + box-shadow: none; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.accordion-group .accordion-toggle:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.accordion-group .accordion-toggle:focus { + -webkit-box-shadow: inset 0 0 2px 1px #3C444D, inset 0 0 0 2px #00A4FD; + box-shadow: inset 0 0 2px 1px #3C444D, inset 0 0 0 2px #00A4FD; +} +.accordion-group.active .accordion-toggle { + background: #31373E; + border-bottom: none; + cursor: default; + } +.accordion-group.active .accordion-toggle:focus { + -webkit-box-shadow: none; + box-shadow: none; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.accordion-group.active .accordion-toggle:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.accordion-group.active .accordion-toggle:focus { + -webkit-box-shadow: inset 0 0 2px 1px #31373E, inset 0 0 0 2px #00A4FD; + box-shadow: inset 0 0 2px 1px #31373E, inset 0 0 0 2px #00A4FD; +} +.accordion-group:not(.active) .accordion-toggle:hover { + background-color: #212527; + -webkit-box-shadow: none; + box-shadow: none; + } +.accordion-group:not(.active) .accordion-toggle:hover:focus { + -webkit-box-shadow: none; + box-shadow: none; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.accordion-group:not(.active) .accordion-toggle:hover:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.accordion-group:not(.active) .accordion-toggle:hover:focus { + -webkit-box-shadow: inset 0 0 2px 1px #212527, inset 0 0 0 2px #00A4FD; + box-shadow: inset 0 0 2px 1px #212527, inset 0 0 0 2px #00A4FD; +} +/* Heading Toggle Icon */ +.icon-accordion-toggle { + position: absolute; + left: 10px; +} +/* Body */ +.accordion-body { + background-color: #31373E; +} +.accordion-inner { + padding: 10px 20px 20px 20px; + border: none; +} +.accordion-inner:before, + .accordion-inner:after { + display: table; + content: ""; + line-height: 0; + } +.accordion-inner:after { + clear: both; + } +.accordion-inner { + position: relative; +} +/*===============================================================================================*/ +/* SPLUNK: CAROUSEL */ +/*===============================================================================================*/ +.carousel { + position: relative; + margin-bottom: 20px; + line-height: 1; +} +.carousel-inner { + overflow: hidden; + width: 100%; + position: relative; +} +.carousel-inner > .item { + display: none; + position: relative; + -webkit-transition: .6s ease-in-out left; + transition: .6s ease-in-out left; + } +/* Account for jankitude on images */ +.carousel-inner > .item > img, + .carousel-inner > .item > a > img { + display: block; + line-height: 1; + } +.carousel-inner > .active, + .carousel-inner > .next, + .carousel-inner > .prev { + display: block; + } +.carousel-inner > .next, + .carousel-inner > .prev { + position: absolute; + top: 0; + width: 100%; + } +.carousel-inner > .next { + left: 100%; + } +.carousel-inner > .prev { + left: -100%; + } +.carousel-inner > .next.left, + .carousel-inner > .prev.right { + left: 0; + } +.carousel-inner > .active { + left: 0; + } +.carousel-inner > .active.left, + .carousel-inner > .active.right { + left: 100%; + } +/*************************************************************************************************/ +/* LEFT/RIGHT CONTROLS FOR NAV */ +/*************************************************************************************************/ +.carousel-control { + position: absolute; + top: 40%; + left: 15px; + width: 40px; + height: 40px; + margin-top: -20px; + font-size: 60px; + font-weight: 100; + line-height: 30px; + color: #FFFFFF; + text-align: center; + background: #171D21; + border: 3px solid #FFFFFF; + border-radius: 23px; + opacity: 0.50; + + /* we can't have this transition here */ + /* because webkit cancels the carousel */ + /* animation if you trip this while */ + /* in the middle of another animation */ + /* ;_; */ + /* transition: opacity .2s linear; */ +} +/* Reposition the right one */ +.carousel-control.right { + left: auto; + right: 15px; + } +/* Hover/focus state */ +.carousel-control:hover, + .carousel-control:focus { + color: #FFFFFF; + text-decoration: none; + opacity: 0.90; + } +/*************************************************************************************************/ +/* CAROUSEL INDICATOR PIPS */ +/*************************************************************************************************/ +.carousel-indicators { + position: absolute; + top: 15px; + right: 15px; + z-index: 5; + margin: 0; + list-style: none; +} +.carousel-indicators li { + display: block; + float: left; + width: 10px; + height: 10px; + margin-left: 5px; + text-indent: -999px; + background-color: #C3CBD4; + background-color: rgba(255, 255, 255, .25); + border-radius: 5px; + } +.carousel-indicators .active { + background-color: #FFF; + } +/*************************************************************************************************/ +/* CAPTION FOR TEXT BELOW IMAGES */ +/*************************************************************************************************/ +.carousel-caption { + position: absolute; + left: 0; + right: 0; + bottom: 0; + padding: 15px; + background: #3C444D; + background: rgba(0, 0, 0, .75); +} +.carousel-caption h4, .carousel-caption p { + color: #FFFFFF; + line-height: 20px; + } +.carousel-caption h4 { + margin: 0 0 5px; + } +.carousel-caption p { + margin-bottom: 0; + } +/* Utility classes */ +/*===============================================================================================*/ +/* SPLUNK: UTILITY CLASSES */ +/*===============================================================================================*/ +/* Quick floats */ +.pull-right { + float: right; +} +.pull-left { + float: left; +} +/* Toggling content */ +.hide { + display: none; +} +.show { + display: block; +} +/* Visibility */ +.invisible { + visibility: hidden; +} +/* For Affix plugin */ +.affix { + position: fixed; +} +/* Proxy mixin s */ +.clearfix:before, + .clearfix:after { + display: table; + content: ""; + line-height: 0; + } +.clearfix:after { + clear: both; + } +.hide-text { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; + position: absolute; + width: 0; +} +.input-block-level { + display: block; + width: 100%; + min-height: 32px; + /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */ + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* Makes inputs behave like true block-level elements */ +} +/* 508 helper class - Hide only visually, but have it available for screenreaders */ +.visuallyhidden { + clip: rect(0 0 0 0); + position: absolute; + width: 1px; + height: 1px; + margin: -1px; + overflow: hidden; + border: 0; +} +/* Has to be last to override when necessary */ +/* 3rd party */ +/*===============================================================================================*/ +/* SPLUNK: JQUERY UI THEME */ +/*===============================================================================================*/ +/* generic widgets */ +/* --------------- */ +.ui-widget { + font-family: inherit; +} +.ui-widget-header { + font-weight: normal; + background: transparent; + border: 0; + color: #FFFFFF; +} +.ui-widget-header a { + color: #000000; + } +.ui-corner-all { + border-radius: 2px; +} +.ui-icon { + font-family: "Splunk Icons"; + width: 20px; + height: 20px; +} +/* Tabs */ +/* ----------- */ +/*jq-ui adds background to tabs which is shared by other components*/ +.ui-tabs .ui-widget-header { + background: none; + border-bottom:1px solid #171D21; + border-radius: 0; + } +/* override default tabs borders */ +.ui-tabs .ui-tabs-nav li { + border-bottom: 1px solid #171D21 !important; /*need important to override jq-ui bs*/ + margin-bottom:-1px; + } +/* selected state */ +.ui-tabs .ui-tabs-nav li.ui-tabs-selected { + border-bottom:1px solid #171D21 !important; /*need important to override the other important*/ + } +/* Accordiion */ +/* ------------ */ +.ui-accordion .ui-accordion-header .ui-icon { + left: 0.5em; + margin-top: -8px; + position: absolute; + top: 50%; + } +.ui-accordion-icons .ui-accordion-header a { + padding-left: 2.2em; + } +/* Datepicker */ +/* ------------- */ +#ui-datepicker-div { + display:none; /* jquery ui adds this id by default ;_; */ + z-index: 1070 !important; /* need to override jquery inline z-index nonsense ;_; */ +} +.ui-datepicker { + + background-color: #31373E; + + border: 1px solid #000000; + + -webkit-box-shadow: 1px 4px 5px rgba(0, 0, 0, 0.5); + + box-shadow: 1px 4px 5px rgba(0, 0, 0, 0.5); + + border-radius: 2px; + + top: 100%; + + left: 50%; + + margin: 8px 0 0 -103px; + + display: none; + + position: absolute; + + z-index: 1059; + + white-space: normal; + +} +/* placement of arrow */ +.ui-datepicker .arrow { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-top: 0; + border-bottom-color: #000000; + top: -8px; + left: 50%; + margin-left: -4px; + } +/* generated arrow */ +.ui-datepicker .arrow:before { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-top: 0; + border-bottom-color: #31373E; + top: 1px; + left: -8px; + } +/* prevent inheriting nowrap from btn-group */ +.ui-datepicker.up { + margin-top: 0; + } +/* placement of arrow */ +.ui-datepicker.up > .arrow { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-bottom: 0; + border-top-color: #000000; + top: auto; + bottom: -8px; + } +.ui-datepicker.up > .arrow:before { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-bottom: 0; + border-top-color: #31373E; + top: auto; + bottom: 1px; + } +.ui-datepicker.right { /* point left */ + margin-left: 5px; + margin-top: 0; + } +/* placement of arrow */ +.ui-datepicker.right .arrow { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-left: 0; + border-right-color: #000000; + top: 50%; + left: -8px; + margin: -8px 0 0 0; + } +.ui-datepicker.right .arrow:before { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-left: 0; + border-right-color: #31373E; + top: 50%; + left: 1px; + margin: -8px 0 0 0; + } +/* position of arrow when floated right */ +.ui-datepicker.pull-right .arrow { + left: auto; + right: 8px; + } +/* open state */ +.ui-datepicker.open { + display: block; + } +.ui-datepicker { + background-color: #31373E; + width: 17em; + height: auto; + position: relative; + padding: 5px; + margin: 0; +} +.ui-datepicker .ui-datepicker-header { + position: relative; + padding: 0.2em 0; + background: transparent; + } +/* header */ +.ui-datepicker .ui-datepicker-title { + margin: 0 2.3em; + line-height: 32px; + text-align: center; + } +.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { + position: absolute; + text-decoration: none; + } +.ui-datepicker .ui-datepicker-prev .ui-icon,.ui-datepicker .ui-datepicker-next .ui-icon{ + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; + position: absolute; + width: 0; + left: 0; + /* override hide-text for ie-7 */ + } +.ui-datepicker .ui-datepicker-prev .ui-icon:after, .ui-datepicker .ui-datepicker-next .ui-icon:after { + display: block; + position: absolute; + top: 0; + left: 0; + text-align: center; + width: 32px; + line-height: 32px; + color: #FFFFFF; + + text-indent: 0; + font-size: 12px; + font-family: "Splunk Icons"; + } +/* prev-next */ +.ui-datepicker .ui-datepicker-prev .ui-icon:after { + content: "\25C0"; + } +.ui-datepicker .ui-datepicker-next { + top: 0; + right: 0; + } +.ui-datepicker .ui-datepicker-next .ui-icon:after { + content: "\25B6"; + } +.ui-datepicker table { + margin-bottom: 0; + width: 100%; + border-collapse: collapse; + margin: 0 0 0.4em; + } +.ui-datepicker .ui-datepicker-calendar {/* table */ + margin: 0; + } +.ui-datepicker .ui-datepicker-calendar th { + line-height: 10px; + padding: 0.7em 0.3em; + padding-top: 20px; + color: #C3CBD4; + text-align: center; + border: 0; + font-weight: normal; + } +.ui-datepicker .ui-datepicker-calendar td { + padding: 1px; + } +.ui-datepicker .ui-datepicker-calendar td a { + display: block; + padding: 0.2em; + text-align: right; + color: #FFFFFF; + } +.ui-datepicker .ui-datepicker-calendar a { + border: 1px solid #171D21; + } +.ui-datepicker .ui-datepicker-calendar a:hover {text-decoration: none;} +.ui-datepicker .ui-datepicker-calendar .ui-state-default { + background: #31373E; + border:1px solid #3C444D; + color: #FFFFFF; + } +.ui-datepicker .ui-datepicker-calendar .ui-state-active { + background-color: #C3CBD4; + border-color: #007ABD; + color: #006EAA; + } +.ui-datepicker .ui-datepicker-calendar .ui-state-hover { + border-color: #00A4FD; + background: #C3CBD4; + color: #006EAA; + } +/* calendar */ +.ui-datepicker a.ui-corner-all { + + display: inline-block; + padding: 5px 14px; /* note the vertical padding will be funky unless it's block, inline-block, or floated */ + border-radius: 3px; + + background-color: none; + + border-color: transparent; + + color: #FFFFFF; + + -webkit-box-shadow: none; + + box-shadow: none; + + text-decoration: none; + + text-shadow: none; + + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + -webkit-filter: none; + + filter: none; + + } +.ui-datepicker a.ui-corner-all:hover { + color: #00A4FD; + text-decoration: none; + } +.ui-datepicker a.ui-corner-all:focus { + color: #00A4FD; + text-decoration: underline; + -webkit-box-shadow: 0 0 1px 2px #00A4FD; + box-shadow: 0 0 1px 2px #00A4FD; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.ui-datepicker a.ui-corner-all:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.ui-datepicker a.ui-corner-all:active, .ui-datepicker a.ui-corner-all.active { + color: #00A4FD; + text-decoration: none; + } +.ui-datepicker a.ui-corner-all.disabled, + .ui-datepicker a.ui-corner-all[disabled], + .ui-datepicker a.ui-corner-all.disabled:hover, + .ui-datepicker a.ui-corner-all[disabled]:hover, + .ui-datepicker a.ui-corner-all.disabled:focus, + .ui-datepicker a.ui-corner-all[disabled]:focus, + .ui-datepicker a.ui-corner-all.disabled:active, + .ui-datepicker a.ui-corner-all[disabled]:active { + color: #5C6773; + text-decoration: none; + cursor: not-allowed; + } +.ui-datepicker a.ui-corner-all { + + width: 32px; + height: 32px; + text-align: center; + padding:0; +} +.ui-datepicker a.ui-corner-all:hover { + cursor: pointer; /* ensure pointer if missing href */ + color: #006EAA; + background: #F7F8FA; + font-weight: normal; + } +.ui-datepicker a.ui-corner-all:hover .ui-icon:after { + color: #006EAA; + } +/* .ui-datepicker */ +/* + * jQuery UI Resizable $VERSION + * + * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Resizable#theming + */ +.ui-resizable { position: relative;} +.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; } +.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } +.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } +.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } +.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } +.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } +.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } +.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } +.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } +.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;} +.ui-resizable-handle { + width: 100%; + height: 9px; + background-color: transparent; + z-index: 1000; + cursor: ns-resize; + cursor: row-resize; + bottom: 0; +} +.ui-resizable-handle:before { + content: ""; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + margin-top:-1px; + display: block; + border-radius: 3px; + border: none; + height: 6px; + width: 6px; + background-color: rgba(0, 0, 0, 0.25); + } +.ui-resizable-handle:hover { + /* .gradient-vertical($interactiveGradientStartColorHover, $interactiveGradientEndColorHover); */ + } +.ui-resizable-handle .ui-draggable-dragging { + position: relative; + } +.ui-resizable:hover .ui-resizable-handle { + visibility: visible; +} + diff --git a/appserver/static/bootstrap-enterprise.css b/appserver/static/bootstrap-enterprise.css index 70bb193..0280eb4 100644 --- a/appserver/static/bootstrap-enterprise.css +++ b/appserver/static/bootstrap-enterprise.css @@ -1 +1,9699 @@ -article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}a:active,a:hover{outline:0}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{max-width:100%;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}#map_canvas img,.google-maps img{max-width:none}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle}button,input{line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button,input[type=button],input[type=checkbox],input[type=radio],input[type=reset],input[type=submit],label,select{cursor:pointer}input[type=search]{-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}@media print{*{text-shadow:none!important;color:#000!important;background:transparent!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}body{margin:0;background:#f2f4f5;color:#3c444d;min-width:960px;font-family:Splunk Platform Sans,Proxima Nova,Roboto,Droid,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:20px;-webkit-transition:margin .2s;transition:margin .2s}body.open{margin-left:300px;margin-right:-300px}.shared-page{height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}a{text-decoration:none;cursor:pointer}a,a:hover{color:#006eaa}a:hover{text-decoration:underline}a:focus{-webkit-box-shadow:0 0 1px 2px rgba(0,164,253,.6);box-shadow:0 0 1px 2px rgba(0,164,253,.6);border-collapse:separate;outline:0;text-decoration:none}a:active,a:focus:active:not([disabled]){-webkit-box-shadow:none;box-shadow:none}a.disabled{color:#6b7785}a.external:after{font-family:Splunk Icons;content:"\EC13";display:inline-block;padding-left:.5em}.img-rounded{border-radius:3px}.img-polaroid{padding:4px;background-color:#fff;border:1px solid #c3cbd4;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1)}.img-circle{border-radius:500px}.section-padded{padding:20px}.section-header{position:relative}.section-header .section-title{margin-top:0;font-size:24px;font-weight:500;line-height:24px}.section-header.page-heading{padding:20px 20px 10px}.main-section-body{color:#3c444d;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.main-section-body,.main-section-body>:first-child{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.main-section-body h2 i[class*=" icon-"],.main-section-body h2 i[class^=icon-]{color:#6b7785}.main-section-body .divider{border-top:1px solid #c3cbd4;margin:0}.main-section-body>.pull-right{margin-right:20px}.main-section-body .loading-message{padding-top:100px;min-height:400px;text-align:center}.main-section-body .main-section{padding:0 20px}.main-section-body .card{background-color:#fff;-webkit-box-shadow:0 1px 1px #e1e6eb;box-shadow:0 1px 1px #e1e6eb}.container-full-width{padding:0}.push-margins{margin-left:-20px;margin-right:-20px}.hide-text{text-indent:100%;white-space:nowrap;overflow:hidden}.panel{position:relative;border:1px solid #c3cbd4;background-color:#fff;padding:20px;margin-right:20px;border-radius:2px}.panel:last-child{margin-right:0}.panel-row{padding:0 20px;margin-bottom:20px}.section-content{background-color:#fff;min-height:400px;border-top:1px solid #c3cbd4}.column{position:relative;padding:20px;margin-right:20px}.navSkip{position:absolute;margin:1px 0 0 10px;top:0;left:-1000px;width:150px;height:32px;text-align:center;line-height:32px;background-color:#171d21;color:#c3cbd4;z-index:1040}.navSkip:focus{left:0}.shared-paywall{padding-top:30px}.list-dotted{line-height:20px;margin-top:0}.list-dotted dt{float:left;width:120px;overflow:hidden;white-space:nowrap;margin-right:5px;font-weight:400;line-height:20px;word-wrap:normal}.list-dotted dt:after{content:" ............................................"}.list-dotted dd{line-height:20px;margin-left:125px}#placeholder-splunk-bar{padding:0;background-color:#171d21;text-rendering:geometricPrecision}#placeholder-splunk-bar .brand,#placeholder-splunk-bar .brand:hover{font-family:Splunk Icons;font-weight:400;color:#fff;padding:0 20px;height:34px;font-size:18px;line-height:34px;text-shadow:none;text-decoration:none;text-rendering:geometricPrecision;margin-left:0}#placeholder-splunk-bar .brand strong{color:#818d99;font-weight:400}#placeholder-splunk-bar .brand strong:after{content:"\AE";color:#818d99;font-weight:400}#placeholder-app-bar{color:#fff;background-color:#3c444d;height:44px}#placeholder-main-section-body{color:#3c444d;padding-top:100px;min-height:400px;text-align:center}@media print{.main-section-body,body{background:none!important}@page{margin:1.27cm}.navSkip{display:none!important}}.span1{width:60px}.span1,.span2{float:left;min-height:1px;margin-left:20px}.span2{width:140px}.span3{width:220px}.span3,.span4{float:left;min-height:1px;margin-left:20px}.span4{width:300px}.span5{width:380px}.span5,.span6{float:left;min-height:1px;margin-left:20px}.span6{width:460px}.span7{width:540px}.span7,.span8{float:left;min-height:1px;margin-left:20px}.span8{width:620px}.span9{width:700px}.span9,.span10{float:left;min-height:1px;margin-left:20px}.span10{width:780px}.span11{width:860px}.span11,.span12{float:left;min-height:1px;margin-left:20px}.span12{width:940px}.offset1{margin-left:100px}.offset2{margin-left:180px}.offset3{margin-left:260px}.offset4{margin-left:340px}.offset5{margin-left:420px}.offset6{margin-left:500px}.offset7{margin-left:580px}.offset8{margin-left:660px}.offset9{margin-left:740px}.offset10{margin-left:820px}.offset11{margin-left:900px}.offset12{margin-left:980px}.row{margin-left:-20px}.row:after,.row:before{display:table;content:"";line-height:0}.row:after{clear:both}.container,.navbar-fixed-bottom .container,.navbar-fixed-top .container,.navbar-static-top .container{width:940px}.row-fluid{width:100%}.row-fluid:after,.row-fluid:before{display:table;content:"";line-height:0}.row-fluid:after{clear:both}.row-fluid .span1{display:block;width:100%;min-height:32px;-webkit-box-sizing:border-box;box-sizing:border-box;width:6.38298%;float:left;margin-left:2.127659574%}.row-fluid .span1:first-child{margin-left:0}.row-fluid .span2{display:block;width:100%;min-height:32px;-webkit-box-sizing:border-box;box-sizing:border-box;width:14.89362%;float:left;margin-left:2.127659574%}.row-fluid .span2:first-child{margin-left:0}.row-fluid .span3{display:block;width:100%;min-height:32px;-webkit-box-sizing:border-box;box-sizing:border-box;width:23.40426%;float:left;margin-left:2.127659574%}.row-fluid .span3:first-child{margin-left:0}.row-fluid .span4{display:block;width:100%;min-height:32px;-webkit-box-sizing:border-box;box-sizing:border-box;width:31.91489%;float:left;margin-left:2.127659574%}.row-fluid .span4:first-child{margin-left:0}.row-fluid .span5{display:block;width:100%;min-height:32px;-webkit-box-sizing:border-box;box-sizing:border-box;width:40.42553%;float:left;margin-left:2.127659574%}.row-fluid .span5:first-child{margin-left:0}.row-fluid .span6{display:block;width:100%;min-height:32px;-webkit-box-sizing:border-box;box-sizing:border-box;width:48.93617%;float:left;margin-left:2.127659574%}.row-fluid .span6:first-child{margin-left:0}.row-fluid .span7{display:block;width:100%;min-height:32px;-webkit-box-sizing:border-box;box-sizing:border-box;width:57.44681%;float:left;margin-left:2.127659574%}.row-fluid .span7:first-child{margin-left:0}.row-fluid .span8{display:block;width:100%;min-height:32px;-webkit-box-sizing:border-box;box-sizing:border-box;width:65.95745%;float:left;margin-left:2.127659574%}.row-fluid .span8:first-child{margin-left:0}.row-fluid .span9{display:block;width:100%;min-height:32px;-webkit-box-sizing:border-box;box-sizing:border-box;width:74.46809%;float:left;margin-left:2.127659574%}.row-fluid .span9:first-child{margin-left:0}.row-fluid .span10{display:block;width:100%;min-height:32px;-webkit-box-sizing:border-box;box-sizing:border-box;width:82.97873%;float:left;margin-left:2.127659574%}.row-fluid .span10:first-child{margin-left:0}.row-fluid .span11{display:block;width:100%;min-height:32px;-webkit-box-sizing:border-box;box-sizing:border-box;width:91.48937%;float:left;margin-left:2.127659574%}.row-fluid .span11:first-child{margin-left:0}.row-fluid .span12{display:block;min-height:32px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;float:left;margin-left:2.127659574%}.row-fluid .span12:first-child{margin-left:0}.row-fluid .offset1{margin-left:10.6383%}.row-fluid .offset2{margin-left:19.14894%}.row-fluid .offset3{margin-left:27.65958%}.row-fluid .offset4{margin-left:36.17021%}.row-fluid .offset5{margin-left:44.68085%}.row-fluid .offset6{margin-left:53.19149%}.row-fluid .offset7{margin-left:61.70213%}.row-fluid .offset8{margin-left:70.21277%}.row-fluid .offset9{margin-left:78.72341%}.row-fluid .offset10{margin-left:87.23405%}.row-fluid .offset11{margin-left:95.74469%}.row-fluid .offset12{margin-left:104.25532%}.row-fluid .controls-row [class*=span]+[class*=span]{margin-left:2.127659574%}.row-fluid [class*=span].hide,[class*=span].hide{display:none}.row-fluid [class*=span].pull-right,[class*=span].pull-right{float:right}.container{margin-right:auto;margin-left:auto}.container:after,.container:before{display:table;content:"";line-height:0}.container:after{clear:both}.container-fluid{padding-right:20px;padding-left:20px}.container-fluid:after,.container-fluid:before{display:table;content:"";line-height:0}.container-fluid:after{clear:both}@font-face{font-family:Splunk Platform Sans;src:url(/static/fonts/proxima-bold-webfont.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Splunk Platform Sans;src:url(/static/fonts/proxima-regular-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Splunk Platform Sans;src:url(/static/fonts/proxima-semibold-webfont.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:Splunk Platform Mono;src:url(/static/fonts/inconsolata-regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Splunk Icons;src:url(/static/fonts/splunkicons-regular-webfont.woff) format("woff");font-weight:400;font-style:normal}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:21px;font-weight:200;line-height:30px}small{font-size:85%}strong{font-weight:700}em{font-style:italic}cite{font-style:normal}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.muted{color:#6b7785}a.muted:focus,a.muted:hover{color:#545e69}.text-warning{color:#f8be34}a.text-warning:focus,a.text-warning:hover{color:#f1ab09}.text-error{color:#dc4e41}a.text-error:focus,a.text-error:hover{color:#c63224}.text-info{color:#006d9c}a.text-info:focus,a.text-info:hover{color:#004b6b}.text-success{color:#53a051}a.text-success:focus,a.text-success:hover{color:#417d3f}.mono-space{font-family:Splunk Platform Mono,Inconsolata,Consolas,Droid Sans Mono,Monaco,Courier New,Courier,monospace}h1{margin:10px 0;font-size:24px;font-family:inherit;font-weight:500;line-height:20px;text-transform:none;color:#3c444d;text-rendering:optimizelegibility}h1 small{font-size:21.6px}h2{margin:10px 0;font-size:18px;font-family:inherit;font-weight:500;line-height:20px;text-transform:none;color:#3c444d;text-rendering:optimizelegibility}h2 small{font-size:16.2px}h3{margin:10px 0;font-size:16px;font-family:inherit;font-weight:500;line-height:20px;text-transform:none;color:#3c444d;text-rendering:optimizelegibility}h3 small{font-size:14px}h4{font-size:14px}h4,h5{margin:10px 0;font-family:inherit;font-weight:500;line-height:20px;text-transform:none;color:#3c444d;text-rendering:optimizelegibility}h5{font-size:18px;font-size:12px}h6{margin:10px 0;font-size:18px;text-transform:none;color:#3c444d;font-size:11px}.section-heading,h6{font-family:inherit;font-weight:500;line-height:20px;text-rendering:optimizelegibility}.section-heading{font-size:14px}.section-heading,.section-heading-small{margin:5px 0;text-transform:uppercase;color:#5c6773}.section-heading-small{font-size:12px;font-family:inherit;font-weight:500;line-height:20px;text-rendering:optimizelegibility}.page-header{padding-bottom:9px;margin:20px 0 30px;border-bottom:1px solid #e1e6eb}ol,ul{padding:0;margin:0 0 10px 25px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ol.inline,ol.unstyled,ul.inline,ul.unstyled{margin-left:0;list-style:none}ol.inline>li,ul.inline>li{display:inline-block;padding-left:5px;padding-right:5px}li{line-height:20px}dl{margin-bottom:20px}dd,dt{line-height:20px}dt{font-weight:700}dd{margin-left:10px}.dl-horizontal:after,.dl-horizontal:before{display:table;content:"";line-height:0}.dl-horizontal:after{clear:both}.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}hr{margin:20px 0;border:0;border-top:1px solid #e1e6eb;border-bottom:1px solid #fff}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #818d99}abbr.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:0 0 0 15px;margin:0 0 20px;border-left:5px solid #e1e6eb}blockquote p{margin-bottom:0;font-size:17.5px;font-weight:300;line-height:1.25}blockquote small{display:block;line-height:20px;color:#818d99}blockquote small:before{content:"\2014 \A0"}blockquote.pull-right{float:right;padding-right:15px;padding-left:0;border-right:5px solid #e1e6eb;border-left:0}blockquote.pull-right p,blockquote.pull-right small{text-align:right}blockquote.pull-right small:before{content:""}blockquote.pull-right small:after{content:"\A0 \2014"}blockquote:after,blockquote:before,q:after,q:before{content:""}address{display:block;margin-bottom:20px;font-style:normal;line-height:20px}code,pre{font-family:Splunk Platform Mono,Inconsolata,Consolas,Droid Sans Mono,Monaco,Courier New,Courier,monospace;border-radius:3px}code{padding:2px 4px;color:#d14;background-color:#f7f7f9;border:1px solid #e1e1e8;white-space:nowrap;font-size:12px}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;color:#3c444d;line-height:20px;word-break:break-all;word-wrap:break-word;white-space:pre;white-space:pre-wrap;background-color:#f5f5f5;border:1px solid rgba(0,0,0,.15)}pre.prettyprint{margin-bottom:20px}pre code{padding:0;color:inherit;white-space:pre;white-space:pre-wrap;background-color:transparent;border:0}.pre-scrollable{max-height:340px;overflow-y:scroll}form,form:last-child{margin:0 0 20px}fieldset{margin:0}fieldset,legend{padding:0;border:0}legend{display:block;width:100%;margin-bottom:20px;font-size:15px;line-height:40px;color:#3c444d;border-bottom:1px solid #e5e5e5}legend small{font-size:15px;color:#818d99}button,input,label,select,textarea{font-size:14px;font-weight:400;line-height:20px}button,input,select,textarea{font-family:Splunk Platform Sans,Proxima Nova,Roboto,Droid,Helvetica Neue,Helvetica,Arial,sans-serif}label{display:block;margin-bottom:5px;cursor:default}.uneditable-input,input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{display:inline-block;padding:5px 8px;height:32px;line-height:20px;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:10px;color:#5c6773;border-radius:3px;vertical-align:middle}.uneditable-input,input,textarea{width:206px;-webkit-box-sizing:border-box;box-sizing:border-box}textarea{height:auto}.uneditable-input,input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea{background-color:#fff;border:1px solid #c3cbd4;-webkit-transition:border .2s,-webkit-box-shadow .2s;transition:border .2s,-webkit-box-shadow .2s;transition:border .2s,box-shadow .2s;transition:border .2s,box-shadow .2s,-webkit-box-shadow .2s}.uneditable-input:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,textarea:focus{-webkit-box-shadow:0 0 1px 2px rgba(0,164,253,.6);box-shadow:0 0 1px 2px rgba(0,164,253,.6);border-collapse:separate;outline:0;text-decoration:none;z-index:3}.uneditable-input:focus:active:not([disabled]),input[type=color]:focus:active:not([disabled]),input[type=date]:focus:active:not([disabled]),input[type=datetime-local]:focus:active:not([disabled]),input[type=datetime]:focus:active:not([disabled]),input[type=email]:focus:active:not([disabled]),input[type=month]:focus:active:not([disabled]),input[type=number]:focus:active:not([disabled]),input[type=password]:focus:active:not([disabled]),input[type=search]:focus:active:not([disabled]),input[type=tel]:focus:active:not([disabled]),input[type=text]:focus:active:not([disabled]),input[type=time]:focus:active:not([disabled]),input[type=url]:focus:active:not([disabled]),input[type=week]:focus:active:not([disabled]),textarea:focus:active:not([disabled]){-webkit-box-shadow:none;box-shadow:none}.uneditable-input.text-clear,input[type=color].text-clear,input[type=date].text-clear,input[type=datetime-local].text-clear,input[type=datetime].text-clear,input[type=email].text-clear,input[type=month].text-clear,input[type=number].text-clear,input[type=password].text-clear,input[type=search].text-clear,input[type=tel].text-clear,input[type=text].text-clear,input[type=time].text-clear,input[type=url].text-clear,input[type=week].text-clear,textarea.text-clear{padding-right:28px}.uneditable-input.text-clear::-ms-clear,input[type=color].text-clear::-ms-clear,input[type=date].text-clear::-ms-clear,input[type=datetime-local].text-clear::-ms-clear,input[type=datetime].text-clear::-ms-clear,input[type=email].text-clear::-ms-clear,input[type=month].text-clear::-ms-clear,input[type=number].text-clear::-ms-clear,input[type=password].text-clear::-ms-clear,input[type=search].text-clear::-ms-clear,input[type=tel].text-clear::-ms-clear,input[type=text].text-clear::-ms-clear,input[type=time].text-clear::-ms-clear,input[type=url].text-clear::-ms-clear,input[type=week].text-clear::-ms-clear,textarea.text-clear::-ms-clear{display:none;width:0;height:0}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}input[type=button],input[type=checkbox],input[type=file],input[type=image],input[type=radio],input[type=reset],input[type=submit]{width:auto}input[type=file],select{height:32px;line-height:32px}select{width:220px;border:1px solid #c3cbd4;background-color:#fff}select[multiple],select[size]{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus,select:focus{-webkit-box-shadow:0 0 1px 2px rgba(0,164,253,.6);box-shadow:0 0 1px 2px rgba(0,164,253,.6);border-collapse:separate;outline:0;text-decoration:none}input[type=checkbox]:focus:active:not([disabled]),input[type=file]:focus:active:not([disabled]),input[type=radio]:focus:active:not([disabled]),select:focus:active:not([disabled]){-webkit-box-shadow:none;box-shadow:none}input[type=radio]:focus{border-radius:100%}.uneditable-input,.uneditable-textarea{color:#c3cbd4;background-color:#f7f8fa;border-color:#e1e6eb;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.025);box-shadow:inset 0 1px 2px rgba(0,0,0,.025);cursor:not-allowed}.uneditable-input{overflow:hidden;white-space:nowrap}.uneditable-textarea{width:auto;height:auto}textarea{min-height:2em;resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#6b7785;opacity:1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#6b7785;opacity:1}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#6b7785;opacity:1}input::placeholder,textarea::placeholder{color:#6b7785;opacity:1}.checkbox,.radio{min-height:20px;padding-left:20px}.checkbox input[type=checkbox],.radio input[type=radio]{float:left;margin-left:-20px}.radio input[type=radio]{border-radius:100%}.controls>.checkbox:first-child,.controls>.radio:first-child{padding-top:5px}.checkbox.inline,.radio.inline{display:inline-block;padding-top:5px;margin-bottom:0;vertical-align:middle}.checkbox.inline+.checkbox.inline,.radio.inline+.radio.inline{margin-left:10px}input[disabled],input[readonly],select[disabled],select[readonly],textarea[disabled],textarea[readonly]{cursor:not-allowed;background-color:#f7f8fa;border-color:#e1e6eb;color:#c3cbd4}input[type=checkbox][disabled],input[type=checkbox][readonly],input[type=radio][disabled],input[type=radio][readonly]{background-color:#f7f8fa}.control-group.warning .checkbox,.control-group.warning .control-label,.control-group.warning .help-block,.control-group.warning .help-inline,.control-group.warning .radio{color:#f8be34}.control-group.warning input,.control-group.warning select,.control-group.warning textarea{color:#f8be34;border-color:#f8be34;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus{-webkit-box-shadow:0 0 1px 2px rgba(0,164,253,.6);box-shadow:0 0 1px 2px rgba(0,164,253,.6);border-collapse:separate;outline:0;text-decoration:none;z-index:3}.control-group.warning input:focus:active:not([disabled]),.control-group.warning select:focus:active:not([disabled]),.control-group.warning textarea:focus:active:not([disabled]){-webkit-box-shadow:none;box-shadow:none}.control-group.warning .input-append .add-on,.control-group.warning .input-prepend .add-on{color:#f8be34;background-color:#fef2d7;border-color:#f8be34}.control-group.error .checkbox,.control-group.error .control-label,.control-group.error .help-block,.control-group.error .help-inline,.control-group.error .radio{color:#dc4e41}.control-group.error input,.control-group.error select,.control-group.error textarea{color:#dc4e41;border-color:#dc4e41;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus{-webkit-box-shadow:0 0 1px 2px rgba(0,164,253,.6);box-shadow:0 0 1px 2px rgba(0,164,253,.6);border-collapse:separate;outline:0;text-decoration:none;z-index:3}.control-group.error input:focus:active:not([disabled]),.control-group.error select:focus:active:not([disabled]),.control-group.error textarea:focus:active:not([disabled]){-webkit-box-shadow:none;box-shadow:none}.control-group.error .input-append .add-on,.control-group.error .input-prepend .add-on{color:#dc4e41;background-color:#f8dcd9;border-color:#dc4e41}.control-group.success .checkbox,.control-group.success .control-label,.control-group.success .help-block,.control-group.success .help-inline,.control-group.success .radio{color:#53a051}.control-group.success input,.control-group.success select,.control-group.success textarea{color:#53a051;border-color:#53a051;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus{-webkit-box-shadow:0 0 1px 2px rgba(0,164,253,.6);box-shadow:0 0 1px 2px rgba(0,164,253,.6);border-collapse:separate;outline:0;text-decoration:none;z-index:3}.control-group.success input:focus:active:not([disabled]),.control-group.success select:focus:active:not([disabled]),.control-group.success textarea:focus:active:not([disabled]){-webkit-box-shadow:none;box-shadow:none}.control-group.success .input-append .add-on,.control-group.success .input-prepend .add-on{color:#53a051;background-color:#ddecdd;border-color:#53a051}.control-group.info .checkbox,.control-group.info .control-label,.control-group.info .help-block,.control-group.info .help-inline,.control-group.info .radio{color:#006d9c}.control-group.info input,.control-group.info select,.control-group.info textarea{color:#006d9c;border-color:#006d9c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.control-group.info input:focus,.control-group.info select:focus,.control-group.info textarea:focus{-webkit-box-shadow:0 0 1px 2px rgba(0,164,253,.6);box-shadow:0 0 1px 2px rgba(0,164,253,.6);border-collapse:separate;outline:0;text-decoration:none;z-index:3}.control-group.info input:focus:active:not([disabled]),.control-group.info select:focus:active:not([disabled]),.control-group.info textarea:focus:active:not([disabled]){-webkit-box-shadow:none;box-shadow:none}.control-group.info .input-append .add-on,.control-group.info .input-prepend .add-on{color:#006d9c;background-color:#cce2eb;border-color:#006d9c}input:focus:invalid,select:focus:invalid,textarea:focus:invalid{color:#b94a48;border-color:#ee5f5b}input:focus:invalid:focus,select:focus:invalid:focus,textarea:focus:invalid:focus{border-color:#e9352f;-webkit-box-shadow:0 0 6px #f8bcba;box-shadow:0 0 6px #f8bcba}.form-actions{padding:19px 20px 20px;margin-top:20px;margin-bottom:20px;background-color:#f7f8fa;border-top:1px solid #e5e5e5}.form-actions:after,.form-actions:before{display:table;content:"";line-height:0}.form-actions:after{clear:both}.help-block,.help-inline{color:#6b7785}.help-block>.help-link,.help-block>.learn-more-link,.help-inline>.help-link,.help-inline>.learn-more-link{white-space:nowrap}.help-block{display:block;margin-top:3px;margin-bottom:10px;line-height:1.4em;font-size:12px;word-wrap:break-word}.help-inline{display:inline-block;vertical-align:middle;padding-left:5px}input.search-query{margin-bottom:0;-webkit-transition:background-color .2s;transition:background-color .2s}.form-horizontal .uneditable-input,.form-horizontal input,.form-horizontal select,.form-horizontal textarea,.form-inline .uneditable-input,.form-inline input,.form-inline select,.form-inline textarea,.form-search .uneditable-input,.form-search input,.form-search select,.form-search textarea{display:inline-block;margin-bottom:0;vertical-align:middle}.form-horizontal .hide,.form-inline .hide,.form-search .hide{display:none}.form-inline .btn-group,.form-inline label,.form-search .btn-group,.form-search label{display:inline-block}.form-inline .checkbox,.form-inline .radio,.form-search .checkbox,.form-search .radio{padding-left:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio],.form-search .checkbox input[type=checkbox],.form-search .radio input[type=radio]{float:left;margin-right:3px;margin-left:0}.control-group{margin-bottom:10px;position:relative}.control-group.disabled .control-label{color:#c3cbd4;cursor:default}.control-group .tooltip-link{top:-.5em;position:relative;font-size:75%;line-height:0;vertical-align:baseline;margin:0 2px;padding:2px;cursor:default;font-weight:400}legend:not(.visuallyhidden)+.control-group{margin-top:20px;-webkit-margin-top-collapse:separate}.form-horizontal{width:600px;max-width:100%}.form-horizontal .control-group{margin-bottom:10px}.form-horizontal .control-group:after,.form-horizontal .control-group:before{display:table;content:"";line-height:0}.form-horizontal .control-group:after{clear:both}.form-horizontal .control-label{float:left;width:160px;padding-top:5px;text-align:right}.form-horizontal .controls{margin-left:180px}.form-horizontal .controls>.help-block{margin-left:0}.form-horizontal .help-block{margin-bottom:0;margin-left:180px}.form-horizontal .uneditable-input+.help-block,.form-horizontal input+.help-block,.form-horizontal select+.help-block,.form-horizontal textarea+.help-block{margin-top:10px}.form-horizontal .form-actions{padding-left:180px}.form-inline label{line-height:28px}.form-inline .form-value{line-height:28px;margin-right:15px}.form-inline input{width:auto;margin-right:15px}.controls .shared-controls-booleanradiocontrol,.controls .shared-controls-syntheticradiocontrol{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.controls .shared-controls-booleanradiocontrol>.btn,.controls .shared-controls-syntheticradiocontrol>.btn{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.controls-join{display:-webkit-box;display:-ms-flexbox;display:flex}.controls-join .control:not(:only-child){-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0px;max-width:100%}.controls-join .control:only-child{width:100%}.controls-join .shared-controls-textcontrol{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;min-width:30%}.controls-join .control:nth-last-child(n+3)~.shared-controls-textcontrol,.controls-join .shared-controls-textcontrol:nth-last-child(n+3){min-width:48px}.controls-join .shared-controls-syntheticselectcontrol:not(:last-child) .btn,.controls-join .shared-controls-textcontrol:not(:last-child) .uneditable-input,.controls-join .shared-controls-textcontrol:not(:last-child) input{border-top-right-radius:0;border-bottom-right-radius:0}.controls-join .shared-controls-syntheticselectcontrol:not(:first-child) .btn,.controls-join .shared-controls-textcontrol:not(:first-child) .uneditable-input,.controls-join .shared-controls-textcontrol:not(:first-child) input{border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.controls-join .shared-controls-syntheticselectcontrol .btn,.controls-join .uneditable-input,.controls-join input,.controls-join select,.controls-join textarea{width:100%}.controls-join input[type=button],.controls-join input[type=checkbox],.controls-join input[type=file],.controls-join input[type=image],.controls-join input[type=radio],.controls-join input[type=reset],.controls-join input[type=submit]{width:auto}.controls-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.controls-separate,.controls-wrap{display:-webkit-box;display:-ms-flexbox;display:flex}.controls-separate .control+.control{margin-left:10px}.controls-stack{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.control{position:relative}.control .placeholder{color:#6b7785;position:absolute;max-width:100%;top:3px;left:6px;font-size:14px}.control ::-webkit-input-placeholder{color:#6b7785;opacity:1}.control :-ms-input-placeholder{color:#6b7785;opacity:1}.control ::-ms-input-placeholder{color:#6b7785;opacity:1}.control ::placeholder{color:#6b7785;opacity:1}.control .uneditable-input{background-color:#f7f8fa;min-height:32px}.control .uneditable-input.uneditable-input-multiline{overflow-y:auto;white-space:normal;white-space:pre-wrap;word-break:break-all;word-break:break-word;height:auto;max-height:100px}.control.shared-controls-textcontrol .control-clear,.control.shared-controls-textcontrol .search-icon{position:absolute;top:calc(50% + 1px);-webkit-transform:translateY(-50%);transform:translateY(-50%);right:10px;font-size:18px;color:#6b7785}.control.shared-controls-textcontrol .control-clear{display:none}.control.shared-controls-textcontrol>input{width:100%}.control.shared-controls-spinnercontrol{text-align:center}.control.shared-controls-spinnercontrol .uneditable-input,.control.shared-controls-spinnercontrol input{display:block;padding:4px 65px 4px 6px;-webkit-transition:border .2s,-webkit-box-shadow .2s;transition:border .2s,-webkit-box-shadow .2s;transition:border .2s,box-shadow .2s;transition:border .2s,box-shadow .2s,-webkit-box-shadow .2s}.control.shared-controls-spinnercontrol input.corrected-value{border-color:#dc4e41;-webkit-box-shadow:#fcedec 0 0 8px 0;box-shadow:0 0 8px 0 #fcedec}.control.shared-controls-spinnercontrol .increment-down,.control.shared-controls-spinnercontrol .increment-up{position:absolute;right:1px;top:1px;width:30px;line-height:30px}.control.shared-controls-spinnercontrol .increment-down:focus,.control.shared-controls-spinnercontrol .increment-up:focus{background-color:rgba(0,164,253,.1);-webkit-box-shadow:none;box-shadow:none;outline:none}.control.shared-controls-spinnercontrol .increment-down.disabled,.control.shared-controls-spinnercontrol .increment-up.disabled{color:#c3cbd4}.control.shared-controls-spinnercontrol .increment-down{right:31px}.control.shared-findinput{display:inline-block;margin:5px 0}.control.shared-findinput input{width:250px}.input-label{display:inline-block;padding:8px 0 4px;height:auto;line-height:15px;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;word-wrap:break-word;word-break:break-word;font-weight:500}label.checkbox{padding:2px 0 2px 21px;margin-bottom:0;position:relative}label.checkbox.disabled{color:#c3cbd4}label.checkbox>.btn{padding:0;width:16px;height:16px;border-radius:2px;position:absolute;left:0;top:3px}label.checkbox>.btn>[class*=icon-]{margin:0;position:relative;bottom:6px;vertical-align:text-top}.control-group-small .control-label,.control-small{font-size:12px}.control-small .uneditable-input,.control-small input[type=text],.control-small textarea{padding-top:2px;padding-bottom:2px;font-size:inherit}.control-small .uneditable-input,.control-small input[type=text]{height:26px}.control-small .uneditable-input{min-height:16px}.control-small .btn,.control-small.btn-group>.btn{padding-top:2px;padding-bottom:2px;font-size:12px}.control-small.shared-controls-spinnercontrol .uneditable-input,.control-small.shared-controls-spinnercontrol input{padding-right:55px}.control-small.shared-controls-spinnercontrol .increment-down,.control-small.shared-controls-spinnercontrol .increment-up{width:24px;line-height:24px}.control-small.shared-controls-spinnercontrol .increment-down{right:25px}.shared-controls-checkboxgroup label.checkbox{padding-top:2px;padding-bottom:2px}.control-group>.controls>.shared-controls-syntheticcheckboxcontrol:only-child{padding-top:4px}.shared-controls-keyvaluecontrol .shared-controls-textcontrol{margin-right:10px}.shared-controls-keyvaluecontrol .key-text-control-placeholder,.shared-controls-keyvaluecontrol .value-text-control-placeholder{float:left}.accumulator{width:700px}.controls-join .accumulator{width:100%}.accumulator .availableOptionsContainer,.accumulator .selectedOptionsContainer{float:left;width:calc(50% - 10px);margin:0 20px 0 0}.accumulator .addAllLink,.accumulator .removeAllLink{float:right}.accumulator .selectedOptionsContainer{margin-right:0}.accumulator .availableOptionsHeader{font-weight:400;font-size:14px;width:200px;margin-right:22px;padding-bottom:5px;line-height:0}.accumulator .selectedOptionsHeader{width:200px;margin-right:0}.accumulator ul.availableOptions,.accumulator ul.selectedOptions{border-radius:3px;height:100px;overflow:auto;list-style:none;margin:0;padding:0;border:1px solid #c3cbd4;clear:left}.accumulator .accDisabled ul.availableOptions,.accumulator .accDisabled ul.selectedOptions{background-color:#f7f8fa}.accumulator ul.availableOptions li,.accumulator ul.selectedOptions li{clear:left;padding:4px 5px;font-size:14px;cursor:pointer;line-height:1}.accumulator ul.availableOptions li:hover,.accumulator ul.selectedOptions li:hover{background-color:#f7f8fa}.accumulator ul.availableOptions li span,.accumulator ul.selectedOptions li span{margin:0 8px 0 0;display:block;float:left}.accumulator ul span.splIcon-arrow-e{background-color:#007abd}.accumulator .accDisabled ul li,.accumulator ul.availableOptions li.selected{color:#6b7785}.accumulator .accDisabled ul li span.splIcon,.accumulator ul.availableOptions li.selected span.splIcon{background-color:#c3cbd4}.accumulator .selected{background-color:transparent}.control-group.error .accumulator ul{border-color:#dc4e41}.accumulator .icon-class{color:#6b7785}.accumulator div.wide{width:340px}table.form td{padding-right:10px;padding-bottom:5px}table.form tr:last-child td{padding-bottom:0}table.form tr:last-child .help-block{margin-bottom:0}.form-format .control-label{width:100px}.form-format .control-group:last-child{margin-bottom:0}.form-format .controls{margin-left:120px}.form-horizontal.align-left .control-label{width:auto;text-align:left;display:inline-block;float:none}.form-horizontal.align-left .controls{margin-left:15px;display:inline-block}.shared-controls-textcontrol.input-prepend{display:-webkit-box;display:-ms-flexbox;display:flex}.shared-controls-textcontrol.input-prepend .uneditable-input,.shared-controls-textcontrol.input-prepend>input{border-top-left-radius:0;border-bottom-left-radius:0;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;width:0}.shared-controls-textcontrol.input-prepend>.btn:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.shared-controls-textbrowsecontrol,.shared-controls-textcontrol.input-append{display:-webkit-box;display:-ms-flexbox;display:flex}.shared-controls-textbrowsecontrol .uneditable-input,.shared-controls-textbrowsecontrol>input,.shared-controls-textcontrol.input-append .uneditable-input,.shared-controls-textcontrol.input-append>input{border-top-right-radius:0;border-bottom-right-radius:0;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;width:0}.shared-controls-textbrowsecontrol .uneditable-input+.btn,.shared-controls-textbrowsecontrol>input+.btn,.shared-controls-textcontrol.input-append .uneditable-input+.btn,.shared-controls-textcontrol.input-append>input+.btn{border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.shared-controls-textbrowsecontrol .add-on,.shared-controls-textcontrol.input-append .add-on{display:inline-block;height:auto;line-height:20px;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:5px 14px;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;border-top-right-radius:3px;border-bottom-right-radius:3px;background-color:#f7f8fa;border:1px solid #c3cbd4;border-left:#c3cbd4;color:#5c6773;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.1);box-shadow:inset 0 -1px 0 rgba(0,0,0,.1);text-decoration:none;text-shadow:none;-webkit-transition:background .2s,border .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;transition:background .2s,border .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;transition:background .2s,border .2s,box-shadow .2s,text-decoration .2s;transition:background .2s,border .2s,box-shadow .2s,text-decoration .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;-webkit-filter:none;filter:none}.shared-controls-textbrowsecontrol .add-on[disabled],.shared-controls-textcontrol.input-append .add-on[disabled]{color:#c3cbd4;border-color:#e1e6eb;cursor:not-allowed}.form-complex{width:100%}.form-complex .controls{position:relative}.form-complex .control-group{width:440px}.form-complex .control-heading{padding-top:5px;text-align:right;width:160px;font-weight:700}.form-complex .help-block,.form-complex .help-outer{position:absolute;top:4px;left:100%;margin-left:10px;margin-top:0!important;width:280px}.form-complex .outline{border:1px solid #c3cbd4;border-radius:3px;margin-bottom:10px;margin-top:0;padding-top:10px}.form-complex fieldset{border:1px solid transparent}.form-complex .btn-check{display:inline-block;padding:0;height:auto;line-height:20px;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;vertical-align:middle;width:20px}.form-complex .control-feedback{display:block;width:100%}.control-feedback{color:#5c6773;background-color:#fff;border-radius:3px;font-size:85%;text-align:center;margin-top:3px}.shared-controls-syntheticradiocontrol>.tooltip{white-space:normal}.shared-controls-syntheticradiocontrol .btn-radio{-webkit-animation:none 0s ease 0s 1 normal none running;animation:none 0s ease 0s 1 normal none running;-webkit-backface-visibility:visible;backface-visibility:visible;background:transparent none repeat 0 0/auto auto padding-box border-box scroll;border-collapse:separate;-o-border-image:none;border-image:none;border-radius:0;border-spacing:0;bottom:auto;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:content-box;box-sizing:content-box;caption-side:top;clear:none;clip:auto;color:#000;-webkit-columns:auto;-webkit-column-count:auto;-webkit-column-fill:balance;column-fill:balance;-webkit-column-gap:normal;column-gap:normal;-webkit-column-rule:medium none currentColor;column-rule:medium none currentColor;-webkit-column-span:1;column-span:1;-webkit-column-width:auto;columns:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;direction:ltr;display:inline;empty-cells:show;float:none;font-family:serif;font-size:medium;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;line-height:normal;height:auto;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;left:auto;letter-spacing:normal;list-style:disc outside none;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;orphans:2;overflow:visible;overflow-x:visible;overflow-y:visible;page-break-after:auto;page-break-before:auto;page-break-inside:auto;-webkit-perspective:none;perspective:none;-webkit-perspective-origin:50% 50%;perspective-origin:50% 50%;position:static;right:auto;-moz-tab-size:8;-o-tab-size:8;tab-size:8;table-layout:auto;text-align:left;text-align-last:auto;text-indent:0;text-shadow:none;text-transform:none;top:auto;-webkit-transform:none;transform:none;-webkit-transform-origin:50% 50% 0;transform-origin:50% 50% 0;-webkit-transform-style:flat;transform-style:flat;-webkit-transition:none 0s ease 0s;transition:none 0s ease 0s;unicode-bidi:normal;vertical-align:baseline;visibility:visible;white-space:normal;widows:2;width:auto;word-spacing:normal;z-index:auto;font-family:Splunk Platform Sans,Proxima Nova,Roboto,Droid,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;border:1px;visibility:inherit;outline:medium none #00a4fd;outline:medium none invert;position:relative;padding:3px 0 3px 20px;color:#3c444d;text-decoration:none}.shared-controls-syntheticradiocontrol .btn-radio:before{content:"";background-color:#f7f8fa;border:1px solid #c3cbd4;color:#5c6773;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.1);box-shadow:inset 0 -1px 0 rgba(0,0,0,.1);text-decoration:none;text-shadow:none;-webkit-transition:background .2s,border .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;transition:background .2s,border .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;transition:background .2s,border .2s,box-shadow .2s,text-decoration .2s;transition:background .2s,border .2s,box-shadow .2s,text-decoration .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;-webkit-filter:none;filter:none;position:absolute;left:0;top:4px;-webkit-box-sizing:border-box;box-sizing:border-box;width:16px;height:16px;border-radius:8px}.shared-controls-syntheticradiocontrol .btn-radio.disabled{cursor:not-allowed;color:#c3cbd4;opacity:.65}.shared-controls-syntheticradiocontrol .btn-radio.disabled:before{background:#f7f8fa;-webkit-filter:none;filter:none;border-color:#e1e6eb}.shared-controls-syntheticradiocontrol .btn-radio:not(.disabled):hover:before{background-color:#ebeeef;border-color:#c3cbd4;color:#5c6773;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.1);box-shadow:inset 0 -1px 0 rgba(0,0,0,.1);text-decoration:none;text-shadow:none;-webkit-transition:background .2s,border .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;transition:background .2s,border .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;transition:background .2s,border .2s,box-shadow .2s,text-decoration .2s;transition:background .2s,border .2s,box-shadow .2s,text-decoration .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;-webkit-filter:none;filter:none}.shared-controls-syntheticradiocontrol .btn-radio:focus:before{-webkit-box-shadow:0 0 1px 2px rgba(0,164,253,.6);box-shadow:0 0 1px 2px rgba(0,164,253,.6);border-collapse:separate;outline:0;text-decoration:none}.shared-controls-syntheticradiocontrol .btn-radio:focus:before:active:not([disabled]){-webkit-box-shadow:none;box-shadow:none}.shared-controls-syntheticradiocontrol .btn-radio.active:after{content:"";position:absolute;left:4px;top:8px;-webkit-box-sizing:border-box;box-sizing:border-box;width:8px;height:8px;border-radius:4px;background-color:currentColor}.radio-control-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.error .btn{background-color:#f1b9b3;border-color:#dc4e41;color:#dc4e41;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.1);box-shadow:inset 0 -1px 0 rgba(0,0,0,.1);text-decoration:none;text-shadow:none;-webkit-transition:background .2s,border .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;transition:background .2s,border .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;transition:background .2s,border .2s,box-shadow .2s,text-decoration .2s;transition:background .2s,border .2s,box-shadow .2s,text-decoration .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;-webkit-filter:none;filter:none}.error .btn.active{background-image:none}.error .btn.active,.error .btn:hover{background-color:#ea958d;border-color:#dc4e41;color:#dc4e41;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.1);box-shadow:inset 0 -1px 0 rgba(0,0,0,.1);text-decoration:none;text-shadow:none;-webkit-transition:background .2s,border .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;transition:background .2s,border .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;transition:background .2s,border .2s,box-shadow .2s,text-decoration .2s;transition:background .2s,border .2s,box-shadow .2s,text-decoration .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;-webkit-filter:none;filter:none}.required{color:#dc4e41}.color-square{display:block;width:32px;height:32px;background:#53a051;border:1px solid #c3cbd4;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box}.color-square:focus{-webkit-box-shadow:0 0 1px 2px rgba(0,164,253,.6);box-shadow:0 0 1px 2px rgba(0,164,253,.6);border-collapse:separate;outline:0;text-decoration:none}.color-square:focus:active:not([disabled]){-webkit-box-shadow:none;box-shadow:none}.color-square-standalone{margin-top:3px}table{max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0}.table{width:auto;min-width:100%;max-width:none;margin-bottom:20px}.table td,.table th{text-align:left;vertical-align:top;padding:6px 12px;line-height:20px;border-bottom:1px solid #e1e6eb}.table td td:focus,.table th td:focus{-webkit-box-shadow:none;box-shadow:none;border-collapse:separate;outline:0;text-decoration:none;-webkit-box-shadow:inset 0 0 2px 1px #fff,inset 0 0 0 2px #00a4fd;box-shadow:inset 0 0 2px 1px #fff,inset 0 0 0 2px #00a4fd}.table td td:focus:active:not([disabled]),.table th td:focus:active:not([disabled]){-webkit-box-shadow:none;box-shadow:none}.table td .tooltip-link,.table th .tooltip-link{top:-.5em;position:relative;font-size:75%;line-height:0;vertical-align:baseline;cursor:default;font-weight:400}.table th div{padding:6px 12px}.table thead th{vertical-align:bottom}.table caption+thead tr:first-child td,.table caption+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table thead:first-child tr:first-child td,.table thead:first-child tr:first-child th{border-top:0}.table tbody+tbody{border-top:2px solid #e1e6eb}.table .sorts{white-space:nowrap;cursor:pointer}.table .sorts a{color:inherit}.table .sorts a:hover{text-decoration:none}.table .sorts:hover{color:#006eaa}.table .sorts .icon-sorts:before{font-family:Splunk Icons;content:"\2195";padding-left:5px;color:#818d99}.table .sorts.active .icon-sorts:before{color:#006eaa}.table .sorts .asc:before,.table .sorts .Asc:before{content:"\21A5";color:inherit}.table .sorts .desc:before,.table .sorts .Desc:before{content:"\21A7";color:inherit}.table .sorts[tabindex]:focus{-webkit-box-shadow:none;box-shadow:none;border-collapse:separate;outline:0;text-decoration:none;-webkit-box-shadow:inset 0 0 2px 1px #e1e6eb,inset 0 0 0 2px #00a4fd;box-shadow:inset 0 0 2px 1px #e1e6eb,inset 0 0 0 2px #00a4fd}.table .sorts[tabindex]:focus:active:not([disabled]){-webkit-box-shadow:none;box-shadow:none}.table .table{background-color:transparent}.table-condensed td,.table-condensed th{padding:3px 6px}.table-bordered{border:1px solid #e1e6eb;border-collapse:separate;border-left:0}.table-bordered-lite td,.table-bordered-lite th,.table-bordered td,.table-bordered th{border-left:1px solid #e1e6eb}.table-bordered-lite td:first-child,.table-bordered-lite th:first-child{border-left:none}.table-dotted td,.table-dotted th{border-top:1px dashed #c3cbd4}.table-striped>thead>tr>th{background-color:#fff;border-top:1px solid #e1e6eb}.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f2f4f5}.table-striped>tbody>tr:nth-child(2n)>td{background-color:#fff}.table-striped>tbody>tr.odd>td,.table-striped>tbody>tr.odd>th{background-color:#f2f4f5}.table-striped>tbody>tr.even>td,.table-striped>tbody>tr.even>th{background-color:#fff}.table-striped>tbody>tr>td{border:none}.table-striped.table-chrome>tbody>tr.even>td,.table-striped.table-chrome>tbody>tr:nth-child(2n)>td,.table-striped.table-chrome>tbody>tr:nth-child(odd).even>td{background-color:#f2f4f5}.table-striped.table-chrome>tbody>tr.odd>td,.table-striped.table-chrome>tbody>tr:nth-child(2n).odd>td,.table-striped.table-chrome>tbody>tr:nth-child(odd)>td{background-color:#fff}.table-chrome,.table-chrome.table-row-expanding{border:none}.table-chrome>thead>tr>th{font-weight:400;background-color:#e1e6eb;border-right:1px solid #fff;border-bottom:none;-webkit-box-shadow:none;box-shadow:none}.table-chrome>thead>tr>th:last-child{border-right:none}.table-chrome .sorts{border-bottom:none}@media screen and (-webkit-min-device-pixel-ratio:0){.table-chrome>thead>tr>th{position:relative}}.table-hover>tbody>tr>td,.table-hover>tbody>tr>th{-webkit-transition:background .05s;transition:background .05s}.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-color:#ecf8ff!important}.row-fluid table td[class*=span],.row-fluid table th[class*=span],table td[class*=span],table th[class*=span]{display:table-cell;float:none;margin-left:0}.table td.span1,.table th.span1{float:none;width:44px;margin-left:0}.table td.span2,.table th.span2{float:none;width:124px;margin-left:0}.table td.span3,.table th.span3{float:none;width:204px;margin-left:0}.table td.span4,.table th.span4{float:none;width:284px;margin-left:0}.table td.span5,.table th.span5{float:none;width:364px;margin-left:0}.table td.span6,.table th.span6{float:none;width:444px;margin-left:0}.table td.span7,.table th.span7{float:none;width:524px;margin-left:0}.table td.span8,.table th.span8{float:none;width:604px;margin-left:0}.table td.span9,.table th.span9{float:none;width:684px;margin-left:0}.table td.span10,.table th.span10{float:none;width:764px;margin-left:0}.table td.span11,.table th.span11{float:none;width:844px;margin-left:0}.table td.span12,.table th.span12{float:none;width:924px;margin-left:0}.table>tbody>tr.even>td:focus,.table>tbody>tr.odd>td:focus{-webkit-box-shadow:none;box-shadow:none;border-collapse:separate;outline:0;text-decoration:none;-webkit-box-shadow:inset 0 0 2px 1px #fff,inset 0 0 0 2px #00a4fd;box-shadow:inset 0 0 2px 1px #fff,inset 0 0 0 2px #00a4fd}.table>tbody>tr.even>td:focus:active:not([disabled]),.table>tbody>tr.odd>td:focus:active:not([disabled]){-webkit-box-shadow:none;box-shadow:none}.table>tbody>tr.even:focus,.table>tbody>tr.odd:focus,.table>tbody>tr:focus{outline:none}.table>tbody>tr.even:focus>td,.table>tbody>tr.odd:focus>td,.table>tbody>tr:focus>td{-webkit-box-shadow:none;box-shadow:none;border-collapse:separate;outline:0;text-decoration:none;-webkit-box-shadow:inset 0 0 2px 1px #fff,inset 0 0 0 2px #00a4fd;box-shadow:inset 0 0 2px 1px #fff,inset 0 0 0 2px #00a4fd}.table>tbody>tr.even:focus>td:active:not([disabled]),.table>tbody>tr.odd:focus>td:active:not([disabled]),.table>tbody>tr:focus>td:active:not([disabled]){-webkit-box-shadow:none;box-shadow:none}.table tbody tr.success>td{background-color:#ddecdd}.table tbody tr.error>td{background-color:#f8dcd9}.table tbody tr.warning>td{background-color:#fef2d7}.table tbody tr.info>td{background-color:#cce2eb}.table-hover tbody tr.success:hover>td{background-color:#cee3ce}.table-hover tbody tr.error:hover>td{background-color:#f4c8c3}.table-hover tbody tr.warning:hover>td{background-color:#fdeabe}.table-hover tbody tr.info:hover>td{background-color:#b9d8e4}.table-embed{width:100%;border:0}.table-embed td{border-bottom:1px dashed #c3cbd4;border-left:0;padding:0;background-color:transparent!important}.table-embed td:first-child{padding-right:10px}.table-row-expanding{width:100%;table-layout:fixed;margin-bottom:-1px;border-bottom:1px solid #c3cbd4}.table-row-expanding>tbody>tr>td.expands{cursor:pointer;border-right:1px solid #fff;padding:0}.table-row-expanding>tbody>tr>td.expands.disabled{color:#c3cbd4;cursor:default}.table-row-expanding>tbody>tr>td.expands.disabled>span,.table-row-expanding>tbody>tr>td.expands.disabled a{color:inherit;cursor:inherit}.table-row-expanding>tbody>tr>td.expands>i,.table-row-expanding>tbody>tr>td.expands>span,.table-row-expanding>tbody>tr>td.expands a{color:#3c444d;display:block;padding:6px 10px;width:15px;height:100%;text-decoration:none;text-align:center}.table-row-expanding>tbody>tr>td.expands a:focus{-webkit-box-shadow:none;box-shadow:none;border-collapse:separate;outline:0;text-decoration:none;-webkit-box-shadow:inset 0 0 2px 1px #fff,inset 0 0 0 2px #00a4fd;box-shadow:inset 0 0 2px 1px #fff,inset 0 0 0 2px #00a4fd}.table-row-expanding>tbody>tr>td.expands a:focus:active:not([disabled]){-webkit-box-shadow:none;box-shadow:none}.table-row-expanding>tbody>tr>td>.btn-combo{margin:-4px 5px -6px 20px}.table-row-expanding>tbody>tr>td>.btn-combo:first-child{margin-left:0}.table-row-expanding>tbody>tr>td.title>a,.table-row-expanding>tbody>tr>td.title>span{margin:-6px -12px;padding:6px 12px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px;line-height:20px}.table-row-expanding>tbody>tr>td.title>a:focus,.table-row-expanding>tbody>tr>td.title>span:focus{-webkit-box-shadow:none;box-shadow:none;border-collapse:separate;outline:0;text-decoration:none;-webkit-box-shadow:inset 0 0 2px 1px #fff,inset 0 0 0 2px #00a4fd;box-shadow:inset 0 0 2px 1px #fff,inset 0 0 0 2px #00a4fd}.table-row-expanding>tbody>tr>td.title>a:focus:active:not([disabled]),.table-row-expanding>tbody>tr>td.title>span:focus:active:not([disabled]){-webkit-box-shadow:none;box-shadow:none}.table-row-expanding>tbody>tr>td.title>.disabled{color:#c3cbd4}.table-row-expanding>tbody>tr>td:focus{-webkit-box-shadow:none;box-shadow:none;border-collapse:separate;outline:0;text-decoration:none;-webkit-box-shadow:inset 0 0 2px 1px #fff,inset 0 0 0 2px #00a4fd;box-shadow:inset 0 0 2px 1px #fff,inset 0 0 0 2px #00a4fd}.table-row-expanding>tbody>tr>td:focus:active:not([disabled]){-webkit-box-shadow:none;box-shadow:none}.table-row-expanding>tbody>tr.info-row>td,.table-row-expanding>tbody>tr.more-info{border-top:none;background-color:#ecf8ff}.table-row-expanding>tbody>tr.expanded>td{background-color:#ecf8ff}.table-row-expanding>tbody>tr.expanded>td.title>a{white-space:normal}.table-row-expanding th.col-info{width:15px;padding-left:10px;padding-right:10px;text-align:center;vertical-align:top;font-size:100%;border-right:1px solid #fff}.table-row-expanding th.col-info a{text-decoration:none;color:#000;-webkit-box-shadow:none;box-shadow:none}.table-row-expanding th.col-info .icon-info{width:15px;display:block}.table-row-expanding td.col-info:hover:not(.disabled),.table-row-expanding td.expands:hover:not(.disabled){border-right:1px solid #fff!important}.table-row-expanding td.col-info:hover:not(.disabled) a>i,.table-row-expanding td.expands:hover:not(.disabled) a>i{color:#006eaa}.table-row-expanding td.col-info.disabled:hover,.table-row-expanding td.expands.disabled:hover{background-color:inherit!important}.table-row-expanding td.expands .icon-triangle-right-small:before{content:"\203A"}.table-row-expanding td.expands .icon-triangle-down-small:before{content:"\2C5"}.table-chrome .sorts th.col-info:after{content:""}.table-padded{padding:0 20px}td.row-number,th.row-number{width:1px}td.line-num,td.row-number{text-align:right;color:#171d21}td.numeric,th.numeric{text-align:right}td.end-group{border-right:1px solid #fff}.header-table-docked{position:fixed;top:0;z-index:405;overflow:hidden;-webkit-box-shadow:0 2px 4px #c3cbd4;box-shadow:0 2px 4px #c3cbd4;background:#fff}.header-table-docked>.disable{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#5c6773;opacity:.3}.header-table-docked>table{table-layout:fixed;margin-bottom:0;max-width:inherit}.main-section>.header-table-docked,.table-padded>.header-table-docked{width:calc(100% - 40px);margin-left:20px!important}.table-scroll-bar-docked{position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.header-table-static{height:0;position:relative;z-index:405}.header-table-static>table{margin-bottom:0}.header-table-wrapper{overflow:hidden;border-bottom:1px solid #e1e6eb}.header-table-wrapper .table{margin-bottom:0}.scroll-table-wrapper{height:380px;width:100%;overflow:auto}.scrolling-table-wrapper{width:100%;overflow-x:auto;position:relative}.vertical-scrolling-table-wrapper{width:100%;overflow-y:auto}.modalize-table-bottom,.modalize-table-overlay,.modalize-table-top{position:absolute;left:0;background-color:#5c6773;opacity:.3}.modalize-table-top{top:0}.modalize-table-bottom{bottom:0}.modalize-table-overlay{position:fixed;top:0;bottom:0;right:0}.table-drilldown>tbody>tr>td,.table-drilldown>tbody>tr>td:hover{color:#006eaa}.table-drilldown>tbody>tr>td.row-number{color:#6b7785}.table-drilldown-row>tbody>tr:hover>td{color:#006eaa}.table-drilldown-row>tbody>tr:hover>td.row-number{color:#6b7785}.table-drilldown-cell>tbody>tr>td:hover .multivalue-subcell,.table-drilldown-cell>tbody>tr>td:hover .multivalue-subcell:hover{color:#006eaa}.ui-grid-body-table,.ui-grid-head-table{margin-bottom:0}.table-scroll tbody{max-height:200px;overflow-y:scroll}.table-border-row,.table-border-row td,.table-border-row th{border-top:1px solid #e1e6eb}.table-fixed{table-layout:fixed}.table-fixed tr>td:first-child{max-width:300px;word-break:break-all}.table-chrome .sorts th.row-number:after{content:""}@media print{body table{table-layout:auto!important}body .events-viewer-wrapper,body .results-table,body .results-wrapper,body .scrolling-table-wrapper,body table{max-width:100%!important;width:100%!important;overflow:hidden!important}body td,body th{background:none!important;word-break:break-all!important;word-wrap:break-word!important;overflow-wrap:break-word!important;white-space:normal!important;width:auto!important;page-break-inside:auto}body .table-chrome .sorts:after{content:""}body .header-table-docked,body .table-scroll-bar-docked{display:none!important}}body.print table{table-layout:auto!important}body.print .events-viewer-wrapper,body.print .results-table,body.print .results-wrapper,body.print .scrolling-table-wrapper,body.print table{max-width:100%!important;width:100%!important;overflow:hidden!important}body.print td,body.print th{background:none!important;word-break:break-all!important;word-wrap:break-word!important;overflow-wrap:break-word!important;white-space:normal!important;width:auto!important;page-break-inside:auto}body.print .table-chrome .sorts:after{content:""}body.print .header-table-docked,body.print .table-scroll-bar-docked{display:none!important}.table-caption,.table-caption-inner{min-height:42px;text-align:center;margin-bottom:5px}.table-caption-inner.affix-top{left:0;top:0;right:0;background-color:#f2f4f5;z-index:405;position:fixed}.table-caption h3,.table-caption span.shared-collectioncount{font-size:14px;font-weight:400;float:left;padding-left:20px;line-height:42px;margin:0;min-width:140px;text-align:left}.table-caption .shared-waitspinner{float:left;width:14px;height:14px;margin:12px 5px 2px 0}.table-caption form.shared-tablecaption-input{display:inline-block;margin:5px 0}.table-caption form.shared-tablecaption-input input{width:250px}.table-caption .btn-group{display:inline-block;margin-right:10px}.shared-tablecaption-input{position:relative}.table-caption div.shared-controls-controlgroup{display:inline-block;margin:0 10px 0 0}.table-caption .pagination{min-width:150px;margin:5px 20px 0}.tourbar{background-color:#171d21;min-height:46px;position:relative}.tourbar .info-container{margin:0 200px;padding:10px;background-color:#3c444d;min-height:26px}.tourbar .info-container .info{font-size:14px;color:#e1e6eb}.tourbar .btn{background:transparent;-webkit-filter:none;filter:none;border-color:#c3cbd4;color:#e1e6eb;text-shadow:none;-webkit-box-shadow:none;box-shadow:none;top:50%;margin-top:-13px;position:absolute}.tourbar .btn.next{right:158px}.tourbar .btn.previous{left:158px}.tourbar .btn.close-btn{right:10px}.tourbar .close-container{float:right;margin:10px 25px}.tourbar .next-container{float:right;margin:10px 0 10px 25px}.tourbar .previous-container{float:left;margin:10px 25px}.tour-highlight{position:relative}.tour-highlight:after{content:"";position:absolute;right:-20px;top:-20px;height:30px;width:30px;z-index:99999;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYuNzE0IDYuNzE0TDAgMHYyMGgyMGwtNi4yMTQtNi4yMTQgNi4yNi02LjI2TDEyLjk3NS40NTNsLTYuMjYgNi4yNnoiIGZpbGw9IiNEODVEM0MiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);background-size:30px 30px;-webkit-animation:highlightedElementAnimation 2s infinite alternate;animation:highlightedElementAnimation 2s infinite alternate}@-webkit-keyframes highlightedElementAnimationFrames{0%{right:-20px;top:-20px}to{right:-30px;top:-30px}}@keyframes highlightedElementAnimationFrames{0%{right:-20px;top:-20px}to{right:-30px;top:-30px}}.image-tour-container .carousel{width:960px;height:718px;background:#3c444d;margin-bottom:0}.image-tour-container .carousel .carousel-control{top:52%;background:none;border:none;color:#5cc05c;opacity:1;left:45px;font-size:48px;z-index:60}.image-tour-container .carousel .carousel-control polygon{fill:#5cc05c}.image-tour-container .carousel .carousel-control:hover polygon{fill:#7ecd7e}.image-tour-container .carousel .carousel-control.disabled{display:none}.image-tour-container .carousel .carousel-control:focus{-webkit-box-shadow:none;box-shadow:none}.image-tour-container .carousel .carousel-control.right{right:45px;left:auto}.image-tour-container .carousel .carousel-indicators{bottom:18px;top:inherit;right:50%;-webkit-transform:translate(50%);transform:translate(50%);z-index:60}.image-tour-container .carousel .carousel-indicators li{height:6px;width:6px;cursor:pointer;background:#818d99;border:none;margin-left:10px;margin-bottom:0}.image-tour-container .carousel .carousel-indicators li.active{background-color:#5cc05c}.image-tour-container .carousel .carousel-indicators li:first-child{margin-left:0}.image-tour-container .carousel .item{width:960px;height:716px}.image-tour-container .carousel .item img{width:100%}.image-tour-container .carousel .item.active img:hover{cursor:pointer}.image-tour-container .carousel .help-link{position:absolute;width:150px;height:30px;top:122px;left:563px}.image-tour-container .carousel a#splunk-answers{top:160px;left:504px;width:140px}.image-tour-container .tour-links{position:absolute;top:15px;right:5px;padding:5px;text-align:right;z-index:50;font-size:12px}.image-tour-container .tour-links a{color:#fff;margin-left:15px}.image-tour-container .tour-links a:hover{text-decoration:underline}.image-tour-container .welcome-slide{position:absolute;top:0;left:0;z-index:100}.image-tour-container .tour-btn{background:rgba(0,0,0,.3);position:absolute;top:300px;left:50%;padding:30px 40px;font-size:30px;color:#fff;cursor:pointer;-webkit-transform:translate(-50%);transform:translate(-50%)}.image-tour-container .exit-tour,.image-tour-container .start-tour{color:#5cc05c}.image-tour-container .tour-gutter{background:rgba(60,68,77,.9);height:132px;width:962px;font-size:16px;color:#fff;position:absolute;bottom:0;z-index:50;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.image-tour-container .tour-gutter div.gutter-text{-webkit-transform:translateY(-50%);transform:translateY(-50%);margin:0 auto;position:relative;top:50%;line-height:150%;width:720px;text-align:center}.image-tour-container .tour-gutter a{color:#fff;text-decoration:underline}.image-tour-container .carousel-assets{position:absolute;height:132px;width:960px;bottom:0}.image-tour-container .next-tour,.image-tour-container .try-it-now{display:none}.image-tour-container .try-it-now{position:absolute;right:30px;z-index:500;bottom:50px}@media only screen and (max-height:750px){.image-tour-container .carousel-assets,.image-tour-container .tour-gutter{position:fixed}.image-tour-container .carousel-assets{bottom:-132px;z-index:60}.image-tour-container .carousel-assets .carousel-control{top:inherit;bottom:175px}.image-tour-container .carousel-assets .carousel-indicators{bottom:150px}.image-tour-container .carousel-assets .tour-links{top:inherit;bottom:220px}.image-tour-container .carousel-assets .try-it-now{top:inherit;bottom:180px}}.image-tour .tour-modal{width:960px;margin-left:-480px;height:716px;background:#3c444d;z-index:1062}.image-tour .tour-modal.fade.in{top:15px}.modal-backdrop.tour-backdrop.fade{background:#3c444d;z-index:1061}.modal-backdrop.tour-backdrop.fade.in{opacity:1;background:#3c444d}.shard-interactivetour.modal,.shared-tour-imagetour.modal,.shared-tour-producttours.modal{background-clip:border-box}.shard-interactivetour.modal .modal-header,.shared-tour-imagetour.modal .modal-header,.shared-tour-producttours.modal .modal-header{padding-bottom:10px}.shard-interactivetour.modal .modal-body,.shared-tour-imagetour.modal .modal-body,.shared-tour-producttours.modal .modal-body{padding:0 10px 10px;border-top:0}.shard-interactivetour.modal .modal-body:last-child,.shared-tour-imagetour.modal .modal-body:last-child,.shared-tour-producttours.modal .modal-body:last-child{max-height:none}.introjs-overlay{position:absolute;z-index:999999;background-color:#000;opacity:0;background:radial-gradient(center,ellipse cover,rgba(0,0,0,.4) 0,rgba(0,0,0,.9) 100%)}.introjs-fixParent{z-index:auto!important;opacity:1!important;position:absolute!important;-webkit-transform:none!important;transform:none!important;display:block!important}.introjs-showElement,tr.introjs-showElement>td,tr.introjs-showElement>th{z-index:9999999!important}.introjs-disableInteraction{z-index:99999999!important;position:absolute}a.introjs-showElement{display:inline-block!important}.introjs-relativePosition,tr.introjs-showElement>td,tr.introjs-showElement>th{position:relative}.introjs-helperLayer{position:absolute;z-index:9999998;background-color:hsla(0,0%,100%,.9);border:1px solid rgba(0,0,0,.5);border-radius:4px;-webkit-box-shadow:0 2px 15px rgba(0,0,0,.4);box-shadow:0 2px 15px rgba(0,0,0,.4)}.introjs-tooltipReferenceLayer{position:absolute;z-index:10000000;background-color:transparent}.introjs-helperLayer *,.introjs-helperLayer :after,.introjs-helperLayer :before{-webkit-box-sizing:content-box;box-sizing:content-box}.introjs-helperNumberLayer{position:absolute;top:-16px;left:-16px;z-index:9999999999!important;padding:2px;font-size:13px;font-weight:700;color:#fff;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.3);background:-webkit-gradient(linear,left top,left bottom,from(#dc4e41),to(#f7f8fa));background:linear-gradient(180deg,#dc4e41 0,#f7f8fa);width:20px;height:20px;line-height:20px;border:3px solid #fff;border-radius:50%;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.4);box-shadow:0 2px 5px rgba(0,0,0,.4)}.introjs-arrow{border:8px solid rgba(60,68,77,.9);content:"";position:absolute}.introjs-arrow.top,.introjs-arrow.top-right{top:-15px;border-color:transparent transparent rgba(60,68,77,.9)}.introjs-arrow.top-right{right:10px}.introjs-arrow.top-middle{top:-15px;left:50%;margin-left:-5px;border-color:transparent transparent rgba(60,68,77,.9)}.introjs-arrow.right{top:15px}.introjs-arrow.right,.introjs-arrow.right-bottom{right:-15px;border-color:transparent transparent transparent rgba(60,68,77,.9)}.introjs-arrow.right-bottom{bottom:10px}.introjs-arrow.bottom{bottom:-15px;border-color:rgba(60,68,77,.9) transparent transparent}.introjs-arrow.left{top:10px}.introjs-arrow.left,.introjs-arrow.left-bottom{left:-15px;border-color:transparent rgba(60,68,77,.9) transparent transparent}.introjs-arrow.left-bottom{bottom:10px}.introjs-tooltip{position:absolute;padding:40px 60px 10px;text-align:center;color:#fff;background-color:rgba(60,68,77,.9);min-width:400px;max-width:500px;border-radius:0;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.4);box-shadow:0 1px 10px rgba(0,0,0,.4)}.introjs-tooltiptext a{color:#fff;text-decoration:underline}.introjs-tooltipbuttons{text-align:right;white-space:nowrap}.introjs-button{overflow:visible;padding:5px;margin:0;color:#5cc05c;fill:#5cc05c;text-decoration:none;font-size:25px;cursor:pointer;outline:none;position:absolute;top:50%;-webkit-transform:translateY(-45%);transform:translateY(-45%)}.introjs-button:hover polygon{fill:#82ce82}.introjs-button.introjs-disabled{display:none}.introjs-button:focus{-webkit-box-shadow:none;box-shadow:none;background:none}.introjs-tooltiplinks{position:absolute;top:10px;right:5px}.introjs-nexttourbutton,.introjs-skipbutton{font-size:12px;color:#fff;position:relative}.introjs-nexttourbutton:focus,.introjs-nexttourbutton:hover,.introjs-skipbutton:focus,.introjs-skipbutton:hover{color:#fff}.introjs-skipbutton.done{color:#5cc05c}.introjs-prevbutton{left:10px}.introjs-nextbutton{right:10px}.introjs-disabled,.introjs-disabled:focus,.introjs-disabled:hover{color:#818d99;-webkit-box-shadow:none;box-shadow:none;cursor:default;background-image:none;text-decoration:none}.introjs-bullets{text-align:center;padding-top:30px}.introjs-bullets ul{clear:both;margin:15px auto 0;padding:0;display:inline-block}.introjs-bullets ul li{list-style:none;float:left;margin:0 5px}.introjs-bullets ul li a{display:block;width:6px;height:6px;background:#c3cbd4;border-radius:10px;text-decoration:none}.introjs-bullets ul li a.active{background:#5cc05c}.introjs-progress{overflow:hidden;height:10px;margin:10px 0 5px;border-radius:4px;background-color:#e1e6eb}.introjs-progressbar{float:left;width:0;height:100%;font-size:10px;line-height:10px;text-align:center;background-color:#006d9c}.introjsFloatingElement{position:absolute;height:0;width:0;left:50%;top:50%}.introjs-tooltiptext{font-size:16px;line-height:24px}.tours-links{text-align:center;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tours-links li{position:relative;list-style:none;margin-bottom:20px;display:inline-block;text-align:center}.tours-links .mask{position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;border-radius:3px;cursor:pointer;background-color:#5cc05c;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.tours-links .mask:hover{opacity:.1}.tours-links .svg-wrapper{height:84px;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.tours-links .svg-wrapper svg{width:84px;fill:#5cc05c}.tour-link{position:relative;padding:10px;margin:10px;display:inline-block;color:#3c444d!important;font-weight:500;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;max-width:25%;-webkit-transition:opacity .125s,background .05s;transition:opacity .125s,background .05s}.tour-link:hover{background:rgba(195,203,212,.1);text-decoration:none}.tour-link:focus{-webkit-box-shadow:0 0 1px 2px rgba(0,164,253,.6);box-shadow:0 0 1px 2px rgba(0,164,253,.6);border-collapse:separate;outline:0;text-decoration:none}.tour-link:focus:active:not([disabled]){-webkit-box-shadow:none;box-shadow:none}.tour-link i{height:84px;padding:32px 40px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:76px;line-height:60px;color:#5cc05c}[class*=" icon-"]:before,[class^=icon-]:before{font-family:Splunk Icons;font-style:normal;font-weight:400;text-decoration:inherit;line-height:inherit}a [class*=" icon-"],a [class^=icon-]{display:inline-block;text-decoration:none;line-height:inherit}.icon-large{font-size:1.3333333333333333em;vertical-align:middle}.font-icon{font-family:Splunk Icons;font-size:inherit;line-height:inherit}.icon-no-underline:first-child{padding-right:.3em}.icon-no-underline:last-child{padding-left:.3em}.icon-no-underline:first-child:last-child{padding-right:0;padding-left:0}.icon-no-underline:before{text-decoration:none}.padded-icon{margin-right:.5em}.ir{position:relative;display:inline-block;min-width:.5em;text-indent:-9999px;outline:none}.ir:before{position:absolute;top:0;left:0;text-indent:0}.icon-splunk:before{content:"splunk"}.icon-greater:before{content:">"}.icon-hunk:before{content:"\F000"}.icon-enterprise:before{content:"\F001"}.icon-cloud-logo:before{content:"\F002"}.icon-splunk-light:before{content:"\F003"}.icon-circle:before{content:"\ECD0"}.icon-circle-filled:before{content:"\25CF"}.icon-box-filled:before{content:"\25A0"}.icon-triangle-up-small:before{content:"\25B4"}.icon-triangle-right:before{content:"\25B6"}.icon-triangle-right-small:before{content:"\25B8"}.icon-triangle-down:before{content:"\25BC"}.icon-triangle-down-small:before{content:"\25BE"}.icon-triangle-left:before{content:"\25C0"}.icon-triangle-left-small:before{content:"\25C2"}.icon-arrow-up:before{content:"\EC01"}.icon-arrow-right:before{content:"\27A1"}.icon-arrow-down:before{content:"\EC02"}.icon-arrow-left:before{content:"\EC00"}.icon-two-arrows-cycle:before{content:"\EC12"}.icon-external:before{content:"\EC13"}.icon-rotate-counter:before{content:"\21BA"}.icon-rotate:before{content:"\21BB"}.icon-location:before{content:"\EC80"}.icon-chevron-left:before{content:"\2039"}.icon-chevron-right:before{content:"\203A"}.icon-chevron-up:before{content:"\2C4"}.icon-chevron-down:before{content:"\2C5"}.icon-trash:before{content:"\EC66"}.icon-share:before{content:"\27A6"}.icon-export:before{content:"\EC68"}.icon-print:before{content:"\EC89"}.icon-search:before{content:"\EC9B"}.icon-search-thin:before{content:"\ECC2"}.icon-pivot:before{content:"\EC12"}.icon-clone:before{content:"\ECE8"}.icon-pause:before{content:"\EC50"}.icon-stop:before{content:"\25A0"}.icon-play:before{content:"\25B6"}.icon-sort:before{content:"\2195"}.icon-sorted-up:before{content:"\21A5"}.icon-sorted-down:before{content:"\21A7"}.icon-minus:before{content:"\2212"}.icon-minus-circle:before{content:"\2296";margin-right:.25em}.icon-plus:before{content:"+"}.icon-plus-circle:before{content:"\2295"}.icon-x:before{content:"\2717"}.icon-x-circle:before{content:"\2297"}.icon-cancel:before,.icon-close:before{content:"\2717"}.icon-collapse-left:before{content:"\ECE0"}.icon-expand-right:before{content:"\ECE1"}.icon-activity:before{content:"\ECAE"}.icon-string:before{content:"a"}.icon-number:before{content:"#"}.icon-text:before{content:"\ECD9"}.icon-not-allowed:before{content:"\EC9E"}.icon-data:before{content:"\ECA4"}.icon-data-input:before{content:"\ECA3"}.icon-settings:before{content:"\ECA5"}.icon-distributed-environment:before{content:"\ECA6"}.icon-visible:before{content:"\ECC0"}.icon-hidden:before{content:"\ECC1"}.icon-boolean:before{content:"\ECD2"}.icon-menu:before,.icon-rows:before{content:"\EC56"}.icon-tiles:before{content:"\ECF0"}.icon-metric:before{content:"\ECF5"}.icon-event:before{content:"\ECF6"}.icon-rollup:before{content:"\ECF8"}.icon-info:before{content:"i"}.icon-info-circle:before{content:"I"}.icon-question:before{content:"?";font-family:inherit}.icon-question-circle:before{content:"\EC9D"}.icon-box-unchecked:before{content:"\2610"}.icon-box-checked:before{content:"\2611"}.icon-check-circle:before{content:"\ECD3"}.icon-alert-circle:before{content:"\ECD4"}.icon-code:before{content:"\ECD7"}.icon-code-thin:before{content:"\ECD6"}.icon-alert:before{content:"\26A0"}.icon-error:before{content:"\ECE2"}.icon-warning:before{content:"\26A0"}.icon-fullscreen:before{content:"\ECF3"}.icon-bell:before{content:"\EC9C"}.icon-bookmark:before{content:"\ECA1"}.icon-bulb:before{content:"\EC98"}.icon-calendar:before{content:"\EC9A"}.icon-check:before{content:"\2713"}.icon-clock:before{content:"\231A"}.icon-cloud:before{content:"\2601"}.icon-flag:before{content:"\2691"}.icon-gear:before{content:"\2699"}.icon-lightning:before{content:"\2301"}.icon-link:before{content:"\ECF1"}.icon-lock:before{content:"\EC9F"}.icon-lock-unlocked:before{content:"\ECA0"}.icon-mail:before{content:"\2709"}.icon-pencil:before{content:"\270F"}.icon-speech-bubble:before{content:"\EC99"}.icon-star:before{content:"\2605"}.icon-user:before{content:"\EC84"}.icon-clipboard:before{content:"\ECD5"}.icon-paintbrush:before{content:"\ECCA"}.icon-warning-sign:before{content:"\26A0"}.icon-chart-area:before{content:"\ECA9"}.icon-chart-bar:before{content:"\ECAA"}.icon-chart-column:before{content:"\ECAB"}.icon-chart-pie:before{content:"\ECAC"}.icon-chart-scatter:before{content:"\ECAD"}.icon-chart-bubble:before{content:"\ECB8"}.icon-chart-line:before{content:"\ECAE"}.icon-single-value:before{content:"\ECAF"}.icon-gauge-radial:before{content:"\ECA2"}.icon-gauge-marker:before{content:"\ECB0"}.icon-gauge-filler:before{content:"\ECB1"}.icon-choropleth-map:before{content:"\ECB9";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-external-viz:before{content:"\ECF2"}.icon-label-rotation--90:before{content:"\ECE3"}.icon-label-rotation--45:before{content:"\ECE4"}.icon-label-rotation-0:before{content:"\ECE5"}.icon-label-rotation-45:before{content:"\ECE6"}.icon-label-rotation-90:before{content:"\ECE7"}.icon-trellis-layout:before{content:"\F004"}.icon-chart-area-plus-table:before{content:"\ECA9 + \ECA8"}.icon-chart-bar-plus-table:before{content:"\ECAA + \ECA8"}.icon-chart-column-plus-table:before{content:"\ECAB + \ECA8"}.icon-chart-pie-plus-table:before{content:"\ECAC + \ECA8"}.icon-chart-scatter-plus-table:before{content:"\ECAD + \ECA8"}.icon-chart-bubble-plus-table:before{content:"\ECB8 + \ECA8"}.icon-chart-line-plus-table:before{content:"\ECAE + \ECA8"}.icon-single-value-plus-table:before{content:"\ECAF + \ECA8"}.icon-gauge-radial-plus-table:before{content:"\ECA2 + \ECA8"}.icon-gauge-marker-plus-table:before{content:"\ECB0 + \ECA8"}.icon-gauge-filler-plus-table:before{content:"\ECB1 + \ECA8"}.icon-location-plus-table:before{content:"\EC80 + \ECA8"}.icon-choropleth-map-plus-table:before{content:"\ECB9 + \ECA8";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-external-viz-plus-table:before{content:"\ECF2 + \ECA8"}.icon-list:before{content:"\ECA7"}.icon-table:before{content:"\ECA8"}.icon-bar-beside:before{content:"\ECB2"}.icon-bar-stacked:before{content:"\ECB3"}.icon-bar-stacked-100:before{content:"\ECB4"}.icon-missing-value-skipped:before{content:"\ECB5"}.icon-missing-value-zero:before{content:"\ECB6"}.icon-missing-value-join:before{content:"\ECB7"}.icon-folder:before{content:"\ECE9"}.icon-document:before,.icon-report:before{content:"\ECC3"}.icon-report-search:before{content:"\ECC4"}.icon-report-pivot:before{content:"\ECC5"}.icon-dashboard:before{content:"\ECC6"}.icon-panel:before{content:"\ECC7"}.icon-panel-search:before{content:"\ECC8"}.icon-panel-pivot:before{content:"\ECC9"}.popdown{position:relative}.popdown-dialog{background-color:#fff;border:1px solid #c3cbd4;-webkit-box-shadow:1px 2px 5px rgba(0,0,0,.2);box-shadow:1px 2px 5px rgba(0,0,0,.2);border-radius:2px;top:100%;left:50%;margin:8px 0 0 -103px;display:none;position:absolute;z-index:1060;white-space:normal}.popdown-dialog .arrow{border-bottom:8px solid #c3cbd4;top:-8px;left:50%;margin-left:-4px}.popdown-dialog .arrow,.popdown-dialog .arrow:before{position:absolute;height:0;width:0;border-left:8px solid transparent;border-right:8px solid transparent;content:"";display:block;border-top:0}.popdown-dialog .arrow:before{border-bottom:8px solid #fff;top:1px;left:-8px}.popdown-dialog.up{margin-top:0}.popdown-dialog.up>.arrow{border-top:8px solid #c3cbd4;bottom:-8px}.popdown-dialog.up>.arrow,.popdown-dialog.up>.arrow:before{position:absolute;height:0;width:0;border-left:8px solid transparent;border-right:8px solid transparent;content:"";display:block;border-bottom:0;top:auto}.popdown-dialog.up>.arrow:before{border-top:8px solid #fff;bottom:1px}.popdown-dialog.right{margin-left:5px;margin-top:0}.popdown-dialog.right .arrow{border-right:8px solid #c3cbd4;left:-8px}.popdown-dialog.right .arrow,.popdown-dialog.right .arrow:before{position:absolute;height:0;width:0;border-bottom:8px solid transparent;border-top:8px solid transparent;content:"";display:block;border-left:0;top:50%;margin:-8px 0 0}.popdown-dialog.right .arrow:before{border-right:8px solid #fff;left:1px}.popdown-dialog.pull-right .arrow{left:auto;right:8px}.popdown-dialog.open{display:block}.popdown-dialog:after{content:"";font-size:0;display:inline;overflow:hidden}.popdown-dialog-body{margin:0;border-radius:1px;background-color:#fff}.popdown-dialog-body:after,.popdown-dialog-body:before{display:table;content:"";line-height:0}.popdown-dialog-body:after{clear:both}.popdown-dialog-footer{border-top:1px solid #c3cbd4;padding:5px;border-bottom-left-radius:1px;border-bottom-right-radius:1px}.popdown-dialog-footer:after,.popdown-dialog-footer:before{display:table;content:"";line-height:0}.popdown-dialog-footer:after{clear:both}.popdown-dialog-padded{padding:10px}.dropdown,.dropup{position:relative}.dropdown-toggle:active,.open .dropdown-toggle{outline:0}.caret{display:inline-block;content:"";border:none;width:auto;height:auto;line-height:20px;margin:0;padding-left:.3em;vertical-align:baseline;font-family:Splunk Icons;font-weight:400}.caret,.caret:before{font-size:inherit;text-decoration:none}.caret:before{content:"\25BE"}.icon-no-underline+.caret{padding-left:0}.caret-char{font-family:Splunk Icons;font-weight:400}.caret-char:before{content:"\25BE"}.dropdown-menu{float:left;min-width:160px;list-style:none;word-wrap:break-word;width:20em;line-height:1.33333em;padding:0;background-clip:padding-box;background-color:#fff;border:1px solid #c3cbd4;-webkit-box-shadow:1px 2px 5px rgba(0,0,0,.2);box-shadow:1px 2px 5px rgba(0,0,0,.2);border-radius:2px;top:100%;left:50%;margin:8px 0 0 -103px;display:none;position:absolute;z-index:1060;white-space:normal}.open>.dropdown-menu{display:block}.dropdown-menu .arrow{border-bottom:8px solid #c3cbd4;top:-8px;left:50%;margin-left:-4px}.dropdown-menu .arrow,.dropdown-menu .arrow:before{position:absolute;height:0;width:0;border-left:8px solid transparent;border-right:8px solid transparent;content:"";display:block;border-top:0}.dropdown-menu .arrow:before{border-bottom:8px solid #fff;top:1px;left:-8px}.dropdown-menu.up{margin-top:0}.dropdown-menu.up>.arrow{border-top:8px solid #c3cbd4;bottom:-8px}.dropdown-menu.up>.arrow,.dropdown-menu.up>.arrow:before{position:absolute;height:0;width:0;border-left:8px solid transparent;border-right:8px solid transparent;content:"";display:block;border-bottom:0;top:auto}.dropdown-menu.up>.arrow:before{border-top:8px solid #fff;bottom:1px}.dropdown-menu.right{margin-left:5px;margin-top:0}.dropdown-menu.right .arrow{border-right:8px solid #c3cbd4;left:-8px}.dropdown-menu.right .arrow,.dropdown-menu.right .arrow:before{position:absolute;height:0;width:0;border-bottom:8px solid transparent;border-top:8px solid transparent;content:"";display:block;border-left:0;top:50%;margin:-8px 0 0}.dropdown-menu.right .arrow:before{border-right:8px solid #fff;left:1px}.dropdown-menu.pull-right .arrow{left:auto;right:8px}.dropdown-menu.open{display:block}.dropdown-menu .divider{height:1px;margin:9px 1px;overflow:hidden;background-color:#c3cbd4}.dropdown-menu .info,.dropdown-menu .title{color:#6b7785}.dropdown-menu ul li.info:not(:first-child){border-top:1px solid #c3cbd4}.dropdown-menu ul{list-style:none;margin:0;border-radius:1px;background-color:#fff;overflow-x:hidden;overflow-y:auto;max-width:100%;max-height:270px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:0}.dropdown-menu ul:after,.dropdown-menu ul:before{display:table;content:"";line-height:0}.dropdown-menu ul:after{clear:both}.dropdown-menu ul+ul{margin-top:-1px}.dropdown-menu ul+ul li.title:first-child,.dropdown-menu ul+ul li:first-child>a{border-top:1px solid #c3cbd4}.dropdown-menu .arrow+ul,.dropdown-menu .arrow+ul>li:first-child>a{border-top-left-radius:1px;border-top-right-radius:1px;border-top:none}.dropdown-menu ul:last-of-type,.dropdown-menu ul:last-of-type>li:last-of-type>a{border-bottom-left-radius:1px;border-bottom-right-radius:1px}.dropdown-menu a .icon-check{position:absolute;left:5px;top:5px;color:#00a4fd}.dropdown-menu [class*=" icon-"],.dropdown-menu [class^=icon-]{width:1.25em;text-align:center}.dropdown-menu li{position:relative}.dropdown-menu li.info{padding:5px 10px}.dropdown-menu li.title{text-transform:uppercase;padding:3px 10px}.dropdown-menu li.message{padding:5px 10px}.dropdown-menu li>span.field-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;word-wrap:normal}.dropdown-menu li>a{display:block;clear:both;font-weight:400;line-height:20px;position:relative;color:#5c6773;padding:5px 10px;white-space:normal;text-decoration:none}.dropdown-menu li>a>.info{display:block;font-size:12px}.dropdown-menu li>a:focus{-webkit-box-shadow:none;box-shadow:none;border-collapse:separate;outline:0;text-decoration:none;-webkit-box-shadow:inset 0 0 2px 1px #fff,inset 0 0 0 2px #00a4fd;box-shadow:inset 0 0 2px 1px #fff,inset 0 0 0 2px #00a4fd}.dropdown-menu li>a:focus:active:not([disabled]){-webkit-box-shadow:none;box-shadow:none}.dropdown-menu li>a:hover{color:#5c6773;background:#f2f4f5}.dropdown-menu li>a.primary-link{margin-right:40px;border-top-right-radius:0;border-bottom-right-radius:0}.dropdown-menu li>a.secondary-link{position:absolute;right:0;top:0;bottom:0;width:40px;padding-left:0;padding-right:0;font-size:16px;text-align:center;border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-menu li>a>.link-description{color:#6b7785;display:block;font-size:.85em}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover,.dropdown-menu li>a.disabled,.dropdown-menu li>a.disabled:focus,.dropdown-menu li>a.disabled:hover{color:#c3cbd4;cursor:not-allowed;text-decoration:none;background-color:transparent;background-image:none;-webkit-box-shadow:none;box-shadow:none}.dropdown-menu .divider{border:none;border-top:1px solid #c3cbd4;margin:0;height:0}.dropdown-menu .divider+li>a{border-top:none}.dropdown-menu .input-container .shared-findinput{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:5px;margin:0}.dropdown-menu .input-container .search-query{width:100%}.dropdown-truncated li>a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-menu-narrow{width:10em}.dropdown-menu-medium{width:25em}.dropdown-menu-wide{width:30em}.dropdown-menu-width-auto{width:auto;max-width:20em}.dropdown-menu-width-auto.dropdown-menu-narrow{max-width:10em}.dropdown-menu-width-auto.dropdown-menu-medium{max-width:25em}.dropdown-menu-width-auto.dropdown-menu-wide{max-width:30em}.dropdown-menu-selectable li>a{padding-left:24px}.navbar .nav>li>.dropdown-menu:after,.navbar .nav>li>.dropdown-menu:before{display:none}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#6b7785}.dropdown-menu-tall ul{max-height:20em;overflow:auto}.dropdown-menu-short ul{max-height:10em;overflow:auto}.dropdown-menu-noscroll ul{max-height:none}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid #000;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}.dropdown-submenu{position:relative}.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;border-radius:2px 2px 2px 2px}.dropdown-submenu:hover>.dropdown-menu{display:block}.dropdown-submenu:focus>a,.dropdown-submenu:hover>a{text-decoration:none;color:#006eaa;background:#f7f8fa}.dropdown-submenu>a{paddin-right:20px}.dropdown-submenu>a:after{display:block;content:"";position:absolute;right:8px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:0;height:0;border-color:transparent transparent transparent #ccc;border-style:solid;border-width:5px 0 5px 5px}.dropdown-submenu>ul{overflow-x:hidden;overflow-y:auto}.dropdown-submenu.pull-left{float:none}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;border-radius:6px 0 6px 6px}.dropup .dropdown-submenu>.dropdown-menu{top:auto;bottom:0;margin-top:0;margin-bottom:-2px;border-radius:5px 5px 5px 0}.dropdown .dropdown-menu .nav-header{padding-left:20px;padding-right:20px}.typeahead{z-index:1051;margin-top:2px;border-radius:3px}.fade{opacity:0;-webkit-transition:opacity .125s;transition:opacity .125s}.fade.in{opacity:1}.collapse{position:relative;height:0;overflow:hidden;-webkit-transition:height .2s ease;transition:height .2s ease}.collapse.in{height:auto}.close{float:right;border-radius:3px;width:27px;height:27px;color:transparent;font-size:0;line-height:0;text-align:center;-webkit-transition:background .2s,color .2s;transition:background .2s,color .2s}.close:before{font-family:Splunk Icons;content:"\2717";font-size:20px;color:#5c6773;line-height:28px;-webkit-transition:color .2s;transition:color .2s}.close:hover{background-color:#f7f8fa;cursor:pointer;text-decoration:none}.close:hover:before{color:#006eaa}.close:focus{-webkit-box-shadow:0 0 1px 2px rgba(0,164,253,.6);box-shadow:0 0 1px 2px rgba(0,164,253,.6);border-collapse:separate;outline:0;text-decoration:none}.close:focus:active:not([disabled]){-webkit-box-shadow:none;box-shadow:none}.close:focus:before{color:#006eaa}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.btn{display:inline-block;height:auto;line-height:20px;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:5px 14px;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;border-radius:3px;white-space:nowrap;background-color:#f7f8fa;border:1px solid #c3cbd4}.btn,.btn:hover{color:#5c6773;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.1);box-shadow:inset 0 -1px 0 rgba(0,0,0,.1);text-decoration:none;text-shadow:none;-webkit-transition:background .2s,border .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;transition:background .2s,border .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;transition:background .2s,border .2s,box-shadow .2s,text-decoration .2s;transition:background .2s,border .2s,box-shadow .2s,text-decoration .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;-webkit-filter:none;filter:none}.btn:hover{background-color:#ebeeef;border-color:#c3cbd4}.btn:focus{background-color:#f7f8fa;border-color:#c3cbd4;color:#5c6773;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.1);box-shadow:inset 0 -1px 0 rgba(0,0,0,.1);text-shadow:none;-webkit-transition:background .2s,border .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;transition:background .2s,border .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;transition:background .2s,border .2s,box-shadow .2s,text-decoration .2s;transition:background .2s,border .2s,box-shadow .2s,text-decoration .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;-webkit-filter:none;filter:none;-webkit-box-shadow:0 0 1px 2px rgba(0,164,253,.6);box-shadow:0 0 1px 2px rgba(0,164,253,.6);border-collapse:separate;outline:0;text-decoration:none}.btn:focus:active:not([disabled]){-webkit-box-shadow:none;box-shadow:none}.btn.active,.btn:active{background-color:#e1e6eb;border-color:#c3cbd4;color:#3c444d;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;text-shadow:none;-webkit-transition:none;transition:none;-webkit-filter:none;filter:none}.btn.disabled,.btn.disabled:active,.btn.disabled:focus,.btn.disabled:hover,.btn[disabled],.btn[disabled]:active,.btn[disabled]:focus,.btn[disabled]:hover{background-color:#f7f8fa;border-color:#e1e6eb;color:#6b7785;-webkit-box-shadow:inset 0 -1px 0 #e1e6eb;box-shadow:inset 0 -1px 0 #e1e6eb;text-decoration:none;text-shadow:none;-webkit-transition:background .2s,border .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;transition:background .2s,border .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;transition:background .2s,border .2s,box-shadow .2s,text-decoration .2s;transition:background .2s,border .2s,box-shadow .2s,text-decoration .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;-webkit-filter:none;filter:none;cursor:not-allowed}.btn-primary{padding:6px 15px;font-weight:500;background-color:#5cc05c;border:transparent}.btn-primary,.btn-primary:hover{color:#fff;-webkit-box-shadow:inset 0 -2px 0 rgba(0,0,0,.1);box-shadow:inset 0 -2px 0 rgba(0,0,0,.1);text-decoration:none;text-shadow:none;-webkit-transition:background .2s,border .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;transition:background .2s,border .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;transition:background .2s,border .2s,box-shadow .2s,text-decoration .2s;transition:background .2s,border .2s,box-shadow .2s,text-decoration .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;-webkit-filter:none;filter:none}.btn-primary:hover{background-color:#40a540;border-color:transparent}.btn-primary:focus{background-color:#5cc05c;border-color:transparent;color:#fff;-webkit-box-shadow:inset 0 -2px 0 rgba(0,0,0,.1);box-shadow:inset 0 -2px 0 rgba(0,0,0,.1);text-shadow:none;-webkit-transition:background .2s,border .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;transition:background .2s,border .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;transition:background .2s,border .2s,box-shadow .2s,text-decoration .2s;transition:background .2s,border .2s,box-shadow .2s,text-decoration .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;-webkit-filter:none;filter:none;-webkit-box-shadow:0 0 1px 2px rgba(0,164,253,.6);box-shadow:0 0 1px 2px rgba(0,164,253,.6);border-collapse:separate;outline:0;text-decoration:none}.btn-primary:focus:active:not([disabled]){-webkit-box-shadow:none;box-shadow:none}.btn-primary.active,.btn-primary:active{background-color:#389038;color:#fff;-webkit-box-shadow:none;box-shadow:none}.btn-primary.active,.btn-primary.disabled,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary:active,.btn-primary[disabled],.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover{border-color:transparent;text-decoration:none;text-shadow:none;-webkit-transition:background .2s,border .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;transition:background .2s,border .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;transition:background .2s,border .2s,box-shadow .2s,text-decoration .2s;transition:background .2s,border .2s,box-shadow .2s,text-decoration .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;-webkit-filter:none;filter:none}.btn-primary.disabled,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover{background-color:#9ed99e;color:#dff2df;-webkit-box-shadow:inset 0 -2px 0 rgba(0,0,0,.1);box-shadow:inset 0 -2px 0 rgba(0,0,0,.1);cursor:not-allowed}.btn-secondary{font-weight:500}.btn-secondary:hover{background-color:#ebeeef}.btn-secondary:focus,.btn-secondary:hover{border-color:#c3cbd4;color:#5c6773;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.1);box-shadow:inset 0 -1px 0 rgba(0,0,0,.1);text-decoration:none;text-shadow:none;-webkit-transition:background .2s,border .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;transition:background .2s,border .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;transition:background .2s,border .2s,box-shadow .2s,text-decoration .2s;transition:background .2s,border .2s,box-shadow .2s,text-decoration .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;-webkit-filter:none;filter:none}.btn-secondary:focus{background-color:#f7f8fa;-webkit-box-shadow:0 0 1px 2px rgba(0,164,253,.6);box-shadow:0 0 1px 2px rgba(0,164,253,.6);border-collapse:separate;outline:0}.btn-secondary:focus:active:not([disabled]){-webkit-box-shadow:none;box-shadow:none}.btn-secondary.active,.btn-secondary:active{background-color:#e1e6eb;border-color:#c3cbd4;color:#3c444d;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;text-shadow:none;-webkit-transition:none;transition:none;-webkit-filter:none;filter:none}.btn-secondary.disabled,.btn-secondary.disabled:active,.btn-secondary.disabled:focus,.btn-secondary.disabled:hover,.btn-secondary[disabled],.btn-secondary[disabled]:active,.btn-secondary[disabled]:focus,.btn-secondary[disabled]:hover{background-color:#f7f8fa;border-color:#e1e6eb;color:#6b7785;-webkit-box-shadow:inset 0 -1px 0 #e1e6eb;box-shadow:inset 0 -1px 0 #e1e6eb;cursor:not-allowed}.btn-pill,.btn-secondary.disabled,.btn-secondary.disabled:active,.btn-secondary.disabled:focus,.btn-secondary.disabled:hover,.btn-secondary[disabled],.btn-secondary[disabled]:active,.btn-secondary[disabled]:focus,.btn-secondary[disabled]:hover{text-decoration:none;text-shadow:none;-webkit-transition:background .2s,border .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;transition:background .2s,border .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;transition:background .2s,border .2s,box-shadow .2s,text-decoration .2s;transition:background .2s,border .2s,box-shadow .2s,text-decoration .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;-webkit-filter:none;filter:none}.btn-pill{display:inline-block;padding:5px 14px;line-height:20px;border-radius:3px;background-color:none;border:1px solid transparent;color:#5c6773;-webkit-box-shadow:none;box-shadow:none}.btn-pill:hover{color:#006eaa;background:#ebeeef;border-color:#c3cbd4;text-decoration:none}.btn-pill:focus{color:#5c6773;background:none;border-color:transparent;-webkit-box-shadow:0 0 1px 2px rgba(0,164,253,.6);box-shadow:0 0 1px 2px rgba(0,164,253,.6);border-collapse:separate;outline:0;text-decoration:none}.btn-pill:focus:active:not([disabled]){-webkit-box-shadow:none;box-shadow:none}.btn-pill.active,.btn-pill:active{color:#5c6773;background:#e1e6eb;border-color:transparent;text-decoration:none}.btn-pill.disabled,.btn-pill.disabled:active,.btn-pill.disabled:focus,.btn-pill.disabled:hover,.btn-pill[disabled],.btn-pill[disabled]:active,.btn-pill[disabled]:focus,.btn-pill[disabled]:hover{color:#c3cbd4;background:none;border-color:transparent;text-decoration:none;-webkit-box-shadow:none;box-shadow:none;cursor:not-allowed}.btn-link{background-color:transparent;border-color:transparent;color:#006eaa;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;text-shadow:none;-webkit-transition:background .2s,border .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;transition:background .2s,border .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;transition:background .2s,border .2s,box-shadow .2s,text-decoration .2s;transition:background .2s,border .2s,box-shadow .2s,text-decoration .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;-webkit-filter:none;filter:none}.btn-link:hover{color:#006eaa;text-decoration:underline}.btn-link:focus{color:#006eaa;-webkit-box-shadow:0 0 1px 2px rgba(0,164,253,.6);box-shadow:0 0 1px 2px rgba(0,164,253,.6);border-collapse:separate;outline:0;text-decoration:none}.btn-link:focus:active:not([disabled]){-webkit-box-shadow:none;box-shadow:none}.btn-link.active,.btn-link:active{color:#006eaa;text-decoration:none}.btn-link.disabled,.btn-link.disabled:active,.btn-link.disabled:focus,.btn-link.disabled:hover,.btn-link[disabled],.btn-link[disabled]:active,.btn-link[disabled]:focus,.btn-link[disabled]:hover{color:#6b7785;text-decoration:none;cursor:not-allowed}.btn-block{display:block;width:100%;padding-left:0;padding-right:0;-webkit-box-sizing:border-box;box-sizing:border-box}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.btn-draggable{cursor:move;width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-box-sizing:border-box;box-sizing:border-box}.btn-draggable .before,.btn-draggable:before{content:"";float:left;margin-left:-8px;height:18px;width:6px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Cpath fill='%23818D99' d='M0 0h2v2H0z'/%3E%3C/svg%3E");cursor:move}.btn-draggable.btn-small:before{height:14px}.btn-draggable.btn-mini:before{height:12px}.btn-large{padding:8px 28px}.btn-large [class*=" icon-"],.btn-large [class^=icon-]{margin-top:4px}.btn-large.btn-primary{padding:9px 29px}.btn-small{padding:3px 14px}.btn-small [class*=" icon-"],.btn-small [class^=icon-]{margin-top:0}.btn-small.btn-primary{padding:4px 15px}.btn-mini{padding:0 7px}.btn-mini [class*=" icon-"],.btn-mini [class^=icon-]{margin-top:-1px}.btn-mini.btn-primary{padding:1px 8px}.btn-group>.btn-mini,.btn-mini{font-size:12px;font-weight:500;line-height:18px}.btn-square{padding:6px 0;height:32px;width:32px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}@media print{.btn{background:none!important;border:none!important;padding:0!important;color:#3c444d!important;text-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}.caret{display:none!important}}.btn-combo,.btn-group{position:relative;display:inline-block;font-size:0;white-space:nowrap;vertical-align:middle}.btn-combo+.btn-combo,.btn-group+.btn-group{margin-left:10px}.btn-group>.btn,.btn-group>.btn-combo>.btn{position:relative;border-radius:0}.btn-group>.btn+.btn,.btn-group>.btn+.btn-combo,.btn-group>.btn-combo+.btn,.btn-group>.btn-combo+.btn-combo{margin-left:-1px}.btn-group .btn-pill,.btn-group .dropdown-toggle,.btn-group .popdown-dialog,.btn-group>.btn,.btn-group>.btn-large,.btn-group>.btn-small,.btn-group>.dropdown-menu,.btn-group>.popover,.btn-group ul{font-size:14px}.btn-group>.btn-mini{font-size:12px}.btn-group>.btn-combo:first-child>.btn:first-child,.btn-group>.btn-combo:first-child>.drodown-toggle,.btn-group>.btn:first-child{margin-left:0;border-top-left-radius:3px;border-bottom-left-radius:3px}.btn-group>.btn-combo:last-child>.btn:last-child,.btn-group>.btn-combo:last-child>.dropdown-toggle,.btn-group>.btn:last-child,.btn-group>.dropdown-toggle{border-top-right-radius:3px;border-bottom-right-radius:3px}.btn-group>.btn-combo:first-child>.btn.large:first-child,.btn-group>.btn.large:first-child{margin-left:0;border-top-left-radius:3px;border-bottom-left-radius:3px}.btn-group>.btn-combo:last-child>.btn.large:last-child,.btn-group>.btn-combo:last-child>.large.dropdown-toggle,.btn-group>.btn.large:last-child,.btn-group>.large.dropdown-toggle{border-top-right-radius:3px;border-bottom-right-radius:3px}.btn-group>.btn-combo>.btn.active,.btn-group>.btn-combo>.btn:active,.btn-group>.btn-combo>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:hover{z-index:2}.btn-group>.btn-combo>.btn:focus,.btn-group>.btn:focus{z-index:3}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-combo>.btn:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.btn-combo>.btn:last-child,.btn-combo>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.btn-combo>.btn+.btn{margin-left:-1px}.btn-combo .btn-pill,.btn-combo .dropdown-toggle,.btn-combo .popdown-dialog,.btn-combo>.btn,.btn-combo>.btn-large,.btn-combo>.btn-small,.btn-combo>.dropdown-menu,.btn-combo ul{font-size:14px}.btn-combo>.btn-mini{font-size:12px}.btn-combo:first-child>.btn:first-child{margin-left:0;border-top-left-radius:3px;border-bottom-left-radius:3px}.btn-combo>.dropdown-toggle{border-top-right-radius:3px;border-bottom-right-radius:3px}.btn-toolbar{font-size:0;margin-top:10px;margin-bottom:10px}.btn-toolbar .btn-combo{display:inline-block}.btn-toolbar>.btn+.btn,.btn-toolbar>.btn+.btn-combo,.btn-toolbar>.btn+.btn-group,.btn-toolbar>.btn-combo+.btn,.btn-toolbar>.btn-group+.btn{margin-left:5px}.btn-combo>.btn+.dropdown-toggle,.btn-group>.btn-combo>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px;-webkit-box-shadow:inset 1px 0 0 hsla(0,0%,100%,.125),inset 0 1px 0 hsla(0,0%,100%,.2),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 1px 0 0 hsla(0,0%,100%,.125),inset 0 1px 0 hsla(0,0%,100%,.2),0 1px 2px rgba(0,0,0,.05)}.btn-group>.btn-combo>.btn-mini+.dropdown-toggle,.btn-group>.btn-mini+.dropdown-toggle{padding-left:5px;padding-right:5px}.btn-group>.btn-combo>.btn-large+.dropdown-toggle,.btn-group>.btn-large+.dropdown-toggle{padding-left:12px;padding-right:12px}.btn-group.open .dropdown-toggle{background-image:none;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.btn-group.open .btn.dropdown-toggle{background-color:#ebeeef}.btn-group.open .btn-primary.dropdown-toggle{background-color:#40a540}.btn-group.open .btn-danger.dropdown-toggle{background-color:#ea958d}.btn-group.open .btn-success.dropdown-toggle{background-color:#40a540}.btn-group>.btn+div.tooltip+.btn{margin-left:-1px}.btn-group-vertical{display:inline-block}.btn-group-vertical>.btn{display:block;float:none;max-width:100%;border-radius:0}.btn-group-vertical>.btn+.btn{margin-left:0;margin-top:-1px}.btn-group-vertical:first-child{border-radius:3px 3px 0 0}.btn-group-vertical:last-child{border-radius:0 0 3px 3px}.btn-group-vertical>.btn-large:first-child{border-radius:3px 3px 0 0}.btn-group-vertical>.btn-large:last-child{border-radius:0 0 3px 3px}.btn-group-radio>.btn{text-overflow:ellipsis;overflow:hidden;border-color:#c3cbd4}.btn-group-radio>.btn:hover{background-color:#ebeeef}.btn-group-radio>.btn.active,.btn-group-radio>.btn:hover{-webkit-box-shadow:inset 0 2px 0 #d8dfe6;box-shadow:inset 0 2px 0 #d8dfe6}.btn-group-radio>.btn.active{cursor:default;background-color:#e1e6eb;border-color:#c3cbd4}.btn-group-radio>.btn.active:focus{cursor:default;-webkit-box-shadow:0 0 1px 2px rgba(0,164,253,.6);box-shadow:0 0 1px 2px rgba(0,164,253,.6);border-collapse:separate;outline:0;text-decoration:none}.btn-group-radio>.btn.active:focus:active:not([disabled]){-webkit-box-shadow:none;box-shadow:none}.btn-group-radio>.btn.active[disabled]{cursor:not-allowed;background-color:#e1e6eb;-webkit-box-shadow:inset 0 2px 0 #d8dfe6;box-shadow:inset 0 2px 0 #d8dfe6;border-color:#e1e6eb}.btn-group-radio>.btn:disabled{-webkit-box-shadow:none;box-shadow:none;border-color:#e1e6eb;background-color:#f7f8fa}body.locale-de .btn-group-radio.locale-responsive-layout{display:block}body.locale-de .btn-group-radio.locale-responsive-layout .btn{border-radius:0;display:block;width:100%;margin-left:0;border-bottom-width:0}body.locale-de .btn-group-radio.locale-responsive-layout .btn:first-child{border-radius:3px 3px 0 0}body.locale-de .btn-group-radio.locale-responsive-layout .btn:last-child{border-radius:0 0 3px 3px;border-bottom-width:1px}.alerts:not(.alerts-view){max-height:500px;overflow-y:auto}.alert{margin-bottom:20px;border-radius:3px;position:relative;padding:8px 35px 8px 27px;word-wrap:break-word;color:#3c444d}.alert .icon-alert{font-size:200%;position:absolute;left:0;top:8px}.alert h4{color:inherit;margin:0}.alert .close{position:relative;top:-2px;right:-21px;line-height:20px}.alert-inline{display:inline-block;border:0;margin-bottom:0}.alert-warning .icon-alert{color:#f8be34}.alert-info .icon-alert{color:#006d9c}.alert-info .icon-alert:before{content:"I"}.alert-success .icon-alert{color:#53a051}.alert-success .icon-alert:before{content:"I"}.alert-404,.alert-error .icon-alert{color:#dc4e41}.alert-404:before,.alert-error .icon-alert:before{content:"\ECE2"}.nav{margin-left:0;margin-bottom:0;list-style:none}.nav>li>a{display:block}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none}.nav>.pull-right{float:right}.nav-header{display:block;padding:3px 15px;font-size:12px;font-weight:700;line-height:20px;color:#818d99;text-shadow:0 1px 0 hsla(0,0%,100%,.5);text-transform:uppercase}.nav li+.nav-header{margin-top:9px}.nav-list{padding-left:15px;padding-right:15px;margin-bottom:0}.nav-list .nav-header,.nav-list>li>a{margin-left:-15px;margin-right:-15px;text-shadow:0 1px 0 hsla(0,0%,100%,.5)}.nav-list>li>a{padding:3px 15px}.nav-list>.active>a,.nav-list>.active>a:focus,.nav-list>.active>a:hover{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.2);background-color:#006eaa}.nav-list [class*=" icon-"],.nav-list [class^=icon-]{margin-right:2px}.nav-list .divider{height:1px;margin:9px 1px;overflow:hidden;background-color:#c3cbd4}.nav-pills:after,.nav-pills:before,.nav-tabs:after,.nav-tabs:before{display:table;content:"";line-height:0}.nav-pills:after,.nav-tabs:after{clear:both}.nav-pills>li,.nav-tabs>li{float:left}.nav-pills>li>a,.nav-tabs>li>a{padding-right:15px;padding-left:15px;margin-right:2px;line-height:14px}.nav-tabs{padding:0 5px;height:38px;background-color:#fff;border-bottom:1px solid #e1e6eb}.nav-tabs>li{position:relative}.nav-tabs>li>a{line-height:34px;padding:2px 15px;color:#5c6773}.nav-tabs>li>a:before{content:"";position:absolute;width:calc(100% - 30px);height:0;bottom:0;left:14px;background-color:#e1e6eb;-webkit-transition:height .2s;transition:height .2s}.nav-tabs>li>a:hover{background:transparent}.nav-tabs>li>a:focus{-webkit-box-shadow:none;box-shadow:none;border-collapse:separate;outline:0;text-decoration:none;-webkit-box-shadow:inset 0 0 2px 1px #fff,inset 0 0 0 2px #00a4fd;box-shadow:inset 0 0 2px 1px #fff,inset 0 0 0 2px #00a4fd;background-color:transparent;border-radius:3px}.nav-tabs>li>a:focus:active:not([disabled]){-webkit-box-shadow:none;box-shadow:none}.nav-tabs>li:not(.active):hover>a:before{height:3px}.nav-tabs>li.active>a:before{height:3px;background-color:#007abd}.nav-tabs>li.active,.nav-tabs>li>a.active{-webkit-box-shadow:none!important;box-shadow:none!important;border-radius:0!important;font-weight:500;color:#3c444d}.nav-pills>li>a{padding-top:8px;padding-bottom:8px;margin-top:2px;margin-bottom:2px;border-radius:5px}.nav-pills>.active>a,.nav-pills>.active>a:focus,.nav-pills>.active>a:hover{color:#fff;background-color:#006eaa}.nav-stacked>li{float:none}.nav-stacked>li>a{margin-right:0}.nav-stacked>li.nav-tabs{border-bottom:0}.nav-stacked>li.nav-tabs>li>a{border:1px solid #c3cbd4;border-radius:0}.nav-stacked>li.nav-tabs>li>a:focus,.nav-stacked>li.nav-tabs>li>a:hover{border-color:#c3cbd4;z-index:2}.nav-stacked>li.nav-tabs>li:first-child>a{border-top-right-radius:3px;border-top-left-radius:3px}.nav-stacked>li.nav-tabs>li:last-child>a{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.nav-stacked>li.nav-pills>li>a{margin-bottom:3px}.nav-stacked>li.nav-pills>li:last-child>a{margin-bottom:1px}.nav-tabs .dropdown-menu{border-radius:0 0 3px 3px}.nav-pills .dropdown-menu{border-radius:3px}.nav .dropdown-toggle .caret{margin-top:6px}.nav .dropdown-toggle .caret,.nav .dropdown-toggle:focus .caret,.nav .dropdown-toggle:hover .caret{border-top-color:#006eaa;border-bottom-color:#006eaa}.nav-tabs .dropdown-toggle .caret{margin-top:8px}.nav .active .dropdown-toggle .caret{border-top-color:#fff;border-bottom-color:#fff}.nav-tabs .active .dropdown-toggle .caret{border-top-color:#5c6773;border-bottom-color:#5c6773}.nav>.dropdown.active>a:focus,.nav>.dropdown.active>a:hover{cursor:pointer}.nav-pills .open .dropdown-toggle,.nav-tabs .open .dropdown-toggle,.nav>li.dropdown.open.active>a:focus,.nav>li.dropdown.open.active>a:hover{color:#fff;background-color:#818d99;border-color:#818d99}.nav li.dropdown.open.active .caret,.nav li.dropdown.open .caret,.nav li.dropdown.open a:focus .caret,.nav li.dropdown.open a:hover .caret{border-top-color:#fff;border-bottom-color:#fff;opacity:1}.tabs-stacked .open>a:focus,.tabs-stacked .open>a:hover{border-color:#818d99}.tabbable:after,.tabbable:before{display:table;content:"";line-height:0}.tabbable:after{clear:both}.tab-content{overflow:auto}.tabs-below>.nav-tabs,.tabs-left>.nav-tabs,.tabs-right>.nav-tabs{border-bottom:0}.pill-content>.pill-pane,.tab-content>.tab-pane{display:none}.pill-content>.active,.tab-content>.active{display:block}.tabs-below>.nav-tabs{border-top:1px solid #c3cbd4}.tabs-below>.nav-tabs>li{margin-top:-1px;margin-bottom:0}.tabs-below>.nav-tabs>li>a{border-radius:0 0 3px 3px}.tabs-below>.nav-tabs>li>a:focus,.tabs-below>.nav-tabs>li>a:hover{border-bottom-color:transparent;border-top-color:#c3cbd4}.tabs-below>.nav-tabs>.active>a,.tabs-below>.nav-tabs>.active>a:focus,.tabs-below>.nav-tabs>.active>a:hover{border-color:transparent #c3cbd4 #c3cbd4}.tabs-left>li,.tabs-right>li{float:none}.tabs-left>li>a,.tabs-right>li>a{min-width:74px;margin-right:0;margin-bottom:3px}.tabs-left>.nav-tabs{float:left;margin-right:19px;border-right:1px solid #c3cbd4}.tabs-left>.nav-tabs>li>a{margin-right:-1px;border-radius:3px 0 0 3px}.tabs-left>.nav-tabs>li>a:focus,.tabs-left>.nav-tabs>li>a:hover{border-color:#e1e6eb #c3cbd4 #e1e6eb #e1e6eb}.tabs-left>.nav-tabs .active>a,.tabs-left>.nav-tabs .active>a:focus,.tabs-left>.nav-tabs .active>a:hover{border-color:#c3cbd4 transparent #c3cbd4 #c3cbd4}.tabs-right>.nav-tabs{float:right;margin-left:19px;border-left:1px solid #c3cbd4}.tabs-right>.nav-tabs>li>a{margin-left:-1px;border-radius:0 3px 3px 0}.tabs-right>.nav-tabs>li>a:focus,.tabs-right>.nav-tabs>li>a:hover{border-color:#e1e6eb #e1e6eb #e1e6eb #c3cbd4}.tabs-right>.nav-tabs .active>a,.tabs-right>.nav-tabs .active>a:focus,.tabs-right>.nav-tabs .active>a:hover{border-color:#c3cbd4 #c3cbd4 #c3cbd4 transparent}.nav-tabs .dropdown-toggle .caret,.nav .dropdown-toggle .caret,.navbar .nav .dropdown-toggle .caret{margin-top:0}.nav>.disabled>a{color:#c3cbd4}.nav>.disabled>a:focus,.nav>.disabled>a:hover{text-decoration:none;background-color:transparent;cursor:default}@media print{.app-bar,header{display:none!important}.main-tabs{border:none!important}.main-tabs li.active:after,.main-tabs li.active:before,.main-tabs li:not(.active){display:none!important}}.navbar{overflow:visible;margin-bottom:0}.navbar .container{width:auto}.navbar .brand{float:left;display:block;padding:7px 20px;margin-left:-20px;font-size:20px;font-weight:200;color:#006eaa;text-shadow:0 1px 0 #fff}.navbar .brand:focus,.navbar .brand:hover{text-decoration:none}.navbar .divider-vertical{height:34px;margin:0 9px;border-left:1px solid #171d21;border-right:1px solid #fff}.navbar .btn,.navbar .btn-group{margin-top:2px}.navbar .btn-group .btn,.navbar .input-append .btn,.navbar .input-append .btn-group,.navbar .input-prepend .btn,.navbar .input-prepend .btn-group{margin-top:0}.navbar-inner{min-height:34px;padding-left:20px;padding-right:20px;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#171d21));background-image:linear-gradient(180deg,#fff,#171d21);border:1px solid #000;border-radius:3px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.065);box-shadow:0 1px 4px rgba(0,0,0,.065)}.navbar-inner:after,.navbar-inner:before{display:table;content:"";line-height:0}.navbar-inner:after{clear:both}.nav-collapse.collapse{height:auto;overflow:visible}.navbar-text{margin-bottom:0;line-height:34px}.navbar-link,.navbar-text{color:#c3cbd4}.navbar-link:focus,.navbar-link:hover{color:#3c444d}.navbar-form{margin-bottom:0}.navbar-form:after,.navbar-form:before{display:table;content:"";line-height:0}.navbar-form:after{clear:both}.navbar-form .checkbox,.navbar-form .radio,.navbar-form input,.navbar-form select{margin-top:2px}.navbar-form .btn,.navbar-form input,.navbar-form select{display:inline-block;margin-bottom:0}.navbar-form input[type=checkbox],.navbar-form input[type=image],.navbar-form input[type=radio]{margin-top:3px}.navbar-form .input-append,.navbar-form .input-prepend{margin-top:5px;white-space:nowrap}.navbar-form .input-append input,.navbar-form .input-prepend input{margin-top:0}.navbar-search{position:relative;float:left;margin-top:2px;margin-bottom:0}.navbar-search .search-query{margin-bottom:0;padding:4px 14px;font-family:Georgia,Times New Roman,Times,serif;font-size:13px;font-weight:400;line-height:1;border-radius:15px}.navbar-static-top{position:static;margin-bottom:0}.navbar-static-top .navbar-inner{border-radius:0}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030;margin-bottom:0}.navbar-fixed-bottom .navbar-inner,.navbar-fixed-top .navbar-inner{padding-left:0;padding-right:0;border-radius:0}.navbar-fixed-top .navbar-inner,.navbar-static-top .navbar-inner{border-width:0 0 1px;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);box-shadow:0 1px 10px rgba(0,0,0,.1)}.navbar-fixed-top{top:0}.navbar-fixed-bottom{bottom:0}.navbar-fixed-bottom .navbar-inner{border-width:1px 0 0;-webkit-box-shadow:0 -1px 10px rgba(0,0,0,.1);box-shadow:0 -1px 10px rgba(0,0,0,.1)}.navbar-fixed-bottom .container,.navbar-fixed-top .container,.navbar-static-top .container{width:940px}.navbar .nav{position:relative;left:0;display:block;float:left;margin:0 10px 0 0}.navbar .nav.pull-right{float:right;margin-right:0}.navbar .nav>li{float:left}.navbar .nav>li>a{float:none;padding:7px 15px;color:#c3cbd4;text-decoration:none;text-shadow:0 1px 0 #fff}.navbar .nav>li>a:focus,.navbar .nav>li>a:hover{background-color:transparent;color:#3c444d;text-decoration:none}.navbar .nav>li>.dropdown-menu:before{content:"";display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #c3cbd4;position:absolute;top:-7px;left:9px}.navbar .nav>li>.dropdown-menu:after{content:"";display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:10px}.navbar .nav>li.dropdown>a:focus .caret,.navbar .nav>li.dropdown>a:hover .caret{border-top-color:#3c444d;border-bottom-color:#3c444d}.navbar .nav>li.dropdown.active>.dropdown-toggle,.navbar .nav>li.dropdown.open.active>.dropdown-toggle,.navbar .nav>li.dropdown.open>.dropdown-toggle{background-color:#0d1012;color:#5c6773}.navbar .nav>li.dropdown.active>.dropdown-toggle .caret,.navbar .nav>li.dropdown.open.active>.dropdown-toggle .caret,.navbar .nav>li.dropdown.open>.dropdown-toggle .caret{border-top-color:#5c6773;border-bottom-color:#5c6773}.navbar .nav>li.dropdown>.dropdown-toggle .caret{border-top-color:#c3cbd4;border-bottom-color:#c3cbd4}.navbar .nav .dropdown-toggle .caret{margin-top:8px}.navbar .nav>.active>a,.navbar .nav>.active>a:focus,.navbar .nav>.active>a:hover{color:#5c6773;text-decoration:none;background-color:#0d1012;-webkit-box-shadow:inset 0 3px 8px rgba(0,0,0,.125);box-shadow:inset 0 3px 8px rgba(0,0,0,.125)}.navbar .btn-navbar{display:none;float:right;padding:7px 10px;margin-left:5px;margin-right:5px;background-color:#f7f8fa;border-color:#c3cbd4;color:#5c6773;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.1);box-shadow:inset 0 -1px 0 rgba(0,0,0,.1);text-decoration:none;text-shadow:none;-webkit-transition:background .2s,border .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;transition:background .2s,border .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;transition:background .2s,border .2s,box-shadow .2s,text-decoration .2s;transition:background .2s,border .2s,box-shadow .2s,text-decoration .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;-webkit-filter:none;filter:none;-webkit-box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),0 1px 0 hsla(0,0%,100%,.075);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),0 1px 0 hsla(0,0%,100%,.075)}.navbar .btn-navbar .icon-bar{display:block;width:18px;height:2px;background-color:#f5f5f5;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:0 1px 0 rgba(0,0,0,.25)}.navbar .btn-navbar .icon-bar+.icon-bar{margin-top:3px}.navbar .nav>li>.dropdown-menu.pull-right,.navbar .pull-right>li>.dropdown-menu{left:auto;right:0}.navbar .nav>li>.dropdown-menu.pull-right:before,.navbar .pull-right>li>.dropdown-menu:before{left:auto;right:12px}.navbar .nav>li>.dropdown-menu.pull-right:after,.navbar .pull-right>li>.dropdown-menu:after{left:auto;right:13px}.navbar .nav>li>.dropdown-menu.pull-right .dropdown-menu,.navbar .pull-right>li>.dropdown-menu .dropdown-menu{left:auto;right:100%;margin-left:0;margin-right:-1px;border-radius:6px 0 6px 6px}.navbar-fixed-bottom .nav>li>.dropdown-menu:before{border-top:7px solid #c3cbd4;border-bottom:0;bottom:-7px;top:auto}.navbar-fixed-bottom .nav>li>.dropdown-menu:after{border-top:6px solid #fff;border-bottom:0;bottom:-6px;top:auto}.pagination{height:auto}.pagination>ul{display:inline-block;margin-left:0;margin-bottom:0;list-style:none}.pagination>ul>li{float:left}.pagination>ul>li>a,.pagination>ul>li>span{padding:5px 14px;float:left;line-height:20px;border-radius:3px;background-color:none;border:1px solid transparent;color:#5c6773;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;text-shadow:none;-webkit-transition:background .2s,border .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;transition:background .2s,border .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;transition:background .2s,border .2s,box-shadow .2s,text-decoration .2s;transition:background .2s,border .2s,box-shadow .2s,text-decoration .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;-webkit-filter:none;filter:none}.pagination>ul>li>a:hover,.pagination>ul>li>span:hover{color:#006eaa;background:#ebeeef;border-color:#c3cbd4;text-decoration:none}.pagination>ul>li>a:focus,.pagination>ul>li>span:focus{color:#006eaa;background:none;border-color:transparent;-webkit-box-shadow:0 0 1px 2px rgba(0,164,253,.6);box-shadow:0 0 1px 2px rgba(0,164,253,.6);border-collapse:separate;outline:0;text-decoration:none}.pagination>ul>li>a:focus:active:not([disabled]),.pagination>ul>li>span:focus:active:not([disabled]){-webkit-box-shadow:none;box-shadow:none}.pagination>ul>li>a.active,.pagination>ul>li>a:active,.pagination>ul>li>span.active,.pagination>ul>li>span:active{color:#5c6773;background:#e1e6eb;border-color:transparent;text-decoration:none}.pagination>ul>li>a.disabled,.pagination>ul>li>a.disabled:active,.pagination>ul>li>a.disabled:focus,.pagination>ul>li>a.disabled:hover,.pagination>ul>li>a[disabled],.pagination>ul>li>a[disabled]:active,.pagination>ul>li>a[disabled]:focus,.pagination>ul>li>a[disabled]:hover,.pagination>ul>li>span.disabled,.pagination>ul>li>span.disabled:active,.pagination>ul>li>span.disabled:focus,.pagination>ul>li>span.disabled:hover,.pagination>ul>li>span[disabled],.pagination>ul>li>span[disabled]:active,.pagination>ul>li>span[disabled]:focus,.pagination>ul>li>span[disabled]:hover{color:#c3cbd4;background:none;border-color:transparent;text-decoration:none;-webkit-box-shadow:none;box-shadow:none;cursor:not-allowed}.pagination>ul>li>a:not(.page-controls),.pagination>ul>li>span:not(.page-controls){padding:5px 10px;margin:0 1px}.pagination>ul>li>a:not(.page-controls).btn-square,.pagination>ul>li>span:not(.page-controls).btn-square{padding:5px 0}.pagination>ul .active>a,.pagination>ul .active>a:hover{cursor:default;border:1px solid #007abd;color:#007abd}.pagination>ul .icon-chevron-left,.pagination>ul .icon-triangle-left-small{padding-right:6.66667px}.pagination>ul .icon-chevron-right,.pagination>ul .icon-triangle-right-small{padding-left:6.66667px}.pagination>ul>.disabled>a,.pagination>ul>.disabled>a:focus,.pagination>ul>.disabled>a:hover,.pagination>ul>.disabled>span{background-color:transparent;border-color:transparent;color:#c3cbd4;cursor:default;-webkit-box-shadow:none;box-shadow:none}.pagination .max-events-per-bucket{color:#f8be34;font-size:18px}.splunk-paginator.splunk-view{padding:0 10px}.splunk-paginator.splunk-view .disabled,.splunk-paginator.splunk-view a.selected{color:#c3cbd4;cursor:default}.splunk-paginator.splunk-view a.selected{color:#006eaa;border:1px solid #006eaa;background:transparent}.splunk-paginator.splunk-view a{border:1px solid transparent;border-radius:3px;color:#5c6773;padding:2px 8px;text-decoration:none;min-width:10px;line-height:20px;display:inline-block;text-align:center}.splunk-paginator.splunk-view a:hover{background:#f7f8fa}.splunk-paginator.splunk-view a:disabled{background:none}.splunk-paginator.splunk-view span{padding-left:5px;padding-right:5px}.pager{margin:20px 0;list-style:none;text-align:center}.pager:after,.pager:before{display:table;content:"";line-height:0}.pager:after{clear:both}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #c3cbd4;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#f7f8fa}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{text-decoration:none;background-color:#f7f8fa}.body-modal-open{overflow:hidden}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#3c444d}.modal-backdrop.fade{opacity:0}.modal-backdrop,.modal-backdrop.fade.in{opacity:.8}.modal{position:fixed;top:40px;left:50%;width:550px;margin-left:-275px;z-index:1050;background-color:#fff;border:none;-webkit-box-shadow:0 3px 7px rgba(0,0,0,.3);box-shadow:0 3px 7px rgba(0,0,0,.3);background-clip:border-box;outline:none}.modal .form-horizontal{width:550px;-webkit-box-sizing:border-box;box-sizing:border-box}.modal.fade{-webkit-transition:opacity .125s,top .125s ease;transition:opacity .125s,top .125s ease;top:0}.modal.fade.in{top:40px}.modal:after{content:"";font-size:0;display:inline;overflow:hidden}.modal-header{border:none;position:relative;background:#fff;padding:20px}.modal-header .modal-title,.modal-header h1,.modal-header h3{font-size:20px;font-weight:500;line-height:22px;margin:0;overflow-wrap:break-word;padding-right:40px}.modal-header .close{top:20px;right:20px;margin-top:-2px;position:absolute;background-color:none;border:1px solid transparent;color:#5c6773;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;text-shadow:none;-webkit-transition:background .2s,border .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;transition:background .2s,border .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;transition:background .2s,border .2s,box-shadow .2s,text-decoration .2s;transition:background .2s,border .2s,box-shadow .2s,text-decoration .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;-webkit-filter:none;filter:none}.modal-header .close:hover{color:#006eaa;background:#ebeeef;border-color:#c3cbd4;text-decoration:none}.modal-header .close:focus{color:#006eaa;background:none;border-color:transparent;-webkit-box-shadow:0 0 1px 2px rgba(0,164,253,.6);box-shadow:0 0 1px 2px rgba(0,164,253,.6);border-collapse:separate;outline:0;text-decoration:none}.modal-header .close:focus:active:not([disabled]){-webkit-box-shadow:none;box-shadow:none}.modal-header .close.active,.modal-header .close:active{color:#5c6773;background:#e1e6eb;border-color:transparent;text-decoration:none}.modal-header .close.disabled,.modal-header .close.disabled:active,.modal-header .close.disabled:focus,.modal-header .close.disabled:hover,.modal-header .close[disabled],.modal-header .close[disabled]:active,.modal-header .close[disabled]:focus,.modal-header .close[disabled]:hover{color:#c3cbd4;background:none;border-color:transparent;text-decoration:none;-webkit-box-shadow:none;box-shadow:none;cursor:not-allowed}.modal-body{position:relative;padding:0 20px;overflow:visible;max-height:calc(100vh - 246px)}.modal-body:last-child{max-height:calc(100vh - 259px)}.modal-form{margin-bottom:0}.modal-body-scrolling{overflow-y:auto;padding:20px;position:relative;border-top:1px solid #e1e6eb;border-bottom:1px solid #e1e6eb}.modal-footer{padding:20px;margin-bottom:0;text-align:right;background:#fff}.modal-footer:after,.modal-footer:before{display:table;content:"";line-height:0}.modal-footer:after{clear:both}.modal-footer>.btn{min-width:80px}.modal-footer>.btn+.btn:not(.pull-left){margin-left:10px;margin-bottom:0}.modal-footer>.btn-group .btn+.btn{margin-left:-1px}.modal-footer>.btn-block+.btn-block{margin-left:0}.modal-footer:empty{padding:0}.modal-wide{width:800px;margin-left:-400px}.modal-wide .form-horizontal{width:800px;-webkit-box-sizing:border-box;box-sizing:border-box}.modal.disconnection-warning-modal{z-index:1090}.shared-splunkbar-messages-noconnectionoverlay .modal-backdrop{z-index:1080}.modal-loading{text-align:center;color:#6b7785}.shared-whatsnewdialog.modal{width:900px;margin-left:-450px}.shared-whatsnewdialog.modal .modal-body{padding-right:0}.shared-whatsnewdialog h2{font-weight:200;font-size:24px;margin:0 0 20px -20px;padding-left:20px}.shared-whatsnewdialog .feature{display:inline-block;width:260px;margin:0 20px 20px 0;position:relative;vertical-align:top}.shared-whatsnewdialog .feature>h3{margin:0 0 5px}.shared-whatsnewdialog .feature>img{display:block;width:100%;height:170px;border:1px solid #c3cbd4;margin-bottom:10px}.shared-whatsnewdialog .feature>p{margin:0}.shared-whatsnewdialog .feature+h2{padding-top:20px;border-top:1px dotted #c3cbd4}.tooltip{position:absolute;z-index:1070;display:block;visibility:visible;font-size:12px;line-height:1.4;opacity:0}.tooltip.in{opacity:.85}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.tooltip-inner{max-width:200px;padding:6px 12px;color:#fff;text-align:center;text-decoration:none;background-color:#000}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.thumbnails{margin-left:-20px;list-style:none}.thumbnails:after,.thumbnails:before{display:table;content:"";line-height:0}.thumbnails:after{clear:both}.row-fluid .thumbnails{margin-left:0}.thumbnails>li{float:left;margin-bottom:20px;margin-left:20px}.thumbnail{display:block;padding:4px;line-height:20px;border:1px solid #ddd;border-radius:3px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.055);box-shadow:0 1px 3px rgba(0,0,0,.055);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}a.thumbnail:focus,a.thumbnail:hover{border-color:#006eaa;-webkit-box-shadow:0 1px 4px rgba(0,105,214,.25);box-shadow:0 1px 4px rgba(0,105,214,.25)}.thumbnail>img{display:block;max-width:100%;margin-left:auto;margin-right:auto}.thumbnail .caption{padding:9px;color:#5c6773}.badge,.label{display:inline-block;padding:2px 4px;font-size:11.844px;font-weight:700;line-height:14px;color:#fff;vertical-align:baseline;white-space:nowrap;text-shadow:0 -1px 0 rgba(0,0,0,.25);background-color:#818d99}.label{border-radius:3px}.badge{padding-left:9px;padding-right:9px;border-radius:9px}.badge:empty,.label:empty{display:none}a.badge:focus,a.badge:hover,a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.badge-important,.label-important{background-color:#f8dcd9}.badge-important[href],.label-important[href]{background-color:#f0b4ad}.badge-warning,.label-warning{background-color:#f1813f}.badge-warning[href],.label-warning[href]{background-color:#ed6212}.badge-success,.label-success{background-color:#53a051}.badge-success[href],.label-success[href]{background-color:#417d3f}.badge-info,.label-info{background-color:#006d9c}.badge-info[href],.label-info[href]{background-color:#004b6b}.badge-inverse,.label-inverse{background-color:#3c444d}.badge-inverse[href],.label-inverse[href]{background-color:#262b31}.btn .badge,.btn .label{position:relative;top:-1px}.btn-mini .badge,.btn-mini .label{top:0}.label{padding:1px 4px 0;border-radius:4px;line-height:17px;font-size:12px;font-weight:400;text-transform:uppercase;color:#3c444d;text-shadow:none;background-color:#c3cbd4;border:1px solid #3c444d}.label [class*=icon-]{font-size:16px;margin-right:3px;vertical-align:middle}.label-important{background-color:#f8dcd9;border-color:#dc4e41;color:#dc4e41}.label-warning{background-color:#fdefe7;border-color:#f1813f;color:#f1813f}.label-success{background-color:#ddecdd;border-color:#53a051;color:#53a051}.label-info{background-color:#fef2d7;border-color:#f8be34;color:#f8be34}.label-inverse{background-color:#5c6773;border-color:#3c444d;color:#fff}@-webkit-keyframes progress-bar-stripes{0%{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{0%{background-position:40px 0}to{background-position:0 0}}.spinner-small{background-image:url(/static/img/skins/default/loading_small.png);background-position:0 0;width:14px;height:14px;background-size:280px 14px}.spinner-medium{background-image:url(/static/img/skins/default/loading_medium.png);background-position:0 0;width:19px;height:19px;background-size:380px 19px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.spinner-small{background-image:url(/static/img/skins/default/loading_small_2x.png)}.spinner-medium{background-image:url(/static/img/skins/default/loading_medium_2x.png)}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f9f9f9));background-image:linear-gradient(180deg,#f5f5f5,#f9f9f9);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);background-color:#f7f8fa;border-radius:3px}.progress .bar,.progress .progress-bar{width:0;height:100%;color:#fff;float:left;font-size:12px;text-align:center;-webkit-transition:width .6s ease;transition:width .6s ease}.progress .bar{background-color:#007abd;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-box-sizing:border-box;box-sizing:border-box}.progress .bar+.bar{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.15),inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 1px 0 0 rgba(0,0,0,.15),inset 0 -1px 0 rgba(0,0,0,.15)}.progress .progress-bar{line-height:20px;background-color:#c3cbd4}.progress .progress-striped.progress-bar{background-color:#c3cbd4}.progress-striped .bar,.progress .progress-striped.progress-bar{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:40px 40px}.progress-striped .bar{background-color:#007abd}.active.progress-bar,.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-danger .bar,.progress .bar-danger{background:#dc4e41}.progress-danger.progress-striped .bar,.progress-striped .bar-danger{background-color:#dc4e41;background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)}.progress-success .bar,.progress .bar-success{background:#53a051}.progress-striped .bar-success,.progress-success.progress-striped .bar{background-color:#53a051;background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)}.progress-info .bar,.progress .bar-info{background:#006d9c}.progress-info.progress-striped .bar,.progress-striped .bar-info{background-color:#006d9c;background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)}.progress-warning .bar,.progress .bar-warning{background:#f1813f}.progress-striped .bar-warning,.progress-warning.progress-striped .bar{background-color:#f1813f;background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)}.accordion{margin-bottom:0;background:#fff}.accordion-heading{border-bottom:0;position:relative}.accordion-heading .accordion-toggle{display:block;padding:5px 14px 5px 30px;line-height:20px;background-color:#f2f4f5;color:#5c6773;text-decoration:none;-webkit-transition:background .2s,border .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;transition:background .2s,border .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;transition:background .2s,border .2s,box-shadow .2s,text-decoration .2s;transition:background .2s,border .2s,box-shadow .2s,text-decoration .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;-webkit-filter:none;filter:none;cursor:pointer}.accordion-heading .accordion-toggle .icon-triangle-right-small:before{content:"\203A"}.accordion-heading .accordion-toggle .icon-triangle-down-small:before{content:"\2C5"}.accordion-group{margin-bottom:2px;border:none;border-radius:0}.accordion-group:first-child .accordion-toggle{border-top:none}.accordion-group.active:last-child .accordion-body,.accordion-group:last-child .accordion-toggle{border-bottom:none}.accordion-group .accordion-toggle:focus{-webkit-box-shadow:none;box-shadow:none;border-collapse:separate;outline:0;text-decoration:none;-webkit-box-shadow:inset 0 0 2px 1px #f2f4f5,inset 0 0 0 2px #00a4fd;box-shadow:inset 0 0 2px 1px #f2f4f5,inset 0 0 0 2px #00a4fd}.accordion-group .accordion-toggle:focus:active:not([disabled]){-webkit-box-shadow:none;box-shadow:none}.accordion-group.active .accordion-toggle{background:#fff;border-bottom:none;cursor:default}.accordion-group.active .accordion-toggle:focus{-webkit-box-shadow:none;box-shadow:none;border-collapse:separate;outline:0;text-decoration:none;-webkit-box-shadow:inset 0 0 2px 1px #fff,inset 0 0 0 2px #00a4fd;box-shadow:inset 0 0 2px 1px #fff,inset 0 0 0 2px #00a4fd}.accordion-group.active .accordion-toggle:focus:active:not([disabled]){-webkit-box-shadow:none;box-shadow:none}.accordion-group:not(.active) .accordion-toggle:hover{background-color:#e1e6eb;-webkit-box-shadow:none;box-shadow:none}.accordion-group:not(.active) .accordion-toggle:hover:focus{-webkit-box-shadow:none;box-shadow:none;border-collapse:separate;outline:0;text-decoration:none;-webkit-box-shadow:inset 0 0 2px 1px #e1e6eb,inset 0 0 0 2px #00a4fd;box-shadow:inset 0 0 2px 1px #e1e6eb,inset 0 0 0 2px #00a4fd}.accordion-group:not(.active) .accordion-toggle:hover:focus:active:not([disabled]){-webkit-box-shadow:none;box-shadow:none}.icon-accordion-toggle{position:absolute;left:10px}.accordion-body{background-color:#fff}.accordion-inner{padding:10px 20px 20px;border:none;position:relative}.accordion-inner:after,.accordion-inner:before{display:table;content:"";line-height:0}.accordion-inner:after{clear:both}.carousel{position:relative;margin-bottom:20px;line-height:1}.carousel-inner{overflow:hidden;width:100%;position:relative}.carousel-inner>.item{display:none;position:relative;-webkit-transition:left .6s ease-in-out;transition:left .6s ease-in-out}.carousel-inner>.item>a>img,.carousel-inner>.item>img{display:block;line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.active,.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left,.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:40%;left:15px;width:40px;height:40px;margin-top:-20px;font-size:60px;font-weight:100;line-height:30px;color:#fff;text-align:center;background:#171d21;border:3px solid #fff;border-radius:23px;opacity:.5}.carousel-control.right{left:auto;right:15px}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;opacity:.9}.carousel-indicators{position:absolute;top:15px;right:15px;z-index:5;margin:0;list-style:none}.carousel-indicators li{display:block;float:left;width:10px;height:10px;margin-left:5px;text-indent:-999px;background-color:#c3cbd4;background-color:hsla(0,0%,100%,.25);border-radius:5px}.carousel-indicators .active{background-color:#fff}.carousel-caption{position:absolute;left:0;right:0;bottom:0;padding:15px;background:#3c444d;background:rgba(0,0,0,.75)}.carousel-caption h4,.carousel-caption p{color:#fff;line-height:20px}.carousel-caption h4{margin:0 0 5px}.carousel-caption p{margin-bottom:0}.pull-right{float:right}.pull-left{float:left}.hide{display:none}.show{display:block}.invisible{visibility:hidden}.affix{position:fixed}.clearfix:after,.clearfix:before{display:table;content:"";line-height:0}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;position:absolute;width:0}.input-block-level{display:block;width:100%;min-height:32px;-webkit-box-sizing:border-box;box-sizing:border-box}.visuallyhidden{clip:rect(0 0 0 0);position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;border:0}.ui-widget{font-family:inherit}.ui-widget-header{font-weight:400;background:transparent;border:0;color:#3c444d}.ui-widget-header a{color:#000}.ui-corner-all{border-radius:2px}.ui-icon{font-family:Splunk Icons;width:20px;height:20px}.ui-tabs .ui-widget-header{background:none;border-bottom:1px solid #c3cbd4;border-radius:0}.ui-tabs .ui-tabs-nav li{margin-bottom:-1px}.ui-tabs .ui-tabs-nav li,.ui-tabs .ui-tabs-nav li.ui-tabs-selected{border-bottom:1px solid #c3cbd4!important}.ui-accordion .ui-accordion-header .ui-icon{left:.5em;margin-top:-8px;position:absolute;top:50%}.ui-accordion-icons .ui-accordion-header a{padding-left:2.2em}#ui-datepicker-div{display:none;z-index:1070!important}.ui-datepicker{border:1px solid #c3cbd4;-webkit-box-shadow:1px 2px 5px rgba(0,0,0,.2);box-shadow:1px 2px 5px rgba(0,0,0,.2);border-radius:2px;top:100%;left:50%;display:none;position:absolute;z-index:1060;white-space:normal;background-color:#fff;width:17em;height:auto;position:relative;padding:5px;margin:0}.ui-datepicker .arrow{border-bottom:8px solid #c3cbd4;top:-8px;left:50%;margin-left:-4px}.ui-datepicker .arrow,.ui-datepicker .arrow:before{position:absolute;height:0;width:0;border-left:8px solid transparent;border-right:8px solid transparent;content:"";display:block;border-top:0}.ui-datepicker .arrow:before{border-bottom:8px solid #fff;top:1px;left:-8px}.ui-datepicker.up{margin-top:0}.ui-datepicker.up>.arrow{border-top:8px solid #c3cbd4;bottom:-8px}.ui-datepicker.up>.arrow,.ui-datepicker.up>.arrow:before{position:absolute;height:0;width:0;border-left:8px solid transparent;border-right:8px solid transparent;content:"";display:block;border-bottom:0;top:auto}.ui-datepicker.up>.arrow:before{border-top:8px solid #fff;bottom:1px}.ui-datepicker.right{margin-left:5px;margin-top:0}.ui-datepicker.right .arrow{border-right:8px solid #c3cbd4;left:-8px}.ui-datepicker.right .arrow,.ui-datepicker.right .arrow:before{position:absolute;height:0;width:0;border-bottom:8px solid transparent;border-top:8px solid transparent;content:"";display:block;border-left:0;top:50%;margin:-8px 0 0}.ui-datepicker.right .arrow:before{border-right:8px solid #fff;left:1px}.ui-datepicker.pull-right .arrow{left:auto;right:8px}.ui-datepicker.open{display:block}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0;background:transparent}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:32px;text-align:center}.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{position:absolute;text-decoration:none}.ui-datepicker .ui-datepicker-next .ui-icon,.ui-datepicker .ui-datepicker-prev .ui-icon{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;position:absolute;width:0;left:0}.ui-datepicker .ui-datepicker-next .ui-icon:after,.ui-datepicker .ui-datepicker-prev .ui-icon:after{display:block;position:absolute;top:0;left:0;text-align:center;width:32px;line-height:32px;color:#5c6773;text-indent:0;font-size:12px;font-family:Splunk Icons}.ui-datepicker .ui-datepicker-prev .ui-icon:after{content:"\25C0"}.ui-datepicker .ui-datepicker-next{top:0;right:0}.ui-datepicker .ui-datepicker-next .ui-icon:after{content:"\25B6"}.ui-datepicker table{width:100%;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker .ui-datepicker-calendar{margin:0}.ui-datepicker .ui-datepicker-calendar th{line-height:10px;padding:20px .3em .7em;color:#6b7785;text-align:center;border:0;font-weight:400}.ui-datepicker .ui-datepicker-calendar td{padding:1px}.ui-datepicker .ui-datepicker-calendar td a{display:block;padding:.2em;text-align:right;color:#5c6773}.ui-datepicker .ui-datepicker-calendar a{border:1px solid #c3cbd4}.ui-datepicker .ui-datepicker-calendar a:hover{text-decoration:none}.ui-datepicker .ui-datepicker-calendar .ui-state-default{background:#fff;border:1px solid #c3cbd4;color:#5c6773}.ui-datepicker .ui-datepicker-calendar .ui-state-active{background-color:#f7f8fa;border-color:#007abd;color:#006eaa}.ui-datepicker .ui-datepicker-calendar .ui-state-hover{border-color:#00a4fd;background:#f7f8fa;color:#006eaa}.ui-datepicker a.ui-corner-all{display:inline-block;border-radius:3px;background-color:none;border-color:transparent;color:#5c6773;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;text-shadow:none;-webkit-transition:background .2s,border .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;transition:background .2s,border .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;transition:background .2s,border .2s,box-shadow .2s,text-decoration .2s;transition:background .2s,border .2s,box-shadow .2s,text-decoration .2s,-webkit-box-shadow .2s,-webkit-text-decoration .2s;-webkit-filter:none;filter:none;width:32px;height:32px;text-align:center;padding:0}.ui-datepicker a.ui-corner-all:hover{text-decoration:none}.ui-datepicker a.ui-corner-all:focus{color:#006eaa;text-decoration:underline;-webkit-box-shadow:0 0 1px 2px rgba(0,164,253,.6);box-shadow:0 0 1px 2px rgba(0,164,253,.6);border-collapse:separate;outline:0;text-decoration:none}.ui-datepicker a.ui-corner-all:focus:active:not([disabled]){-webkit-box-shadow:none;box-shadow:none}.ui-datepicker a.ui-corner-all.active,.ui-datepicker a.ui-corner-all:active{color:#006eaa;text-decoration:none}.ui-datepicker a.ui-corner-all.disabled,.ui-datepicker a.ui-corner-all.disabled:active,.ui-datepicker a.ui-corner-all.disabled:focus,.ui-datepicker a.ui-corner-all.disabled:hover,.ui-datepicker a.ui-corner-all[disabled],.ui-datepicker a.ui-corner-all[disabled]:active,.ui-datepicker a.ui-corner-all[disabled]:focus,.ui-datepicker a.ui-corner-all[disabled]:hover{color:#c3cbd4;text-decoration:none;cursor:not-allowed}.ui-datepicker a.ui-corner-all:hover{cursor:pointer;color:#006eaa;background:#f7f8fa;font-weight:400}.ui-datepicker a.ui-corner-all:hover .ui-icon:after{color:#006eaa}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;z-index:99999;display:block}.ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-resizable-handle{width:100%;height:9px;background-color:transparent;z-index:1000;cursor:ns-resize;cursor:row-resize;bottom:0}.ui-resizable-handle:before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin-top:-1px;display:block;border-radius:3px;border:none;height:6px;width:6px;background-color:rgba(0,0,0,.25)}.ui-resizable-handle .ui-draggable-dragging{position:relative}.ui-resizable:hover .ui-resizable-handle{visibility:visible} \ No newline at end of file +/*************************************************************************************************/ +/* BRAND COLORS */ +/* DO NOT USE DIRECTLY! Use $brandColor instead. See brand.*.pcss for definitions. */ +/*************************************************************************************************/ +/* Green Splunk Enterprise */ +/* Orange Splunk Lite */ +/* Brand colors */ +/*===============================================================================================*/ +/* SPLUNK: VARIABLES */ +/* Variables to customize the look and feel of Bootstrap (splunk version). */ +/* See /en-US/static/docs/style/style-guide.html for style guide */ +/*===============================================================================================*/ +/*===============================================================================================*/ +/* WARNING */ +/* This file has an implicit dependency on the brand variables injected by the */ +/* 'splunk-postcss-theme-import' postcss plugin. */ +/*===============================================================================================*/ +/*===============================================================================================*/ +/* SPLUNK: COLORS */ +/*===============================================================================================*/ +/*************************************************************************************************/ +/* NEUTRAL COLORS */ +/* */ +/* PRE IVORY -> CURRENT VARIABLE */ +/* $black -> $black */ +/* $grayDarker -> $gray20 */ +/* $grayDark -> $gray30 */ +/* $gray -> $gray45 */ +/* $grayLight -> $gray60 */ +/* $grayLightMedium -> $gray80 */ +/* $grayLighter -> $gray92 */ +/* $gray96 */ +/* $offWhite -> $gray98 */ +/* $white -> $white */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* SEMANTIC COLORS */ +/* */ +/* PRE IVORY -> CURRENT VARIABLE */ +/* $red -> $errorColor */ +/* $orange -> $alertColor */ +/* $yellow -> $warningColor */ +/* $yellowLight -> $warningColorL20 */ +/* $yellowLighter -> $warningColorL40 */ +/* $green -> $successColor */ +/* $blue -> $infoColor */ +/* $blueDark -> $infoColorD40 */ +/* $pink -> No Equivalent or $errorColorL30 */ +/* $purple -> No Equivalent */ +/* $teal -> No Equivalent */ +/* $focusColor -> $accentColorL10 */ +/*************************************************************************************************/ +/* Blue Accent */ +/* Red Error */ +/* Orange Alert */ +/* Yellow Warning */ +/* Green Success */ +/* Blue Info */ +/*************************************************************************************************/ +/* CATEGORICAL COLORS */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* DIVERGING COLORS */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* STATIC PATHS */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* TYPOGRAPHY */ +/*************************************************************************************************/ +/* Lite listing pages */ +/* empty to use BS default, $fontFamily */ +/* instead of browser default, bold */ +/*************************************************************************************************/ +/* SCAFFOLDING */ +/*************************************************************************************************/ +/* Border Colors */ +/* aliases: $tableBorderColor $tableBorderColorVertical */ +/* also see: $interactiveBorderColor */ +/* Borders */ +/* Border Radius */ +/* For containers without a wrapper */ +/* For for containers with a wrapper, like popdown */ +/* Padding & Margin */ +/* 200% - 40px */ +/* 150% - 30px */ +/* 75% - 15px */ +/* 50% - 10px */ +/* 25% - 5px */ +/* Popdown Arrows */ +/* Large Icons */ +/*************************************************************************************************/ +/* TRANSITIONS */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* HORIZONTAL FORMS & LISTS */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* Z-INDEX */ +/*************************************************************************************************/ +/* If a variable does not suit your purpose, set a value relatively such as, $zindexModal +1 */ +/* Splunk Lite */ +/* Splunk Lite */ +/* Sidebar Component */ +/* Sidebar Component */ +/* timerange popdown needs to be above modal + backdrop */ +/* top interactive element */ +/* top interactive element */ +/* top uninteractive */ +/* top uninteractive */ +/*************************************************************************************************/ +/* TABLES */ +/*************************************************************************************************/ +/* overall background-color */ +/*************************************************************************************************/ +/* FORMS */ +/*************************************************************************************************/ +/* base input height + 10px vertical padding + 2px top/bottom border */ +/* This is generally overridden. */ +/*************************************************************************************************/ +/* MODAL */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* POPUP */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* TABS */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* MENU */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* BASE INTERACTIVE */ +/*************************************************************************************************/ +/* text */ +/* background */ +/* borders */ +/* shadow */ +/*************************************************************************************************/ +/* BASE INTERACTIVE ERROR */ +/*************************************************************************************************/ +/* text */ +/* background */ +/*************************************************************************************************/ +/* BUTTONS */ +/*************************************************************************************************/ +/* 1 rem */ +/*************************************************************************************************/ +/* PRIMARY BUTTONS */ +/*************************************************************************************************/ +/* text */ +/* background */ +/* borders */ +/* shadow */ +/*************************************************************************************************/ +/* PILL BUTTONS */ +/*************************************************************************************************/ +/* text */ +/* background */ +/*************************************************************************************************/ +/* COMPONENT VARIABLES */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* NAVBAR */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* APP BAR */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* ACCORDION */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* CONCERTINA */ +/* Concertina has the same color as Accordion, maybe we should just reuse them? */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* TOOLTIPS & POPOVERS */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* SELECTORS FOR CUSTOMIZING SPECIFIC LOCALES */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* DASHBOARDS */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* VIZ & VIZ PICKERS */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* MAPS */ +/*************************************************************************************************/ +/* leaflet popup defaults */ +/*************************************************************************************************/ +/* Search IDE */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* Date Picker */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* Time Range Picker */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* Events Viewer */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* Misc */ +/*************************************************************************************************/ +/*===============================================================================================*/ +/* SPLUNK: MIXINS */ +/* Snippets of reusable CSS to develop faster and keep code readable */ +/*===============================================================================================*/ +/* Reset */ +/* ------------------ */ +/* Link */ +/* ------------------ */ +/*************************************************************************************************/ +/* FOCUS STATES */ +/*************************************************************************************************/ +/* Use when are outer focus glow will be block (i.e Menu Items). Provide background color.*/ +/* Block elements change the background color */ +/* Block elements change the background color and spread via box-shadow */ +/*************************************************************************************************/ +/* INTERACTIVE */ +/* These are by any element that can be clicked, such as buttons, menus and table headings. */ +/*************************************************************************************************/ +/*----------------------------------------------*/ +/* Interactive style: */ +/* @params: */ +/* Background Color */ +/* Border Color */ +/* Box Shadow */ +/* Text Color */ +/* Transition */ +/*----------------------------------------------*/ +/*----------------------------------------------*/ +/* Primary interactive style: */ +/* @params: */ +/* Background Color */ +/* Box Shadow */ +/* Text Color */ +/* Transition */ +/*----------------------------------------------*/ +/*************************************************************************************************/ +/* INTERACTIVE ERROR */ +/* These are by any interactive element that is is in an error state. */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* BUTTONS */ +/*************************************************************************************************/ +/*----------------------------------------------*/ +/* Pills, Links */ +/*----------------------------------------------*/ +/*----------------------------------------------*/ +/* Define states of buttons: */ +/* :hover, :active, disabled and :focus */ +/* @params: */ +/* Hover Mixin */ +/* Active Mixin */ +/* Disabled Mixin */ +/* Focus Mixin */ +/*----------------------------------------------*/ +/*----------------------------------------------*/ +/* Button Padding: */ +/* @params: */ +/* Vertical Padding */ +/* Horizontal Padding */ +/*----------------------------------------------*/ +/*----------------------------------------------*/ +/* Primary Button Padding: */ +/* @params: */ +/* Vertical Padding */ +/* Horizontal Padding */ +/*----------------------------------------------*/ +/*----------------------------------------------*/ +/* Button Padding For Other Button Sizes: */ +/* @params: */ +/* Vertical Padding */ +/* Horizontal Padding */ +/* Button Icon Margin Top */ +/*----------------------------------------------*/ +/* Draggable Handle */ +/*************************************************************************************************/ +/* FONTS */ +/*************************************************************************************************/ +/*----------------------------------------------*/ +/* Define Font Family: */ +/* @params: */ +/* Font Name */ +/* Name of Font File */ +/* Font Format */ +/* Font Weight */ +/* Font Style */ +/*----------------------------------------------*/ +/*----------------------------------------------*/ +/* Create a heading */ +/* @params: */ +/* Font Size */ +/* Margin */ +/* Font Color */ +/* Text Transform */ +/*----------------------------------------------*/ +/*************************************************************************************************/ +/* UTILITY MIXINS */ +/*************************************************************************************************/ +/*----------------------------------------------*/ +/* Clearfix: */ +/* For clearing floats like a boss h5bp.com/q */ +/*----------------------------------------------*/ +/* Placeholder text */ +/* Basic input styles */ +/* Sets Modal width and margin */ +/* Define card style. Add white background and shadow. */ +/* Workaround for table shadows in IE. Don't use this mixin, use create-card-table */ +/* Define card style on tables. Adds workaround for IE */ +/* Cover browser specific radio button with styled radio button. */ +/* Can only be used if label comes immediately after input[type=radio] */ +/* Use to cover button in .radio class */ +/*-------------------------------------------------------------------------*/ +/* CSS image replacement */ +/* For clearing floats like a boss h5bp.com/q */ +/* Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757 */ +/*-------------------------------------------------------------------------*/ +/*************************************************************************************************/ +/* ICONS */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* FORMS */ +/*************************************************************************************************/ +/* Block level inputs */ +/*************************************************************************************************/ +/* COMPONENT MIXINS */ +/*************************************************************************************************/ +/*----------------------------------------------*/ +/* Horizontal Dividers: */ +/* Dividers (basically an hr) within dropdowns */ +/* and nav lists. */ +/* @params: */ +/* Border Color */ +/*----------------------------------------------*/ +/*----------------------------------------------*/ +/* Navbar Vertical Align: */ +/* Vertically center elements in the navbar. */ +/* Example: an element has a height of 30px, */ +/* so write out `.navbarVerticalAlign(30px);` */ +/* to calculate the appropriate top margin. */ +/* @params: */ +/* Element Height */ +/*----------------------------------------------*/ +/*************************************************************************************************/ +/* PRINTING */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* POPDOWN */ +/*************************************************************************************************/ +/*----------------------------------------------*/ +/* Arrow: */ +/* Create an arrow. */ +/* @params: */ +/* Arrow Direction (up, down, left, right) */ +/* Arrow Color */ +/* Arrow Size */ +/*----------------------------------------------*/ +/* popdown body */ +/*************************************************************************************************/ +/* FULL PAGE LAYOUT */ +/*************************************************************************************************/ +/* Splunk bootstrap */ +/* import and override bootstrap defaults */ +/* CSS Reset */ +/*===============================================================================================*/ +/* SPLUNK: RESET CSS */ +/* Adapted from http://github.com/necolas/normalize.css */ +/*===============================================================================================*/ +/* Display in IE6-9 and FF3 */ +/* ------------------------- */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +nav, +section { + display: block; +} +/* Display block in IE6-9 and FF3 */ +/* ------------------------- */ +audio, +canvas, +video { + display: inline-block; +} +/* Prevents modern browsers from displaying 'audio' without controls */ +/* ------------------------- */ +audio:not([controls]) { + display: none; +} +/* Base settings */ +/* ------------------------- */ +html { + font-size: 100%; + -webkit-text-size-adjust: 100%; + -moz-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + text-size-adjust: 100%; +} +/* Focus states */ +a:focus { + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; +} +a:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +/* Hover & Active */ +a:hover, +a:active { + outline: 0; +} +/* Prevents sub and sup affecting line-height in all browsers */ +/* ------------------------- */ +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +/* Img border in a's and image quality */ +/* ------------------------- */ +img { + /* Responsive images (ensure images don't scale beyond their parents) */ + max-width: 100%; /* Part 1: Set a maxium relative to the parent */ + height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */ + + vertical-align: middle; + border: 0; + -ms-interpolation-mode: bicubic; +} +/* Prevent max-width from affecting Google Maps */ +#map_canvas img, +.google-maps img { + max-width: none; +} +/* Forms */ +/* ------------------------- */ +/* Font size in all browsers, margin changes, misc consistency */ +button, +input, +select, +textarea { + margin: 0; + font-size: 100%; + vertical-align: middle; +} +button, +input { + line-height: normal; /* FF3/4 have !important on line-height in UA stylesheet */ +} +button::-moz-focus-inner, +input::-moz-focus-inner { /* Inner padding and border oddities in FF3/4 */ + padding: 0; + border: 0; +} +button, +html input[type="button"], /* Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. */ +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; /* Corrects inability to style clickable `input` types in iOS. */ + cursor: pointer; /* Improves usability and consistency of cursor style between image-type `input` and others. */ +} +label, +select, +button, +input[type="button"], +input[type="reset"], +input[type="submit"], +input[type="radio"], +input[type="checkbox"] { + cursor: pointer; /* Improves usability and consistency of cursor style between image-type `input` and others. */ +} +input[type="search"] { /* Appearance in Safari/Chrome */ + -webkit-box-sizing: content-box; + box-sizing: content-box; + -webkit-appearance: textfield; +} +input[type="search"]::-webkit-search-decoration, +input[type="search"]::-webkit-search-cancel-button { + -webkit-appearance: none; /* Inner-padding issues in Chrome OSX, Safari 5 */ +} +textarea { + overflow: auto; /* Remove vertical scrollbar in IE6-9 */ + vertical-align: top; /* Readability and alignment cross-browser */ +} +/* Printing */ +/* ------------------------- */ +/* Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css */ +@media print { + + * { + text-shadow: none !important; + color: #000 !important; /* Black prints faster: h5bp.com/s */ + background: transparent !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + } + + a, + a:visited { + text-decoration: underline; + } + + a[href]:after { + content: " (" attr(href) ")"; + } + + abbr[title]:after { + content: " (" attr(title) ")"; + } + + /* Don't show links for images, or javascript/internal links */ + .ir a:after, + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } + + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + + thead { + display: table-header-group; /* h5bp.com/t */ + } + + tr, + img { + page-break-inside: avoid; + } + + img { + max-width: 100% !important; + } + + @page { + margin: 0.5cm; + } + + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + + h2, + h3 { + page-break-after: avoid; + } +} +/* Grid system and page structure */ +/*===============================================================================================*/ +/* SPLUNK: SCAFFOLDING */ +/*===============================================================================================*/ +/*************************************************************************************************/ +/* DEFAULT & STRUCTURE */ +/*************************************************************************************************/ +body { + margin: 0; + background: #F2F4F5; + color: #3C444D; + min-width: 960px; + font-family: "Splunk Platform Sans", "Proxima Nova", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + font-weight: 400; + line-height: 20px; + -webkit-transition: margin 0.2s; + transition: margin 0.2s; +} +body.open { + margin-left: 300px; + margin-right: -300px; + } +.shared-page { + height: 100vh; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} +/*************************************************************************************************/ +/* LINKS */ +/*************************************************************************************************/ +a { + color: #006EAA; + text-decoration: none; + cursor: pointer; +} +a:hover { + color: #006EAA; + text-decoration: underline; + } +a:focus { + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +a:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +a:focus { + text-decoration: none; +} +a:active { + -webkit-box-shadow: none; + box-shadow: none; + } +a.disabled { + color: #6b7785; + } +a.external:after { + font-family: "Splunk Icons"; + content: "\EC13"; + display: inline-block; + padding-left: 0.5em; + } +/*************************************************************************************************/ +/* IMAGES */ +/*************************************************************************************************/ +/* Rounded corners */ +.img-rounded { + border-radius: 3px; +} +/* Add polaroid-esque trim */ +.img-polaroid { + padding: 4px; + background-color: #FFFFFF; + border: 1px solid #C3CBD4; + border: 1px solid rgba(0,0,0,.2); + -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); + box-shadow: 0 1px 3px rgba(0,0,0,.1); +} +/* Perfect circle */ +.img-circle { + border-radius: 500px; /* crank the border-radius so it works with most reasonably sized images */ +} +/*************************************************************************************************/ +/* SECTIONS */ +/*************************************************************************************************/ +/* add padding to a section +
    + padded content +
    +*/ +.section-padded { + padding: 20px; +} +/* section-header extends section-padded */ +.section-header { + position: relative; +} +.section-header .section-title { + margin-top: 0; + font-size: 24px; + font-weight: 500; + line-height: 24px; + } +.section-header.page-heading { + padding: 20px 20px 10px 20px; + } +/* default container */ +.main-section-body { + color: #3C444D; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} +.main-section-body > :first-child { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + } +/* using three color so we can set color stop even though its only 2 colors */ +.main-section-body h2 i[class^="icon-"], + .main-section-body h2 i[class*=" icon-"] { + color: #6b7785; + } +.main-section-body .divider { + border-top: 1px solid #C3CBD4; + margin: 0; + } +/* huh? */ +.main-section-body > .pull-right { + margin-right: 20px; + } +.main-section-body .loading-message { + padding-top: 100px; + min-height: 400px; + text-align: center; + } +.main-section-body .main-section { + padding: 0 20px; + } +.main-section-body .card { + background-color: #FFFFFF; + -webkit-box-shadow: 0 1px 1px #E1E6EB; + box-shadow: 0 1px 1px #E1E6EB; + } +/*************************************************************************************************/ +/* UTILITY CLASSES */ +/*************************************************************************************************/ +/* for full width unpadded content + TODO: this should probably also remove width and margin: auto +
    + content here ... +
    +*/ +.container-full-width { + padding: 0; +} +/* force full width even in padded container +
    + padded content here ... +
    + expanded content here ... +
    +
    +*/ +.push-margins { + margin-left: -20px; + margin-right: -20px; +} +/* new image replacement + hidden +*/ +.hide-text { + text-indent: 100%; + white-space: nowrap; + overflow: hidden; +} +/*************************************************************************************************/ +/* PANELS */ +/*************************************************************************************************/ +/* panels for dashboards? +
    + panel content ... +
    +
    + panel content ... +
    +
    + panel content ... +
    +*/ +.panel { + position: relative; + border: 1px solid #C3CBD4; + background-color: #FFFFFF; + padding: 20px; + margin-right: 20px; + border-radius: 2px; +} +.panel:last-child { + margin-right: 0; + } +/* panel rows? +
    +
    + panel content ... +
    +
    + panel content ... +
    +
    +
    +
    + panel content ... +
    +
    + panel content ... +
    +
    +*/ +.panel-row { + padding: 0 20px; + margin-bottom: 20px; +} +/*************************************************************************************************/ +/* SIMPLE LAYOUT COLUMNS */ +/*************************************************************************************************/ +.section-content { + background-color: #FFFFFF; + min-height: 400px; + border-top: 1px solid #C3CBD4; +} +.column { + position: relative; + padding: 20px; + margin-right: 20px; +} +/*************************************************************************************************/ +/* 508 ACCESSIBILITY */ +/*************************************************************************************************/ +.navSkip { + position: absolute; + margin: 1px 0px 0px 10px; + top: 0; + left: -1000px; + width: 150px; + height: 32px; + text-align: center; + line-height: 32px; + background-color: #171D21; + color: #C3CBD4; + z-index: 1040; +} +.navSkip:focus { + left: 0px; + } +/*************************************************************************************************/ +/* PAYWALL */ +/*************************************************************************************************/ +.shared-paywall { + padding-top: 30px; +} +/*************************************************************************************************/ +/* DEFINITION LISTS */ +/*************************************************************************************************/ +.list-dotted { + line-height: 20px; + margin-top: 0; +} +.list-dotted dt { + float: left; + width: 120px; + overflow: hidden; + white-space: nowrap; + margin-right: 5px; + font-weight: normal; + line-height: 20px; + /* SPL-69719 - fix IE10 when in dropdown */ + word-wrap: normal; + } +.list-dotted dt:after { + content: " ............................................"; + } +.list-dotted dd { + line-height: 20px; + margin-left: 125px; + } +/*************************************************************************************************/ +/* PAGE LOAD PLACEHOLDER */ +/*************************************************************************************************/ +#placeholder-splunk-bar { + padding: 0 ; + background-color: #171D21; + text-rendering: geometricPrecision; +} +#placeholder-splunk-bar .brand, #placeholder-splunk-bar .brand:hover { + font-family: "Splunk Icons"; + font-weight: normal; + color: #FFFFFF; + padding: 0 20px; + height: 34px; + font-size: 18px; + line-height: 34px; + text-shadow: none; + text-decoration: none; + text-rendering: geometricPrecision; + margin-left: 0; + } +#placeholder-splunk-bar .brand strong { + color: #818D99; + font-weight: normal; + } +/* reg symbol */ +#placeholder-splunk-bar .brand strong:after { + content: '\AE'; + color: #818D99; + font-weight: normal; + } +#placeholder-app-bar { + color: #FFFFFF; + background-color: #3C444D; + height: 44px; +} +#placeholder-main-section-body { + color: #3C444D; + padding-top: 100px; + min-height: 400px; + text-align: center; +} +/*************************************************************************************************/ +/* LITE UI */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* PRINT */ +/*************************************************************************************************/ +@media print { + body, + .main-section-body { + background: none !important; + } + @page { + margin: 1.27cm; + } + + .navSkip { + display: none !important; + } +} +/*===============================================================================================*/ +/* SPLUNK: MIXINS GRID SYSTEM */ +/*===============================================================================================*/ +/* Default 940px grid */ +/* 1200px min */ +/* 768px-979px */ +/*************************************************************************************************/ +/* FLUID GRID */ +/*************************************************************************************************/ +/* 1200px min */ +/* 768px-979px */ +/* Responsive Variables */ +/* Centered container element */ +/* Table columns */ +/* Make a Grid */ +/* Use .makeRow and .makeColumn to assign semantic layouts grid system behavior */ +/* The Grid */ +/*===============================================================================================*/ +/* SPLUNK: GRID SYSTEM */ +/*===============================================================================================*/ +/* Fixed (940px) */ +.span1 { + width: 60px; + float: left; + min-height: 1px; /* prevent collapsing columns */ + margin-left: 20px; + } +.span2 { + width: 140px; + float: left; + min-height: 1px; /* prevent collapsing columns */ + margin-left: 20px; + } +.span3 { + width: 220px; + float: left; + min-height: 1px; /* prevent collapsing columns */ + margin-left: 20px; + } +.span4 { + width: 300px; + float: left; + min-height: 1px; /* prevent collapsing columns */ + margin-left: 20px; + } +.span5 { + width: 380px; + float: left; + min-height: 1px; /* prevent collapsing columns */ + margin-left: 20px; + } +.span6 { + width: 460px; + float: left; + min-height: 1px; /* prevent collapsing columns */ + margin-left: 20px; + } +.span7 { + width: 540px; + float: left; + min-height: 1px; /* prevent collapsing columns */ + margin-left: 20px; + } +.span8 { + width: 620px; + float: left; + min-height: 1px; /* prevent collapsing columns */ + margin-left: 20px; + } +.span9 { + width: 700px; + float: left; + min-height: 1px; /* prevent collapsing columns */ + margin-left: 20px; + } +.span10 { + width: 780px; + float: left; + min-height: 1px; /* prevent collapsing columns */ + margin-left: 20px; + } +.span11 { + width: 860px; + float: left; + min-height: 1px; /* prevent collapsing columns */ + margin-left: 20px; + } +.span12 { + width: 940px; + float: left; + min-height: 1px; /* prevent collapsing columns */ + margin-left: 20px; + } +.offset1 { + margin-left: 100px; + } +.offset2 { + margin-left: 180px; + } +.offset3 { + margin-left: 260px; + } +.offset4 { + margin-left: 340px; + } +.offset5 { + margin-left: 420px; + } +.offset6 { + margin-left: 500px; + } +.offset7 { + margin-left: 580px; + } +.offset8 { + margin-left: 660px; + } +.offset9 { + margin-left: 740px; + } +.offset10 { + margin-left: 820px; + } +.offset11 { + margin-left: 900px; + } +.offset12 { + margin-left: 980px; + } +.row { + margin-left: -20px; + } +.row:before, + .row:after { + display: table; + content: ""; + line-height: 0; + } +.row:after { + clear: both; + } +/* Set the container width, and override it for fixed navbars in media queries */ +.container, + .navbar-static-top .container, + .navbar-fixed-top .container, + .navbar-fixed-bottom .container { + width: 940px; + } +/* Fluid (940px) */ +.row-fluid { + width: 100%; + } +.row-fluid:before, + .row-fluid:after { + display: table; + content: ""; + line-height: 0; + } +.row-fluid:after { + clear: both; + } +.row-fluid .span1 { + display: block; + width: 100%; + min-height: 32px; + /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */ + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* Makes inputs behave like true block-level elements */ + width: 6.38298%; + + float: left; + margin-left: 2.127659574%; + } +.row-fluid .span1:first-child { + margin-left: 0; + } +.row-fluid .span2 { + display: block; + width: 100%; + min-height: 32px; + /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */ + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* Makes inputs behave like true block-level elements */ + width: 14.89362%; + + float: left; + margin-left: 2.127659574%; + } +.row-fluid .span2:first-child { + margin-left: 0; + } +.row-fluid .span3 { + display: block; + width: 100%; + min-height: 32px; + /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */ + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* Makes inputs behave like true block-level elements */ + width: 23.40426%; + + float: left; + margin-left: 2.127659574%; + } +.row-fluid .span3:first-child { + margin-left: 0; + } +.row-fluid .span4 { + display: block; + width: 100%; + min-height: 32px; + /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */ + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* Makes inputs behave like true block-level elements */ + width: 31.91489%; + + float: left; + margin-left: 2.127659574%; + } +.row-fluid .span4:first-child { + margin-left: 0; + } +.row-fluid .span5 { + display: block; + width: 100%; + min-height: 32px; + /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */ + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* Makes inputs behave like true block-level elements */ + width: 40.42553%; + + float: left; + margin-left: 2.127659574%; + } +.row-fluid .span5:first-child { + margin-left: 0; + } +.row-fluid .span6 { + display: block; + width: 100%; + min-height: 32px; + /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */ + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* Makes inputs behave like true block-level elements */ + width: 48.93617%; + + float: left; + margin-left: 2.127659574%; + } +.row-fluid .span6:first-child { + margin-left: 0; + } +.row-fluid .span7 { + display: block; + width: 100%; + min-height: 32px; + /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */ + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* Makes inputs behave like true block-level elements */ + width: 57.44681%; + + float: left; + margin-left: 2.127659574%; + } +.row-fluid .span7:first-child { + margin-left: 0; + } +.row-fluid .span8 { + display: block; + width: 100%; + min-height: 32px; + /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */ + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* Makes inputs behave like true block-level elements */ + width: 65.95745%; + + float: left; + margin-left: 2.127659574%; + } +.row-fluid .span8:first-child { + margin-left: 0; + } +.row-fluid .span9 { + display: block; + width: 100%; + min-height: 32px; + /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */ + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* Makes inputs behave like true block-level elements */ + width: 74.46809%; + + float: left; + margin-left: 2.127659574%; + } +.row-fluid .span9:first-child { + margin-left: 0; + } +.row-fluid .span10 { + display: block; + width: 100%; + min-height: 32px; + /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */ + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* Makes inputs behave like true block-level elements */ + width: 82.97873%; + + float: left; + margin-left: 2.127659574%; + } +.row-fluid .span10:first-child { + margin-left: 0; + } +.row-fluid .span11 { + display: block; + width: 100%; + min-height: 32px; + /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */ + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* Makes inputs behave like true block-level elements */ + width: 91.48937%; + + float: left; + margin-left: 2.127659574%; + } +.row-fluid .span11:first-child { + margin-left: 0; + } +.row-fluid .span12 { + display: block; + width: 100%; + min-height: 32px; + /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */ + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* Makes inputs behave like true block-level elements */ + width: 100%; + + float: left; + margin-left: 2.127659574%; + } +.row-fluid .span12:first-child { + margin-left: 0; + } +.row-fluid .offset1 { + margin-left: 10.6383%; + } +.row-fluid .offset2 { + margin-left: 19.14894%; + } +.row-fluid .offset3 { + margin-left: 27.65958%; + } +.row-fluid .offset4 { + margin-left: 36.17021%; + } +.row-fluid .offset5 { + margin-left: 44.68085%; + } +.row-fluid .offset6 { + margin-left: 53.19149%; + } +.row-fluid .offset7 { + margin-left: 61.70213%; + } +.row-fluid .offset8 { + margin-left: 70.21277%; + } +.row-fluid .offset9 { + margin-left: 78.72341%; + } +.row-fluid .offset10 { + margin-left: 87.23405%; + } +.row-fluid .offset11 { + margin-left: 95.74469%; + } +.row-fluid .offset12 { + margin-left: 104.25532%; + } +/* Space grid-sized controls properly if multiple per line */ +.row-fluid .controls-row [class*="span"] + [class*="span"] { + margin-left: 2.127659574%; + } +/* Reset utility classes due to specificity */ +[class*="span"].hide, +.row-fluid [class*="span"].hide { + display: none; +} +[class*="span"].pull-right, +.row-fluid [class*="span"].pull-right { + float: right; +} +/*===============================================================================================*/ +/* SPLUNK: LAYOUTS */ +/*===============================================================================================*/ +/* Container (centered, fixed-width layouts) */ +.container { + margin-right: auto; + margin-left: auto; +} +.container:before, + .container:after { + display: table; + content: ""; + line-height: 0; + } +.container:after { + clear: both; + } +/* Fluid layouts (left aligned, with sidebar, min- & max-width content) */ +.container-fluid { + padding-right: 20px; + padding-left: 20px; +} +.container-fluid:before, + .container-fluid:after { + display: table; + content: ""; + line-height: 0; + } +.container-fluid:after { + clear: both; + } +/* Base CSS */ +/*************************************************************************************************/ +/* FONTS */ +/*************************************************************************************************/ +@font-face { + font-family: 'Splunk Platform Sans'; + src: url('/static/fonts/proxima-bold-webfont.woff') format('woff'); + font-weight: bold; + font-style: normal; + } +/* Bold */ +@font-face { + font-family: 'Splunk Platform Sans'; + src: url('/static/fonts/proxima-regular-webfont.woff') format('woff'); + font-weight: normal; + font-style: normal; + } +/* Regular */ +@font-face { + font-family: 'Splunk Platform Sans'; + src: url('/static/fonts/proxima-semibold-webfont.woff') format('woff'); + font-weight: 500; + font-style: normal; + } +/* Semi-bold */ +@font-face { + font-family: 'Splunk Platform Mono'; + src: url('/static/fonts/inconsolata-regular.woff') format('woff'); + font-weight: normal; + font-style: normal; + } +/* Monospace */ +@font-face { + font-family: 'Splunk Icons'; + src: url('/static/fonts/splunkicons-regular-webfont.woff') format('woff'); + font-weight: normal; + font-style: normal; + } +/* Splunk Icons : unicode-range: U+00-FF; */ +/*===============================================================================================*/ +/* SPLUNK: TYPOGRAPHY */ +/* Headings, body text, lists, code, and more for a versatile and durable typography system. */ +/*===============================================================================================*/ +/*************************************************************************************************/ +/* BODY TEXT */ +/*************************************************************************************************/ +p { + margin: 0 0 10px; +} +.lead { + margin-bottom: 20px; + font-size: 21px; + font-weight: 200; + line-height: 30px; +} +/*************************************************************************************************/ +/* EMPHASIS & MISC */ +/*************************************************************************************************/ +small { font-size: 85%; } +/* Ex: 14px base font * 85% = about 12px */ +strong { font-weight: bold; } +em { font-style: italic; } +cite { font-style: normal; } +/* Utility classes */ +.text-left { text-align: left; } +.text-right { text-align: right; } +.text-center { text-align: center; } +.muted { + color: #6b7785; + } +a.muted:hover, a.muted:focus { + color: rgb(84, 94, 105); + } +/* .muted */ +.text-warning { + color: #F8BE34; + } +a.text-warning:hover, a.text-warning:focus { + color: rgb(241, 171, 9); + } +/* .text-warning */ +.text-error { + color: #DC4E41; + } +a.text-error:hover, a.text-error:focus { + color: rgb(198, 50, 36); + } +/* .text-error */ +.text-info { + color: #006D9C; + } +a.text-info:hover, a.text-info:focus { + color: rgb(0, 75, 107); + } +/* .text-info */ +.text-success { + color: #53A051; + } +a.text-success:hover, a.text-success:focus { + color: rgb(65, 125, 63); + } +/* .text-success */ +/*************************************************************************************************/ +/* FONT FAMILIES */ +/*************************************************************************************************/ +/* monospace for code and raw +

    normal

    +

    mono space

    +*/ +.mono-space { + font-family: "Splunk Platform Mono", Inconsolata, Consolas, "Droid Sans Mono", Monaco, "Courier New", Courier, monospace; +} +/*************************************************************************************************/ +/* HEADINGS */ +/*************************************************************************************************/ +h1 { + margin: 10px 0; + font-size: 24px; + font-family: inherit; + font-weight: 500; + line-height: 20px; + text-transform: none; + color: #3C444D; + text-rendering: optimizelegibility; +} +/* Fix the character spacing for headings */ +h1 small { font-size: 21.6px; } +h2 { + margin: 10px 0; + font-size: 18px; + font-family: inherit; + font-weight: 500; + line-height: 20px; + text-transform: none; + color: #3C444D; + text-rendering: optimizelegibility; +} +/* Fix the character spacing for headings */ +h2 small { font-size: 16.2px; } +h3 { + margin: 10px 0; + font-size: 16px; + font-family: inherit; + font-weight: 500; + line-height: 20px; + text-transform: none; + color: #3C444D; + text-rendering: optimizelegibility; +} +/* Fix the character spacing for headings */ +h3 small { font-size: 14px; } +h4 { + margin: 10px 0; + font-size: 14px; + font-family: inherit; + font-weight: 500; + line-height: 20px; + text-transform: none; + color: #3C444D; + text-rendering: optimizelegibility; + /* Fix the character spacing for headings */ + font-size: 14px; +} +h5 { + margin: 10px 0; + font-size: 18px; + font-family: inherit; + font-weight: 500; + line-height: 20px; + text-transform: none; + color: #3C444D; + text-rendering: optimizelegibility; + /* Fix the character spacing for headings */ + font-size: 12px; +} +h6 { + margin: 10px 0; + font-size: 18px; + font-family: inherit; + font-weight: 500; + line-height: 20px; + text-transform: none; + color: #3C444D; + text-rendering: optimizelegibility; + /* Fix the character spacing for headings */ + font-size: 11px; +} +.section-heading { + margin: 5px 0; + font-size: 14px; + font-family: inherit; + font-weight: 500; + line-height: 20px; + text-transform: uppercase; + color: #5C6773; + text-rendering: optimizelegibility; + /* Fix the character spacing for headings */ +} +.section-heading-small { + margin: 5px 0; + font-size: 12px; + font-family: inherit; + font-weight: 500; + line-height: 20px; + text-transform: uppercase; + color: #5C6773; + text-rendering: optimizelegibility; + /* Fix the character spacing for headings */ +} +/*************************************************************************************************/ +/* PAGE HEADER */ +/*************************************************************************************************/ +.page-header { + padding-bottom: 9px; + margin: 20px 0 30px; + border-bottom: 1px solid #E1E6EB; +} +/*************************************************************************************************/ +/* LISTS */ +/*************************************************************************************************/ +/* Unordered and Ordered lists */ +ul, ol { + padding: 0; + margin: 0 0 10px 25px; +} +ul ul, ul ol, ol ul, ol ol { + margin-bottom: 0; + } +/* Remove default list styles */ +ul.unstyled, ol.unstyled { + margin-left: 0; + list-style: none; + } +/* Single-line list items */ +ul.inline, ol.inline { + margin-left: 0; + list-style: none; + } +ul.inline > li, ol.inline > li { + display: inline-block; + padding-left: 5px; + padding-right: 5px; + } +li { + line-height: 20px; +} +/* Description Lists */ +dl { + margin-bottom: 20px; +} +dt, +dd { + line-height: 20px; +} +dt { + font-weight: bold; +} +dd { + margin-left: 10px; +} +/* Horizontal layout (like forms) */ +.dl-horizontal:before, + .dl-horizontal:after { + display: table; + content: ""; + line-height: 0; + } +.dl-horizontal:after { + clear: both; + } +/* Ensure dl clears floats if empty dd elements present */ +.dl-horizontal dt { + float: left; + width: 160px; + clear: left; + text-align: right; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } +.dl-horizontal dd { + margin-left: 180px; + } +/*************************************************************************************************/ +/* MISC */ +/*************************************************************************************************/ +/* Horizontal rules */ +hr { + margin: 20px 0; + border: 0; + border-top: 1px solid #E1E6EB; + border-bottom: 1px solid #FFFFFF; +} +/* Abbreviations and acronyms */ +abbr[title], + /* Added data-* attribute to help out our tooltip plugin, per https://github.com/twitter/bootstrap/issues/5257 */ +abbr[data-original-title] { + cursor: help; + border-bottom: 1px dotted #818D99; +} +abbr.initialism { + font-size: 90%; + text-transform: uppercase; +} +/* Blockquotes */ +blockquote { + padding: 0 0 0 15px; + margin: 0 0 20px; + border-left: 5px solid #E1E6EB; +} +blockquote p { + margin-bottom: 0; + font-size: 17.5px; + font-weight: 300; + line-height: 1.25; + } +blockquote small { + display: block; + line-height: 20px; + color: #818D99; + } +blockquote small:before { + content: '\2014 \A0'; + } +/* Float right with text-align: right */ +blockquote.pull-right { + float: right; + padding-right: 15px; + padding-left: 0; + border-right: 5px solid #E1E6EB; + border-left: 0; + } +blockquote.pull-right p, + blockquote.pull-right small { + text-align: right; + } +blockquote.pull-right small:before { + content: ''; + } +blockquote.pull-right small:after { + content: '\A0 \2014'; + } +/* Quotes */ +q:before, +q:after, +blockquote:before, +blockquote:after { + content: ""; +} +/* Addresses */ +address { + display: block; + margin-bottom: 20px; + font-style: normal; + line-height: 20px; +} +/*===============================================================================================*/ +/* SPLUNK: CODE (INLINE AND BLOCK) */ +/*===============================================================================================*/ +/* Inline and block code styles */ +code, +pre { + font-family: "Splunk Platform Mono", Inconsolata, Consolas, "Droid Sans Mono", Monaco, "Courier New", Courier, monospace; + border-radius: 3px; +} +/* Inline code */ +code { + padding: 2px 4px; + color: #D14; + background-color: #F7F7F9; + border: 1px solid #E1E1E8; + white-space: nowrap; + font-size: 12px; +} +/* Blocks of code */ +pre { + display: block; + padding: 9.5px; + margin: 0 0 10px; + font-size: 13px; /* 14px to 13px */ + color: #3C444D; + line-height: 20px; + word-break: break-all; + word-wrap: break-word; + white-space: pre; + white-space: pre-wrap; + background-color: #F5F5F5; + border: 1px solid rgba(0, 0, 0, .15); +} +/* Make prettyprint styles more spaced out for readability */ +pre.prettyprint { + margin-bottom: 20px; + } +/* Account for some code outputs that place code tags in pre tags */ +pre code { + padding: 0; + color: inherit; + white-space: pre; + white-space: pre-wrap; + background-color: transparent; + border: 0; + } +/* Enable scrollable blocks of code */ +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} +/*===============================================================================================*/ +/* SPLUNK: FORMS */ +/* Base styles for various input types, form layouts, and states */ +/*===============================================================================================*/ +/*************************************************************************************************/ +/* GENERAL STYLES */ +/*************************************************************************************************/ +/* Make all forms have space below them */ +form, form:last-child { + margin: 0 0 20px; +} +fieldset { + padding: 0; + margin: 0; + border: 0; +} +/* Groups of fields with labels on top (legends) */ +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: 20px; + font-size: 15px; + line-height: 40px; + color: #3C444D; + border: 0; + border-bottom: 1px solid #e5e5e5; +} +/* Small */ +legend small { + font-size: 15px; + color: #818D99; + } +/* Set font for forms */ +label, +input, +button, +select, +textarea { + font-size: 14px; + font-weight: normal; + line-height: 20px; +} +input, +button, +select, +textarea { + font-family: "Splunk Platform Sans", "Proxima Nova", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif; /* And only set font-family here for those that need it (note the missing label element) */ +} +/* Identify controls by their labels */ +label { + display: block; + margin-bottom: 5px; + cursor: default; /* reset pointer */ +} +/*************************************************************************************************/ +/* FORM CONTROLS */ +/*************************************************************************************************/ +/* Shared size and type resets */ +select, +textarea, +input[type="text"], +input[type="password"], +input[type="datetime"], +input[type="datetime-local"], +input[type="date"], +input[type="month"], +input[type="time"], +input[type="week"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="search"], +input[type="tel"], +input[type="color"], +.uneditable-input { + display: inline-block; + padding: 5px 8px; + height: 32px; + line-height: 20px; + font-size: 14px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin-bottom: 10px; + color: #5C6773; + border-radius: 3px; + vertical-align: middle; +} +/* Reset appearance properties for textual inputs and textarea */ +/* Declare width for legacy (can't be on input[type=*] selectors or it's too specific) */ +input, +textarea, +.uneditable-input { + width: 206px; /* plus 12px padding and 2px border */ + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +/* Reset height since textareas have rows */ +textarea { + height: auto; +} +/* Everything else */ +textarea, +input[type="text"], +input[type="password"], +input[type="datetime"], +input[type="datetime-local"], +input[type="date"], +input[type="month"], +input[type="time"], +input[type="week"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="search"], +input[type="tel"], +input[type="color"], +.uneditable-input { + background-color: #FFFFFF; + border: 1px solid #C3CBD4; + -webkit-transition: border 0.2s, -webkit-box-shadow 0.2s; + transition: border 0.2s, -webkit-box-shadow 0.2s; + transition: border 0.2s, box-shadow 0.2s; + transition: border 0.2s, box-shadow 0.2s, -webkit-box-shadow 0.2s; +} +/* Focus state */ +textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +textarea:focus:active:not([disabled]), input[type="text"]:focus:active:not([disabled]), input[type="password"]:focus:active:not([disabled]), input[type="datetime"]:focus:active:not([disabled]), input[type="datetime-local"]:focus:active:not([disabled]), input[type="date"]:focus:active:not([disabled]), input[type="month"]:focus:active:not([disabled]), input[type="time"]:focus:active:not([disabled]), input[type="week"]:focus:active:not([disabled]), input[type="number"]:focus:active:not([disabled]), input[type="email"]:focus:active:not([disabled]), input[type="url"]:focus:active:not([disabled]), input[type="search"]:focus:active:not([disabled]), input[type="tel"]:focus:active:not([disabled]), input[type="color"]:focus:active:not([disabled]), .uneditable-input:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { + z-index: 3; +} +textarea.text-clear, input[type="text"].text-clear, input[type="password"].text-clear, input[type="datetime"].text-clear, input[type="datetime-local"].text-clear, input[type="date"].text-clear, input[type="month"].text-clear, input[type="time"].text-clear, input[type="week"].text-clear, input[type="number"].text-clear, input[type="email"].text-clear, input[type="url"].text-clear, input[type="search"].text-clear, input[type="tel"].text-clear, input[type="color"].text-clear, .uneditable-input.text-clear { + padding-right: 28px; + } +/* Don't show IE clear button when an artificial one is shown. */ +textarea.text-clear::-ms-clear, input[type="text"].text-clear::-ms-clear, input[type="password"].text-clear::-ms-clear, input[type="datetime"].text-clear::-ms-clear, input[type="datetime-local"].text-clear::-ms-clear, input[type="date"].text-clear::-ms-clear, input[type="month"].text-clear::-ms-clear, input[type="time"].text-clear::-ms-clear, input[type="week"].text-clear::-ms-clear, input[type="number"].text-clear::-ms-clear, input[type="email"].text-clear::-ms-clear, input[type="url"].text-clear::-ms-clear, input[type="search"].text-clear::-ms-clear, input[type="tel"].text-clear::-ms-clear, input[type="color"].text-clear::-ms-clear, .uneditable-input.text-clear::-ms-clear { + display: none; + width: 0; /* IE 11 on windows 8 */ + height: 0; /* IE 11 on windows 8 */ + } +/* Position radios and checkboxes better */ +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; /* IE9 */ + line-height: normal; +} +/* Reset width of input images, buttons, radios, checkboxes */ +input[type="file"], +input[type="image"], +input[type="submit"], +input[type="reset"], +input[type="button"], +input[type="radio"], +input[type="checkbox"] { + width: auto; /* Override of generic input selector */ +} +/* Set the height of select and file controls to match text inputs */ +select, +input[type="file"] { + height: 32px; + line-height: 32px; +} +/* Make select elements obey height by applying a border */ +select { + width: 220px; /* default input width + 10px of padding that doesn't get applied */ + border: 1px solid #C3CBD4; + background-color: #FFFFFF; /* Chrome on Linux and Mobile Safari need background-color */ +} +/* Make multiple select elements height not fixed */ +select[multiple], +select[size] { + height: auto; +} +/* Focus for select, file, radio, and checkbox */ +select:focus, +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; +} +select:focus:active:not([disabled]), input[type="file"]:focus:active:not([disabled]), input[type="radio"]:focus:active:not([disabled]), input[type="checkbox"]:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +input[type="radio"]:focus { + border-radius: 100%; +} +/*************************************************************************************************/ +/* UNEDITABLE INPUTS */ +/*************************************************************************************************/ +/* Make uneditable inputs look inactive */ +.uneditable-input, +.uneditable-textarea { + color: #C3CBD4; + background-color: #F7F8FA; + border-color: #E1E6EB; + -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.025); + box-shadow: inset 0 1px 2px rgba(0,0,0,.025); + cursor: not-allowed; +} +/* For text that needs to appear as an input but should not be an input */ +.uneditable-input { + overflow: hidden; /* prevent text from wrapping, but still cut it off like an input does */ + white-space: nowrap; +} +/* Make uneditable textareas behave like a textarea */ +.uneditable-textarea { + width: auto; + height: auto; +} +/* restrict text area resize */ +textarea { + min-height: 2em; + resize: vertical; +} +/*************************************************************************************************/ +/* PLACEHOLDER */ +/*************************************************************************************************/ +/* Placeholder text gets special styles because when browsers invalidate entire lines if it doesn't understand a selector */ +input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { + color: #6b7785; + opacity: 1; + } +input:-ms-input-placeholder, textarea:-ms-input-placeholder { + color: #6b7785; + opacity: 1; + } +input::-ms-input-placeholder, textarea::-ms-input-placeholder { + color: #6b7785; + opacity: 1; + } +input::placeholder, textarea::placeholder { + color: #6b7785; + opacity: 1; + } +/*************************************************************************************************/ +/* CHECKBOXES & RADIOS */ +/*************************************************************************************************/ +/* Indent the labels to position radios/checkboxes as hanging */ +.radio, +.checkbox { + min-height: 20px; /* clear the floating input if there is no label text */ + padding-left: 20px; +} +.radio input[type="radio"], +.checkbox input[type="checkbox"] { + float: left; + margin-left: -20px; +} +.radio input[type="radio"] { + border-radius: 100%; +} +/* Move the options list down to align with labels */ +.controls > .radio:first-child, +.controls > .checkbox:first-child { + padding-top: 5px; /* has to be padding because margin collaspes */ +} +/* Radios and checkboxes on same line */ +/* TODO v3: Convert .inline to .control-inline */ +.radio.inline, +.checkbox.inline { + display: inline-block; + padding-top: 5px; + margin-bottom: 0; + vertical-align: middle; +} +.radio.inline + .radio.inline, +.checkbox.inline + .checkbox.inline { + margin-left: 10px; /* space out consecutive inline controls */ +} +/*************************************************************************************************/ +/* DISABLED STATE */ +/************************************************************************************************/ +/* Disabled and read-only inputs */ +input[disabled], +select[disabled], +textarea[disabled], +input[readonly], +select[readonly], +textarea[readonly] { + cursor: not-allowed; + background-color: #F7F8FA; + border-color: #E1E6EB; + color: #C3CBD4; +} +/* Explicitly reset the colors here */ +input[type="radio"][disabled], +input[type="checkbox"][disabled], +input[type="radio"][readonly], +input[type="checkbox"][readonly] { + background-color: #F7F8FA; +} +/*************************************************************************************************/ +/* FORM FIELD FEEDBACK STATES */ +/*************************************************************************************************/ +/* Warning */ +/* Set the text color */ +.control-group.warning .control-label, + .control-group.warning .help-block, + .control-group.warning .help-inline, + .control-group.warning .checkbox, + .control-group.warning .radio { + color: #F8BE34; + } +/* Style inputs accordingly */ +.control-group.warning input, + .control-group.warning select, + .control-group.warning textarea { + color: #F8BE34; + border-color: #F8BE34; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + } +/* Redeclare so transitions work */ +.control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus { + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.control-group.warning input:focus:active:not([disabled]), .control-group.warning select:focus:active:not([disabled]), .control-group.warning textarea:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus { + z-index: 3; +} +/* Give a small background color for input-prepend/-append */ +.control-group.warning .input-prepend .add-on, + .control-group.warning .input-append .add-on { + color: #F8BE34; + background-color: #FEF2D7; + border-color: #F8BE34; + } +/* Error */ +/* Set the text color */ +.control-group.error .control-label, + .control-group.error .help-block, + .control-group.error .help-inline, + .control-group.error .checkbox, + .control-group.error .radio { + color: #DC4E41; + } +/* Style inputs accordingly */ +.control-group.error input, + .control-group.error select, + .control-group.error textarea { + color: #DC4E41; + border-color: #DC4E41; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + } +/* Redeclare so transitions work */ +.control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus { + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.control-group.error input:focus:active:not([disabled]), .control-group.error select:focus:active:not([disabled]), .control-group.error textarea:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus { + z-index: 3; +} +/* Give a small background color for input-prepend/-append */ +.control-group.error .input-prepend .add-on, + .control-group.error .input-append .add-on { + color: #DC4E41; + background-color: #F8DCD9; + border-color: #DC4E41; + } +/* Success */ +/* Set the text color */ +.control-group.success .control-label, + .control-group.success .help-block, + .control-group.success .help-inline, + .control-group.success .checkbox, + .control-group.success .radio { + color: #53A051; + } +/* Style inputs accordingly */ +.control-group.success input, + .control-group.success select, + .control-group.success textarea { + color: #53A051; + border-color: #53A051; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + } +/* Redeclare so transitions work */ +.control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus { + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.control-group.success input:focus:active:not([disabled]), .control-group.success select:focus:active:not([disabled]), .control-group.success textarea:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus { + z-index: 3; +} +/* Give a small background color for input-prepend/-append */ +.control-group.success .input-prepend .add-on, + .control-group.success .input-append .add-on { + color: #53A051; + background-color: #DDECDD; + border-color: #53A051; + } +/* Success */ +/* Set the text color */ +.control-group.info .control-label, + .control-group.info .help-block, + .control-group.info .help-inline, + .control-group.info .checkbox, + .control-group.info .radio { + color: #006D9C; + } +/* Style inputs accordingly */ +.control-group.info input, + .control-group.info select, + .control-group.info textarea { + color: #006D9C; + border-color: #006D9C; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + } +/* Redeclare so transitions work */ +.control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus { + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.control-group.info input:focus:active:not([disabled]), .control-group.info select:focus:active:not([disabled]), .control-group.info textarea:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus { + z-index: 3; +} +/* Give a small background color for input-prepend/-append */ +.control-group.info .input-prepend .add-on, + .control-group.info .input-append .add-on { + color: #006D9C; + background-color: #CCE2EB; + border-color: #006D9C; + } +/* HTML5 invalid states */ +/* Shares styles with the .control-group.error above */ +input:focus:invalid, +textarea:focus:invalid, +select:focus:invalid { + color: #b94a48; + border-color: #ee5f5b; +} +input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { + border-color: rgb(233, 53, 47); + -webkit-box-shadow: 0 0 6px rgb(248, 188, 186); + box-shadow: 0 0 6px rgb(248, 188, 186); + } +/*************************************************************************************************/ +/* FORM ACTIONS */ +/*************************************************************************************************/ +.form-actions { + padding: 19px 20px 20px; + margin-top: 20px; + margin-bottom: 20px; + background-color: #F7F8FA; + border-top: 1px solid #e5e5e5; /* Adding clearfix to allow for .pull-right button containers */ +} +.form-actions:before, + .form-actions:after { + display: table; + content: ""; + line-height: 0; + } +.form-actions:after { + clear: both; + } +/*************************************************************************************************/ +/* HELP TEXT */ +/*************************************************************************************************/ +.help-block, +.help-inline { + color: #6b7785; +} +.help-block > .learn-more-link, .help-block > .help-link, .help-inline > .learn-more-link, .help-inline > .help-link { + white-space: nowrap; + } +.help-block { + display: block; /* account for any element using help-block */ + margin-top: 3px; + margin-bottom: 10px; + line-height: 1.4em; + font-size: 12px; + word-wrap: break-word; +} +.help-inline { + display: inline-block; + vertical-align: middle; + padding-left: 5px; +} +/*************************************************************************************************/ +/* INPUT GROUPS */ +/*************************************************************************************************/ +/* Allow us to put symbols and text within the input field for a cleaner look */ +/*************************************************************************************************/ +/* SEARCH FORM */ +/*************************************************************************************************/ +input.search-query { + margin-bottom: 0; /* Remove the default margin on all inputs */ + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +/*************************************************************************************************/ +/* HORIZONTAL & VERTICAL FORMS */ +/*************************************************************************************************/ +/* Common properties */ +/* ----------------- */ +.form-search input, + .form-search textarea, + .form-search select, + .form-search .uneditable-input, + .form-inline input, + .form-inline textarea, + .form-inline select, + .form-inline .uneditable-input, + .form-horizontal input, + .form-horizontal textarea, + .form-horizontal select, + .form-horizontal .uneditable-input { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + } +/* Re-hide hidden elements due to specifity */ +.form-search .hide, .form-inline .hide, .form-horizontal .hide { + display: none; + } +.form-search label, + .form-search .btn-group, + .form-inline label, + .form-inline .btn-group { + display: inline-block; + } +.form-search .radio, + .form-search .checkbox, + .form-inline .radio, + .form-inline .checkbox { + /* Inline checkbox/radio labels (remove padding on left) */ + padding-left: 0; + margin-bottom: 0; + vertical-align: middle; + } +.form-search .radio input[type="radio"], + .form-search .checkbox input[type="checkbox"], + .form-inline .radio input[type="radio"], + .form-inline .checkbox input[type="checkbox"] { + /* Remove float and margin, set to inline-block */ + float: left; + margin-right: 3px; + margin-left: 0; + } +/* Margin to space out fieldsets */ +.control-group { + margin-bottom: 10px; + position: relative; +} +.control-group.disabled .control-label { + /* If a control is disabled, also gray out the control label */ + color: #C3CBD4; + cursor: default; + } +.control-group .tooltip-link { + /* Tooltop link */ + top: -0.5em; + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; + margin: 0 2px; + padding: 2px; + cursor: default; + font-weight: normal; + } +/* Legend collapses margin, so next element is responsible for spacing */ +/* Only applies to legends that are not visually hidden for accessibility purposes */ +legend:not(.visuallyhidden) + .control-group { + margin-top: 20px; + -webkit-margin-top-collapse: separate; +} +/*************************************************************************************************/ +/* HORIZONTAL SPECIFIC STYLES */ +/*************************************************************************************************/ +.form-horizontal { + /* Increase spacing between groups */ + + width: 600px; + max-width: 100%; +} +.form-horizontal .control-group { + margin-bottom: 10px; + } +.form-horizontal .control-group:before, + .form-horizontal .control-group:after { + display: table; + content: ""; + line-height: 0; + } +.form-horizontal .control-group:after { + clear: both; + } +/* Float the labels left */ +.form-horizontal .control-label { + float: left; + width: 160px; + padding-top: 5px; + text-align: right; + } +/* Move over all input controls and content */ +.form-horizontal .controls { + margin-left: 180px; + } +.form-horizontal .controls > .help-block { + margin-left: 0; + } +/* Remove bottom margin on block level help text since that's accounted for on .control-group */ +.form-horizontal .help-block { + margin-bottom: 0; + margin-left: 180px; + } +/* And apply it only to .help-block instances that follow a form control */ +.form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block, .form-horizontal .uneditable-input + .help-block { + margin-top: 10px; + } +/* Move over buttons in .form-actions to align with .controls */ +.form-horizontal .form-actions { + padding-left: 180px; + } +/*************************************************************************************************/ +/* INLINE SPECIFIC STYLES */ +/*************************************************************************************************/ +.form-inline label { + line-height: 28px; + } +.form-inline .form-value { + line-height: 28px; + margin-right: 15px; + } +.form-inline input { + width: auto; + margin-right: 15px; + } +/*************************************************************************************************/ +/* CONTROLS LAYOUT */ +/*************************************************************************************************/ +/* Synthetic Radio is always full width */ +.controls .shared-controls-syntheticradiocontrol, + .controls .shared-controls-booleanradiocontrol { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + width: 100%; + } +.controls .shared-controls-syntheticradiocontrol > .btn, .controls .shared-controls-booleanradiocontrol > .btn { + -webkit-box-flex: 1; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + } +.controls-join { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + +} +/* evenly space controls */ +.controls-join .control:not(:only-child) { + -webkit-box-flex: 1; + -ms-flex: 1 0 0px; + flex: 1 0 0px; + max-width: 100%; + } +.controls-join .control:only-child { + width: 100%; + } +/* Text-inputs should take up any extra space */ +.controls-join .shared-controls-textcontrol { + -webkit-box-flex: 0; + -ms-flex: 0 1 100%; + flex: 0 1 100%; + min-width: 30%; + } +/* If there are three controls, allow the text control to get very small */ +.controls-join .shared-controls-textcontrol:nth-last-child(n+3), .controls-join .control:nth-last-child(n+3) ~ .shared-controls-textcontrol { + min-width: 48px; + } +/* First or in the Middle do not have right corners */ +.controls-join .shared-controls-textcontrol:not(:last-child) input, + .controls-join .shared-controls-textcontrol:not(:last-child) .uneditable-input, + .controls-join .shared-controls-syntheticselectcontrol:not(:last-child) .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } +/* Last or in the Middle do not have left corners */ +.controls-join .shared-controls-textcontrol:not(:first-child) input, + .controls-join .shared-controls-textcontrol:not(:first-child) .uneditable-input, + .controls-join .shared-controls-syntheticselectcontrol:not(:first-child) .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: none; + } +/* Control should fill the control div */ +.controls-join input, + .controls-join textarea, + .controls-join select, + .controls-join .uneditable-input, + .controls-join .shared-controls-syntheticselectcontrol .btn { + width: 100%; + } +/* Reset width of input images, buttons, radios, checkboxes */ +.controls-join input[type="file"], + .controls-join input[type="image"], + .controls-join input[type="submit"], + .controls-join input[type="reset"], + .controls-join input[type="button"], + .controls-join input[type="radio"], + .controls-join input[type="checkbox"] { + width: auto; /* Override of generic input selector */ + } +.controls-wrap { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.controls-separate { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.controls-separate .control + .control { + margin-left: 10px; + } +.controls-stack { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column +} +/*************************************************************************************************/ +/* FORM ELEMENTS */ +/*************************************************************************************************/ +.control { + position: relative; +} +/* synthetic placeholder */ +.control .placeholder { + color: #6b7785; + position: absolute; + max-width: 100%; + top: 3px; + left: 6px; + font-size: 14px; + } +.control ::-webkit-input-placeholder { + color: #6b7785; + opacity: 1; + } +.control :-ms-input-placeholder { + color: #6b7785; + opacity: 1; + } +.control ::-ms-input-placeholder { + color: #6b7785; + opacity: 1; + } +.control ::placeholder { + color: #6b7785; + opacity: 1; + } +/* uneditable-input a read only text field or text area */ +.control .uneditable-input { + background-color: #F7F8FA; + min-height: 32px; + } +.control .uneditable-input.uneditable-input-multiline { + overflow-y: auto; + white-space: normal; + white-space: pre-wrap; + word-break: break-all; + word-break: break-word; + height: auto; + max-height: 100px; + } +.control.shared-controls-textcontrol .control-clear, .control.shared-controls-textcontrol .search-icon { + position: absolute; + top: calc(50% + 1px); + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + right: 10px; + font-size: 18px; + color: #6b7785; + } +.control.shared-controls-textcontrol .control-clear { + display: none; + } +.control.shared-controls-textcontrol > input { + width: 100%; + } +.control.shared-controls-spinnercontrol { + text-align: center; + } +.control.shared-controls-spinnercontrol input, .control.shared-controls-spinnercontrol .uneditable-input { + display: block; + padding: 4px 65px 4px 6px; + + -webkit-transition: border 0.2s, -webkit-box-shadow 0.2s; + + transition: border 0.2s, -webkit-box-shadow 0.2s; + + transition: border 0.2s, box-shadow 0.2s; + + transition: border 0.2s, box-shadow 0.2s, -webkit-box-shadow 0.2s; + } +.control.shared-controls-spinnercontrol input.corrected-value { + border-color: #DC4E41; + -webkit-box-shadow: #FCEDEC 0px 0px 8px 0px; + box-shadow: #FCEDEC 0px 0px 8px 0px; + } +.control.shared-controls-spinnercontrol .increment-down, .control.shared-controls-spinnercontrol .increment-up { + position: absolute; + right: 1px; + top: 1px; + width: 30px; + line-height: 30px; + } +.control.shared-controls-spinnercontrol .increment-down:focus, .control.shared-controls-spinnercontrol .increment-up:focus { + background-color: rgba(0, 164, 253, 0.1); + -webkit-box-shadow: none; + box-shadow: none; + outline: none; + } +.control.shared-controls-spinnercontrol .increment-down.disabled, .control.shared-controls-spinnercontrol .increment-up.disabled { + color: #C3CBD4; + } +.control.shared-controls-spinnercontrol .increment-down { + right: 31px; + } +.control.shared-findinput { + display: inline-block; + margin: 5px 0; + } +.control.shared-findinput input { + width: 250px; + } +/* simple text only control (LabelControl) */ +.input-label { + display: inline-block; + padding: 8px 0 4px 0; + height: auto; + line-height: 15px; + font-size: 14px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + max-width: 100%; + word-wrap: break-word; + word-break: break-word; + font-weight: 500; +} +/* wrapper for checkbox */ +label.checkbox { + padding: 2px 0 2px 21px; + margin-bottom: 0; + position: relative; +} +label.checkbox.disabled { + color: #C3CBD4; + } +label.checkbox >.btn { + padding: 0; + width: 16px; + height: 16px; + border-radius: 2px; + position: absolute; + left: 0; + top: 3px; + } +label.checkbox >.btn > [class*="icon-"] { + margin: 0; + position: relative; + bottom: 6px; + vertical-align: text-top; + } +/*************************************************************************************************/ +/* SMALL FORMS */ +/*************************************************************************************************/ +.control-group-small .control-label { + font-size: 12px; + } +.control-small { + font-size: 12px; +} +.control-small input[type="text"], + .control-small .uneditable-input, + .control-small textarea { + padding-top: 2px; + padding-bottom: 2px; + font-size: inherit; + } +.control-small input[type="text"], + .control-small .uneditable-input { + height: 26px + } +.control-small .uneditable-input { + min-height: 16px; + } +.control-small .btn, .control-small.btn-group > .btn { + padding-top: 2px; + padding-bottom: 2px; + font-size: 12px; + } +.control-small.shared-controls-spinnercontrol input, .control-small.shared-controls-spinnercontrol .uneditable-input { + padding-right: 55px; + } +.control-small.shared-controls-spinnercontrol .increment-down, .control-small.shared-controls-spinnercontrol .increment-up { + width: 24px; + line-height: 24px; + } +.control-small.shared-controls-spinnercontrol .increment-down { + right: 25px; + } +/*************************************************************************************************/ +/* CHECKBOX CONTROLS */ +/*************************************************************************************************/ +.shared-controls-checkboxgroup label.checkbox { + padding-top: 2px; + padding-bottom: 2px; +} +.control-group > .controls > .shared-controls-syntheticcheckboxcontrol:only-child { + padding-top: 4px; /* Align to label */ +} +/*************************************************************************************************/ +/* KEY VALUE CONTROL */ +/*************************************************************************************************/ +.shared-controls-keyvaluecontrol .shared-controls-textcontrol { + margin-right: 10px; + } +.shared-controls-keyvaluecontrol .key-text-control-placeholder, + .shared-controls-keyvaluecontrol .value-text-control-placeholder { + float: left; + } +/*************************************************************************************************/ +/* ACCUMULATOR CONTROL */ +/*************************************************************************************************/ +.accumulator { + width: 700px; +} +.controls-join .accumulator { + width: 100%; + } +.accumulator .availableOptionsContainer, + .accumulator .selectedOptionsContainer { + float: left; + width: calc(50% - 10px); + margin: 0px 20px 0px 0px; + } +.accumulator .addAllLink, .accumulator .removeAllLink { + float: right; + } +.accumulator .selectedOptionsContainer { + margin-right: 0px; + } +.accumulator .availableOptionsHeader { + font-weight: normal; + font-size: 14px; + width: 200px; + margin-right: 22px; + padding-bottom: 5px; + line-height: 0px; + } +.accumulator .selectedOptionsHeader { + width: 200px; + margin-right: 0px; + } +.accumulator ul.availableOptions, .accumulator ul.selectedOptions { + border-radius: 3px; + height: 100px; + overflow: auto; + list-style: none; + margin: 0; + padding: 0; + border: 1px solid #C3CBD4; + clear: left; + } +.accumulator .accDisabled ul.availableOptions, + .accumulator .accDisabled ul.selectedOptions { + background-color: #F7F8FA; + } +.accumulator ul.availableOptions li, .accumulator ul.selectedOptions li { + clear: left; + padding: 4px 5px; + font-size: 14px; + cursor: pointer; + line-height: 1; + } +.accumulator ul.availableOptions li:hover, + .accumulator ul.selectedOptions li:hover { + background-color: #F7F8FA; + } +.accumulator ul.availableOptions li span, .accumulator ul.selectedOptions li span { + margin: 0px 8px 0 0; + display: block; + float: left; + } +.accumulator ul span.splIcon-arrow-e { + background-color: #007ABD; + } +.accumulator ul.availableOptions li.selected, .accumulator .accDisabled ul li { + color: #6b7785; + } +.accumulator ul.availableOptions li.selected span.splIcon, + .accumulator .accDisabled ul li span.splIcon { + background-color: #C3CBD4; + } +.accumulator .selected { + background-color: transparent; + } +.control-group.error .accumulator ul { + border-color: #DC4E41; + } +.accumulator .icon-class { + color: #6b7785; + } +.accumulator div.wide { + width: 340px; + } +/*************************************************************************************************/ +/* TABLE FORMS */ +/* TODO: figure out what this is for. */ +/*************************************************************************************************/ +/* + + + + + + + + + +
    cell +
    help-block
    +
    cell +
    help-block
    +
    +*/ +table.form td { + padding-right: 10px; + padding-bottom: 5px; +} +table.form tr:last-child td { + padding-bottom: 0; +} +table.form tr:last-child .help-block { + margin-bottom: 0; +} +/*************************************************************************************************/ +/* FORMAT DIALOGS */ +/*************************************************************************************************/ +.form-format .control-label { + width: 100px; + } +/* remove margin from last group */ +.form-format .control-group:last-child { + margin-bottom: 0; + } +.form-format .controls { + margin-left: 120px; + } +/* Horizontal form, left-aligned */ +.form-horizontal.align-left .control-label { + width: auto; + text-align: left; + display: inline-block; + float: none; + } +.form-horizontal.align-left .controls { + margin-left: 15px; + display: inline-block; + } +/* Append /Prepend */ +/* -------------- */ +.shared-controls-textcontrol.input-prepend { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.shared-controls-textcontrol.input-prepend > input, .shared-controls-textcontrol.input-prepend .uneditable-input { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + -webkit-box-flex: 1; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + width: 0; + } +.shared-controls-textcontrol.input-prepend > .btn:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-right: none; + } +.shared-controls-textcontrol.input-append, +.shared-controls-textbrowsecontrol { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.shared-controls-textcontrol.input-append > input, .shared-controls-textcontrol.input-append .uneditable-input, .shared-controls-textbrowsecontrol > input, .shared-controls-textbrowsecontrol .uneditable-input { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + -webkit-box-flex: 1; + -ms-flex: 1 0 auto; + flex: 1 0 auto; /* SPL-122817 */ + width: 0; + } +.shared-controls-textcontrol.input-append > input + .btn, .shared-controls-textcontrol.input-append .uneditable-input + .btn, .shared-controls-textbrowsecontrol > input + .btn, .shared-controls-textbrowsecontrol .uneditable-input + .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: none; + } +.shared-controls-textcontrol.input-append .add-on, .shared-controls-textbrowsecontrol .add-on { + display: inline-block; + padding: 5px 14px; + height: auto; + line-height: 20px; + font-size: 14px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 5px 14px; + margin-bottom: 0; /* For input.btn */ + font-weight: 400; + color: #5C6773; + text-align: center; + vertical-align: middle; + border: 1px solid; + border-left: none; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + + background-color: #F7F8FA; + + border-color: #C3CBD4; + + color: #5C6773; + + -webkit-box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + + box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + + text-decoration: none; + + text-shadow: none; + + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + -webkit-filter: none; + + filter: none; /* this breaks some bootstrap styles */ + } +.shared-controls-textcontrol.input-append .add-on[disabled], .shared-controls-textbrowsecontrol .add-on[disabled] { + color: #C3CBD4; + border-color: #E1E6EB; + cursor: not-allowed; + } +/* Form Complex */ +/* -------------- */ +/* +
    +
    + +
    + +
    +
    +
    + +
    + + + eg. this is some help text
    + that goes outside the form for some reason ;_; +     +
    +
    +
    +
    + + +
    +
    +
    +*/ +/* complex forms? maybe use form-narrow? */ +.form-complex { + width: 100%; +} +.form-complex .controls { + position: relative; + } +.form-complex .control-group { + width: 440px; /* magic number ;_; maybe move width to container */ + } +.form-complex .control-heading { /* like control-label but without the float */ + padding-top: 5px; + text-align: right; + width: 160px; + font-weight: bold; + } +.form-complex .help-block, .form-complex .help-outer { + position: absolute; + top: 4px; + left: 100%; + margin-left: 10px; + margin-top: 0 !important; /* TODO: get rid of important; */ + width: 280px; + } +.form-complex .outline { + border: 1px solid #C3CBD4; + border-radius: 3px; + margin-bottom: 10px; /* TOOD: use var here; */ + margin-top: 0; + padding-top: 10px; + } +.form-complex fieldset { + border: 1px solid transparent; + } +.form-complex .btn-check { + display: inline-block; + padding: 0; + height: auto; + line-height: 20px; + font-size: 14px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + text-align: center; + vertical-align: middle; + width: 20px; + } +.form-complex .control-feedback { + display: block; + width: 100%; + } +/* feedback for controls */ +.control-feedback { + color: #5C6773; + background-color: #FFFFFF; + border-radius: 3px; + font-size: 85%; + text-align: center; + margin-top: 3px; +} +/*************************************************************************************************/ +/* SYNTHETIC RADIO CONTROL */ +/*************************************************************************************************/ +.shared-controls-syntheticradiocontrol > .tooltip { + white-space:normal; + } +.shared-controls-syntheticradiocontrol .btn-radio { + -webkit-animation: none 0s ease 0s 1 normal none running; + animation: none 0s ease 0s 1 normal none running; + -webkit-backface-visibility: visible; + backface-visibility: visible; + background: transparent none repeat 0 0 / auto auto padding-box border-box scroll; + border: medium none currentColor; + border-collapse: separate; + -o-border-image: none; + border-image: none; + border-radius: 0; + border-spacing: 0; + bottom: auto; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-box-sizing: content-box; + box-sizing: content-box; + caption-side: top; + clear: none; + clip: auto; + color: #000; + -webkit-columns: auto; + columns: auto; + -webkit-column-count: auto; + column-count: auto; + -webkit-column-fill: balance; + column-fill: balance; + -webkit-column-gap: normal; + column-gap: normal; + -webkit-column-rule: medium none currentColor; + column-rule: medium none currentColor; + -webkit-column-span: 1; + column-span: 1; + -webkit-column-width: auto; + column-width: auto; + content: normal; + counter-increment: none; + counter-reset: none; + cursor: auto; + direction: ltr; + display: inline; + empty-cells: show; + float: none; + font-family: serif; + font-size: medium; + font-style: normal; + font-variant: normal; + font-weight: normal; + font-stretch: normal; + line-height: normal; + height: auto; + -webkit-hyphens: none; + -ms-hyphens: none; + hyphens: none; + left: auto; + letter-spacing: normal; + list-style: disc outside none; + margin: 0; + max-height: none; + max-width: none; + min-height: 0; + min-width: 0; + opacity: 1; + orphans: 2; + outline: medium none invert; + overflow: visible; + overflow-x: visible; + overflow-y: visible; + padding: 0; + page-break-after: auto; + page-break-before: auto; + page-break-inside: auto; + -webkit-perspective: none; + perspective: none; + -webkit-perspective-origin: 50% 50%; + perspective-origin: 50% 50%; + position: static; + right: auto; + -moz-tab-size: 8; + -o-tab-size: 8; + tab-size: 8; + table-layout: auto; + text-align: left; + text-align-last: auto; + text-decoration: none; + text-indent: 0; + text-shadow: none; + text-transform: none; + top: auto; + -webkit-transform: none; + transform: none; + -webkit-transform-origin: 50% 50% 0; + transform-origin: 50% 50% 0; + -webkit-transform-style: flat; + transform-style: flat; + -webkit-transition: none 0s ease 0s; + transition: none 0s ease 0s; + unicode-bidi: normal; + vertical-align: baseline; + visibility: visible; + white-space: normal; + widows: 2; + width: auto; + word-spacing: normal; + z-index: auto; + font-family: "Splunk Platform Sans", "Proxima Nova", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 20px; + color: #3C444D; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: block; + border-width: 1px; + visibility: inherit; + /* postcss-initial does not correctly reset this for all browsers */ + outline: medium none #00A4FD; + outline: medium none invert; + position: relative; + padding: 3px 0 3px 20px; + color: #3C444D; + text-decoration: none; + } +.shared-controls-syntheticradiocontrol .btn-radio:before { + content:''; + border: 1px solid; + background-color: #F7F8FA; + border-color: #C3CBD4; + color: #5C6773; + -webkit-box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + + position: absolute; + left: 0; + top: 4px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 16px; + height: 16px; + border-radius: 8px; + + } +.shared-controls-syntheticradiocontrol .btn-radio.disabled { + cursor: not-allowed; + color: #C3CBD4; + opacity: 0.65; + } +.shared-controls-syntheticradiocontrol .btn-radio.disabled:before { + background: #F7F8FA; + -webkit-filter: none; + filter: none; + border-color: #E1E6EB; + } +.shared-controls-syntheticradiocontrol .btn-radio:not(.disabled):hover:before { + background-color: rgb(235, 238, 239); + border-color: #C3CBD4; + color: #5C6773; + -webkit-box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + } +.shared-controls-syntheticradiocontrol .btn-radio:focus:before { + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.shared-controls-syntheticradiocontrol .btn-radio:focus:before:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.shared-controls-syntheticradiocontrol .btn-radio.active:after { + content:''; + position: absolute; + left: 4px; + top: 8px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 8px; + height: 8px; + border-radius: 4px; + background-color: currentColor; + } +.radio-control-list { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} +/*************************************************************************************************/ +/* ERROR STATES */ +/*************************************************************************************************/ +.error .btn { + background-color: #F1B9B3; + border-color: #DC4E41; + color: #DC4E41; + -webkit-box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + } +.error .btn.active { + background-color: #EA958D; + border-color: #DC4E41; + color: #DC4E41; + -webkit-box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + background-image: none; + } +.error .btn:hover { + background-color: #EA958D; + border-color: #DC4E41; + color: #DC4E41; + -webkit-box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + } +.required { + color: #DC4E41; +} +/* Custom shared form components for color editing */ +/* ------------------------------------------------------ */ +.color-square { + display: block; + width: 32px; + height: 32px; + background: #53A051; + border: 1px solid #C3CBD4; + border-radius: 2px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.color-square:focus { + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.color-square:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.color-square-standalone { + margin-top: 3px; +} +/*===============================================================================================*/ +/* SPLUNK: TABLES */ +/* Tables for, you guessed it, tabular data. */ +/*===============================================================================================*/ +/*************************************************************************************************/ +/* BASE TABLES */ +/*************************************************************************************************/ +table { + max-width: 100%; + background-color: transparent; + border-collapse: collapse; + border-spacing: 0; +} +/*************************************************************************************************/ +/* BASELINE STYLES */ +/*************************************************************************************************/ +.table { + width: auto; + min-width: 100%; + max-width: none; + margin-bottom: 20px; +} +/* Cells */ +.table th, .table td { + text-align: left; + vertical-align: top; + padding: 6px 12px; + line-height: 20px; + border-bottom: 1px solid #E1E6EB; + } +.table th td:focus, .table td td:focus { + -webkit-box-shadow: none; + box-shadow: none; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.table th td:focus:active:not([disabled]), .table td td:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.table th td:focus, .table td td:focus { + -webkit-box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; + box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; +} +.table th .tooltip-link, .table td .tooltip-link { + top:-.5em; + position:relative; + font-size:75%; + line-height:0; + vertical-align:baseline; + cursor:default; + font-weight:400; + } +.table th div { + padding: 6px 12px; + } +.table thead th { + vertical-align: bottom; + } +/* Remove top border from thead by default */ +.table caption + thead tr:first-child th, + .table caption + thead tr:first-child td, + .table colgroup + thead tr:first-child th, + .table colgroup + thead tr:first-child td, + .table thead:first-child tr:first-child th, + .table thead:first-child tr:first-child td { + border-top: 0; + } +/* Account for multiple tbody instances */ +.table tbody + tbody { + border-top: 2px solid #E1E6EB; + } +/* sorts */ +.table .sorts { + white-space: nowrap; + cursor: pointer; + } +.table .sorts a { + color: inherit; + } +.table .sorts a:hover { + text-decoration: none; + } +.table .sorts:hover { + color: #006EAA; + } +.table .sorts .icon-sorts:before { + font-family: "Splunk Icons"; + content: "\2195"; + padding-left: 5px; + color: #818D99; + } +.table .sorts.active .icon-sorts:before { + color: #006EAA; + } +.table .sorts .asc:before, + .table .sorts .Asc:before { + content: "\21A5"; + color: inherit; + } +.table .sorts .desc:before, + .table .sorts .Desc:before { + content: "\21A7"; + color: inherit; + } +.table .sorts[tabindex]:focus { + outline: 0; + -webkit-box-shadow: none; + box-shadow: none; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.table .sorts[tabindex]:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.table .sorts[tabindex]:focus { + -webkit-box-shadow: inset 0 0 2px 1px #E1E6EB, inset 0 0 0 2px #00A4FD; + box-shadow: inset 0 0 2px 1px #E1E6EB, inset 0 0 0 2px #00A4FD; +} +/* Nesting */ +.table .table { + background-color: transparent; + } +/*************************************************************************************************/ +/* CONDENSED TABLE W/ HALF PADDING */ +/*************************************************************************************************/ +.table-condensed th, + .table-condensed td { + padding: 3px 6px; + } +/*************************************************************************************************/ +/* BORDERED TABLE */ +/*************************************************************************************************/ +.table-bordered { + border: 1px solid #E1E6EB; + border-collapse: separate; /* Done so we can round those corners! */ + border-left: 0; +} +.table-bordered th, + .table-bordered td { + border-left: 1px solid #E1E6EB; + } +/*************************************************************************************************/ +/* BORDERED LITE TABLE */ +/* A stripped-down version of bootstrap's table-bordered */ +/*************************************************************************************************/ +.table-bordered-lite th, .table-bordered-lite td { + border-left: 1px solid #E1E6EB; + } +.table-bordered-lite th:first-child, .table-bordered-lite td:first-child { + border-left: none; + } +/*************************************************************************************************/ +/* BORDERED DOTTED TABLE */ +/*************************************************************************************************/ +.table-dotted td, .table-dotted th { + border-top: 1px dashed #C3CBD4; + } +/*************************************************************************************************/ +/* STRIPED TABLE */ +/*************************************************************************************************/ +.table-striped > thead > tr > th { + background-color: #FFFFFF; + border-top: 1px solid #E1E6EB; + } +.table-striped > tbody > tr:nth-child(odd) > td, + .table-striped > tbody > tr:nth-child(odd) > th { + background-color: #F2F4F5; + } +.table-striped > tbody > tr:nth-child(even) > td { + background-color: #FFFFFF; + } +.table-striped > tbody > tr.odd > td, + .table-striped > tbody > tr.odd > th { + background-color: #F2F4F5; + } +.table-striped > tbody > tr.even > td, + .table-striped > tbody > tr.even > th { + background-color: #FFFFFF; + } +.table-striped > tbody > tr > td { + border: none; + } +.table-striped.table-chrome > tbody > tr:nth-child(even) > td, + .table-striped.table-chrome > tbody > tr:nth-child(odd).even > td, + .table-striped.table-chrome > tbody > tr.even > td { + background-color: #F2F4F5; + } +.table-striped.table-chrome > tbody > tr:nth-child(odd) > td, + .table-striped.table-chrome > tbody > tr:nth-child(even).odd > td, + .table-striped.table-chrome > tbody > tr.odd > td { + background-color: #FFFFFF; + } +/*************************************************************************************************/ +/* CHROME TABLE */ +/* Table with dark header background color. */ +/*************************************************************************************************/ +.table-chrome, .table-chrome.table-row-expanding { + border: none; + } +.table-chrome > thead > tr > th { + font-weight: normal; + background-color: #E1E6EB; + border-right: 1px solid #FFFFFF; + border-bottom: none; + -webkit-box-shadow: none; + box-shadow: none; + } +.table-chrome > thead > tr > th:last-child { + border-right: none; + } +/* sorting */ +.table-chrome .sorts { + border-bottom: none; + } +/* saf3+, chrome1+ */ +@media screen and (-webkit-min-device-pixel-ratio:0) { + /* fix table headers */ + .table-chrome > thead > tr > th { position: relative; } +} +/*************************************************************************************************/ +/* HOVER EFFECT */ +/*************************************************************************************************/ +.table-hover > tbody > tr > td, .table-hover > tbody > tr > th { + -webkit-transition: background 0.05s; + transition: background 0.05s; + } +.table-hover > tbody > tr:hover > td, + .table-hover > tbody > tr:hover > th { + background-color: #ECF8FF !important; + } +/*************************************************************************************************/ +/* TABLE CELL SIZING */ +/*************************************************************************************************/ +/* Reset default grid behavior */ +table td[class*="span"], +table th[class*="span"], +.row-fluid table td[class*="span"], +.row-fluid table th[class*="span"] { + display: table-cell; + float: none; /* undo default grid column styles */ + margin-left: 0; /* undo default grid column styles */ +} +/* Change the column widths to account for td/th padding */ +.table td.span1, .table th.span1 { float: none; /* undo default grid column styles */ width: 44px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } +.table td.span2, .table th.span2 { float: none; /* undo default grid column styles */ width: 124px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } +.table td.span3, .table th.span3 { float: none; /* undo default grid column styles */ width: 204px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } +.table td.span4, .table th.span4 { float: none; /* undo default grid column styles */ width: 284px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } +.table td.span5, .table th.span5 { float: none; /* undo default grid column styles */ width: 364px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } +.table td.span6, .table th.span6 { float: none; /* undo default grid column styles */ width: 444px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } +.table td.span7, .table th.span7 { float: none; /* undo default grid column styles */ width: 524px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } +.table td.span8, .table th.span8 { float: none; /* undo default grid column styles */ width: 604px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } +.table td.span9, .table th.span9 { float: none; /* undo default grid column styles */ width: 684px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } +.table td.span10, .table th.span10 { float: none; /* undo default grid column styles */ width: 764px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } +.table td.span11, .table th.span11 { float: none; /* undo default grid column styles */ width: 844px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } +.table td.span12, .table th.span12 { float: none; /* undo default grid column styles */ width: 924px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } +/*************************************************************************************************/ +/* FOCUS EFFECT */ +/* Add focus back in, needs to come last */ +/*************************************************************************************************/ +.table > tbody > tr.even > td:focus, .table > tbody > tr.odd > td:focus { + -webkit-box-shadow: none; + box-shadow: none; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none;} +.table > tbody > tr.even > td:focus:active:not([disabled]), .table > tbody > tr.odd > td:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.table > tbody > tr.even > td:focus, .table > tbody > tr.odd > td:focus { + -webkit-box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; + box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; +} +.table > tbody > tr:focus, + .table > tbody > tr.even:focus, + .table > tbody > tr.odd:focus { + outline: none; + } +.table > tbody > tr:focus > td, .table > tbody > tr.even:focus > td, .table > tbody > tr.odd:focus > td { + -webkit-box-shadow: none; + box-shadow: none; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none;} +.table > tbody > tr:focus > td:active:not([disabled]), .table > tbody > tr.even:focus > td:active:not([disabled]), .table > tbody > tr.odd:focus > td:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.table > tbody > tr:focus > td, .table > tbody > tr.even:focus > td, .table > tbody > tr.odd:focus > td { + -webkit-box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; + box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; +} +/*************************************************************************************************/ +/* TABLE BACKGROUNDS */ +/* Exact selectors below required to override .table-striped */ +/*************************************************************************************************/ +.table tbody tr.success > td { + background-color: #DDECDD; + } +.table tbody tr.error > td { + background-color: #F8DCD9; + } +.table tbody tr.warning > td { + background-color: #FEF2D7; + } +.table tbody tr.info > td { + background-color: #CCE2EB; + } +/* Hover states for .table-hover */ +.table-hover tbody tr.success:hover > td { + background-color: rgb(206, 227, 206); + } +.table-hover tbody tr.error:hover > td { + background-color: rgb(244, 200, 195); + } +.table-hover tbody tr.warning:hover > td { + background-color: rgb(253, 234, 190); + } +.table-hover tbody tr.info:hover > td { + background-color: rgb(185, 216, 228); + } +/* EMBEDDED TABLES */ +/* -------------------- */ +/* tables that appear within other tables. */ +.table-embed { + width: 100%; + border: 0; +} +.table-embed td { + border-bottom: 1px dashed #C3CBD4; + border-left: 0; + padding: 0; + background-color: transparent !important; + } +.table-embed td:first-child { + padding-right: 10px; + } +/*************************************************************************************************/ +/* ROW EXPANDING */ +/*************************************************************************************************/ +.table-row-expanding { + width: 100%; + table-layout: fixed; + margin-bottom: -1px; + border-bottom: 1px solid #C3CBD4; +} +.table-row-expanding > tbody > tr > td.expands { + cursor: pointer; + border-right: 1px solid #FFFFFF; + padding: 0; + } +.table-row-expanding > tbody > tr > td.expands.disabled { + color: #C3CBD4; + cursor: default; + } +.table-row-expanding > tbody > tr > td.expands.disabled > span, .table-row-expanding > tbody > tr > td.expands.disabled a { + color: inherit; + cursor: inherit; + } +.table-row-expanding > tbody > tr > td.expands > span, .table-row-expanding > tbody > tr > td.expands a, .table-row-expanding > tbody > tr > td.expands > i { + color: #3C444D; + display: block; + padding: 6px 10px; + width: 15px; + height: 100%; + text-decoration: none; + text-align: center; + } +.table-row-expanding > tbody > tr > td.expands a:focus { + -webkit-box-shadow: none; + box-shadow: none; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.table-row-expanding > tbody > tr > td.expands a:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.table-row-expanding > tbody > tr > td.expands a:focus { + -webkit-box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; + box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; +} +.table-row-expanding > tbody > tr > td > .btn-combo { + margin: -4px 5px -6px 20px; + } +.table-row-expanding > tbody > tr > td > .btn-combo:first-child { + margin-left: 0; + } +.table-row-expanding > tbody > tr > td.title > a, .table-row-expanding > tbody > tr > td.title > span { + margin: -6px -12px; + padding: 6px 12px; + display: block; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + font-size: 14px; + line-height: 20px; + } +.table-row-expanding > tbody > tr > td.title > a:focus, .table-row-expanding > tbody > tr > td.title > span:focus { + -webkit-box-shadow: none; + box-shadow: none; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.table-row-expanding > tbody > tr > td.title > a:focus:active:not([disabled]), .table-row-expanding > tbody > tr > td.title > span:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.table-row-expanding > tbody > tr > td.title > a:focus, .table-row-expanding > tbody > tr > td.title > span:focus { + -webkit-box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; + box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; +} +.table-row-expanding > tbody > tr > td.title > .disabled { + color: #C3CBD4; + } +.table-row-expanding > tbody > tr > td:focus { + -webkit-box-shadow: none; + box-shadow: none; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.table-row-expanding > tbody > tr > td:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.table-row-expanding > tbody > tr > td:focus { + -webkit-box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; + box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; +} +/* TODO unify these class names */ +.table-row-expanding > tbody > tr.more-info, .table-row-expanding > tbody > tr.info-row > td { + border-top: none; + background-color: #ECF8FF; + } +/* style for an extra row inserted in the expanded state */ +.table-row-expanding > tbody > tr.expanded > td { + background-color: #ECF8FF; + } +.table-row-expanding > tbody > tr.expanded > td.title > a { + white-space: normal; + } +.table-row-expanding th.col-info { + width: 15px; + padding-left: 10px; + padding-right: 10px; + text-align: center; + vertical-align: top; + font-size: 100%; + border-right: 1px solid #FFFFFF; + } +.table-row-expanding th.col-info a { + text-decoration: none; + color: #000000; + -webkit-box-shadow: none; + box-shadow: none; + } +.table-row-expanding th.col-info .icon-info { + width: 15px; + display: block; + } +.table-row-expanding td.expands:hover:not(.disabled), .table-row-expanding td.col-info:hover:not(.disabled) { + border-right: 1px solid #FFFFFF !important; + } +.table-row-expanding td.expands:hover:not(.disabled) a > i, .table-row-expanding td.col-info:hover:not(.disabled) a > i { + color: #006EAA; + } +.table-row-expanding td.expands.disabled:hover, .table-row-expanding td.col-info.disabled:hover { + background-color: inherit !important; + } +.table-row-expanding td.expands .icon-triangle-right-small:before { + content: "\203A"; + } +.table-row-expanding td.expands .icon-triangle-down-small:before { + content: "\2C5"; + } +/* remove sorting icons for info column */ +.table-chrome .sorts th.col-info:after { + content: ""; + } +.table-padded { + padding: 0 20px; +} +/*************************************************************************************************/ +/* SPECIAL COLUMNS AND CELLS */ +/* Custom styles for row numbers */ +/*************************************************************************************************/ +td.row-number, +th.row-number { + width: 1px; +} +td.row-number, td.line-num { + text-align: right; + color: #171D21; +} +/* custom styles for numeric value cells */ +th.numeric, td.numeric { + text-align: right +} +td.end-group { + border-right: 1px solid #FFFFFF; +} +/*************************************************************************************************/ +/* DOCKING AND STATIC TABLE HEADERS */ +/* Class for docking table header and scroll bar */ +/*************************************************************************************************/ +.header-table-docked { + position: fixed; + top: 0; + z-index: 405; + overflow: hidden; + -webkit-box-shadow: 0 2px 4px #C3CBD4; + box-shadow: 0 2px 4px #C3CBD4; + background: #FFFFFF; +} +.header-table-docked > .disable { + display: block; + position: absolute; + top: 0px; + right: 0px; + bottom: 0px; + left: 0px; + background-color: #5C6773; + opacity: 0.30; + } +.header-table-docked > table { + table-layout: fixed; + margin-bottom: 0; + /* SPL-71945, this prevents the last header cell from appearing un-styled in Firefox and IE */ + max-width: inherit; + } +.main-section > .header-table-docked, .table-padded > .header-table-docked { + width: calc(100% - 40px); + margin-left: 20px !important; + } +.table-scroll-bar-docked { + position: fixed; + bottom: 0; + left: 0; + right: 0; + overflow-x: auto; +} +/* class for static table header and scroll bar */ +.header-table-static { + height: 0; + position: relative; + z-index: 405; +} +.header-table-static > table { + margin-bottom: 0; + } +.header-table-wrapper { + overflow: hidden; + border-bottom: 1px solid #E1E6EB; +} +.header-table-wrapper .table { + margin-bottom: 0; + } +/* need to clean up these two classes to make sense */ +.scroll-table-wrapper { /* used on dashboards and embedded tables, the wrapper scrolls horz and vert */ + height: 380px; /* override */ + width: 100%; + overflow: auto; +} +.scrolling-table-wrapper { /* tables that will scroll horizontally */ + width: 100%; + overflow-x: auto; + position: relative; +} +/* tables that will scroll vertically, up to consumer to set height or max-height */ +.vertical-scrolling-table-wrapper { + width: 100%; + overflow-y: auto; +} +/*************************************************************************************************/ +/* MODALIZING ROWS */ +/*************************************************************************************************/ +.modalize-table-top, .modalize-table-bottom, .modalize-table-overlay { + position: absolute; + left: 0; + background-color: #5C6773; + opacity: 0.30; +} +.modalize-table-top { + top: 0; +} +.modalize-table-bottom { + bottom: 0; +} +.modalize-table-overlay { + position: fixed; + top: 0; + bottom: 0; + right: 0; +} +/*************************************************************************************************/ +/* DRILLDOWN */ +/*************************************************************************************************/ +.table-drilldown > tbody > tr > td { + color: #006EAA; +} +.table-drilldown > tbody > tr > td:hover { + color: #006EAA; + } +/* reset for row # */ +.table-drilldown > tbody > tr > td.row-number { + color: #6b7785; + } +.table-drilldown-row > tbody > tr:hover > td { + color: #006EAA; +} +/* reset for row # */ +.table-drilldown-row > tbody > tr:hover > td.row-number { + color: #6b7785; + } +.table-drilldown-cell > tbody > tr > td:hover .multivalue-subcell { + color: #006EAA; + } +.table-drilldown-cell > tbody > tr > td:hover .multivalue-subcell:hover { + color: #006EAA; + } +/*************************************************************************************************/ +/* MISC */ +/*************************************************************************************************/ +/* misc hacks that should probably never been added */ +.ui-grid-head-table, +.ui-grid-body-table { + margin-bottom: 0; +} +/* table-scroll? */ +.table-scroll tbody { + max-height: 200px; + overflow-y: scroll; + } +/* just the row borders */ +.table-border-row { + border-top: 1px solid #E1E6EB; +} +.table-border-row th, .table-border-row td { + border-top: 1px solid #E1E6EB; + } +/* fixed width tables */ +.table-fixed { + table-layout: fixed; +} +.table-fixed tr > td:first-child { + max-width: 300px; + word-break: break-all; + } +/* remove the sorting icons for the row number column */ +.table-chrome .sorts th.row-number:after { + content: ""; + } +/* Print */ +/* -------------------------------------------------- */ +@media print { + body table { + max-width: 100% !important; + width: 100% !important; + overflow: hidden !important; + table-layout: auto !important; + } + body .scrolling-table-wrapper, body .results-wrapper, body .results-table, body .events-viewer-wrapper { + max-width: 100% !important; + width: 100% !important; + overflow: hidden !important; + } + body td, + body th { + background: none !important; + word-break: break-all !important; + word-wrap: break-word !important; + overflow-wrap: break-word !important; + white-space: normal !important; + width: auto !important; + page-break-inside:auto; + } + body .table-chrome .sorts:after { + content: ''; + } + body .header-table-docked, + body .table-scroll-bar-docked { + display: none !important; + } +} +body.print table { + max-width: 100% !important; + width: 100% !important; + overflow: hidden !important; + table-layout: auto !important; + } +body.print .scrolling-table-wrapper, body.print .results-wrapper, body.print .results-table, body.print .events-viewer-wrapper { + max-width: 100% !important; + width: 100% !important; + overflow: hidden !important; + } +body.print td, + body.print th { + background: none !important; + word-break: break-all !important; + word-wrap: break-word !important; + overflow-wrap: break-word !important; + white-space: normal !important; + width: auto !important; + page-break-inside:auto; + } +body.print .table-chrome .sorts:after { + content: ''; + } +body.print .header-table-docked, + body.print .table-scroll-bar-docked { + display: none !important; + } +/*===============================================================================================*/ +/* SPLUNK: TABLE CAPTIONS */ +/* The count, filters and pagination that appear above a listing. */ +/*===============================================================================================*/ +.table-caption, +.table-caption-inner { + min-height: 42px; + text-align: center; + margin-bottom: 5px; +} +.table-caption-inner.affix-top { + left: 0; + top: 0; + right: 0; + background-color: #F2F4F5; + z-index: 405; + position: fixed; +} +.table-caption h3, .table-caption span.shared-collectioncount { + font-size: 14px; + font-weight: normal; + float: left; + padding-left: 20px; + line-height: 42px; + margin: 0; + min-width: 140px; + text-align: left; + } +.table-caption .shared-waitspinner { + float: left; + width: 14px; + height: 14px; + margin: 12px 5px 2px 0; + } +.table-caption form.shared-tablecaption-input { + display: inline-block; + margin: 5px 0; + } +.table-caption form.shared-tablecaption-input input { + width: 250px; + } +.table-caption .btn-group { + display: inline-block; + margin-right: 10px; + } +.table-caption .pagination { + min-width: 150px; + margin: 5px 20px 0 20px; + } +/*************************************************************************************************/ +/* FILTER FORMS */ +/*************************************************************************************************/ +.shared-tablecaption-input { + position: relative; +} +.table-caption div.shared-controls-controlgroup { + display: inline-block; + margin: 0px 10px 0px 0; +} +.table-caption .pagination { + min-width: 150px; + margin: 5px 20px 0 20px; +} +/*===============================================================================================*/ +/* SPLUNK: STANDARD TOUR */ +/*===============================================================================================*/ +.tourbar { + background-color: #171D21; + min-height: 46px; + position: relative; +} +.tourbar .info-container { + margin: 0px 200px; + padding: 10px; + background-color: #3C444D; + min-height: 26px; + } +.tourbar .info-container .info { + font-size: 14px; + color: #E1E6EB; + } +.tourbar .btn { + background: transparent; + -webkit-filter: none; + filter: none; + border-color: #C3CBD4; + color: #E1E6EB; + text-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; + top: 50%; + margin-top: -13px; + position: absolute; + } +.tourbar .btn.next { + right: 158px; + } +.tourbar .btn.previous { + left: 158px; + } +.tourbar .btn.close-btn { + right: 10px; + } +.tourbar .close-container { + float: right; + margin: 10px 25px 10px 25px; + } +.tourbar .next-container { + float: right; + margin: 10px 0px 10px 25px; + } +.tourbar .previous-container { + float: left; + margin: 10px 25px; + } +.tour-highlight { + position: relative; +} +.tour-highlight::after { + content: ""; + position: absolute; + right: -20px; + top: -20px; + height: 30px; + width: 30px; + z-index: 99999; + + background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDIwIDIwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDx0aXRsZT5VbnRpdGxlZCAyPC90aXRsZT4KICAgIDxkZXNjcmlwdGlvbj5DcmVhdGVkIHdpdGggU2tldGNoIChodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gpPC9kZXNjcmlwdGlvbj4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPgogICAgICAgIDxwYXRoIGQ9Ik02LjcxNDQ2NjA5LDYuNzE0NDY2MDkgTDAsMCBMMCwyMCBMMjAsMjAgTDEzLjc4NTUzMzksMTMuNzg1NTMzOSBMMjAuMDQ1OTQxNSw3LjUyNTEyNjI3IEwxMi45NzQ4NzM3LDAuNDU0MDU4NDU0IEw2LjcxNDQ2NjA5LDYuNzE0NDY2MDkgWiIgaWQ9IlRyaWFuZ2xlLTEiIGZpbGw9IiNEODVEM0MiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+); + + background-size: 30px 30px; + -webkit-animation: highlightedElementAnimation 2s infinite alternate; + animation: highlightedElementAnimation 2s infinite alternate; + } +@-webkit-keyframes highlightedElementAnimationFrames { + from { right: -20px; top: -20px; } + to { right: -30px; top: -30px; } +} +@keyframes highlightedElementAnimationFrames { + from { right: -20px; top: -20px; } + to { right: -30px; top: -30px; } +} +/* IMAGE TOUR CAROUSEL */ +.image-tour-container .carousel { + width: 960px; + height: 718px; + background: #3C444D; + margin-bottom: 0; + } +.image-tour-container .carousel .carousel-control { + top: 52%; + background: none; + border: none; + color: #5CC05C; + opacity: 1; + left: 45px; + font-size: 48px; + z-index: 60; + } +.image-tour-container .carousel .carousel-control polygon { + fill: #5CC05C; + } +.image-tour-container .carousel .carousel-control:hover polygon{ + fill: #7ECD7E; + } +.image-tour-container .carousel .carousel-control.disabled { + display: none; + } +.image-tour-container .carousel .carousel-control:focus { + -webkit-box-shadow: none; + box-shadow: none; + } +.image-tour-container .carousel .carousel-control.right { + right: 45px; + left: auto; + } +.image-tour-container .carousel .carousel-indicators { + bottom: 18px; + top: inherit; + right: 50%; + -webkit-transform: translate(50%, 0); + transform: translate(50%, 0); + z-index: 60; + } +.image-tour-container .carousel .carousel-indicators li { + height: 6px; + width: 6px; + cursor: pointer; + background: #818D99; + border: none; + margin-left: 10px; + margin-bottom: 0px; + } +.image-tour-container .carousel .carousel-indicators li.active { + background-color: #5CC05C; + } +.image-tour-container .carousel .carousel-indicators li:first-child { + margin-left: 0; + } +.image-tour-container .carousel .item { + width: 960px; + height: 716px; + } +.image-tour-container .carousel .item img { + width:100%; + } +.image-tour-container .carousel .item.active img:hover { + cursor: pointer; + } +.image-tour-container .carousel .help-link { + position: absolute; + width: 150px; + height: 30px; + top: 122px; + left: 563px; + } +.image-tour-container .carousel a#splunk-answers { + top: 160px; + left: 504px; + width: 140px; + } +.image-tour-container .tour-links { + position: absolute; + top: 15px; + right: 5px; + padding: 5px; + text-align: right; + z-index: 50; + font-size: 12px; + } +.image-tour-container .tour-links a { + color: #FFFFFF; + margin-left: 15px; + } +.image-tour-container .tour-links a:hover { + text-decoration: underline; + } +.image-tour-container .welcome-slide { + position: absolute; + top: 0; + left: 0; + z-index: 100; + } +.image-tour-container .tour-btn { + background: rgba(0, 0, 0, 0.3); + position: absolute; + top: 300px; + left: 50%; + padding: 30px 40px; + font-size: 30px; + color: #FFFFFF; + cursor: pointer; + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); + } +.image-tour-container .start-tour, + .image-tour-container .exit-tour { + color: #5CC05C; + } +.image-tour-container .tour-gutter { + background: rgba(60, 68, 77, 0.9); + height: 132px; + width: 962px; + font-size: 16px; + color: #FFFFFF; + position: absolute; + bottom: 0px; + z-index: 50; + left: 50%; + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); + } +.image-tour-container .tour-gutter div.gutter-text { + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + margin: 0 auto; + position: relative; + top: 50%; + line-height: 150%; + width: 720px; + text-align: center; + } +.image-tour-container .tour-gutter a { + color: #FFFFFF; + text-decoration: underline; + } +.image-tour-container .carousel-assets { + position: absolute; + height: 132px; + width: 960px; + bottom: 0; + } +.image-tour-container .next-tour, + .image-tour-container .try-it-now { + display: none; + } +.image-tour-container .try-it-now { + position: absolute; + right: 30px; + z-index: 500; + bottom: 50px; + } +@media only screen and (max-height: 750px) { + .image-tour-container .carousel-assets, + .image-tour-container .tour-gutter { + position: fixed; + } + .image-tour-container .carousel-assets { + bottom: -132px; + z-index: 60; + } + .image-tour-container .carousel-assets .carousel-control { + top: inherit; + bottom: 175px; + } + .image-tour-container .carousel-assets .carousel-indicators { + bottom: 150px; + } + .image-tour-container .carousel-assets .tour-links { + top: inherit; + bottom: 220px; + } + .image-tour-container .carousel-assets .try-it-now { + top: inherit; + bottom: 180px; + } +} +/* IMAGE TOUR MODAL */ +.image-tour .tour-modal { + width: 960px; + margin-left: -480px; + height: 716px; + background: #3C444D; + z-index: 1061; +} +.image-tour .tour-modal.fade.in { + top: 15px; + } +.modal-backdrop.tour-backdrop.fade { + background: #3C444D; + z-index: 1060; +} +.modal-backdrop.tour-backdrop.fade.in { + opacity: 1; + background: #3C444D; + } +.shared-tour-producttours.modal, .shared-tour-imagetour.modal, .shard-interactivetour.modal { + background-clip: border-box; + } +.shared-tour-producttours.modal .modal-header, .shared-tour-imagetour.modal .modal-header, .shard-interactivetour.modal .modal-header { + padding-bottom: 10px; + } +.shared-tour-producttours.modal .modal-body, .shared-tour-imagetour.modal .modal-body, .shard-interactivetour.modal .modal-body { + padding: 0 10px 10px; + border-top: 0; + } +.shared-tour-producttours.modal .modal-body:last-child, .shared-tour-imagetour.modal .modal-body:last-child, .shard-interactivetour.modal .modal-body:last-child { + max-height: none; + } +/* INTERACTIVE TOUR */ +.introjs-overlay { + position: absolute; + z-index: 999999; + background-color: #000000; + opacity: 0; + background: radial-gradient(center,ellipse cover,rgba(0, 0, 0, 0.4) 0,rgba(0, 0, 0, 0.9) 100%); +} +.introjs-fixParent { + z-index: auto !important; + opacity: 1.0 !important; + position: absolute !important; + -webkit-transform: none !important; + transform: none !important; + display: block !important; +} +.introjs-showElement, +tr.introjs-showElement > td, +tr.introjs-showElement > th { + z-index: 9999999 !important; +} +.introjs-disableInteraction { + z-index: 99999999 !important; + position: absolute; +} +a.introjs-showElement { + display: inline-block !important; +} +.introjs-relativePosition, +tr.introjs-showElement > td, +tr.introjs-showElement > th { + position: relative; +} +.introjs-helperLayer { + position: absolute; + z-index: 9999998; + background-color: rgba(255, 255, 255, 0.9); + border: 1px solid rgba(0, 0, 0, 0.5); + border-radius: 4px; + -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4); + box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4); +} +.introjs-tooltipReferenceLayer { + position: absolute; + z-index: 10000000; + background-color: transparent; +} +.introjs-helperLayer *, +.introjs-helperLayer *:before, +.introjs-helperLayer *:after { + -webkit-box-sizing: content-box; + box-sizing: content-box; +} +.introjs-helperNumberLayer { + position: absolute; + top: -16px; + left: -16px; + z-index: 9999999999 !important; + padding: 2px; + font-size: 13px; + font-weight: bold; + color: white; + text-align: center; + text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); + background: -webkit-gradient(linear, left top, left bottom, from(#DC4E41), to(#F7F8FA)); + background: linear-gradient(to bottom, #DC4E41 0%, #F7F8FA 100%); + width: 20px; + height:20px; + line-height: 20px; + border: 3px solid white; + border-radius: 50%; + -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); +} +.introjs-arrow { + border: 8px solid rgba(60, 68, 77, 0.9); + content:''; + position: absolute; +} +.introjs-arrow.top { + top: -15px; + border-top-color:transparent; + border-right-color:transparent; + border-bottom-color: rgba(60, 68, 77, 0.9); + border-left-color:transparent; +} +.introjs-arrow.top-right { + top: -15px; + right: 10px; + border-top-color:transparent; + border-right-color:transparent; + border-bottom-color: rgba(60, 68, 77, 0.9); + border-left-color:transparent; +} +.introjs-arrow.top-middle { + top: -15px; + left: 50%; + margin-left: -5px; + border-top-color:transparent; + border-right-color:transparent; + border-bottom-color: rgba(60, 68, 77, 0.9); + border-left-color:transparent; +} +.introjs-arrow.right { + right: -15px; + top: 15px; + border-top-color:transparent; + border-right-color:transparent; + border-bottom-color:transparent; + border-left-color: rgba(60, 68, 77, 0.9); +} +.introjs-arrow.right-bottom { + bottom:10px; + right: -15px; + border-top-color:transparent; + border-right-color:transparent; + border-bottom-color:transparent; + border-left-color: rgba(60, 68, 77, 0.9); +} +.introjs-arrow.bottom { + bottom: -15px; + border-top-color: rgba(60, 68, 77, 0.9); + border-right-color:transparent; + border-bottom-color:transparent; + border-left-color:transparent; +} +.introjs-arrow.left { + left: -15px; + top: 10px; + border-top-color:transparent; + border-right-color: rgba(60, 68, 77, 0.9); + border-bottom-color:transparent; + border-left-color:transparent; +} +.introjs-arrow.left-bottom { + left: -15px; + bottom:10px; + border-top-color:transparent; + border-right-color: rgba(60, 68, 77, 0.9); + border-bottom-color:transparent; + border-left-color:transparent; +} +.introjs-tooltip { + position: absolute; + padding: 40px 60px 10px; + text-align: center; + color: #FFFFFF; + background-color: rgba(60, 68, 77, 0.9); + min-width: 400px; + max-width: 500px; + border-radius: 0; + -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4); + box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4); +} +.introjs-tooltiptext a { + color: #FFFFFF; + text-decoration: underline; +} +.introjs-tooltipbuttons { + text-align: right; + white-space: nowrap; +} +.introjs-button { + overflow: visible; + padding: 5px; + margin: 0; + color: #5CC05C; + fill: #5CC05C; + text-decoration: none; + font-size: 25px; + cursor: pointer; + outline: none; + position: absolute; + top: 50%; + -webkit-transform: translate(0, -45%); + transform: translate(0, -45%); +} +.introjs-button:hover polygon{ + fill: rgb(130, 206, 130); + } +.introjs-button.introjs-disabled { + display: none; + } +.introjs-button:focus { + -webkit-box-shadow: none; + box-shadow: none; + background: none; + } +.introjs-tooltiplinks { + position: absolute; + top: 10px; + right: 5px; +} +.introjs-skipbutton, +.introjs-nexttourbutton { + font-size: 12px; + color: #FFFFFF; + position: relative; +} +.introjs-skipbutton:hover, .introjs-nexttourbutton:hover { + color: #FFFFFF; + } +.introjs-skipbutton:focus, .introjs-nexttourbutton:focus { + color: #FFFFFF; + } +.introjs-skipbutton.done { + color: #5CC05C; +} +.introjs-prevbutton { + left: 10px; +} +.introjs-nextbutton { + right: 10px; +} +.introjs-disabled, +.introjs-disabled:hover, +.introjs-disabled:focus { + color: #818D99; + -webkit-box-shadow: none; + box-shadow: none; + cursor: default; + background-image: none; + text-decoration: none; +} +.introjs-bullets { + text-align: center; + padding-top: 30px; +} +.introjs-bullets ul { + clear: both; + margin: 15px auto 0; + padding: 0; + display: inline-block; +} +.introjs-bullets ul li { + list-style: none; + float: left; + margin: 0 5px; + } +.introjs-bullets ul li a { + display: block; + width: 6px; + height: 6px; + background: #C3CBD4; + border-radius: 10px; + text-decoration: none; + } +.introjs-bullets ul li a.active { + background: #5CC05C; + } +.introjs-progress { + overflow: hidden; + height: 10px; + margin: 10px 0 5px 0; + border-radius: 4px; + background-color: #E1E6EB; +} +.introjs-progressbar { + float: left; + width: 0%; + height: 100%; + font-size: 10px; + line-height: 10px; + text-align: center; + background-color: #006D9C; +} +.introjsFloatingElement { + position: absolute; + height: 0; + width: 0; + left: 50%; + top: 50%; +} +.introjs-tooltiptext { + font-size: 16px; + line-height: 24px; +} +/* tour links in product tours modal */ +.tours-links { + text-align: center; + margin: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} +.tours-links li { + position: relative; + list-style: none; + margin-bottom: 20px; + display: inline-block; + text-align: center; + } +.tours-links .mask { + position:absolute; + top:0; + bottom:0; + left: 0; + right: 0; + opacity:0; + border-radius: 3px; + cursor: pointer; + background-color: #5CC05C; + -webkit-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; + } +.tours-links .mask:hover { + opacity:0.1; + } +.tours-links .svg-wrapper { + height: 84px; + padding: 10px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + } +.tours-links .svg-wrapper svg { + width: 84px; + fill: #5CC05C; + } +.tour-link { + position: relative; + padding: 10px; + margin: 10px; + display: inline-block; + color: #3C444D !important; + font-weight: 500; + -webkit-box-flex: 1; + -ms-flex: 1 1 0px; + flex: 1 1 0; + max-width: 25%; + -webkit-transition: opacity 0.125s, background 0.05s; + transition: opacity 0.125s, background 0.05s; +} +.tour-link:hover { + background: rgba(195, 203, 212, 0.1); + text-decoration: none; + } +.tour-link:focus { + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.tour-link:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.tour-link i { + height: 84px; + padding: 32px 40px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + font-size: 76px; + line-height: 60px; + color: #5CC05C; + } +/* Components: common */ +/*===============================================================================================*/ +/* SPLUNK: ICONS */ +/* Override bootstrap glyph icons and replace with custom font icons loosely based on */ +/* [FontAwesome](http://fortawesome.github.com/Font-Awesome/) see splunk */ +/* [styleguide](http://localhost:8000/static/style-guide.html) for more details */ +/*===============================================================================================*/ +/*----------------------------------------------*/ +/* Make Icon Class: */ +/* .icon-[icon name] */ +/* @params: */ +/* Icon Name */ +/* Content */ +/*----------------------------------------------*/ +/*----------------------------------------------*/ +/* Make Icon Class + Font Smoothing */ +/*----------------------------------------------*/ +/*----------------------------------------------*/ +/* Make Icon Class + Margin Right */ +/*----------------------------------------------*/ +/*----------------------------------------------*/ +/* Make Icon Class + Font Family Inherit */ +/*----------------------------------------------*/ +/*************************************************************************************************/ +/* ICON FONT FACE */ +/*************************************************************************************************/ +[class^="icon-"]:before, +[class*=" icon-"]:before { + font-family: "Splunk Icons"; + font-style: normal; + font-weight: normal; + text-decoration: inherit; + line-height: inherit; +} +a [class^="icon-"], +a [class*=" icon-"] { + display: inline-block; + text-decoration: none; + line-height: inherit; +} +/* makes the font 33% larger relative to the icon container */ +.icon-large { + font-size: 1.3333333333333333em; + vertical-align: middle; +} +/*************************************************************************************************/ +/* UTILS & HELPERS */ +/*************************************************************************************************/ +/* utility for setting font-family */ +/* TODO: is this used? or needed? */ +.font-icon { + font-family: "Splunk Icons"; + font-size: inherit; + line-height: inherit; +} +.icon-no-underline:first-child { + padding-right: 0.3em; + } +.icon-no-underline:last-child { + padding-left: 0.3em; + } +.icon-no-underline:first-child:last-child { + padding-right: 0; + padding-left: 0; + } +.icon-no-underline:before { + text-decoration: none; + } +.padded-icon { + margin-right: 0.5em; +} +/*image replace helper*/ +.ir { + position: relative; + display: inline-block; + min-width: 0.5em; + text-indent: -9999px; + outline:none; +} +/* vertical-align:middle; */ +.ir:before { + position: absolute; + top: 0; + left: 0; /* Firefox needs to be explicit here */ + text-indent: 0; + } +/*************************************************************************************************/ +/* FONT ICONS */ +/* When possible we should use the Unicode Private Use Area (PUA) to ensure screen readers do */ +/* not read off random characters that represent icons. */ +/* convert this ... */ +/* .icon-share:before { */ +/* content: "\EC83 "; */ +/* } */ +/* into this */ +/*
  • */ +/* Search: */ +/* \.(icon-[^:]+).* */ +/* Replace: */ +/*
  • */ +/*************************************************************************************************/ +/* example + Check - + Check +*/ +/* Splunk logo */ +.icon-splunk:before { + content: "splunk"; + } +.icon-greater:before { + content: ">"; + } +.icon-hunk:before { + content: "\F000"; + } +.icon-enterprise:before { + content: "\F001"; + } +.icon-cloud-logo:before { + content: "\F002"; + } +.icon-splunk-light:before { + content: "\F003"; + } +/* Shapes */ +.icon-circle:before { + content: "\ECD0"; + } +.icon-circle-filled:before { + content: "\25CF"; + } +.icon-box-filled:before { + content: "\25A0"; + } +.icon-triangle-up-small:before { + content: "\25B4"; + } +.icon-triangle-right:before { + content: "\25B6"; + } +.icon-triangle-right-small:before { + content: "\25B8"; + } +.icon-triangle-down:before { + content: "\25BC"; + } +.icon-triangle-down-small:before { + content: "\25BE"; + } +.icon-triangle-left:before { + content: "\25C0"; + } +.icon-triangle-left-small:before { + content: "\25C2"; + } +/* Arrows & Pointers */ +.icon-arrow-up:before { + content: "\EC01"; + } +.icon-arrow-right:before { + content: "\27A1"; + } +.icon-arrow-down:before { + content: "\EC02"; + } +.icon-arrow-left:before { + content: "\EC00"; + } +.icon-two-arrows-cycle:before { + content: "\EC12"; + } +.icon-external:before { + content: "\EC13"; + } +.icon-rotate-counter:before { + content: "\21BA"; + } +.icon-rotate:before { + content: "\21BB"; + } +.icon-location:before { + content: "\EC80"; + } +.icon-chevron-left:before { + content: "\2039"; + } +.icon-chevron-right:before { + content: "\203A"; + } +.icon-chevron-up:before { + content: "\2C4"; + } +.icon-chevron-down:before { + content: "\2C5"; + } +/* Actions */ +.icon-trash:before { + content: "\EC66"; + } +.icon-share:before { + content: "\27A6"; + } +.icon-export:before { + content: "\EC68"; + } +.icon-print:before { + content: "\EC89"; + } +.icon-search:before { + content: "\EC9B"; + } +.icon-search-thin:before { + content: "\ECC2"; + } +.icon-pivot:before { + content: "\EC12"; + } +.icon-clone:before { + content: "\ECE8"; + } +.icon-pause:before { + content: "\EC50"; + } +.icon-stop:before { + content: "\25A0"; + } +.icon-play:before { + content: "\25B6"; + } +.icon-sort:before { + content: "\2195"; + } +.icon-sorted-up:before { + content: "\21A5"; + } +.icon-sorted-down:before { + content: "\21A7"; + } +.icon-minus:before { + content: "\2212"; + } +.icon-minus-circle:before { + content: "\2296"; + margin-right: 0.25em + } +.icon-plus:before { + content: "+"; + } +.icon-plus-circle:before { + content: "\2295"; + } +.icon-x:before { + content: "\2717"; + } +.icon-x-circle:before { + content: "\2297"; + } +.icon-close:before { + content: "\2717"; + } +.icon-cancel:before { + content: "\2717"; + } +.icon-collapse-left:before { + content: "\ECE0"; + } +.icon-expand-right:before { + content: "\ECE1"; + } +/* Concepts */ +.icon-activity:before { + content: "\ECAE"; + } +.icon-string:before { + content: "a"; + } +.icon-number:before { + content: "#"; + } +.icon-text:before { + content: "\ECD9"; + } +.icon-not-allowed:before { + content: "\EC9E"; + } +.icon-data:before { + content: "\ECA4"; + } +.icon-data-input:before { + content: "\ECA3"; + } +.icon-settings:before { + content: "\ECA5"; + } +.icon-distributed-environment:before { + content: "\ECA6"; + } +.icon-visible:before { + content: "\ECC0"; + } +.icon-hidden:before { + content: "\ECC1"; + } +.icon-boolean:before { + content: "\ECD2"; + } +.icon-menu:before { + content: "\EC56"; + } +.icon-rows:before { + content: "\EC56"; + } +.icon-tiles:before { + content: "\ECF0"; + } +.icon-metric:before { + content: "\ECF5"; + } +.icon-event:before { + content: "\ECF6"; + } +.icon-rollup:before { + content: "\ECF8"; + } +/* Misc */ +.icon-info:before { + content: "i"; + } +.icon-info-circle:before { + content: "I"; + } +.icon-question:before { + content: "?"; + font-family: inherit + } +.icon-question-circle:before { + content: "\EC9D"; + } +.icon-box-unchecked:before { + content: "\2610"; + } +.icon-box-checked:before { + content: "\2611"; + } +.icon-check-circle:before { + content: "\ECD3"; + } +.icon-alert-circle:before { + content: "\ECD4"; + } +.icon-code:before { + content: "\ECD7"; + } +.icon-code-thin:before { + content: "\ECD6"; + } +.icon-alert:before { + content: "\26A0"; + } +.icon-error:before { + content: "\ECE2"; + } +.icon-warning:before { + content: "\26A0"; + } +.icon-fullscreen:before { + content: "\ECF3"; + } +/* Objects */ +.icon-bell:before { + content: "\EC9C"; + } +.icon-bookmark:before { + content: "\ECA1"; + } +.icon-bulb:before { + content: "\EC98"; + } +.icon-calendar:before { + content: "\EC9A"; + } +.icon-check:before { + content: "\2713"; + } +.icon-clock:before { + content: "\231A"; + } +.icon-cloud:before { + content: "\2601"; + } +.icon-flag:before { + content: "\2691"; + } +.icon-gear:before { + content: "\2699"; + } +.icon-lightning:before { + content: "\2301"; + } +.icon-link:before { + content: "\ECF1"; + } +.icon-lock:before { + content: "\EC9F"; + } +.icon-lock-unlocked:before { + content: "\ECA0"; + } +.icon-mail:before { + content: "\2709"; + } +.icon-pencil:before { + content: "\270F"; + } +.icon-speech-bubble:before { + content: "\EC99"; + } +.icon-star:before { + content: "\2605"; + } +.icon-user:before { + content: "\EC84"; + } +.icon-clipboard:before { + content: "\ECD5"; + } +.icon-paintbrush:before { + content: "\ECCA"; + } +.icon-warning-sign:before { + content: "\26A0"; + } +/* Results and Visualizations */ +.icon-chart-area:before { + content: "\ECA9"; + } +.icon-chart-bar:before { + content: "\ECAA"; + } +.icon-chart-column:before { + content: "\ECAB"; + } +.icon-chart-pie:before { + content: "\ECAC"; + } +.icon-chart-scatter:before { + content: "\ECAD"; + } +.icon-chart-bubble:before { + content: "\ECB8"; + } +.icon-chart-line:before { + content: "\ECAE"; + } +.icon-single-value:before { + content: "\ECAF"; + } +.icon-gauge-radial:before { + content: "\ECA2"; + } +.icon-gauge-marker:before { + content: "\ECB0"; + } +.icon-gauge-filler:before { + content: "\ECB1"; + } +.icon-choropleth-map:before { + content: "\ECB9"; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } +.icon-external-viz:before { + content: "\ECF2"; + } +.icon-label-rotation--90:before { + content: "\ECE3"; + } +.icon-label-rotation--45:before { + content: "\ECE4"; + } +.icon-label-rotation-0:before { + content: "\ECE5"; + } +.icon-label-rotation-45:before { + content: "\ECE6"; + } +.icon-label-rotation-90:before { + content: "\ECE7"; + } +.icon-trellis-layout:before { + content: "\F004"; + } +.icon-chart-area-plus-table:before { + content: "\ECA9 + \ECA8"; + } +.icon-chart-bar-plus-table:before { + content: "\ECAA + \ECA8"; + } +.icon-chart-column-plus-table:before { + content: "\ECAB + \ECA8"; + } +.icon-chart-pie-plus-table:before { + content: "\ECAC + \ECA8"; + } +.icon-chart-scatter-plus-table:before { + content: "\ECAD + \ECA8"; + } +.icon-chart-bubble-plus-table:before { + content: "\ECB8 + \ECA8"; + } +.icon-chart-line-plus-table:before { + content: "\ECAE + \ECA8"; + } +.icon-single-value-plus-table:before { + content: "\ECAF + \ECA8"; + } +.icon-gauge-radial-plus-table:before { + content: "\ECA2 + \ECA8"; + } +.icon-gauge-marker-plus-table:before { + content: "\ECB0 + \ECA8"; + } +.icon-gauge-filler-plus-table:before { + content: "\ECB1 + \ECA8"; + } +.icon-location-plus-table:before { + content: "\EC80 + \ECA8"; + } +.icon-choropleth-map-plus-table:before { + content: "\ECB9 + \ECA8"; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } +.icon-external-viz-plus-table:before { + content: "\ECF2 + \ECA8"; + } +/* Formatting */ +.icon-list:before { + content: "\ECA7"; + } +.icon-table:before { + content: "\ECA8"; + } +.icon-bar-beside:before { + content: "\ECB2"; + } +.icon-bar-stacked:before { + content: "\ECB3"; + } +.icon-bar-stacked-100:before { + content: "\ECB4"; + } +.icon-missing-value-skipped:before { + content: "\ECB5"; + } +.icon-missing-value-zero:before { + content: "\ECB6"; + } +.icon-missing-value-join:before { + content: "\ECB7"; + } +/* Documents */ +.icon-folder:before { + content: "\ECE9"; + } +.icon-document:before { + content: "\ECC3"; + } +.icon-report:before { + content: "\ECC3"; + } +.icon-report-search:before { + content: "\ECC4"; + } +.icon-report-pivot:before { + content: "\ECC5"; + } +.icon-dashboard:before { + content: "\ECC6"; + } +.icon-panel:before { + content: "\ECC7"; + } +.icon-panel-search:before { + content: "\ECC8"; + } +.icon-panel-pivot:before { + content: "\ECC9"; + } +/*===============================================================================================*/ +/* SPLUNK: POPDOWN */ +/*===============================================================================================*/ +/* TODO: review how this works with dropdown */ +/* popdown for variable content +
    +
    +
    +
    + content ... +
    +
    +
    +*/ +/* Popdown wrapper */ +.popdown { + position: relative +} +/* popdown container */ +.popdown-dialog { + background-color: #FFFFFF; + border: 1px solid #C3CBD4; + -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2); + box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2); + border-radius: 2px; + top: 100%; + left: 50%; + margin: 8px 0 0 -103px; + display: none; + position: absolute; + z-index: 1059; + white-space: normal; +} +/* placement of arrow */ +.popdown-dialog .arrow { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-top: 0; + border-bottom-color: #C3CBD4; + top: -8px; + left: 50%; + margin-left: -4px; + } +/* generated arrow */ +.popdown-dialog .arrow:before { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-top: 0; + border-bottom-color: #FFFFFF; + top: 1px; + left: -8px; + } +/* prevent inheriting nowrap from btn-group */ +.popdown-dialog.up { + margin-top: 0; + } +/* placement of arrow */ +.popdown-dialog.up > .arrow { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-bottom: 0; + border-top-color: #C3CBD4; + top: auto; + bottom: -8px; + } +.popdown-dialog.up > .arrow:before { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-bottom: 0; + border-top-color: #FFFFFF; + top: auto; + bottom: 1px; + } +.popdown-dialog.right { /* point left */ + margin-left: 5px; + margin-top: 0; + } +/* placement of arrow */ +.popdown-dialog.right .arrow { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-left: 0; + border-right-color: #C3CBD4; + top: 50%; + left: -8px; + margin: -8px 0 0 0; + } +.popdown-dialog.right .arrow:before { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-left: 0; + border-right-color: #FFFFFF; + top: 50%; + left: 1px; + margin: -8px 0 0 0; + } +/* position of arrow when floated right */ +.popdown-dialog.pull-right .arrow { + left: auto; + right: 8px; + } +/* open state */ +.popdown-dialog.open { + display: block; + } +/* SPL-68751 - IE10 box shadow animation artifacts fix */ +.popdown-dialog:after +{ + content: ""; + font-size: 0; + display: inline; + overflow: hidden; +} +/* popdown body */ +.popdown-dialog-body { + margin: 0; + border-radius: 1px; + background-color: #FFFFFF; +} +.popdown-dialog-body:before, + .popdown-dialog-body:after { + display: table; + content: ""; + line-height: 0; + } +.popdown-dialog-body:after { + clear: both; + } +/* popdown body */ +.popdown-dialog-footer { + border-top: 1px solid #C3CBD4; + padding: 5px; + border-bottom-left-radius: 1px; + border-bottom-right-radius: 1px; +} +.popdown-dialog-footer:before, + .popdown-dialog-footer:after { + display: table; + content: ""; + line-height: 0; + } +.popdown-dialog-footer:after { + clear: both; + } +/* variations */ +/* ------------ */ +/* extends popdown-dialog, adds extra padding + +
    +
    +
    +
    + content ... +
    +
    +
    + +*/ +.popdown-dialog-padded { + padding: 10px; +} +/*===============================================================================================*/ +/* SPLUNK: DROP DOWN ARROW/CARET */ +/*===============================================================================================*/ +.dropup, +.dropdown { + position: relative; +} +.dropdown-toggle:active, +.open .dropdown-toggle { + outline: 0; +} +/*************************************************************************************************/ +/* CARET / ARROW */ +/* Icon for caret. */ +/*************************************************************************************************/ +/* + +*/ +.caret { + display: inline-block; + content: ""; + border: none; + width: auto; + height: auto; + line-height: 20px; + font-size: inherit; + margin: 0; + padding-left: 0.3em; + text-decoration: none; + vertical-align: baseline; + font-family: "Splunk Icons"; + font-weight: normal; +} +/* generated font icon */ +.caret:before { + content: "\25BE"; + font-size: inherit; + text-decoration: none; + } +.icon-no-underline + .caret { + padding-left: 0; + } +.caret-char { + font-weight: normal; + font-family: "Splunk Icons"; + font-weight: normal; +} +.caret-char:before { + content: "\25BE"; + } +/*************************************************************************************************/ +/* DROPDOWNS */ +/*************************************************************************************************/ +.dropdown-menu { + float: left; + min-width: 160px; + list-style: none; + word-wrap: break-word; + width: 20em; + line-height: 1.33333em; + padding: 0; + background-clip: padding-box; +} +.open > .dropdown-menu { + display: block; + } +.dropdown-menu { + + background-color: #FFFFFF; + + border: 1px solid #C3CBD4; + + -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2); + + box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2); + + border-radius: 2px; + + top: 100%; + + left: 50%; + + margin: 8px 0 0 -103px; + + display: none; + + position: absolute; + + z-index: 1059; + + white-space: normal; +} +/* placement of arrow */ +.dropdown-menu .arrow { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-top: 0; + border-bottom-color: #C3CBD4; + top: -8px; + left: 50%; + margin-left: -4px; + } +/* generated arrow */ +.dropdown-menu .arrow:before { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-top: 0; + border-bottom-color: #FFFFFF; + top: 1px; + left: -8px; + } +/* prevent inheriting nowrap from btn-group */ +.dropdown-menu.up { + margin-top: 0; + } +/* placement of arrow */ +.dropdown-menu.up > .arrow { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-bottom: 0; + border-top-color: #C3CBD4; + top: auto; + bottom: -8px; + } +.dropdown-menu.up > .arrow:before { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-bottom: 0; + border-top-color: #FFFFFF; + top: auto; + bottom: 1px; + } +.dropdown-menu.right { /* point left */ + margin-left: 5px; + margin-top: 0; + } +/* placement of arrow */ +.dropdown-menu.right .arrow { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-left: 0; + border-right-color: #C3CBD4; + top: 50%; + left: -8px; + margin: -8px 0 0 0; + } +.dropdown-menu.right .arrow:before { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-left: 0; + border-right-color: #FFFFFF; + top: 50%; + left: 1px; + margin: -8px 0 0 0; + } +/* position of arrow when floated right */ +.dropdown-menu.pull-right .arrow { + left: auto; + right: 8px; + } +/* open state */ +.dropdown-menu.open { + display: block; + } +/* Dividers (basically an hr) within the dropdown */ +.dropdown-menu .divider { + height: 1px; + margin: 9px 1px; + /* 8px 1px */ + overflow: hidden; + background-color: #C3CBD4; + } +/* link info style */ +.dropdown-menu .info, .dropdown-menu .title { + color: #6b7785; + } +.dropdown-menu ul li.info:not(:first-child) { + border-top: 1px solid #C3CBD4; + } +/* menu lists */ +.dropdown-menu ul { + list-style: none; + margin: 0; + border-radius: 1px; + background-color: #FFFFFF; /* FIXME: this should be separate from popdown */ + /* in rare cases that long strings increase the container size, this will minimize the issues */ + } +.dropdown-menu ul:before, + .dropdown-menu ul:after { + display: table; + content: ""; + line-height: 0; + } +.dropdown-menu ul:after { + clear: both; + } +.dropdown-menu ul { + overflow-x: hidden; + overflow-y: auto; + max-width: 100%; + max-height: 270px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius:0; +} +/* give spacing to double lists */ +.dropdown-menu ul + ul { + margin-top: -1px; + } +.dropdown-menu ul + ul li:first-child > a, .dropdown-menu ul + ul li.title:first-child { + border-top: 1px solid #C3CBD4; + } +/* rounding for first and last items */ +.dropdown-menu .arrow + ul, .dropdown-menu .arrow + ul > li:first-child > a { + border-top-left-radius: 1px; + border-top-right-radius: 1px; + border-top: none; + } +.dropdown-menu ul:last-of-type, .dropdown-menu ul:last-of-type > li:last-of-type > a { + border-bottom-left-radius: 1px; + border-bottom-right-radius: 1px; + } +/* for selectable lists */ +.dropdown-menu a .icon-check { + position: absolute; + left: 5px; + top: 5px; + color: #00A4FD; + } +.dropdown-menu [class^="icon-"], .dropdown-menu [class*=" icon-"] { + width: 1.25em; + text-align: center; + } +.dropdown-menu li { + position: relative; + } +.dropdown-menu li.info { + padding: 5px 10px; + } +.dropdown-menu li.title { + text-transform: uppercase; + padding: 3px 10px; + } +.dropdown-menu li.message { + padding: 5px 10px; + } +.dropdown-menu li > span.field-value { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: block; + word-wrap: normal; + } +/* link style */ +.dropdown-menu li > a { + display: block; + clear: both; + font-weight: normal; + line-height: 20px; + position: relative; + color: #5C6773; + padding: 5px 10px; + white-space: normal; + text-decoration: none; + } +.dropdown-menu li > a > .info { + display: block; + font-size: 12px; + } +/* focus state */ +.dropdown-menu li > a:focus { + -webkit-box-shadow: none; + box-shadow: none; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.dropdown-menu li > a:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.dropdown-menu li > a:focus { + -webkit-box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; + box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; +} +/* hover state */ +.dropdown-menu li > a:hover { + color: #5C6773; + background: #F2F4F5; + } +/* items with secondary action icons */ +.dropdown-menu li > a.primary-link { + margin-right: 40px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } +.dropdown-menu li > a.secondary-link { + position: absolute; + right: 0; + top: 0; + bottom: 0; + width: 40px; + padding-left:0; + padding-right: 0; + font-size: 16px; + text-align: center; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } +.dropdown-menu li > a > .link-description { + color: #6b7785; + display: block; + font-size: 0.85em; + } +/* disabled state */ +.dropdown-menu > .disabled > a, + .dropdown-menu > .disabled > a:hover, + .dropdown-menu > .disabled > a:focus, + .dropdown-menu li > a.disabled, + .dropdown-menu li > a.disabled:hover, + .dropdown-menu li > a.disabled:focus { + color: #C3CBD4; + cursor: not-allowed; + text-decoration: none; + background-color: transparent; + background-image: none; /* Remove CSS gradient */ + -webkit-box-shadow: none; + box-shadow: none; + } +/* divider style */ +.dropdown-menu .divider { + margin: 0; + border: none; + border-top: 1px solid #C3CBD4; + margin-top: 0; + height: 0; + } +/* remove top border when there is already a divider */ +.dropdown-menu .divider + li > a { + border-top: none; + } +/* select menus with find */ +.dropdown-menu .input-container .shared-findinput { + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 5px; + margin:0; + } +.dropdown-menu .input-container .search-query { + width: 100%; + } +/* truncated dropdown text */ +.dropdown-truncated li > a { + /* wrapping */ + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +/*************************************************************************************************/ +/* DROPDOWN SIZES */ +/*************************************************************************************************/ +.dropdown-menu-narrow { + width: 10em; +} +.dropdown-menu-medium { + width: 25em; +} +.dropdown-menu-wide { + width: 30em; +} +.dropdown-menu-width-auto { + width: auto; + max-width: 20em; +} +.dropdown-menu-width-auto.dropdown-menu-narrow { + max-width: 10em; + } +.dropdown-menu-width-auto.dropdown-menu-medium { + max-width: 25em; + } +.dropdown-menu-width-auto.dropdown-menu-wide { + max-width: 30em; + } +/*************************************************************************************************/ +/* SELECTABLE DROPDOWN */ +/*************************************************************************************************/ +.dropdown-menu-selectable li > a { /* BS 2.2 scoped */ + padding-left: 24px; +} +/*************************************************************************************************/ +/* BOOTSTRAP OVERRIDE */ +/*************************************************************************************************/ +.navbar .nav > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu:after { + display: none; + } +.dropdown-header { + display: block; + padding: 3px 20px; + font-size: 12px; + line-height: 1.42857143; + color: #6b7785; +} +/*************************************************************************************************/ +/* FIXED HEIGHT DROPDOWNS & POPDOWNS */ +/*************************************************************************************************/ +.dropdown-menu-tall ul { + max-height: 20em; + overflow: auto; +} +.dropdown-menu-short ul { + max-height: 10em; + overflow: auto; +} +/* disable scrolling */ +.dropdown-menu-noscroll ul { + max-height: none; +} +/* Allow for dropdowns to go bottom up (aka, dropup-menu) */ +/* ------------------------------------------------------ */ +/* Just add .dropup after the standard .dropdown class and you're set, bro. */ +/* TODO: abstract this so that the navbar fixed styles are not placed here? */ +/* Reverse the caret */ +.dropup .caret, .navbar-fixed-bottom .dropdown .caret { + border-top: 0; + border-bottom: 4px solid #000000; + content: ""; + } +/* Different positioning for bottom up menu */ +.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 1px; + } +/*************************************************************************************************/ +/* SUBMENUS */ +/*************************************************************************************************/ +.dropdown-submenu { + position: relative; +} +/* Default dropdowns */ +.dropdown-submenu > .dropdown-menu { + top: 0; + left: 100%; + margin-top: -6px; + margin-left: -1px; + border-radius: 2px 2px 2px 2px; + } +.dropdown-submenu:hover > .dropdown-menu { + display: block; + } +/* hover state of dropdown submenu */ +.dropdown-submenu:hover > a, + .dropdown-submenu:focus > a { + text-decoration: none; + color: #006EAA; + background: #F7F8FA; + } +.dropdown-submenu > a { + paddin-right: 20px; + } +/* Caret to indicate there is a submenu */ +.dropdown-submenu > a:after { + display: block; + content: ""; + position: absolute; + right: 8px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + border-width: 5px 0 5px 5px; + border-left-color: rgb(204, 204, 204); + } +.dropdown-submenu > ul { + overflow-x: hidden; + overflow-y: auto; + } +/* Left aligned submenus */ +.dropdown-submenu.pull-left { + /* Undo the float */ + /* Yes, this is awkward since .pull-left adds a float, but it sticks to our conventions elsewhere. */ + float: none; + } +/* Positioning the submenu */ +.dropdown-submenu.pull-left > .dropdown-menu { + left: -100%; + margin-left: 10px; + border-radius: 6px 0 6px 6px; + } +/*************************************************************************************************/ +/* DROPUPS */ +/*************************************************************************************************/ +.dropup .dropdown-submenu > .dropdown-menu { + top: auto; + bottom: 0; + margin-top: 0; + margin-bottom: -2px; + border-radius: 5px 5px 5px 0; +} +/*************************************************************************************************/ +/* TWEAK NAV HEADERS */ +/*************************************************************************************************/ +/* Increase padding from 15px to 20px on sides */ +.dropdown .dropdown-menu .nav-header { + padding-left: 20px; + padding-right: 20px; +} +/*************************************************************************************************/ +/* TYPEAHEAD */ +/*************************************************************************************************/ +.typeahead { + z-index: 1051; + margin-top: 2px; /* give it some space to breathe */ + border-radius: 3px; +} +/*===============================================================================================*/ +/* SPLUNK: COMPONENT ANIMATIONS */ +/*===============================================================================================*/ +.fade { + opacity: 0; + -webkit-transition: opacity 0.125s; + transition: opacity 0.125s; +} +.fade.in { + opacity: 1; + } +.collapse { + position: relative; + height: 0; + overflow: hidden; + -webkit-transition: height 0.2s ease; + transition: height 0.2s ease; +} +.collapse.in { + height: auto; + } +/*===============================================================================================*/ +/* SPLUNK: CLOSE ICONS */ +/*===============================================================================================*/ +.close { + float: right; + border-radius: 3px; + width: 27px; + height: 27px; + + /* hide any placeholder text */ + color: transparent; + font-size: 0; + line-height: 0; + text-align: center; + -webkit-transition: background 0.2s, color 0.2s; + transition: background 0.2s, color 0.2s; + /* Additional properties for button version */ + /* iOS requires the button element instead of an anchor tag. */ +} +.close:before { + font-family: "Splunk Icons"; + content: '\2717'; + font-size: 20px; + color: #5C6773; + line-height: 28px; + -webkit-transition: color 0.2s; + transition: color 0.2s; + } +.close:hover { + background-color: #F7F8FA; + cursor: pointer; + text-decoration: none; + } +.close:hover:before { + color: #006EAA; + } +.close:focus { + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.close:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.close:focus:before { + color: #006EAA; + } +/* If you want the anchor version, it requires `href="#"`. */ +button.close { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; + } +/* Components: Buttons & Alerts */ +/*===============================================================================================*/ +/* SPLUNK: BUTTONS */ +/*===============================================================================================*/ +/*************************************************************************************************/ +/* Base Styles & Overrides */ +/* Standard button class for use on a, button */ +/*************************************************************************************************/ +/* + Button + Button + Button + +*/ +.btn { + display: inline-block; + padding: 5px 14px; + height: auto; + line-height: 20px; + font-size: 14px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 5px 14px; + margin-bottom: 0; /* For input.btn */ + font-weight: 400; + color: #5C6773; + text-align: center; + vertical-align: middle; + cursor: pointer; + border: 1px solid; + border-radius: 3px; + white-space: nowrap; + + background-color: #F7F8FA; + + border-color: #C3CBD4; + + color: #5C6773; + + -webkit-box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + + box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + + text-decoration: none; + + text-shadow: none; + + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + -webkit-filter: none; + + filter: none; +} +/* this breaks some bootstrap styles */ +.btn:hover { + background-color: rgb(235, 238, 239); + border-color: #C3CBD4; + color: #5C6773; + -webkit-box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + } +.btn:focus { + background-color: #F7F8FA; + border-color: #C3CBD4; + color: #5C6773; + -webkit-box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.btn:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.btn:active, .btn.active { + background-color: #E1E6EB; + border-color: #C3CBD4; + color: #3C444D; + -webkit-box-shadow: none; + box-shadow: none; + text-decoration: none; + text-shadow: none; + -webkit-transition: none; + transition: none; + -webkit-filter: none; + filter: none; + } +.btn.disabled, + .btn[disabled], + .btn.disabled:hover, + .btn[disabled]:hover, + .btn.disabled:focus, + .btn[disabled]:focus, + .btn.disabled:active, + .btn[disabled]:active { + background-color: #F7F8FA; + border-color: #E1E6EB; + color: #6b7785; + -webkit-box-shadow: inset 0px -1px 0 #E1E6EB; + box-shadow: inset 0px -1px 0 #E1E6EB; + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + cursor: not-allowed; + } +/*************************************************************************************************/ +/* PRIMARY BUTTONS */ +/* Provides extra visual weight and identifies the primary action in a set of buttons. */ +/*************************************************************************************************/ +/* + Primary + Primary + Primary + +*/ +.btn-primary { + padding: 6px 15px; + font-weight: 500; + border: none; + + background-color: #5CC05C; + + border-color: transparent; + + color: #FFFFFF; + + -webkit-box-shadow: inset 0px -2px 0 rgba(0, 0, 0, 0.1); + + box-shadow: inset 0px -2px 0 rgba(0, 0, 0, 0.1); + + text-decoration: none; + + text-shadow: none; + + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + -webkit-filter: none; + + filter: none; +} +.btn-primary:hover { + background-color: #40A540; + border-color: transparent; + color: #FFFFFF; + -webkit-box-shadow: inset 0px -2px 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 0px -2px 0 rgba(0, 0, 0, 0.1); + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + } +.btn-primary:focus { + background-color: #5CC05C; + border-color: transparent; + color: #FFFFFF; + -webkit-box-shadow: inset 0px -2px 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 0px -2px 0 rgba(0, 0, 0, 0.1); + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.btn-primary:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.btn-primary:active, .btn-primary.active { + background-color: #389038; + border-color: transparent; + color: #FFFFFF; + -webkit-box-shadow: none; + box-shadow: none; + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + } +.btn-primary.disabled, + .btn-primary[disabled], + .btn-primary.disabled:hover, + .btn-primary[disabled]:hover, + .btn-primary.disabled:focus, + .btn-primary[disabled]:focus, + .btn-primary.disabled:active, + .btn-primary[disabled]:active { + background-color: #9ED99E; + border-color: transparent; + color: #DFF2DF; + -webkit-box-shadow: inset 0px -2px 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 0px -2px 0 rgba(0, 0, 0, 0.1); + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + cursor: not-allowed; + } +.btn-secondary { + font-weight: 500; +} +.btn-secondary:hover { + background-color: rgb(235, 238, 239); + border-color: #C3CBD4; + color: #5C6773; + -webkit-box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + } +.btn-secondary:focus { + background-color: #F7F8FA; + border-color: #C3CBD4; + color: #5C6773; + -webkit-box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.btn-secondary:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.btn-secondary:active, .btn-secondary.active { + background-color: #E1E6EB; + border-color: #C3CBD4; + color: #3C444D; + -webkit-box-shadow: none; + box-shadow: none; + text-decoration: none; + text-shadow: none; + -webkit-transition: none; + transition: none; + -webkit-filter: none; + filter: none; + } +.btn-secondary.disabled, + .btn-secondary[disabled], + .btn-secondary.disabled:hover, + .btn-secondary[disabled]:hover, + .btn-secondary.disabled:focus, + .btn-secondary[disabled]:focus, + .btn-secondary.disabled:active, + .btn-secondary[disabled]:active { + background-color: #F7F8FA; + border-color: #E1E6EB; + color: #6b7785; + -webkit-box-shadow: inset 0px -1px 0 #E1E6EB; + box-shadow: inset 0px -1px 0 #E1E6EB; + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + cursor: not-allowed; + } +/*************************************************************************************************/ +/* Links */ +/* Pager style button pill */ +/* Note: this does not inherit or extend btn base styles and is meant for links only */ +/*************************************************************************************************/ +/* + Pill + Pill + Pill + Pill +*/ +.btn-pill { + display: inline-block; + padding: 5px 14px; /* note the vertical padding will be funky unless it's block, inline-block, or floated */ + line-height: 20px; + border-radius: 3px; + border: 1px solid transparent; + + background-color: none; + + border-color: transparent; + + color: #5C6773; + + -webkit-box-shadow: none; + + box-shadow: none; + + text-decoration: none; + + text-shadow: none; + + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + -webkit-filter: none; + + filter: none; +} +.btn-pill:hover { + color: #006EAA; + background: rgb(235, 238, 239); + border-color: #C3CBD4; + text-decoration: none; + } +.btn-pill:focus { + color: #5C6773; + background: none; + border-color: transparent; + text-decoration: none; + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.btn-pill:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.btn-pill:active, .btn-pill.active { + color: #5C6773; + background: #E1E6EB; + border-color: transparent; + text-decoration: none; + } +.btn-pill.disabled, + .btn-pill[disabled], + .btn-pill.disabled:hover, + .btn-pill[disabled]:hover, + .btn-pill.disabled:focus, + .btn-pill[disabled]:focus, + .btn-pill.disabled:active, + .btn-pill[disabled]:active { + color: #C3CBD4; + background: none; + border-color: transparent; + text-decoration: none; + -webkit-box-shadow: none; + box-shadow: none; + cursor: not-allowed; + } +/*************************************************************************************************/ +/* LINK BUTTONS */ +/* Make a button look and behave like a link. */ +/*************************************************************************************************/ +.btn-link { + background-color: transparent; + border-color: transparent; + color: #006EAA; + -webkit-box-shadow: none; + box-shadow: none; + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; +} +.btn-link:hover { + color: #006EAA; + text-decoration: underline; + } +.btn-link:focus { + color: #006EAA; + text-decoration: none; + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.btn-link:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.btn-link:active, .btn-link.active { + color: #006EAA; + text-decoration: none; + } +.btn-link.disabled, + .btn-link[disabled], + .btn-link.disabled:hover, + .btn-link[disabled]:hover, + .btn-link.disabled:focus, + .btn-link[disabled]:focus, + .btn-link.disabled:active, + .btn-link[disabled]:active { + color: #6b7785; + text-decoration: none; + cursor: not-allowed; + } +/*************************************************************************************************/ +/* BLOCK BUTTON */ +/*************************************************************************************************/ +.btn-block { + display: block; + width: 100%; + padding-left: 0; + padding-right: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +/* Vertically space out multiple block buttons */ +.btn-block + .btn-block { + margin-top: 5px; +} +/* Specificity overrides */ +input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { + width: 100%; + } +/*************************************************************************************************/ +/* DRAGGABLE BUTTON */ +/*************************************************************************************************/ +/* + Draggable + +
    +
    Combo
    +
    +
    +*/ +.btn-draggable { + cursor: move; + width: 150px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +/* generated handle */ +.btn-draggable:before, .btn-draggable .before { + content: ""; + float: left; + margin-left: -8px; + height: 18px; + width: 6px; + background: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%224px%22%20height%3D%224px%22%20viewBox%3D%220%200%204%204%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Crect%20fill%3D%22%23818D99%22%20width%3D%222%22%20height%3D%222%22/%3E%0A%3C/svg%3E); + cursor: move; + } +/* sizes */ +.btn-draggable.btn-small:before{ + height: 14px; + } +.btn-draggable.btn-mini:before{ + height: 12px; + } +/*************************************************************************************************/ +/* BUTTON SIZES */ +/*************************************************************************************************/ +/* Large */ +.btn-large { + padding: 8px 28px; +} +.btn-large [class^="icon-"], + .btn-large [class*=" icon-"] { + margin-top: 4px; + } +.btn-large.btn-primary { + padding: 9px 29px; + } +/* Small */ +.btn-small { + padding: 3px 14px; +} +.btn-small [class^="icon-"], + .btn-small [class*=" icon-"] { + margin-top: 0px; + } +.btn-small.btn-primary { + padding: 4px 15px; + } +/* Mini */ +.btn-mini { + padding: 0px 7px; +} +.btn-mini [class^="icon-"], + .btn-mini [class*=" icon-"] { + margin-top: -1px; + } +.btn-mini.btn-primary { + padding: 1px 8px; + } +.btn-mini, +.btn-group > .btn-mini { + font-size: 12px; + font-weight: 500; + line-height: 18px; +} +/* Square Button */ +.btn-square { + padding: 6px 0; + height: 32px; + width: 32px; + text-align: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +/*************************************************************************************************/ +/* PRINT */ +/*************************************************************************************************/ +@media print { + .btn { + background: none !important; + border: none !important; + padding: 0 !important; + color: #3C444D !important; + text-shadow: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + } + .caret { + display: none !important; + } +} +/*===============================================================================================*/ +/* SPLUNK: BUTTON GROUPS */ +/* BTN-GROUP handles rounding & spacing on btns & btn-combo. */ +/* BTN-COMBO handles rounding on dropdowns & splits only, behaves like group but without */ +/* grouping or spacing. */ +/*===============================================================================================*/ +/* button combos, grouping and toolbar +
    +
    + +
    + + + +
    +
    +
    +*/ +/* Make the div behave like a button */ +.btn-group, +.btn-combo { + position: relative; + display: inline-block; + font-size: 0; /* remove as part 1 of font-size inline-block hack */ + white-space: nowrap; /* prevent buttons from wrapping when in tight spaces (e.g., the table on the tests page) */ + vertical-align: middle; /* match .btn alignment given font-size hack above */ +} +/* Space out series of button groups */ +.btn-group + .btn-group, +.btn-combo + .btn-combo { + margin-left: 10px; +} +/* Float them, remove border radius, then re-add to first and last elements */ +.btn-group > .btn, + .btn-group > .btn-combo > .btn { + position: relative; + border-radius: 0; + } +/* reset margin when in a group */ +.btn-group > .btn + .btn, + .btn-group > .btn + .btn-combo, + .btn-group > .btn-combo + .btn-combo, + .btn-group > .btn-combo + .btn { + margin-left: -1px; + } +/* Redeclare as part 2 of font-size inline-block hack */ +.btn-group > .btn, + .btn-group > .btn-large, + .btn-group > .btn-small, + .btn-group > .dropdown-menu, + .btn-group > .popover, + .btn-group .btn-pill, + .btn-group .popdown-dialog, + .btn-group .dropdown-toggle, + .btn-group ul { + font-size: 14px; + } +.btn-group > .btn-mini { + font-size: 12px; /* Reset font for mini size */ + } +/* Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match */ +.btn-group > .btn:first-child, + .btn-group > .btn-combo:first-child > .btn:first-child, + .btn-group > .btn-combo:first-child > .drodown-toggle, + .btn-group > .btn-combo:first-child > .btn:first-child { + margin-left: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } +/* Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it */ +.btn-group > .btn:last-child, + .btn-group > .dropdown-toggle, + .btn-group > .btn-combo:last-child > .btn:last-child, + .btn-group > .btn-combo:last-child > .dropdown-toggle { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } +/* Reset corners for large buttons */ +.btn-group > .btn.large:first-child, + .btn-group > .btn-combo:first-child > .btn.large:first-child { + margin-left: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } +.btn-group > .btn.large:last-child, + .btn-group > .large.dropdown-toggle, + .btn-group > .btn-combo:last-child > .btn.large:last-child, + .btn-group > .btn-combo:last-child > .large.dropdown-toggle { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } +/* On hover/active, bring the proper btn to front */ +.btn-group > .btn:hover, + .btn-group > .btn:active, + .btn-group > .btn.active, + .btn-group > .btn-combo > .btn:hover, + .btn-group > .btn-combo > .btn:active, + .btn-group > .btn-combo > .btn.active { + z-index: 2; + } +/* On focus, bring the btn to front */ +.btn-group > .btn:focus, + .btn-group > .btn-combo > .btn:focus { + z-index: 3; + } +/* On active and open, don't show outline */ +.btn-group .dropdown-toggle:active, + .btn-group.open .dropdown-toggle { + outline: 0; + } +/*************************************************************************************************/ +/* BUTTON COMBO */ +/*************************************************************************************************/ +/* special case for btn-combo */ +.btn-combo > .btn:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } +.btn-combo > .btn:last-child, + .btn-combo > .dropdown-toggle { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } +/* reset margin when in a group */ +.btn-combo > .btn + .btn { + margin-left: -1px; + } +/* Redeclare as part 2 of font-size inline-block hack */ +.btn-combo > .btn, + .btn-combo > .btn-large, + .btn-combo > .btn-small, + .btn-combo > .dropdown-menu, + .btn-combo .btn-pill, + .btn-combo .popdown-dialog, + .btn-combo .dropdown-toggle, + .btn-combo ul { + font-size: 14px; + } +.btn-combo > .btn-mini { + font-size: 12px; /* Reset font for mini size */ + } +/* Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match */ +.btn-combo:first-child > .btn:first-child { + margin-left: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } +/* Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it */ +.btn-combo > .dropdown-toggle { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } +/*************************************************************************************************/ +/* BUTTON TOOLBAR */ +/* Optional: Group multiple button groups together for a toolbar. */ +/*************************************************************************************************/ +.btn-toolbar { + font-size: 0; /* Hack to remove whitespace that results from using inline-block */ + margin-top: 10px; + margin-bottom: 10px; +} +.btn-toolbar .btn-combo { + display: inline-block; /* display inline for toolbar */ + } +.btn-toolbar > .btn + .btn, + .btn-toolbar > .btn-group + .btn, + .btn-toolbar > .btn + .btn-group, + .btn-toolbar > .btn-combo + .btn, + .btn-toolbar > .btn + .btn-combo { + margin-left: 5px; + } +/*************************************************************************************************/ +/* SPLIT BUTTON DROPDOWNS */ +/*************************************************************************************************/ +/* Give the line between buttons some depth */ +.btn-group > .btn-combo > .btn + .dropdown-toggle, +.btn-combo > .btn + .dropdown-toggle { + padding-left: 8px; + padding-right: 8px; + -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); + box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); +} +.btn-group > .btn-mini + .dropdown-toggle, + .btn-group > .btn-combo > .btn-mini + .dropdown-toggle { + padding-left: 5px; + padding-right: 5px; + } +.btn-group > .btn-large + .dropdown-toggle, + .btn-group > .btn-combo > .btn-large + .dropdown-toggle { + padding-left: 12px; + padding-right: 12px; + } +/* Remove the gradient and set the same inset shadow as the :active state */ +.btn-group.open .dropdown-toggle { + background-image: none; + -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); + box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); + } +/* Keep the hover's background when dropdown is open */ +.btn-group.open .btn.dropdown-toggle { + background-color: rgb(235, 238, 239); + } +/* The clickable button for toggling the menu */ +.btn-group.open .btn-primary.dropdown-toggle { + background-color: #40A540; + } +.btn-group.open .btn-danger.dropdown-toggle { + background-color: #EA958D; + } +.btn-group.open .btn-success.dropdown-toggle { + background-color: #40A540; + } +/* Prevent Tooltip from spacing two buttons */ +.btn-group > .btn + div.tooltip + .btn { + margin-left: -1px; + } +/*************************************************************************************************/ +/* VERTICAL BUTTON GROUPS */ +/*************************************************************************************************/ +.btn-group-vertical { + display: inline-block; +} +/* makes buttons only take up the width they need */ +.btn-group-vertical > .btn { + display: block; + float: none; + max-width: 100%; + border-radius: 0; + } +.btn-group-vertical > .btn + .btn { + margin-left: 0; + margin-top: -1px; + } +.btn-group-vertical:first-child { + border-radius: 3px 3px 0 0; + } +.btn-group-vertical:last-child { + border-radius: 0 0 3px 3px; + } +.btn-group-vertical > .btn-large:first-child { + border-radius: 3px 3px 0 0; + } +.btn-group-vertical > .btn-large:last-child { + border-radius: 0 0 3px 3px; + } +/*************************************************************************************************/ +/* RADIO BUTTON GROUP */ +/*************************************************************************************************/ +.btn-group-radio > .btn { + text-overflow: ellipsis; + overflow: hidden; + border-color: #C3CBD4; + } +.btn-group-radio > .btn:hover { + background-color: rgb(235, 238, 239); + -webkit-box-shadow: inset 0 2px 0 #D8DFE6; + box-shadow: inset 0 2px 0 #D8DFE6; + } +.btn-group-radio > .btn.active { + cursor: default; + background-color: #E1E6EB; + -webkit-box-shadow: inset 0 2px 0 #D8DFE6; + box-shadow: inset 0 2px 0 #D8DFE6; + border-color: #C3CBD4; + } +.btn-group-radio > .btn.active:focus { + cursor: default; + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.btn-group-radio > .btn.active:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.btn-group-radio > .btn.active[disabled] { + cursor: not-allowed; + background-color: #E1E6EB; + -webkit-box-shadow: inset 0 2px 0 #D8DFE6; + box-shadow: inset 0 2px 0 #D8DFE6; + border-color: #E1E6EB; + } +.btn-group-radio > .btn:disabled { + -webkit-box-shadow: none; + box-shadow: none; + border-color: #E1E6EB; + background-color: #F7F8FA; + } +/* For synthetic radio with the "locale-responsive-layout" class, align the items vertically to accommodate long words (SPL-83062). */ +body.locale-de .btn-group-radio.locale-responsive-layout { + display: block; + } +body.locale-de .btn-group-radio.locale-responsive-layout .btn { + border-radius: 0; + display: block; + width: 100%; + margin-left: 0; + border-bottom-width: 0; + } +body.locale-de .btn-group-radio.locale-responsive-layout .btn:first-child { + border-radius: 3px 3px 0 0; + } +body.locale-de .btn-group-radio.locale-responsive-layout .btn:last-child { + border-radius: 0 0 3px 3px; + border-bottom-width: 1px; + } +/*===============================================================================================*/ +/* SPLUNK: ALERTS */ +/*===============================================================================================*/ +/*************************************************************************************************/ +/* ALERTS CONTAINER */ +/*************************************************************************************************/ +.alerts:not(.alerts-view) { + max-height: 500px; + overflow-y: auto; +} +/*************************************************************************************************/ +/* BASE STYLES */ +/*************************************************************************************************/ +.alert { + margin-bottom: 20px; + border-radius: 3px; + position: relative; + padding: 8px 35px 8px 27px; + word-wrap: break-word; + color: #3C444D; +} +.alert .icon-alert { + font-size: 200%; + position: absolute; + left: 0px; + top: 8px; + } +.alert h4 { + color: inherit; + margin: 0; + } +.alert .close { + position: relative; + top: -2px; + right: -21px; + line-height: 20px; + } +.alert-inline { + display: inline-block; + border: 0; + margin-bottom: 0; +} +/*************************************************************************************************/ +/* ALERTS LEVELS */ +/*************************************************************************************************/ +.alert-warning .icon-alert { + color: #F8BE34; +} +.alert-info .icon-alert { + color: #006D9C; +} +.alert-info .icon-alert:before { + content: 'I'; + } +.alert-success .icon-alert { + color: #53A051; +} +.alert-success .icon-alert:before { + content: 'I'; + } +.alert-404, +.alert-error .icon-alert { + color: #DC4E41; +} +.alert-404:before, .alert-error .icon-alert:before { + content: '\ECE2'; + } +/* Components: Nav */ +/*===============================================================================================*/ +/* SPLUNK: NAVS */ +/* Navigation styles and components. */ +/*===============================================================================================*/ +/*************************************************************************************************/ +/* BASE CLASS */ +/*************************************************************************************************/ +.nav { + margin-left: 0; + margin-bottom: 0; + list-style: none; +} +.nav > li > a { + display: block; + } +.nav > li > a:hover, .nav > li > a:focus { + text-decoration: none; + } +/* Redeclare pull classes because of specifity */ +.nav > .pull-right { + float: right; + } +/* Nav headers (for dropdowns and lists) */ +.nav-header { + display: block; + padding: 3px 15px; + font-size: 12px; + font-weight: bold; + line-height: 20px; + color: #818D99; + text-shadow: 0 1px 0 rgba(255,255,255,.5); + text-transform: uppercase; +} +/* Space them out when they follow another list item (link) */ +.nav li + .nav-header { + margin-top: 9px; +} +/*************************************************************************************************/ +/* NAV LIST */ +/*************************************************************************************************/ +.nav-list { + padding-left: 15px; + padding-right: 15px; + margin-bottom: 0; +} +.nav-list > li > a, + .nav-list .nav-header { + margin-left: -15px; + margin-right: -15px; + text-shadow: 0 1px 0 rgba(255,255,255,.5); + } +.nav-list > li > a { + padding: 3px 15px; + } +.nav-list > .active > a, + .nav-list > .active > a:hover, + .nav-list > .active > a:focus { + color: #FFFFFF; + text-shadow: 0 -1px 0 rgba(0,0,0,.2); + background-color: #006EAA; + } +.nav-list [class^="icon-"], .nav-list [class*=" icon-"] { + margin-right: 2px; + } +/* Dividers (basically an hr) within the dropdown */ +.nav-list .divider { + height: 1px; + margin: 9px 1px; + /* 8px 1px */ + overflow: hidden; + background-color: #C3CBD4; + } +/*************************************************************************************************/ +/* TABS & PILLS */ +/*************************************************************************************************/ +.nav-tabs:before, + .nav-tabs:after, + .nav-pills:before, + .nav-pills:after { + display: table; + content: ""; + line-height: 0; + } +.nav-tabs:after, .nav-pills:after { + clear: both; + } +.nav-tabs > li, .nav-pills > li { + float: left; + } +.nav-tabs > li > a, .nav-pills > li > a { + padding-right: 15px; + padding-left: 15px; + margin-right: 2px; + line-height: 14px; /* keeps the overall height an even number */ + } +/*************************************************************************************************/ +/* TABS */ +/* Splunk style tabs. */ +/* extends: nav */ +/* overrides: bootstrap default nav-tabs */ +/*************************************************************************************************/ +/* + +*/ +.nav-tabs { + padding: 0 5px; + height: 38px; + background-color: #FFFFFF; + border-bottom: 1px solid #E1E6EB; +} +.nav-tabs > li { + position: relative; + } +.nav-tabs > li > a { + line-height: 34px; + padding: 2px 15px; + color: #5C6773; + } +.nav-tabs > li > a:before { + content: ''; + position: absolute; + width: calc(100% - 30px); + height: 0; + bottom: 0; + left: 14px; + background-color: #E1E6EB; + -webkit-transition: height 0.2s; + transition: height 0.2s; + } +.nav-tabs > li > a:hover { + background: transparent; + } +.nav-tabs > li > a:focus { + -webkit-box-shadow: none; + box-shadow: none; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.nav-tabs > li > a:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.nav-tabs > li > a:focus { + -webkit-box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; + box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; + background-color: transparent; + border-radius: 3px; +} +.nav-tabs > li:not(.active):hover > a:before { + height: 3px; + } +.nav-tabs > li.active > a:before { + height: 3px; + background-color: #007ABD; + } +.nav-tabs > li.active, .nav-tabs > li > a.active { + -webkit-box-shadow: none !important; + box-shadow: none !important; + border-radius: 0 !important; + font-weight: 500; + color: #3C444D; + } +/*************************************************************************************************/ +/* PILLS */ +/*************************************************************************************************/ +/* Links rendered as pills */ +.nav-pills > li > a { + padding-top: 8px; + padding-bottom: 8px; + margin-top: 2px; + margin-bottom: 2px; + border-radius: 5px; + + } +/* Active State */ +.nav-pills > .active > a, + .nav-pills > .active > a:hover, + .nav-pills > .active > a:focus { + color: #FFFFFF; + background-color: #006EAA; + } +/*************************************************************************************************/ +/* STACKED NAV */ +/*************************************************************************************************/ +/* Stacked tabs and pills */ +.nav-stacked > li { + float: none; +} +.nav-stacked > li > a { + margin-right: 0; /* no need for the gap between nav items */ + } +/* Tabs */ +.nav-stacked > li.nav-tabs { + border-bottom: 0; + } +.nav-stacked > li.nav-tabs > li > a { + border: 1px solid #C3CBD4; + border-radius: 0; + } +.nav-stacked > li.nav-tabs > li > a:hover, + .nav-stacked > li.nav-tabs > li > a:focus { + border-color: #C3CBD4; + z-index: 2; + } +.nav-stacked > li.nav-tabs > li:first-child > a { + border-top-right-radius: 3px; + border-top-left-radius: 3px; + } +.nav-stacked > li.nav-tabs > li:last-child > a { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } +/* Pills */ +.nav-stacked > li.nav-pills > li > a { + margin-bottom: 3px; + } +.nav-stacked > li.nav-pills > li:last-child > a { + margin-bottom: 1px; /* decrease margin to match sizing of stacked tabs */ + } +/*************************************************************************************************/ +/* DROPDOWNS */ +/*************************************************************************************************/ +.nav-tabs .dropdown-menu { + border-radius: 0 0 3px 3px; /* remove the top rounded corners here since there is a hard edge above the menu */ +} +.nav-pills .dropdown-menu { + border-radius: 3px; /* make rounded corners match the pills */ +} +/*************************************************************************************************/ +/* DEFAULT DROPDOWN LINKS */ +/*************************************************************************************************/ +/* Make carets use linkColor to start */ +.nav .dropdown-toggle .caret { + border-top-color: #006EAA; + border-bottom-color: #006EAA; + margin-top: 6px; + } +.nav .dropdown-toggle:hover .caret, .nav .dropdown-toggle:focus .caret { + border-top-color: #006EAA; + border-bottom-color: #006EAA; + } +/* move down carets for tabs */ +.nav-tabs .dropdown-toggle .caret { + margin-top: 8px; +} +/*************************************************************************************************/ +/* ACTIVE DROPDOWN LINKS */ +/*************************************************************************************************/ +.nav .active .dropdown-toggle .caret { + border-top-color: #FFFFFF; + border-bottom-color: #FFFFFF; +} +.nav-tabs .active .dropdown-toggle .caret { + border-top-color: #5C6773; + border-bottom-color: #5C6773; +} +/*************************************************************************************************/ +/* ACTIVE:HOVER / :FOCUS DROPDOWN LINKS */ +/*************************************************************************************************/ +.nav > .dropdown.active > a:hover, + .nav > .dropdown.active > a:focus { + cursor: pointer; + } +/*************************************************************************************************/ +/* OPEN DROPDOWNS */ +/*************************************************************************************************/ +.nav-tabs .open .dropdown-toggle, +.nav-pills .open .dropdown-toggle, +.nav > li.dropdown.open.active > a:hover, +.nav > li.dropdown.open.active > a:focus { + color: #FFFFFF; + background-color: #818D99; + border-color: #818D99; +} +.nav li.dropdown.open .caret, + .nav li.dropdown.open.active .caret, + .nav li.dropdown.open a:hover .caret, + .nav li.dropdown.open a:focus .caret { + border-top-color: #FFFFFF; + border-bottom-color: #FFFFFF; + opacity: 1.0; + } +/* Dropdowns in stacked tabs */ +.tabs-stacked .open > a:hover, + .tabs-stacked .open > a:focus { + border-color: #818D99; + } +/*************************************************************************************************/ +/* TABBABLE COMMON STYLES */ +/*************************************************************************************************/ +/* Clear any floats */ +.tabbable:before, + .tabbable:after { + display: table; + content: ""; + line-height: 0; + } +.tabbable:after { + clear: both; + } +.tab-content { + overflow: auto; /* prevent content from running below tabs */ +} +/* Remove border on bottom, left, right */ +.tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs { + border-bottom: 0; + } +/* Show/hide tabbable areas */ +.tab-content > .tab-pane, +.pill-content > .pill-pane { + display: none; +} +.tab-content > .active, +.pill-content > .active { + display: block; +} +/*************************************************************************************************/ +/* TABBABLE BOTTOM STYLES */ +/*************************************************************************************************/ +.tabs-below > .nav-tabs { + border-top: 1px solid #C3CBD4; +} +.tabs-below > .nav-tabs > li { + margin-top: -1px; + margin-bottom: 0; + } +.tabs-below > .nav-tabs > li > a { + border-radius: 0 0 3px 3px; + } +.tabs-below > .nav-tabs > li > a:hover, + .tabs-below > .nav-tabs > li > a:focus { + border-bottom-color: transparent; + border-top-color: #C3CBD4; + } +.tabs-below > .nav-tabs > .active > a, + .tabs-below > .nav-tabs > .active > a:hover, + .tabs-below > .nav-tabs > .active > a:focus { + border-color: transparent #C3CBD4 #C3CBD4 #C3CBD4; + } +/*************************************************************************************************/ +/* TABBABLE LEFT & RIGHT STYLES */ +/*************************************************************************************************/ +/* Common styles */ +.tabs-left > li, .tabs-right > li { + float: none; + } +.tabs-left > li > a, .tabs-right > li > a { + min-width: 74px; + margin-right: 0; + margin-bottom: 3px; + } +/* Tabs on the left */ +.tabs-left > .nav-tabs { + float: left; + margin-right: 19px; + border-right: 1px solid #C3CBD4; +} +.tabs-left > .nav-tabs > li > a { + margin-right: -1px; + border-radius: 3px 0 0 3px; + } +.tabs-left > .nav-tabs > li > a:hover, + .tabs-left > .nav-tabs > li > a:focus { + border-color: #E1E6EB #C3CBD4 #E1E6EB #E1E6EB; + } +.tabs-left > .nav-tabs .active > a, + .tabs-left > .nav-tabs .active > a:hover, + .tabs-left > .nav-tabs .active > a:focus { + border-color: #C3CBD4 transparent #C3CBD4 #C3CBD4; + } +/* Tabs on the right */ +.tabs-right > .nav-tabs { + float: right; + margin-left: 19px; + border-left: 1px solid #C3CBD4; +} +.tabs-right > .nav-tabs > li > a { + margin-left: -1px; + border-radius: 0 3px 3px 0; + } +.tabs-right > .nav-tabs > li > a:hover, + .tabs-right > .nav-tabs > li > a:focus { + border-color: #E1E6EB #E1E6EB #E1E6EB #C3CBD4; + } +.tabs-right > .nav-tabs .active > a, + .tabs-right > .nav-tabs .active > a:hover, + .tabs-right > .nav-tabs .active > a:focus { + border-color: #C3CBD4 #C3CBD4 #C3CBD4 transparent; + } +/* fixes an alignment issue with out font based carets. */ +.nav .dropdown-toggle .caret, +.nav-tabs .dropdown-toggle .caret, +.navbar .nav .dropdown-toggle .caret { + margin-top: 0; +} +/*************************************************************************************************/ +/* DISABLED STATES */ +/*************************************************************************************************/ +/* Gray out text */ +.nav > .disabled > a { + color: #C3CBD4; +} +/* Nuke hover/focus effects */ +.nav > .disabled > a:focus, + .nav > .disabled > a:hover { + text-decoration: none; + background-color: transparent; + cursor: default; + } +/*************************************************************************************************/ +/* PRINT */ +/*************************************************************************************************/ +@media print { + header, + .app-bar { + display: none !important; + } + + .main-tabs { + border: none !important; + } + .main-tabs li:not(.active) { + display: none !important; + } + .main-tabs li.active:before, .main-tabs li.active:after { + display:none !important; + } +} +/*===============================================================================================*/ +/* SPLUNK: NAVBARS (REDUX) */ +/*===============================================================================================*/ +/*************************************************************************************************/ +/* COMMON STYLES */ +/*************************************************************************************************/ +/* Base class and wrapper */ +.navbar { + overflow: visible; + margin-bottom: 0; +} +/* We then reset it for fixed navbars in the #gridSystem mixin */ +.navbar .container { + width: auto; + } +/* Brand: Website or project name. */ +.navbar .brand { + float: left; + display: block; + /* Vertically center the text given $navbarHeight */ + padding: 7px 20px 7px; + margin-left: -20px; /* negative indent to left-align the text down the page */ + font-size: 20px; + font-weight: 200; + color: #006EAA; + text-shadow: 0 1px 0 #FFFFFF; + } +.navbar .brand:hover, + .navbar .brand:focus { + text-decoration: none; + } +/* Dividers in navbar */ +.navbar .divider-vertical { + height: 34px; + margin: 0 9px; + border-left: 1px solid #171D21; + border-right: 1px solid #FFFFFF; + } +/* Buttons in navbar */ +.navbar .btn, + .navbar .btn-group { + margin-top: 2px; /* Vertically center in navbar */ + } +/* Set width to auto for default container */ +.navbar .btn-group .btn, + .navbar .input-prepend .btn, + .navbar .input-append .btn, + .navbar .input-prepend .btn-group, + .navbar .input-append .btn-group { + margin-top: 0; /* then undo the margin here so we don't accidentally double it */ + } +/* Inner for background effects */ +/* Gradient is applied to its own element because overflow visible is not honored by IE when filter is present */ +.navbar-inner { + min-height: 34px; + padding-left: 20px; + padding-right: 20px; + background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#171D21)); + background-image: linear-gradient(to bottom, #FFFFFF, #171D21); + border: 1px solid rgb(0, 0, 0); + border-radius: 3px; + -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065); + box-shadow: 0 1px 4px rgba(0,0,0,.065); +} +/* Prevent floats from breaking the navbar */ +.navbar-inner:before, + .navbar-inner:after { + display: table; + content: ""; + line-height: 0; + } +.navbar-inner:after { + clear: both; + } +/* Override the default collapsed state */ +.nav-collapse.collapse { + height: auto; + overflow: visible; +} +/* Plain text in topbar */ +.navbar-text { + margin-bottom: 0; + line-height: 34px; + color: #C3CBD4; +} +/* Janky solution for now to account for links outside the .nav */ +.navbar-link { + color: #C3CBD4; +} +.navbar-link:hover, + .navbar-link:focus { + color: #3C444D; + } +/*************************************************************************************************/ +/* NAVBAR FORMS */ +/*************************************************************************************************/ +.navbar-form { + margin-bottom: 0; +} +/* remove default bottom margin */ +.navbar-form:before, + .navbar-form:after { + display: table; + content: ""; + line-height: 0; + } +.navbar-form:after { + clear: both; + } +.navbar-form input, + .navbar-form select, + .navbar-form .radio, + .navbar-form .checkbox { + margin-top: 2px; /* Vertically center in navbar */ + } +.navbar-form input, + .navbar-form select, + .navbar-form .btn { + display: inline-block; + margin-bottom: 0; + } +.navbar-form input[type="image"], + .navbar-form input[type="checkbox"], + .navbar-form input[type="radio"] { + margin-top: 3px; + } +.navbar-form .input-append, + .navbar-form .input-prepend { + margin-top: 5px; + white-space: nowrap; + } +/* preven two items from separating within a .navbar-form that has .pull-left */ +.navbar-form .input-append input, .navbar-form .input-prepend input { + margin-top: 0; /* remove the margin on top since it's on the parent */ + } +/*************************************************************************************************/ +/* NAVBAR SEARCH */ +/*************************************************************************************************/ +.navbar-search { + position: relative; + float: left; + margin-top: 2px; /* Vertically center in navbar */ + margin-bottom: 0; +} +.navbar-search .search-query { + margin-bottom: 0; + padding: 4px 14px; + font-family: Georgia, "Times New Roman", Times, serif; + font-size: 13px; + font-weight: normal; + line-height: 1; + border-radius: 15px; /* redeclare because of specificity of the type attribute */ + } +/*************************************************************************************************/ +/* STATIC NAVBAR */ +/*************************************************************************************************/ +.navbar-static-top { + position: static; + margin-bottom: 0; +} +/* remove 18px margin for default navbar */ +.navbar-static-top .navbar-inner { + border-radius: 0; + } +/*************************************************************************************************/ +/* FIXED NAVBAR */ +/*************************************************************************************************/ +/* Shared (top/bottom) styles */ +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; + margin-bottom: 0; +} +/* remove 18px margin for default navbar */ +.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { + padding-left: 0; + padding-right: 0; + border-radius: 0; + } +.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner { + border-width: 0 0 1px; + -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1); + box-shadow: 0 1px 10px rgba(0,0,0,.1); + } +/* Fixed to top */ +.navbar-fixed-top { + top: 0; +} +/* Fixed to bottom */ +.navbar-fixed-bottom { + bottom: 0; +} +.navbar-fixed-bottom .navbar-inner { + border-width: 1px 0 0; + -webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.1); + box-shadow: 0 -1px 10px rgba(0,0,0,.1); + } +/* Reset container width */ +/* Required here as we reset the width earlier on and the grid mixins don't override early enough */ +.navbar-static-top .container, +.navbar-fixed-top .container, +.navbar-fixed-bottom .container { + width: 940px; +} +/*************************************************************************************************/ +/* NAVIGATION */ +/*************************************************************************************************/ +.navbar { + /* Navbar button for toggling navbar items in responsive layouts */ +} +.navbar .nav { + position: relative; + left: 0; + display: block; + float: left; + margin: 0 10px 0 0; + } +.navbar .nav.pull-right { + float: right; /* redeclare due to specificity */ + margin-right: 0; /* remove margin on float right nav */ + } +.navbar .nav > li { + float: left; + } +/* Links */ +.navbar .nav > li > a { + float: none; + /* Vertically center the text given $navbarHeight */ + padding: 7px 15px 7px; + color: #C3CBD4; + text-decoration: none; + text-shadow: 0 1px 0 #FFFFFF; + } +/* Hover/focus */ +.navbar .nav > li > a:focus, + .navbar .nav > li > a:hover { + background-color: transparent; /* "transparent" is default to differentiate :hover/:focus from .active */ + color: #3C444D; + text-decoration: none; + } +/* Dropdown Menus */ +.navbar .nav > li > .dropdown-menu:before { + content: ''; + display: inline-block; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + border-bottom: 7px solid #C3CBD4; + border-bottom-color: #C3CBD4; + position: absolute; + top: -7px; + left: 9px; + } +.navbar .nav > li > .dropdown-menu:after { + content: ''; + display: inline-block; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-bottom: 6px solid #FFFFFF; + position: absolute; + top: -6px; + left: 10px; + } +/* Caret should match text color on hover/focus */ +.navbar .nav > li.dropdown > a:hover .caret, + .navbar .nav > li.dropdown > a:focus .caret { + border-top-color: #3C444D; + border-bottom-color: #3C444D; + } +/* Remove background color from open dropdown */ +.navbar .nav > li.dropdown.open > .dropdown-toggle, .navbar .nav > li.dropdown.active > .dropdown-toggle, .navbar .nav > li.dropdown.open.active > .dropdown-toggle { + background-color: rgb(13, 16, 18); + color: #5C6773; + } +.navbar .nav > li.dropdown.open > .dropdown-toggle .caret, .navbar .nav > li.dropdown.active > .dropdown-toggle .caret, .navbar .nav > li.dropdown.open.active > .dropdown-toggle .caret { + border-top-color: #5C6773; + border-bottom-color: #5C6773; + } +.navbar .nav > li.dropdown > .dropdown-toggle .caret { + border-top-color: #C3CBD4; + border-bottom-color: #C3CBD4; + } +.navbar .nav .dropdown-toggle .caret { + margin-top: 8px; + } +/* Active nav items */ +.navbar .nav > .active > a, + .navbar .nav > .active > a:hover, + .navbar .nav > .active > a:focus { + color: #5C6773; + text-decoration: none; + background-color: rgb(13, 16, 18); + -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,.125); + box-shadow: inset 0 3px 8px rgba(0,0,0,.125); + } +/* These definitions need to come after '.navbar .btn' */ +.navbar .btn-navbar { + display: none; + float: right; + padding: 7px 10px; + margin-left: 5px; + margin-right: 5px; + background-color: #F7F8FA; + border-color: #C3CBD4; + color: #5C6773; + -webkit-box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); + box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); + } +.navbar .btn-navbar .icon-bar { + display: block; + width: 18px; + height: 2px; + background-color: #f5f5f5; + border-radius: 1px; + -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.25); + box-shadow: 0 1px 0 rgba(0,0,0,.25); + } +.navbar .btn-navbar .icon-bar+ .icon-bar { + margin-top: 3px; + } +/* Right aligned menus need alt position */ +.navbar .pull-right > li > .dropdown-menu, + .navbar .nav > li > .dropdown-menu.pull-right { + left: auto; + right: 0; + } +.navbar .pull-right > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu.pull-right:before { + left: auto; + right: 12px; + } +.navbar .pull-right > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu.pull-right:after { + left: auto; + right: 13px; + } +.navbar .pull-right > li > .dropdown-menu .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu { + left: auto; + right: 100%; + margin-left: 0; + margin-right: -1px; + border-radius: 6px 0 6px 6px; + } +/* Menu position and menu caret support for dropups via extra dropup class */ +.navbar-fixed-bottom .nav > li > .dropdown-menu:before { + border-top: 7px solid #C3CBD4; + border-top-color: #C3CBD4; + border-bottom: 0; + bottom: -7px; + top: auto; + } +.navbar-fixed-bottom .nav > li > .dropdown-menu:after { + border-top: 6px solid #FFFFFF; + border-bottom: 0; + bottom: -6px; + top: auto; + } +/*===============================================================================================*/ +/* SPLUNK: PAGINATOR */ +/* Navigation styles and components. */ +/*===============================================================================================*/ +/* pagination styles and overrides + + +*/ +.pagination { + height: auto; +} +.pagination > ul { + display: inline-block; + /* Reset default ul styles */ + margin-left: 0; + margin-bottom: 0; + list-style: none; + } +.pagination > ul > li { + float: left; + } +.pagination > ul > li > span, + .pagination > ul > li > a { + padding: 5px 14px; /* note the vertical padding will be funky unless it's block, inline-block, or floated */ + float: left; + line-height: 20px; + border: 1px solid transparent; + border-radius: 3px; + + background-color: none; + + border-color: transparent; + + color: #5C6773; + + -webkit-box-shadow: none; + + box-shadow: none; + + text-decoration: none; + + text-shadow: none; + + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + -webkit-filter: none; + + filter: none; + } +.pagination > ul > li > span:hover, .pagination > ul > li > a:hover { + color: #006EAA; + background: rgb(235, 238, 239); + border-color: #C3CBD4; + text-decoration: none; + } +.pagination > ul > li > span:focus, .pagination > ul > li > a:focus { + color: #006EAA; + background: none; + border-color: transparent; + text-decoration: none; + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.pagination > ul > li > span:focus:active:not([disabled]), .pagination > ul > li > a:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.pagination > ul > li > span:active, .pagination > ul > li > span.active, .pagination > ul > li > a:active, .pagination > ul > li > a.active { + color: #5C6773; + background: #E1E6EB; + border-color: transparent; + text-decoration: none; + } +.pagination > ul > li > span.disabled, + .pagination > ul > li > span[disabled], + .pagination > ul > li > span.disabled:hover, + .pagination > ul > li > span[disabled]:hover, + .pagination > ul > li > span.disabled:focus, + .pagination > ul > li > span[disabled]:focus, + .pagination > ul > li > span.disabled:active, + .pagination > ul > li > span[disabled]:active, + .pagination > ul > li > a.disabled, + .pagination > ul > li > a[disabled], + .pagination > ul > li > a.disabled:hover, + .pagination > ul > li > a[disabled]:hover, + .pagination > ul > li > a.disabled:focus, + .pagination > ul > li > a[disabled]:focus, + .pagination > ul > li > a.disabled:active, + .pagination > ul > li > a[disabled]:active { + color: #C3CBD4; + background: none; + border-color: transparent; + text-decoration: none; + -webkit-box-shadow: none; + box-shadow: none; + cursor: not-allowed; + } +.pagination > ul > li > span:not(.page-controls),.pagination > ul > li > a:not(.page-controls){ + padding: 5px 10px; + margin: 0 1px; + } +.pagination > ul > li > span:not(.page-controls).btn-square, .pagination > ul > li > a:not(.page-controls).btn-square { + padding: 5px 0; + } +.pagination > ul .active > a, .pagination > ul .active > a:hover { + cursor: default; + border: 1px solid #007ABD; + color: #007ABD; + } +.pagination > ul .icon-chevron-left, .pagination > ul .icon-triangle-left-small { + padding-right: 6.66667px; + } +.pagination > ul .icon-chevron-right, .pagination > ul .icon-triangle-right-small { + padding-left: 6.66667px; + } +.pagination > ul > .disabled > span, + .pagination > ul > .disabled > a, + .pagination > ul > .disabled > a:hover, + .pagination > ul > .disabled > a:focus { + background-color: transparent; + border-color: transparent; + color: #C3CBD4; + cursor: default; + -webkit-box-shadow: none; + box-shadow: none; + } +.pagination .max-events-per-bucket { + color: #F8BE34; + font-size: 18px; + } +/* .pagination */ +.splunk-paginator.splunk-view { + padding: 0 10px; +} +.splunk-paginator.splunk-view .disabled, .splunk-paginator.splunk-view a.selected { + color: #C3CBD4; + cursor: default; + } +.splunk-paginator.splunk-view a.selected { + color: #006EAA; + border: 1px solid #006EAA; + background: transparent; + } +.splunk-paginator.splunk-view a { + border: 1px solid transparent; + border-radius: 3px; + color: #5C6773; + padding: 2px 8px 2px; + text-decoration: none; + min-width: 10px; + line-height: 20px; + display: inline-block; + text-align: center; + } +.splunk-paginator.splunk-view a:hover { + background: #F7F8FA; + } +.splunk-paginator.splunk-view a:disabled { + background: none; + } +.splunk-paginator.splunk-view span { + padding-left: 5px; + padding-right: 5px; + } +/*===============================================================================================*/ +/* SPLUNK: PAGER PAGINATION */ +/*===============================================================================================*/ +.pager { + margin: 20px 0; + list-style: none; + text-align: center; +} +.pager:before, + .pager:after { + display: table; + content: ""; + line-height: 0; + } +.pager:after { + clear: both; + } +.pager li { + display: inline; + } +.pager li > a, + .pager li > span { + display: inline-block; + padding: 5px 14px; + background-color: #FFFFFF; + border: 1px solid #C3CBD4; + border-radius: 15px; + } +.pager li > a:hover, + .pager li > a:focus { + text-decoration: none; + background-color: #F7F8FA; + } +.pager .next > a, + .pager .next > span { + float: right; + } +.pager .previous > a, + .pager .previous > span { + float: left; + } +.pager .disabled > a, + .pager .disabled > a:hover, + .pager .disabled > a:focus, + .pager .disabled > span { + text-decoration: none; + background-color: #F7F8FA; + } +/* Components: Popovers */ +/*===============================================================================================*/ +/* SPLUNK: MODALS */ +/*===============================================================================================*/ +/* TODO: the close button seems to have issues on placement */ +/* modal windows + +
    +
    + +

    Modal header

    +
    +
    +

    One fine body…

    +
    +
    + Close + Save changes +
    +
    + + +
    +
    + +

    Modal header

    +
    +
    +

    One fine body…

    +
    +
    + Close + Save changes +
    +
    + +*/ +/* body while modal is open */ +.body-modal-open { + overflow: hidden; +} +/* Background */ +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + background-color: #3C444D; +} +/* Fade for backdrop */ +.modal-backdrop.fade { opacity: 0; } +.modal-backdrop, +.modal-backdrop.fade.in { + opacity: 0.80; +} +/* modal container */ +.modal { + position: fixed; + top: 40px; + left: 50%; + width: 550px; + margin-left: -275px; +} +.modal .form-horizontal { + width: 550px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + } +.modal { + z-index: 1050; + background-color: #FFFFFF; + border: none; + -webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.3); + box-shadow: 0 3px 7px rgba(0,0,0,0.3); + background-clip: border-box; + outline: none; +} +/* Remove focus outline from opened modal */ +.modal.fade { + -webkit-transition: opacity 0.125s, top 0.125s ease; + transition: opacity 0.125s, top 0.125s ease; + top: 0; + } +.modal.fade.in { top: 40px } +/* modal */ +/* SPL-68751 - IE10 box shadow animation artifacts fix */ +.modal:after { + content: ""; + font-size: 0; + display: inline; + overflow: hidden; +} +/*************************************************************************************************/ +/* MODAL HEADER */ +/*************************************************************************************************/ +.modal-header { + border: none; + position: relative; + background: #FFFFFF; + padding: 20px; +} +/* heading */ +.modal-header h3, .modal-header h1, .modal-header .modal-title { + font-size: 20px; + font-weight: 500; + line-height: 22px; + margin: 0; + overflow-wrap: break-word; + padding-right: 40px; + } +/* close button */ +.modal-header .close { + border: 1px solid; + top: 20px; + right: 20px; + margin-top: -2px; + position: absolute; + background-color: none; + border-color: transparent; + color: #5C6773; + -webkit-box-shadow: none; + box-shadow: none; + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + } +.modal-header .close:hover { + color: #006EAA; + background: rgb(235, 238, 239); + border-color: #C3CBD4; + text-decoration: none; + } +.modal-header .close:focus { + color: #006EAA; + background: none; + border-color: transparent; + text-decoration: none; + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.modal-header .close:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.modal-header .close:active, .modal-header .close.active { + color: #5C6773; + background: #E1E6EB; + border-color: transparent; + text-decoration: none; + } +.modal-header .close.disabled, + .modal-header .close[disabled], + .modal-header .close.disabled:hover, + .modal-header .close[disabled]:hover, + .modal-header .close.disabled:focus, + .modal-header .close[disabled]:focus, + .modal-header .close.disabled:active, + .modal-header .close[disabled]:active { + color: #C3CBD4; + background: none; + border-color: transparent; + text-decoration: none; + -webkit-box-shadow: none; + box-shadow: none; + cursor: not-allowed; + } +/*************************************************************************************************/ +/* MODAL BODY */ +/*************************************************************************************************/ +.modal-body { + position: relative; + padding: 0 20px; + overflow: visible; + max-height: calc(100vh - 246px); +} +.modal-body:last-child { + max-height: calc(100vh - 259px); /* if no footer, can be somewhat taller */ + } +/* Remove bottom margin if need be */ +.modal-form { + margin-bottom: 0; +} +.modal-body-scrolling { + overflow-y: auto; + padding: 20px; + position: relative; + border-top: 1px solid #E1E6EB; + border-bottom: 1px solid #E1E6EB; +} +/*************************************************************************************************/ +/* MODAL FOOTER */ +/*************************************************************************************************/ +.modal-footer { + padding: 20px; + margin-bottom: 0; + text-align: right; /* right align buttons */ + background: #FFFFFF; +} +.modal-footer:before, + .modal-footer:after { + display: table; + content: ""; + line-height: 0; + } +.modal-footer:after { + clear: both; + } +/* clear it in case folks use .pull-* classes on buttons */ +.modal-footer > .btn { + min-width: 80px; + } +.modal-footer > .btn + .btn:not(.pull-left) { + /* Properly space out buttons */ + margin-left: 10px; + margin-bottom: 0; /* account for input[type="submit"] which gets the bottom margin like all other inputs */ + } +/* but override that for button groups */ +.modal-footer > .btn-group .btn + .btn { + margin-left: -1px; + } +/* and override it for block buttons as well */ +.modal-footer > .btn-block + .btn-block { + margin-left: 0; + } +.modal-footer:empty { + padding: 0; + } +/*************************************************************************************************/ +/* MODAL VARIATIONS */ +/*************************************************************************************************/ +/* extends modal; sets width & offset */ +.modal-wide { + width: 800px; + margin-left: -400px; +} +.modal-wide .form-horizontal { + width: 800px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + } +/* Disconnect needs to be above other modals */ +.modal.disconnection-warning-modal { + z-index: 1090; +} +.shared-splunkbar-messages-noconnectionoverlay .modal-backdrop { + z-index: 1080; +} +/* loading ... */ +.modal-loading { + text-align: center; + color: #6b7785; +} +/*************************************************************************************************/ +/* WHATS NEW DIALOG */ +/*************************************************************************************************/ +.shared-whatsnewdialog.modal { + width: 900px; + margin-left: -450px; + } +.shared-whatsnewdialog.modal .modal-body { + padding-right: 0; + } +.shared-whatsnewdialog h2 { + font-weight: 200; + font-size: 24px; + margin: 0 0 20px -20px; + padding-left: 20px; + } +.shared-whatsnewdialog .feature { + display:inline-block; + width: 260px; + margin: 0 20px 20px 0; + position: relative; + vertical-align: top; + } +.shared-whatsnewdialog .feature > h3 { + margin: 0 0 5px 0; + } +.shared-whatsnewdialog .feature > img { + display: block; + width: 100%; + height: 170px; + border: 1px solid #C3CBD4; + margin-bottom: 10px; + } +.shared-whatsnewdialog .feature > p { + margin: 0; + } +.shared-whatsnewdialog .feature + h2 { + padding-top: 20px; + border-top: 1px dotted #C3CBD4; + } +/*===============================================================================================*/ +/* SPLUNK: TOOLTIPS */ +/*===============================================================================================*/ +/* Base class */ +.tooltip { + position: absolute; + z-index: 1070; + display: block; + visibility: visible; + font-size: 12px; + line-height: 1.4; + opacity: 0.0; +} +.tooltip.in { opacity: 0.85; } +.tooltip.top { margin-top: -3px; padding: 5px 0; } +.tooltip.right { margin-left: 3px; padding: 0 5px; } +.tooltip.bottom { margin-top: 3px; padding: 5px 0; } +.tooltip.left { margin-left: -3px; padding: 0 5px; } +/* Wrapper for the tooltip content */ +.tooltip-inner { + max-width: 200px; + padding: 6px 12px; + color: #FFFFFF; + text-align: center; + text-decoration: none; + background-color: #000000; +} +/* Arrows */ +.tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.tooltip.top .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-width: 5px 5px 0; + border-top-color: #000000; + } +.tooltip.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-width: 5px 5px 5px 0; + border-right-color: #000000; + } +.tooltip.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-width: 5px 0 5px 5px; + border-left-color: #000000; + } +.tooltip.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-width: 0 5px 5px; + border-bottom-color: #000000; + } +/* Components: Misc */ +/*===============================================================================================*/ +/* SPLUNK: THUMBNAILS */ +/*===============================================================================================*/ +/* Note: `.thumbnails` and `.thumbnails > li` are overriden in responsive files */ +/* Make wrapper ul behave like the grid */ +.thumbnails { + margin-left: -20px; + list-style: none; +} +.thumbnails:before, + .thumbnails:after { + display: table; + content: ""; + line-height: 0; + } +.thumbnails:after { + clear: both; + } +/* Fluid rows have no left margin */ +.row-fluid .thumbnails { + margin-left: 0; +} +/* Float li to make thumbnails appear in a row */ +.thumbnails > li { + float: left; /* Explicity set the float since we don't require .span* classes */ + margin-bottom: 20px; + margin-left: 20px; +} +/* The actual thumbnail (can be `a` or `div`) */ +.thumbnail { + display: block; + padding: 4px; + line-height: 20px; + border: 1px solid #ddd; + border-radius: 3px; + -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.055); + box-shadow: 0 1px 3px rgba(0,0,0,.055); + -webkit-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; +} +/* Add a hover/focus state for linked versions only */ +a.thumbnail:hover, +a.thumbnail:focus { + border-color: #006EAA; + -webkit-box-shadow: 0 1px 4px rgba(0,105,214,.25); + box-shadow: 0 1px 4px rgba(0,105,214,.25); +} +/* Images and captions */ +.thumbnail > img { + display: block; + max-width: 100%; + margin-left: auto; + margin-right: auto; +} +.thumbnail .caption { + padding: 9px; + color: #5C6773; +} +/*===============================================================================================*/ +/* SPLUNK: LABELS & BADGES OVERRIDES */ +/*===============================================================================================*/ +/* Base classes */ +.label, +.badge { + display: inline-block; + padding: 2px 4px; + font-size: 11.844px; + font-weight: bold; + line-height: 14px; /* ensure proper line-height if floated */ + color: #FFFFFF; + vertical-align: baseline; + white-space: nowrap; + text-shadow: 0 -1px 0 rgba(0,0,0,.25); + background-color: #818D99; +} +/* Set unique padding and border-radii */ +.label { + border-radius: 3px; +} +.badge { + padding-left: 9px; + padding-right: 9px; + border-radius: 9px; +} +/* Empty labels/badges collapse */ +.label:empty, .badge:empty { + display: none; + } +/* Hover/focus state, but only for links */ +a.label:hover, + a.label:focus, + a.badge:hover, + a.badge:focus { + color: #FFFFFF; + text-decoration: none; + cursor: pointer; + } +/* Colors */ +/* Only give background-color difference to links (and to simplify, we don't qualifty with `a` but [href] attribute) */ +/* Important (red) */ +.label-important, .badge-important { background-color: #F8DCD9; } +.label-important[href], .badge-important[href] { background-color: rgb(240, 180, 173); } +/* Warnings (orange) */ +.label-warning, .badge-warning { background-color: #F1813F; } +.label-warning[href], .badge-warning[href] { background-color: rgb(237, 98, 18); } +/* Success (green) */ +.label-success, .badge-success { background-color: #53A051; } +.label-success[href], .badge-success[href] { background-color: rgb(65, 125, 63); } +/* Info (turquoise) */ +.label-info, .badge-info { background-color: #006D9C; } +.label-info[href], .badge-info[href] { background-color: rgb(0, 75, 107); } +/* Inverse (black) */ +.label-inverse, .badge-inverse { background-color: #3C444D; } +.label-inverse[href], .badge-inverse[href] { background-color: rgb(38, 43, 49); } +/* Quick fix for labels/badges in buttons */ +.btn .label, + .btn .badge { + position: relative; + top: -1px; + } +.btn-mini .label, + .btn-mini .badge { + top: 0; + } +/* Labels */ +/* ------ */ +/* TODO: use vars here */ +.label { + padding: 1px 4px 0 4px; + border-radius: 4px; + line-height: 17px; + font-size: 12px; + font-weight: normal; + text-transform: uppercase; + color: #3C444D; + text-shadow: none; + background-color: #C3CBD4; + border: 1px solid #3C444D; +} +/* icons in labels */ +.label [class*="icon-"]{ + font-size: 16px; + margin-right: 3px; + vertical-align: middle; + } +/* Important (red) */ +.label-important { + background-color: #F8DCD9; + border-color: #DC4E41; + color: #DC4E41; + } +/* Warnings (orange) */ +.label-warning { + background-color: rgb(253, 239, 231); + border-color: #F1813F; + color: #F1813F; + } +/* Success (green) */ +.label-success { + background-color: #DDECDD; + border-color: #53A051; + color: #53A051; + } +/* Info (yellow) */ +.label-info { + background-color: #FEF2D7; + border-color: #F8BE34; + color: #F8BE34; + } +/* Inverse (black) */ +.label-inverse { + background-color: #5C6773; + border-color: #3C444D; + color: #FFFFFF; + } +/*===============================================================================================*/ +/* SPLUNK: PROGRESS BARS */ +/*===============================================================================================*/ +/* ANIMATIONS */ +/* ---------- */ +@-webkit-keyframes progress-bar-stripes { + from { background-position: 40px 0; } + to { background-position: 0 0; } +} +@keyframes progress-bar-stripes { + from { background-position: 40px 0; } + to { background-position: 0 0; } +} +/* Spinners */ +/* ---------------------------- */ +.spinner-small { + background-image: url("/static/img/skins/default/loading_small.png"); + background-position: left top; + width: 14px; + height: 14px; + background-size: 280px 14px; +} +.spinner-medium { + background-image: url("/static/img/skins/default/loading_medium.png"); + background-position: left top; + width: 19px; + height: 19px; + background-size: 380px 19px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + .spinner-small { + background-image: url("/static/img/skins/default/loading_small_2x.png"); + } + + .spinner-medium { + background-image: url("/static/img/skins/default/loading_medium_2x.png"); + } +} +/* Progress */ +/* ---------------------------- */ +/* This is suppose to match Bootstrap, but it doesn't. */ +.progress { + overflow: hidden; + height: 20px; + margin-bottom: 20px; + background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#f9f9f9)); + background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); + -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); + box-shadow: inset 0 1px 2px rgba(0,0,0,.1); + background-color: #F7F8FA; + border-radius: 3px; + +} +/* Bootstrap uses the .bar class, but our standard components use .progress-bar */ +.progress .bar, + .progress .progress-bar { + width: 0%; + height: 100%; + color: #FFFFFF; + float: left; + font-size: 12px; + text-align: center; + -webkit-transition: width .6s ease; + transition: width .6s ease; + } +.progress .bar { + background-color: #007ABD; + -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); + box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); + -webkit-box-sizing: border-box; + box-sizing: border-box; + } +.progress .bar + .bar { + -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); + box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); + } +.progress .progress-bar { + line-height: 20px; + background-color: #C3CBD4; + } +.progress .progress-striped.progress-bar { + background-color: #C3CBD4; + background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); + background-size: 40px 40px; + } +/* Striped bars */ +.progress-striped .bar { + background-color: #007ABD; + background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); + background-size: 40px 40px; +} +/* Call animation for the active one */ +.progress.active .bar, +.active.progress-bar { + -webkit-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; +} +/* PROGRESS STATES */ +/* --------------- */ +/* These have been inherited from Bootstrap and are not used on Core. */ +/* Danger (red) */ +.progress-danger .bar, .progress .bar-danger { + background: #DC4E41; +} +.progress-danger.progress-striped .bar, .progress-striped .bar-danger { + background-color: #DC4E41; + background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); +} +/* Success (green) */ +.progress-success .bar, .progress .bar-success { + background: #53A051; +} +.progress-success.progress-striped .bar, .progress-striped .bar-success { + background-color: #53A051; + background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); +} +/* Info (teal) */ +.progress-info .bar, .progress .bar-info { + background: #006D9C; +} +.progress-info.progress-striped .bar, .progress-striped .bar-info { + background-color: #006D9C; + background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); +} +/* Warning (orange) */ +.progress-warning .bar, .progress .bar-warning { + background: #F1813F; +} +.progress-warning.progress-striped .bar, .progress-striped .bar-warning { + background-color: #F1813F; + background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); +} +/*===============================================================================================*/ +/* SPLUNK: ACCORDION */ +/* Accordion for expanding content. */ +/*===============================================================================================*/ +/* +
    +
    +
    + + + Collapsible Group Item #1 +
    +
    +
    + Anim pariatur cliche... +
    +
    +
    +
    +
    + + + Collapsible Group Item #2 +
    +
    +
    + Anim pariatur cliche... +
    +
    +
    +
    +*/ +/* Parent container */ +.accordion { + margin-bottom: 0; + background: #FFFFFF; +} +/* Heading */ +.accordion-heading { + border-bottom: 0; + position: relative; +} +/* Heading Toggle */ +.accordion-heading .accordion-toggle { + display: block; + padding: 5px 14px; + padding-left: 30px; + line-height: 20px; + background-color: #F2F4F5; + color: #5C6773; + text-decoration: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + cursor: pointer; + } +.accordion-heading .accordion-toggle .icon-triangle-right-small:before { + content: "\203A"; + } +.accordion-heading .accordion-toggle .icon-triangle-down-small:before { + content: "\2C5"; + } +/* Group == heading + body */ +.accordion-group { + margin-bottom: 2px; + border: none; + border-radius: 0; +} +.accordion-group:first-child .accordion-toggle { + border-top: none; + } +.accordion-group:last-child .accordion-toggle, + .accordion-group.active:last-child .accordion-body { + border-bottom: none; + } +.accordion-group .accordion-toggle:focus { + -webkit-box-shadow: none; + box-shadow: none; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.accordion-group .accordion-toggle:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.accordion-group .accordion-toggle:focus { + -webkit-box-shadow: inset 0 0 2px 1px #F2F4F5, inset 0 0 0 2px #00A4FD; + box-shadow: inset 0 0 2px 1px #F2F4F5, inset 0 0 0 2px #00A4FD; +} +.accordion-group.active .accordion-toggle { + background: #FFFFFF; + border-bottom: none; + cursor: default; + } +.accordion-group.active .accordion-toggle:focus { + -webkit-box-shadow: none; + box-shadow: none; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.accordion-group.active .accordion-toggle:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.accordion-group.active .accordion-toggle:focus { + -webkit-box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; + box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; +} +.accordion-group:not(.active) .accordion-toggle:hover { + background-color: #E1E6EB; + -webkit-box-shadow: none; + box-shadow: none; + } +.accordion-group:not(.active) .accordion-toggle:hover:focus { + -webkit-box-shadow: none; + box-shadow: none; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.accordion-group:not(.active) .accordion-toggle:hover:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.accordion-group:not(.active) .accordion-toggle:hover:focus { + -webkit-box-shadow: inset 0 0 2px 1px #E1E6EB, inset 0 0 0 2px #00A4FD; + box-shadow: inset 0 0 2px 1px #E1E6EB, inset 0 0 0 2px #00A4FD; +} +/* Heading Toggle Icon */ +.icon-accordion-toggle { + position: absolute; + left: 10px; +} +/* Body */ +.accordion-body { + background-color: #FFFFFF; +} +.accordion-inner { + padding: 10px 20px 20px 20px; + border: none; +} +.accordion-inner:before, + .accordion-inner:after { + display: table; + content: ""; + line-height: 0; + } +.accordion-inner:after { + clear: both; + } +.accordion-inner { + position: relative; +} +/*===============================================================================================*/ +/* SPLUNK: CAROUSEL */ +/*===============================================================================================*/ +.carousel { + position: relative; + margin-bottom: 20px; + line-height: 1; +} +.carousel-inner { + overflow: hidden; + width: 100%; + position: relative; +} +.carousel-inner > .item { + display: none; + position: relative; + -webkit-transition: .6s ease-in-out left; + transition: .6s ease-in-out left; + } +/* Account for jankitude on images */ +.carousel-inner > .item > img, + .carousel-inner > .item > a > img { + display: block; + line-height: 1; + } +.carousel-inner > .active, + .carousel-inner > .next, + .carousel-inner > .prev { + display: block; + } +.carousel-inner > .next, + .carousel-inner > .prev { + position: absolute; + top: 0; + width: 100%; + } +.carousel-inner > .next { + left: 100%; + } +.carousel-inner > .prev { + left: -100%; + } +.carousel-inner > .next.left, + .carousel-inner > .prev.right { + left: 0; + } +.carousel-inner > .active { + left: 0; + } +.carousel-inner > .active.left, + .carousel-inner > .active.right { + left: 100%; + } +/*************************************************************************************************/ +/* LEFT/RIGHT CONTROLS FOR NAV */ +/*************************************************************************************************/ +.carousel-control { + position: absolute; + top: 40%; + left: 15px; + width: 40px; + height: 40px; + margin-top: -20px; + font-size: 60px; + font-weight: 100; + line-height: 30px; + color: #FFFFFF; + text-align: center; + background: #171D21; + border: 3px solid #FFFFFF; + border-radius: 23px; + opacity: 0.50; + + /* we can't have this transition here */ + /* because webkit cancels the carousel */ + /* animation if you trip this while */ + /* in the middle of another animation */ + /* ;_; */ + /* transition: opacity .2s linear; */ +} +/* Reposition the right one */ +.carousel-control.right { + left: auto; + right: 15px; + } +/* Hover/focus state */ +.carousel-control:hover, + .carousel-control:focus { + color: #FFFFFF; + text-decoration: none; + opacity: 0.90; + } +/*************************************************************************************************/ +/* CAROUSEL INDICATOR PIPS */ +/*************************************************************************************************/ +.carousel-indicators { + position: absolute; + top: 15px; + right: 15px; + z-index: 5; + margin: 0; + list-style: none; +} +.carousel-indicators li { + display: block; + float: left; + width: 10px; + height: 10px; + margin-left: 5px; + text-indent: -999px; + background-color: #C3CBD4; + background-color: rgba(255, 255, 255, .25); + border-radius: 5px; + } +.carousel-indicators .active { + background-color: #FFF; + } +/*************************************************************************************************/ +/* CAPTION FOR TEXT BELOW IMAGES */ +/*************************************************************************************************/ +.carousel-caption { + position: absolute; + left: 0; + right: 0; + bottom: 0; + padding: 15px; + background: #3C444D; + background: rgba(0, 0, 0, .75); +} +.carousel-caption h4, .carousel-caption p { + color: #FFFFFF; + line-height: 20px; + } +.carousel-caption h4 { + margin: 0 0 5px; + } +.carousel-caption p { + margin-bottom: 0; + } +/* Utility classes */ +/*===============================================================================================*/ +/* SPLUNK: UTILITY CLASSES */ +/*===============================================================================================*/ +/* Quick floats */ +.pull-right { + float: right; +} +.pull-left { + float: left; +} +/* Toggling content */ +.hide { + display: none; +} +.show { + display: block; +} +/* Visibility */ +.invisible { + visibility: hidden; +} +/* For Affix plugin */ +.affix { + position: fixed; +} +/* Proxy mixin s */ +.clearfix:before, + .clearfix:after { + display: table; + content: ""; + line-height: 0; + } +.clearfix:after { + clear: both; + } +.hide-text { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; + position: absolute; + width: 0; +} +.input-block-level { + display: block; + width: 100%; + min-height: 32px; + /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */ + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* Makes inputs behave like true block-level elements */ +} +/* 508 helper class - Hide only visually, but have it available for screenreaders */ +.visuallyhidden { + clip: rect(0 0 0 0); + position: absolute; + width: 1px; + height: 1px; + margin: -1px; + overflow: hidden; + border: 0; +} +/* Has to be last to override when necessary */ +/* 3rd party */ +/*===============================================================================================*/ +/* SPLUNK: JQUERY UI THEME */ +/*===============================================================================================*/ +/* generic widgets */ +/* --------------- */ +.ui-widget { + font-family: inherit; +} +.ui-widget-header { + font-weight: normal; + background: transparent; + border: 0; + color: #3C444D; +} +.ui-widget-header a { + color: #000000; + } +.ui-corner-all { + border-radius: 2px; +} +.ui-icon { + font-family: "Splunk Icons"; + width: 20px; + height: 20px; +} +/* Tabs */ +/* ----------- */ +/*jq-ui adds background to tabs which is shared by other components*/ +.ui-tabs .ui-widget-header { + background: none; + border-bottom:1px solid #C3CBD4; + border-radius: 0; + } +/* override default tabs borders */ +.ui-tabs .ui-tabs-nav li { + border-bottom: 1px solid #C3CBD4 !important; /*need important to override jq-ui bs*/ + margin-bottom:-1px; + } +/* selected state */ +.ui-tabs .ui-tabs-nav li.ui-tabs-selected { + border-bottom:1px solid #C3CBD4 !important; /*need important to override the other important*/ + } +/* Accordiion */ +/* ------------ */ +.ui-accordion .ui-accordion-header .ui-icon { + left: 0.5em; + margin-top: -8px; + position: absolute; + top: 50%; + } +.ui-accordion-icons .ui-accordion-header a { + padding-left: 2.2em; + } +/* Datepicker */ +/* ------------- */ +#ui-datepicker-div { + display:none; /* jquery ui adds this id by default ;_; */ + z-index: 1070 !important; /* need to override jquery inline z-index nonsense ;_; */ +} +.ui-datepicker { + + background-color: #FFFFFF; + + border: 1px solid #C3CBD4; + + -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2); + + box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2); + + border-radius: 2px; + + top: 100%; + + left: 50%; + + margin: 8px 0 0 -103px; + + display: none; + + position: absolute; + + z-index: 1059; + + white-space: normal; + +} +/* placement of arrow */ +.ui-datepicker .arrow { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-top: 0; + border-bottom-color: #C3CBD4; + top: -8px; + left: 50%; + margin-left: -4px; + } +/* generated arrow */ +.ui-datepicker .arrow:before { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-top: 0; + border-bottom-color: #FFFFFF; + top: 1px; + left: -8px; + } +/* prevent inheriting nowrap from btn-group */ +.ui-datepicker.up { + margin-top: 0; + } +/* placement of arrow */ +.ui-datepicker.up > .arrow { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-bottom: 0; + border-top-color: #C3CBD4; + top: auto; + bottom: -8px; + } +.ui-datepicker.up > .arrow:before { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-bottom: 0; + border-top-color: #FFFFFF; + top: auto; + bottom: 1px; + } +.ui-datepicker.right { /* point left */ + margin-left: 5px; + margin-top: 0; + } +/* placement of arrow */ +.ui-datepicker.right .arrow { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-left: 0; + border-right-color: #C3CBD4; + top: 50%; + left: -8px; + margin: -8px 0 0 0; + } +.ui-datepicker.right .arrow:before { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-left: 0; + border-right-color: #FFFFFF; + top: 50%; + left: 1px; + margin: -8px 0 0 0; + } +/* position of arrow when floated right */ +.ui-datepicker.pull-right .arrow { + left: auto; + right: 8px; + } +/* open state */ +.ui-datepicker.open { + display: block; + } +.ui-datepicker { + background-color: #FFFFFF; + width: 17em; + height: auto; + position: relative; + padding: 5px; + margin: 0; +} +.ui-datepicker .ui-datepicker-header { + position: relative; + padding: 0.2em 0; + background: transparent; + } +/* header */ +.ui-datepicker .ui-datepicker-title { + margin: 0 2.3em; + line-height: 32px; + text-align: center; + } +.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { + position: absolute; + text-decoration: none; + } +.ui-datepicker .ui-datepicker-prev .ui-icon,.ui-datepicker .ui-datepicker-next .ui-icon{ + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; + position: absolute; + width: 0; + left: 0; + /* override hide-text for ie-7 */ + } +.ui-datepicker .ui-datepicker-prev .ui-icon:after, .ui-datepicker .ui-datepicker-next .ui-icon:after { + display: block; + position: absolute; + top: 0; + left: 0; + text-align: center; + width: 32px; + line-height: 32px; + color: #5C6773; + + text-indent: 0; + font-size: 12px; + font-family: "Splunk Icons"; + } +/* prev-next */ +.ui-datepicker .ui-datepicker-prev .ui-icon:after { + content: "\25C0"; + } +.ui-datepicker .ui-datepicker-next { + top: 0; + right: 0; + } +.ui-datepicker .ui-datepicker-next .ui-icon:after { + content: "\25B6"; + } +.ui-datepicker table { + margin-bottom: 0; + width: 100%; + border-collapse: collapse; + margin: 0 0 0.4em; + } +.ui-datepicker .ui-datepicker-calendar {/* table */ + margin: 0; + } +.ui-datepicker .ui-datepicker-calendar th { + line-height: 10px; + padding: 0.7em 0.3em; + padding-top: 20px; + color: #6b7785; + text-align: center; + border: 0; + font-weight: normal; + } +.ui-datepicker .ui-datepicker-calendar td { + padding: 1px; + } +.ui-datepicker .ui-datepicker-calendar td a { + display: block; + padding: 0.2em; + text-align: right; + color: #5C6773; + } +.ui-datepicker .ui-datepicker-calendar a { + border: 1px solid #C3CBD4; + } +.ui-datepicker .ui-datepicker-calendar a:hover {text-decoration: none;} +.ui-datepicker .ui-datepicker-calendar .ui-state-default { + background: #FFFFFF; + border:1px solid #C3CBD4; + color: #5C6773; + } +.ui-datepicker .ui-datepicker-calendar .ui-state-active { + background-color: #F7F8FA; + border-color: #007ABD; + color: #006EAA; + } +.ui-datepicker .ui-datepicker-calendar .ui-state-hover { + border-color: #00A4FD; + background: #F7F8FA; + color: #006EAA; + } +/* calendar */ +.ui-datepicker a.ui-corner-all { + + display: inline-block; + padding: 5px 14px; /* note the vertical padding will be funky unless it's block, inline-block, or floated */ + border-radius: 3px; + + background-color: none; + + border-color: transparent; + + color: #5C6773; + + -webkit-box-shadow: none; + + box-shadow: none; + + text-decoration: none; + + text-shadow: none; + + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + -webkit-filter: none; + + filter: none; + + } +.ui-datepicker a.ui-corner-all:hover { + color: #006EAA; + text-decoration: none; + } +.ui-datepicker a.ui-corner-all:focus { + color: #006EAA; + text-decoration: underline; + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.ui-datepicker a.ui-corner-all:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.ui-datepicker a.ui-corner-all:active, .ui-datepicker a.ui-corner-all.active { + color: #006EAA; + text-decoration: none; + } +.ui-datepicker a.ui-corner-all.disabled, + .ui-datepicker a.ui-corner-all[disabled], + .ui-datepicker a.ui-corner-all.disabled:hover, + .ui-datepicker a.ui-corner-all[disabled]:hover, + .ui-datepicker a.ui-corner-all.disabled:focus, + .ui-datepicker a.ui-corner-all[disabled]:focus, + .ui-datepicker a.ui-corner-all.disabled:active, + .ui-datepicker a.ui-corner-all[disabled]:active { + color: #C3CBD4; + text-decoration: none; + cursor: not-allowed; + } +.ui-datepicker a.ui-corner-all { + + width: 32px; + height: 32px; + text-align: center; + padding:0; +} +.ui-datepicker a.ui-corner-all:hover { + cursor: pointer; /* ensure pointer if missing href */ + color: #006EAA; + background: #F7F8FA; + font-weight: normal; + } +.ui-datepicker a.ui-corner-all:hover .ui-icon:after { + color: #006EAA; + } +/* .ui-datepicker */ +/* + * jQuery UI Resizable $VERSION + * + * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Resizable#theming + */ +.ui-resizable { position: relative;} +.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; } +.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } +.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } +.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } +.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } +.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } +.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } +.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } +.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } +.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;} +.ui-resizable-handle { + width: 100%; + height: 9px; + background-color: transparent; + z-index: 1000; + cursor: ns-resize; + cursor: row-resize; + bottom: 0; +} +.ui-resizable-handle:before { + content: ""; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + margin-top:-1px; + display: block; + border-radius: 3px; + border: none; + height: 6px; + width: 6px; + background-color: rgba(0, 0, 0, 0.25); + } +.ui-resizable-handle:hover { + /* .gradient-vertical($interactiveGradientStartColorHover, $interactiveGradientEndColorHover); */ + } +.ui-resizable-handle .ui-draggable-dragging { + position: relative; + } +.ui-resizable:hover .ui-resizable-handle { + visibility: visible; +} + diff --git a/appserver/static/bootstrap-lite.css b/appserver/static/bootstrap-lite.css new file mode 100644 index 0000000..cb9b80c --- /dev/null +++ b/appserver/static/bootstrap-lite.css @@ -0,0 +1,9703 @@ +/*************************************************************************************************/ +/* BRAND COLORS */ +/* DO NOT USE DIRECTLY! Use $brandColor instead. See brand.*.pcss for definitions. */ +/*************************************************************************************************/ +/* Green Splunk Enterprise */ +/* Orange Splunk Lite */ +/* Brand colors */ +/*===============================================================================================*/ +/* SPLUNK: VARIABLES */ +/* Variables to customize the look and feel of Bootstrap (splunk version). */ +/* See /en-US/static/docs/style/style-guide.html for style guide */ +/*===============================================================================================*/ +/*===============================================================================================*/ +/* WARNING */ +/* This file has an implicit dependency on the brand variables injected by the */ +/* 'splunk-postcss-theme-import' postcss plugin. */ +/*===============================================================================================*/ +/*===============================================================================================*/ +/* SPLUNK: COLORS */ +/*===============================================================================================*/ +/*************************************************************************************************/ +/* NEUTRAL COLORS */ +/* */ +/* PRE IVORY -> CURRENT VARIABLE */ +/* $black -> $black */ +/* $grayDarker -> $gray20 */ +/* $grayDark -> $gray30 */ +/* $gray -> $gray45 */ +/* $grayLight -> $gray60 */ +/* $grayLightMedium -> $gray80 */ +/* $grayLighter -> $gray92 */ +/* $gray96 */ +/* $offWhite -> $gray98 */ +/* $white -> $white */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* SEMANTIC COLORS */ +/* */ +/* PRE IVORY -> CURRENT VARIABLE */ +/* $red -> $errorColor */ +/* $orange -> $alertColor */ +/* $yellow -> $warningColor */ +/* $yellowLight -> $warningColorL20 */ +/* $yellowLighter -> $warningColorL40 */ +/* $green -> $successColor */ +/* $blue -> $infoColor */ +/* $blueDark -> $infoColorD40 */ +/* $pink -> No Equivalent or $errorColorL30 */ +/* $purple -> No Equivalent */ +/* $teal -> No Equivalent */ +/* $focusColor -> $accentColorL10 */ +/*************************************************************************************************/ +/* Blue Accent */ +/* Red Error */ +/* Orange Alert */ +/* Yellow Warning */ +/* Green Success */ +/* Blue Info */ +/*************************************************************************************************/ +/* CATEGORICAL COLORS */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* DIVERGING COLORS */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* STATIC PATHS */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* TYPOGRAPHY */ +/*************************************************************************************************/ +/* Lite listing pages */ +/* empty to use BS default, $fontFamily */ +/* instead of browser default, bold */ +/*************************************************************************************************/ +/* SCAFFOLDING */ +/*************************************************************************************************/ +/* Border Colors */ +/* aliases: $tableBorderColor $tableBorderColorVertical */ +/* also see: $interactiveBorderColor */ +/* Borders */ +/* Border Radius */ +/* For containers without a wrapper */ +/* For for containers with a wrapper, like popdown */ +/* Padding & Margin */ +/* 200% - 40px */ +/* 150% - 30px */ +/* 75% - 15px */ +/* 50% - 10px */ +/* 25% - 5px */ +/* Popdown Arrows */ +/* Large Icons */ +/*************************************************************************************************/ +/* TRANSITIONS */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* HORIZONTAL FORMS & LISTS */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* Z-INDEX */ +/*************************************************************************************************/ +/* If a variable does not suit your purpose, set a value relatively such as, $zindexModal +1 */ +/* Splunk Lite */ +/* Splunk Lite */ +/* Sidebar Component */ +/* Sidebar Component */ +/* timerange popdown needs to be above modal + backdrop */ +/* top interactive element */ +/* top interactive element */ +/* top uninteractive */ +/* top uninteractive */ +/*************************************************************************************************/ +/* TABLES */ +/*************************************************************************************************/ +/* overall background-color */ +/*************************************************************************************************/ +/* FORMS */ +/*************************************************************************************************/ +/* base input height + 10px vertical padding + 2px top/bottom border */ +/* This is generally overridden. */ +/*************************************************************************************************/ +/* MODAL */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* POPUP */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* TABS */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* MENU */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* BASE INTERACTIVE */ +/*************************************************************************************************/ +/* text */ +/* background */ +/* borders */ +/* shadow */ +/*************************************************************************************************/ +/* BASE INTERACTIVE ERROR */ +/*************************************************************************************************/ +/* text */ +/* background */ +/*************************************************************************************************/ +/* BUTTONS */ +/*************************************************************************************************/ +/* 1 rem */ +/*************************************************************************************************/ +/* PRIMARY BUTTONS */ +/*************************************************************************************************/ +/* text */ +/* background */ +/* borders */ +/* shadow */ +/*************************************************************************************************/ +/* PILL BUTTONS */ +/*************************************************************************************************/ +/* text */ +/* background */ +/*************************************************************************************************/ +/* COMPONENT VARIABLES */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* NAVBAR */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* APP BAR */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* ACCORDION */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* CONCERTINA */ +/* Concertina has the same color as Accordion, maybe we should just reuse them? */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* TOOLTIPS & POPOVERS */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* SELECTORS FOR CUSTOMIZING SPECIFIC LOCALES */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* DASHBOARDS */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* VIZ & VIZ PICKERS */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* MAPS */ +/*************************************************************************************************/ +/* leaflet popup defaults */ +/*************************************************************************************************/ +/* Search IDE */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* Date Picker */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* Time Range Picker */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* Events Viewer */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* Misc */ +/*************************************************************************************************/ +/*===============================================================================================*/ +/* SPLUNK: MIXINS */ +/* Snippets of reusable CSS to develop faster and keep code readable */ +/*===============================================================================================*/ +/* Reset */ +/* ------------------ */ +/* Link */ +/* ------------------ */ +/*************************************************************************************************/ +/* FOCUS STATES */ +/*************************************************************************************************/ +/* Use when are outer focus glow will be block (i.e Menu Items). Provide background color.*/ +/* Block elements change the background color */ +/* Block elements change the background color and spread via box-shadow */ +/*************************************************************************************************/ +/* INTERACTIVE */ +/* These are by any element that can be clicked, such as buttons, menus and table headings. */ +/*************************************************************************************************/ +/*----------------------------------------------*/ +/* Interactive style: */ +/* @params: */ +/* Background Color */ +/* Border Color */ +/* Box Shadow */ +/* Text Color */ +/* Transition */ +/*----------------------------------------------*/ +/*----------------------------------------------*/ +/* Primary interactive style: */ +/* @params: */ +/* Background Color */ +/* Box Shadow */ +/* Text Color */ +/* Transition */ +/*----------------------------------------------*/ +/*************************************************************************************************/ +/* INTERACTIVE ERROR */ +/* These are by any interactive element that is is in an error state. */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* BUTTONS */ +/*************************************************************************************************/ +/*----------------------------------------------*/ +/* Pills, Links */ +/*----------------------------------------------*/ +/*----------------------------------------------*/ +/* Define states of buttons: */ +/* :hover, :active, disabled and :focus */ +/* @params: */ +/* Hover Mixin */ +/* Active Mixin */ +/* Disabled Mixin */ +/* Focus Mixin */ +/*----------------------------------------------*/ +/*----------------------------------------------*/ +/* Button Padding: */ +/* @params: */ +/* Vertical Padding */ +/* Horizontal Padding */ +/*----------------------------------------------*/ +/*----------------------------------------------*/ +/* Primary Button Padding: */ +/* @params: */ +/* Vertical Padding */ +/* Horizontal Padding */ +/*----------------------------------------------*/ +/*----------------------------------------------*/ +/* Button Padding For Other Button Sizes: */ +/* @params: */ +/* Vertical Padding */ +/* Horizontal Padding */ +/* Button Icon Margin Top */ +/*----------------------------------------------*/ +/* Draggable Handle */ +/*************************************************************************************************/ +/* FONTS */ +/*************************************************************************************************/ +/*----------------------------------------------*/ +/* Define Font Family: */ +/* @params: */ +/* Font Name */ +/* Name of Font File */ +/* Font Format */ +/* Font Weight */ +/* Font Style */ +/*----------------------------------------------*/ +/*----------------------------------------------*/ +/* Create a heading */ +/* @params: */ +/* Font Size */ +/* Margin */ +/* Font Color */ +/* Text Transform */ +/*----------------------------------------------*/ +/*************************************************************************************************/ +/* UTILITY MIXINS */ +/*************************************************************************************************/ +/*----------------------------------------------*/ +/* Clearfix: */ +/* For clearing floats like a boss h5bp.com/q */ +/*----------------------------------------------*/ +/* Placeholder text */ +/* Basic input styles */ +/* Sets Modal width and margin */ +/* Define card style. Add white background and shadow. */ +/* Workaround for table shadows in IE. Don't use this mixin, use create-card-table */ +/* Define card style on tables. Adds workaround for IE */ +/* Cover browser specific radio button with styled radio button. */ +/* Can only be used if label comes immediately after input[type=radio] */ +/* Use to cover button in .radio class */ +/*-------------------------------------------------------------------------*/ +/* CSS image replacement */ +/* For clearing floats like a boss h5bp.com/q */ +/* Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757 */ +/*-------------------------------------------------------------------------*/ +/*************************************************************************************************/ +/* ICONS */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* FORMS */ +/*************************************************************************************************/ +/* Block level inputs */ +/*************************************************************************************************/ +/* COMPONENT MIXINS */ +/*************************************************************************************************/ +/*----------------------------------------------*/ +/* Horizontal Dividers: */ +/* Dividers (basically an hr) within dropdowns */ +/* and nav lists. */ +/* @params: */ +/* Border Color */ +/*----------------------------------------------*/ +/*----------------------------------------------*/ +/* Navbar Vertical Align: */ +/* Vertically center elements in the navbar. */ +/* Example: an element has a height of 30px, */ +/* so write out `.navbarVerticalAlign(30px);` */ +/* to calculate the appropriate top margin. */ +/* @params: */ +/* Element Height */ +/*----------------------------------------------*/ +/*************************************************************************************************/ +/* PRINTING */ +/*************************************************************************************************/ +/*************************************************************************************************/ +/* POPDOWN */ +/*************************************************************************************************/ +/*----------------------------------------------*/ +/* Arrow: */ +/* Create an arrow. */ +/* @params: */ +/* Arrow Direction (up, down, left, right) */ +/* Arrow Color */ +/* Arrow Size */ +/*----------------------------------------------*/ +/* popdown body */ +/*************************************************************************************************/ +/* FULL PAGE LAYOUT */ +/*************************************************************************************************/ +/* Splunk bootstrap */ +/* import and override bootstrap defaults */ +/* CSS Reset */ +/*===============================================================================================*/ +/* SPLUNK: RESET CSS */ +/* Adapted from http://github.com/necolas/normalize.css */ +/*===============================================================================================*/ +/* Display in IE6-9 and FF3 */ +/* ------------------------- */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +nav, +section { + display: block; +} +/* Display block in IE6-9 and FF3 */ +/* ------------------------- */ +audio, +canvas, +video { + display: inline-block; +} +/* Prevents modern browsers from displaying 'audio' without controls */ +/* ------------------------- */ +audio:not([controls]) { + display: none; +} +/* Base settings */ +/* ------------------------- */ +html { + font-size: 100%; + -webkit-text-size-adjust: 100%; + -moz-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + text-size-adjust: 100%; +} +/* Focus states */ +a:focus { + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; +} +a:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +/* Hover & Active */ +a:hover, +a:active { + outline: 0; +} +/* Prevents sub and sup affecting line-height in all browsers */ +/* ------------------------- */ +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +/* Img border in a's and image quality */ +/* ------------------------- */ +img { + /* Responsive images (ensure images don't scale beyond their parents) */ + max-width: 100%; /* Part 1: Set a maxium relative to the parent */ + height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */ + + vertical-align: middle; + border: 0; + -ms-interpolation-mode: bicubic; +} +/* Prevent max-width from affecting Google Maps */ +#map_canvas img, +.google-maps img { + max-width: none; +} +/* Forms */ +/* ------------------------- */ +/* Font size in all browsers, margin changes, misc consistency */ +button, +input, +select, +textarea { + margin: 0; + font-size: 100%; + vertical-align: middle; +} +button, +input { + line-height: normal; /* FF3/4 have !important on line-height in UA stylesheet */ +} +button::-moz-focus-inner, +input::-moz-focus-inner { /* Inner padding and border oddities in FF3/4 */ + padding: 0; + border: 0; +} +button, +html input[type="button"], /* Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. */ +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; /* Corrects inability to style clickable `input` types in iOS. */ + cursor: pointer; /* Improves usability and consistency of cursor style between image-type `input` and others. */ +} +label, +select, +button, +input[type="button"], +input[type="reset"], +input[type="submit"], +input[type="radio"], +input[type="checkbox"] { + cursor: pointer; /* Improves usability and consistency of cursor style between image-type `input` and others. */ +} +input[type="search"] { /* Appearance in Safari/Chrome */ + -webkit-box-sizing: content-box; + box-sizing: content-box; + -webkit-appearance: textfield; +} +input[type="search"]::-webkit-search-decoration, +input[type="search"]::-webkit-search-cancel-button { + -webkit-appearance: none; /* Inner-padding issues in Chrome OSX, Safari 5 */ +} +textarea { + overflow: auto; /* Remove vertical scrollbar in IE6-9 */ + vertical-align: top; /* Readability and alignment cross-browser */ +} +/* Printing */ +/* ------------------------- */ +/* Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css */ +@media print { + + * { + text-shadow: none !important; + color: #000 !important; /* Black prints faster: h5bp.com/s */ + background: transparent !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + } + + a, + a:visited { + text-decoration: underline; + } + + a[href]:after { + content: " (" attr(href) ")"; + } + + abbr[title]:after { + content: " (" attr(title) ")"; + } + + /* Don't show links for images, or javascript/internal links */ + .ir a:after, + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } + + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + + thead { + display: table-header-group; /* h5bp.com/t */ + } + + tr, + img { + page-break-inside: avoid; + } + + img { + max-width: 100% !important; + } + + @page { + margin: 0.5cm; + } + + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + + h2, + h3 { + page-break-after: avoid; + } +} +/* Grid system and page structure */ +/*===============================================================================================*/ +/* SPLUNK: SCAFFOLDING */ +/*===============================================================================================*/ +/*************************************************************************************************/ +/* DEFAULT & STRUCTURE */ +/*************************************************************************************************/ +body { + margin: 0; + background: #F2F4F5; + color: #3C444D; + min-width: 960px; + font-family: "Splunk Platform Sans", "Proxima Nova", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + font-weight: 400; + line-height: 20px; + -webkit-transition: margin 0.2s; + transition: margin 0.2s; +} +body.open { + margin-left: 300px; + margin-right: -300px; + } +.shared-page { + height: 100vh; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} +/*************************************************************************************************/ +/* LINKS */ +/*************************************************************************************************/ +a { + color: #006EAA; + text-decoration: none; + cursor: pointer; +} +a:hover { + color: #006EAA; + text-decoration: underline; + } +a:focus { + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +a:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +a:focus { + text-decoration: none; +} +a:active { + -webkit-box-shadow: none; + box-shadow: none; + } +a.disabled { + color: #6b7785; + } +a.external:after { + font-family: "Splunk Icons"; + content: "\EC13"; + display: inline-block; + padding-left: 0.5em; + } +/*************************************************************************************************/ +/* IMAGES */ +/*************************************************************************************************/ +/* Rounded corners */ +.img-rounded { + border-radius: 3px; +} +/* Add polaroid-esque trim */ +.img-polaroid { + padding: 4px; + background-color: #FFFFFF; + border: 1px solid #C3CBD4; + border: 1px solid rgba(0,0,0,.2); + -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); + box-shadow: 0 1px 3px rgba(0,0,0,.1); +} +/* Perfect circle */ +.img-circle { + border-radius: 500px; /* crank the border-radius so it works with most reasonably sized images */ +} +/*************************************************************************************************/ +/* SECTIONS */ +/*************************************************************************************************/ +/* add padding to a section +
    + padded content +
    +*/ +.section-padded { + padding: 20px; +} +/* section-header extends section-padded */ +.section-header { + position: relative; +} +.section-header .section-title { + margin-top: 0; + font-size: 24px; + font-weight: 500; + line-height: 24px; + } +.section-header.page-heading { + padding: 20px 20px 10px 20px; + } +/* default container */ +.main-section-body { + color: #3C444D; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} +.main-section-body > :first-child { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + } +/* using three color so we can set color stop even though its only 2 colors */ +.main-section-body h2 i[class^="icon-"], + .main-section-body h2 i[class*=" icon-"] { + color: #6b7785; + } +.main-section-body .divider { + border-top: 1px solid #C3CBD4; + margin: 0; + } +/* huh? */ +.main-section-body > .pull-right { + margin-right: 20px; + } +.main-section-body .loading-message { + padding-top: 100px; + min-height: 400px; + text-align: center; + } +.main-section-body .main-section { + padding: 0 20px; + } +.main-section-body .card { + background-color: #FFFFFF; + -webkit-box-shadow: 0 1px 1px #E1E6EB; + box-shadow: 0 1px 1px #E1E6EB; + } +/*************************************************************************************************/ +/* UTILITY CLASSES */ +/*************************************************************************************************/ +/* for full width unpadded content + TODO: this should probably also remove width and margin: auto +
    + content here ... +
    +*/ +.container-full-width { + padding: 0; +} +/* force full width even in padded container +
    + padded content here ... +
    + expanded content here ... +
    +
    +*/ +.push-margins { + margin-left: -20px; + margin-right: -20px; +} +/* new image replacement + hidden +*/ +.hide-text { + text-indent: 100%; + white-space: nowrap; + overflow: hidden; +} +/*************************************************************************************************/ +/* PANELS */ +/*************************************************************************************************/ +/* panels for dashboards? +
    + panel content ... +
    +
    + panel content ... +
    +
    + panel content ... +
    +*/ +.panel { + position: relative; + border: 1px solid #C3CBD4; + background-color: #FFFFFF; + padding: 20px; + margin-right: 20px; + border-radius: 2px; +} +.panel:last-child { + margin-right: 0; + } +/* panel rows? +
    +
    + panel content ... +
    +
    + panel content ... +
    +
    +
    +
    + panel content ... +
    +
    + panel content ... +
    +
    +*/ +.panel-row { + padding: 0 20px; + margin-bottom: 20px; +} +/*************************************************************************************************/ +/* SIMPLE LAYOUT COLUMNS */ +/*************************************************************************************************/ +.section-content { + background-color: #FFFFFF; + min-height: 400px; + border-top: 1px solid #C3CBD4; +} +.column { + position: relative; + padding: 20px; + margin-right: 20px; +} +/*************************************************************************************************/ +/* 508 ACCESSIBILITY */ +/*************************************************************************************************/ +.navSkip { + position: absolute; + margin: 1px 0px 0px 10px; + top: 0; + left: -1000px; + width: 150px; + height: 32px; + text-align: center; + line-height: 32px; + background-color: #171D21; + color: #C3CBD4; + z-index: 1040; +} +.navSkip:focus { + left: 0px; + } +/*************************************************************************************************/ +/* PAYWALL */ +/*************************************************************************************************/ +.shared-paywall { + padding-top: 30px; +} +/*************************************************************************************************/ +/* DEFINITION LISTS */ +/*************************************************************************************************/ +.list-dotted { + line-height: 20px; + margin-top: 0; +} +.list-dotted dt { + float: left; + width: 120px; + overflow: hidden; + white-space: nowrap; + margin-right: 5px; + font-weight: normal; + line-height: 20px; + /* SPL-69719 - fix IE10 when in dropdown */ + word-wrap: normal; + } +.list-dotted dt:after { + content: " ............................................"; + } +.list-dotted dd { + line-height: 20px; + margin-left: 125px; + } +/*************************************************************************************************/ +/* PAGE LOAD PLACEHOLDER */ +/*************************************************************************************************/ +#placeholder-splunk-bar { + padding: 0 ; + background-color: #171D21; + text-rendering: geometricPrecision; +} +#placeholder-splunk-bar .brand, #placeholder-splunk-bar .brand:hover { + font-family: "Splunk Icons"; + font-weight: normal; + color: #FFFFFF; + padding: 0 20px; + height: 34px; + font-size: 18px; + line-height: 34px; + text-shadow: none; + text-decoration: none; + text-rendering: geometricPrecision; + margin-left: 0; + } +#placeholder-splunk-bar .brand strong { + color: #818D99; + font-weight: normal; + } +/* reg symbol */ +#placeholder-splunk-bar .brand strong:after { + content: '\AE'; + color: #818D99; + font-weight: normal; + } +#placeholder-app-bar { + color: #FFFFFF; + background-color: #3C444D; + height: 44px; +} +#placeholder-main-section-body { + color: #3C444D; + padding-top: 100px; + min-height: 400px; + text-align: center; +} +/*************************************************************************************************/ +/* LITE UI */ +/*************************************************************************************************/ +#placeholder-app-bar { + height: 40px; + background: #171D21; + } +/*************************************************************************************************/ +/* PRINT */ +/*************************************************************************************************/ +@media print { + body, + .main-section-body { + background: none !important; + } + @page { + margin: 1.27cm; + } + + .navSkip { + display: none !important; + } +} +/*===============================================================================================*/ +/* SPLUNK: MIXINS GRID SYSTEM */ +/*===============================================================================================*/ +/* Default 940px grid */ +/* 1200px min */ +/* 768px-979px */ +/*************************************************************************************************/ +/* FLUID GRID */ +/*************************************************************************************************/ +/* 1200px min */ +/* 768px-979px */ +/* Responsive Variables */ +/* Centered container element */ +/* Table columns */ +/* Make a Grid */ +/* Use .makeRow and .makeColumn to assign semantic layouts grid system behavior */ +/* The Grid */ +/*===============================================================================================*/ +/* SPLUNK: GRID SYSTEM */ +/*===============================================================================================*/ +/* Fixed (940px) */ +.span1 { + width: 60px; + float: left; + min-height: 1px; /* prevent collapsing columns */ + margin-left: 20px; + } +.span2 { + width: 140px; + float: left; + min-height: 1px; /* prevent collapsing columns */ + margin-left: 20px; + } +.span3 { + width: 220px; + float: left; + min-height: 1px; /* prevent collapsing columns */ + margin-left: 20px; + } +.span4 { + width: 300px; + float: left; + min-height: 1px; /* prevent collapsing columns */ + margin-left: 20px; + } +.span5 { + width: 380px; + float: left; + min-height: 1px; /* prevent collapsing columns */ + margin-left: 20px; + } +.span6 { + width: 460px; + float: left; + min-height: 1px; /* prevent collapsing columns */ + margin-left: 20px; + } +.span7 { + width: 540px; + float: left; + min-height: 1px; /* prevent collapsing columns */ + margin-left: 20px; + } +.span8 { + width: 620px; + float: left; + min-height: 1px; /* prevent collapsing columns */ + margin-left: 20px; + } +.span9 { + width: 700px; + float: left; + min-height: 1px; /* prevent collapsing columns */ + margin-left: 20px; + } +.span10 { + width: 780px; + float: left; + min-height: 1px; /* prevent collapsing columns */ + margin-left: 20px; + } +.span11 { + width: 860px; + float: left; + min-height: 1px; /* prevent collapsing columns */ + margin-left: 20px; + } +.span12 { + width: 940px; + float: left; + min-height: 1px; /* prevent collapsing columns */ + margin-left: 20px; + } +.offset1 { + margin-left: 100px; + } +.offset2 { + margin-left: 180px; + } +.offset3 { + margin-left: 260px; + } +.offset4 { + margin-left: 340px; + } +.offset5 { + margin-left: 420px; + } +.offset6 { + margin-left: 500px; + } +.offset7 { + margin-left: 580px; + } +.offset8 { + margin-left: 660px; + } +.offset9 { + margin-left: 740px; + } +.offset10 { + margin-left: 820px; + } +.offset11 { + margin-left: 900px; + } +.offset12 { + margin-left: 980px; + } +.row { + margin-left: -20px; + } +.row:before, + .row:after { + display: table; + content: ""; + line-height: 0; + } +.row:after { + clear: both; + } +/* Set the container width, and override it for fixed navbars in media queries */ +.container, + .navbar-static-top .container, + .navbar-fixed-top .container, + .navbar-fixed-bottom .container { + width: 940px; + } +/* Fluid (940px) */ +.row-fluid { + width: 100%; + } +.row-fluid:before, + .row-fluid:after { + display: table; + content: ""; + line-height: 0; + } +.row-fluid:after { + clear: both; + } +.row-fluid .span1 { + display: block; + width: 100%; + min-height: 32px; + /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */ + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* Makes inputs behave like true block-level elements */ + width: 6.38298%; + + float: left; + margin-left: 2.127659574%; + } +.row-fluid .span1:first-child { + margin-left: 0; + } +.row-fluid .span2 { + display: block; + width: 100%; + min-height: 32px; + /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */ + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* Makes inputs behave like true block-level elements */ + width: 14.89362%; + + float: left; + margin-left: 2.127659574%; + } +.row-fluid .span2:first-child { + margin-left: 0; + } +.row-fluid .span3 { + display: block; + width: 100%; + min-height: 32px; + /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */ + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* Makes inputs behave like true block-level elements */ + width: 23.40426%; + + float: left; + margin-left: 2.127659574%; + } +.row-fluid .span3:first-child { + margin-left: 0; + } +.row-fluid .span4 { + display: block; + width: 100%; + min-height: 32px; + /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */ + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* Makes inputs behave like true block-level elements */ + width: 31.91489%; + + float: left; + margin-left: 2.127659574%; + } +.row-fluid .span4:first-child { + margin-left: 0; + } +.row-fluid .span5 { + display: block; + width: 100%; + min-height: 32px; + /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */ + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* Makes inputs behave like true block-level elements */ + width: 40.42553%; + + float: left; + margin-left: 2.127659574%; + } +.row-fluid .span5:first-child { + margin-left: 0; + } +.row-fluid .span6 { + display: block; + width: 100%; + min-height: 32px; + /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */ + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* Makes inputs behave like true block-level elements */ + width: 48.93617%; + + float: left; + margin-left: 2.127659574%; + } +.row-fluid .span6:first-child { + margin-left: 0; + } +.row-fluid .span7 { + display: block; + width: 100%; + min-height: 32px; + /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */ + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* Makes inputs behave like true block-level elements */ + width: 57.44681%; + + float: left; + margin-left: 2.127659574%; + } +.row-fluid .span7:first-child { + margin-left: 0; + } +.row-fluid .span8 { + display: block; + width: 100%; + min-height: 32px; + /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */ + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* Makes inputs behave like true block-level elements */ + width: 65.95745%; + + float: left; + margin-left: 2.127659574%; + } +.row-fluid .span8:first-child { + margin-left: 0; + } +.row-fluid .span9 { + display: block; + width: 100%; + min-height: 32px; + /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */ + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* Makes inputs behave like true block-level elements */ + width: 74.46809%; + + float: left; + margin-left: 2.127659574%; + } +.row-fluid .span9:first-child { + margin-left: 0; + } +.row-fluid .span10 { + display: block; + width: 100%; + min-height: 32px; + /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */ + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* Makes inputs behave like true block-level elements */ + width: 82.97873%; + + float: left; + margin-left: 2.127659574%; + } +.row-fluid .span10:first-child { + margin-left: 0; + } +.row-fluid .span11 { + display: block; + width: 100%; + min-height: 32px; + /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */ + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* Makes inputs behave like true block-level elements */ + width: 91.48937%; + + float: left; + margin-left: 2.127659574%; + } +.row-fluid .span11:first-child { + margin-left: 0; + } +.row-fluid .span12 { + display: block; + width: 100%; + min-height: 32px; + /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */ + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* Makes inputs behave like true block-level elements */ + width: 100%; + + float: left; + margin-left: 2.127659574%; + } +.row-fluid .span12:first-child { + margin-left: 0; + } +.row-fluid .offset1 { + margin-left: 10.6383%; + } +.row-fluid .offset2 { + margin-left: 19.14894%; + } +.row-fluid .offset3 { + margin-left: 27.65958%; + } +.row-fluid .offset4 { + margin-left: 36.17021%; + } +.row-fluid .offset5 { + margin-left: 44.68085%; + } +.row-fluid .offset6 { + margin-left: 53.19149%; + } +.row-fluid .offset7 { + margin-left: 61.70213%; + } +.row-fluid .offset8 { + margin-left: 70.21277%; + } +.row-fluid .offset9 { + margin-left: 78.72341%; + } +.row-fluid .offset10 { + margin-left: 87.23405%; + } +.row-fluid .offset11 { + margin-left: 95.74469%; + } +.row-fluid .offset12 { + margin-left: 104.25532%; + } +/* Space grid-sized controls properly if multiple per line */ +.row-fluid .controls-row [class*="span"] + [class*="span"] { + margin-left: 2.127659574%; + } +/* Reset utility classes due to specificity */ +[class*="span"].hide, +.row-fluid [class*="span"].hide { + display: none; +} +[class*="span"].pull-right, +.row-fluid [class*="span"].pull-right { + float: right; +} +/*===============================================================================================*/ +/* SPLUNK: LAYOUTS */ +/*===============================================================================================*/ +/* Container (centered, fixed-width layouts) */ +.container { + margin-right: auto; + margin-left: auto; +} +.container:before, + .container:after { + display: table; + content: ""; + line-height: 0; + } +.container:after { + clear: both; + } +/* Fluid layouts (left aligned, with sidebar, min- & max-width content) */ +.container-fluid { + padding-right: 20px; + padding-left: 20px; +} +.container-fluid:before, + .container-fluid:after { + display: table; + content: ""; + line-height: 0; + } +.container-fluid:after { + clear: both; + } +/* Base CSS */ +/*************************************************************************************************/ +/* FONTS */ +/*************************************************************************************************/ +@font-face { + font-family: 'Splunk Platform Sans'; + src: url('/static/fonts/proxima-bold-webfont.woff') format('woff'); + font-weight: bold; + font-style: normal; + } +/* Bold */ +@font-face { + font-family: 'Splunk Platform Sans'; + src: url('/static/fonts/proxima-regular-webfont.woff') format('woff'); + font-weight: normal; + font-style: normal; + } +/* Regular */ +@font-face { + font-family: 'Splunk Platform Sans'; + src: url('/static/fonts/proxima-semibold-webfont.woff') format('woff'); + font-weight: 500; + font-style: normal; + } +/* Semi-bold */ +@font-face { + font-family: 'Splunk Platform Mono'; + src: url('/static/fonts/inconsolata-regular.woff') format('woff'); + font-weight: normal; + font-style: normal; + } +/* Monospace */ +@font-face { + font-family: 'Splunk Icons'; + src: url('/static/fonts/splunkicons-regular-webfont.woff') format('woff'); + font-weight: normal; + font-style: normal; + } +/* Splunk Icons : unicode-range: U+00-FF; */ +/*===============================================================================================*/ +/* SPLUNK: TYPOGRAPHY */ +/* Headings, body text, lists, code, and more for a versatile and durable typography system. */ +/*===============================================================================================*/ +/*************************************************************************************************/ +/* BODY TEXT */ +/*************************************************************************************************/ +p { + margin: 0 0 10px; +} +.lead { + margin-bottom: 20px; + font-size: 21px; + font-weight: 200; + line-height: 30px; +} +/*************************************************************************************************/ +/* EMPHASIS & MISC */ +/*************************************************************************************************/ +small { font-size: 85%; } +/* Ex: 14px base font * 85% = about 12px */ +strong { font-weight: bold; } +em { font-style: italic; } +cite { font-style: normal; } +/* Utility classes */ +.text-left { text-align: left; } +.text-right { text-align: right; } +.text-center { text-align: center; } +.muted { + color: #6b7785; + } +a.muted:hover, a.muted:focus { + color: rgb(84, 94, 105); + } +/* .muted */ +.text-warning { + color: #F8BE34; + } +a.text-warning:hover, a.text-warning:focus { + color: rgb(241, 171, 9); + } +/* .text-warning */ +.text-error { + color: #DC4E41; + } +a.text-error:hover, a.text-error:focus { + color: rgb(198, 50, 36); + } +/* .text-error */ +.text-info { + color: #006D9C; + } +a.text-info:hover, a.text-info:focus { + color: rgb(0, 75, 107); + } +/* .text-info */ +.text-success { + color: #53A051; + } +a.text-success:hover, a.text-success:focus { + color: rgb(65, 125, 63); + } +/* .text-success */ +/*************************************************************************************************/ +/* FONT FAMILIES */ +/*************************************************************************************************/ +/* monospace for code and raw +

    normal

    +

    mono space

    +*/ +.mono-space { + font-family: "Splunk Platform Mono", Inconsolata, Consolas, "Droid Sans Mono", Monaco, "Courier New", Courier, monospace; +} +/*************************************************************************************************/ +/* HEADINGS */ +/*************************************************************************************************/ +h1 { + margin: 10px 0; + font-size: 24px; + font-family: inherit; + font-weight: 500; + line-height: 20px; + text-transform: none; + color: #3C444D; + text-rendering: optimizelegibility; +} +/* Fix the character spacing for headings */ +h1 small { font-size: 21.6px; } +h2 { + margin: 10px 0; + font-size: 18px; + font-family: inherit; + font-weight: 500; + line-height: 20px; + text-transform: none; + color: #3C444D; + text-rendering: optimizelegibility; +} +/* Fix the character spacing for headings */ +h2 small { font-size: 16.2px; } +h3 { + margin: 10px 0; + font-size: 16px; + font-family: inherit; + font-weight: 500; + line-height: 20px; + text-transform: none; + color: #3C444D; + text-rendering: optimizelegibility; +} +/* Fix the character spacing for headings */ +h3 small { font-size: 14px; } +h4 { + margin: 10px 0; + font-size: 14px; + font-family: inherit; + font-weight: 500; + line-height: 20px; + text-transform: none; + color: #3C444D; + text-rendering: optimizelegibility; + /* Fix the character spacing for headings */ + font-size: 14px; +} +h5 { + margin: 10px 0; + font-size: 18px; + font-family: inherit; + font-weight: 500; + line-height: 20px; + text-transform: none; + color: #3C444D; + text-rendering: optimizelegibility; + /* Fix the character spacing for headings */ + font-size: 12px; +} +h6 { + margin: 10px 0; + font-size: 18px; + font-family: inherit; + font-weight: 500; + line-height: 20px; + text-transform: none; + color: #3C444D; + text-rendering: optimizelegibility; + /* Fix the character spacing for headings */ + font-size: 11px; +} +.section-heading { + margin: 5px 0; + font-size: 14px; + font-family: inherit; + font-weight: 500; + line-height: 20px; + text-transform: uppercase; + color: #5C6773; + text-rendering: optimizelegibility; + /* Fix the character spacing for headings */ +} +.section-heading-small { + margin: 5px 0; + font-size: 12px; + font-family: inherit; + font-weight: 500; + line-height: 20px; + text-transform: uppercase; + color: #5C6773; + text-rendering: optimizelegibility; + /* Fix the character spacing for headings */ +} +/*************************************************************************************************/ +/* PAGE HEADER */ +/*************************************************************************************************/ +.page-header { + padding-bottom: 9px; + margin: 20px 0 30px; + border-bottom: 1px solid #E1E6EB; +} +/*************************************************************************************************/ +/* LISTS */ +/*************************************************************************************************/ +/* Unordered and Ordered lists */ +ul, ol { + padding: 0; + margin: 0 0 10px 25px; +} +ul ul, ul ol, ol ul, ol ol { + margin-bottom: 0; + } +/* Remove default list styles */ +ul.unstyled, ol.unstyled { + margin-left: 0; + list-style: none; + } +/* Single-line list items */ +ul.inline, ol.inline { + margin-left: 0; + list-style: none; + } +ul.inline > li, ol.inline > li { + display: inline-block; + padding-left: 5px; + padding-right: 5px; + } +li { + line-height: 20px; +} +/* Description Lists */ +dl { + margin-bottom: 20px; +} +dt, +dd { + line-height: 20px; +} +dt { + font-weight: bold; +} +dd { + margin-left: 10px; +} +/* Horizontal layout (like forms) */ +.dl-horizontal:before, + .dl-horizontal:after { + display: table; + content: ""; + line-height: 0; + } +.dl-horizontal:after { + clear: both; + } +/* Ensure dl clears floats if empty dd elements present */ +.dl-horizontal dt { + float: left; + width: 160px; + clear: left; + text-align: right; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } +.dl-horizontal dd { + margin-left: 180px; + } +/*************************************************************************************************/ +/* MISC */ +/*************************************************************************************************/ +/* Horizontal rules */ +hr { + margin: 20px 0; + border: 0; + border-top: 1px solid #E1E6EB; + border-bottom: 1px solid #FFFFFF; +} +/* Abbreviations and acronyms */ +abbr[title], + /* Added data-* attribute to help out our tooltip plugin, per https://github.com/twitter/bootstrap/issues/5257 */ +abbr[data-original-title] { + cursor: help; + border-bottom: 1px dotted #818D99; +} +abbr.initialism { + font-size: 90%; + text-transform: uppercase; +} +/* Blockquotes */ +blockquote { + padding: 0 0 0 15px; + margin: 0 0 20px; + border-left: 5px solid #E1E6EB; +} +blockquote p { + margin-bottom: 0; + font-size: 17.5px; + font-weight: 300; + line-height: 1.25; + } +blockquote small { + display: block; + line-height: 20px; + color: #818D99; + } +blockquote small:before { + content: '\2014 \A0'; + } +/* Float right with text-align: right */ +blockquote.pull-right { + float: right; + padding-right: 15px; + padding-left: 0; + border-right: 5px solid #E1E6EB; + border-left: 0; + } +blockquote.pull-right p, + blockquote.pull-right small { + text-align: right; + } +blockquote.pull-right small:before { + content: ''; + } +blockquote.pull-right small:after { + content: '\A0 \2014'; + } +/* Quotes */ +q:before, +q:after, +blockquote:before, +blockquote:after { + content: ""; +} +/* Addresses */ +address { + display: block; + margin-bottom: 20px; + font-style: normal; + line-height: 20px; +} +/*===============================================================================================*/ +/* SPLUNK: CODE (INLINE AND BLOCK) */ +/*===============================================================================================*/ +/* Inline and block code styles */ +code, +pre { + font-family: "Splunk Platform Mono", Inconsolata, Consolas, "Droid Sans Mono", Monaco, "Courier New", Courier, monospace; + border-radius: 3px; +} +/* Inline code */ +code { + padding: 2px 4px; + color: #D14; + background-color: #F7F7F9; + border: 1px solid #E1E1E8; + white-space: nowrap; + font-size: 12px; +} +/* Blocks of code */ +pre { + display: block; + padding: 9.5px; + margin: 0 0 10px; + font-size: 13px; /* 14px to 13px */ + color: #3C444D; + line-height: 20px; + word-break: break-all; + word-wrap: break-word; + white-space: pre; + white-space: pre-wrap; + background-color: #F5F5F5; + border: 1px solid rgba(0, 0, 0, .15); +} +/* Make prettyprint styles more spaced out for readability */ +pre.prettyprint { + margin-bottom: 20px; + } +/* Account for some code outputs that place code tags in pre tags */ +pre code { + padding: 0; + color: inherit; + white-space: pre; + white-space: pre-wrap; + background-color: transparent; + border: 0; + } +/* Enable scrollable blocks of code */ +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} +/*===============================================================================================*/ +/* SPLUNK: FORMS */ +/* Base styles for various input types, form layouts, and states */ +/*===============================================================================================*/ +/*************************************************************************************************/ +/* GENERAL STYLES */ +/*************************************************************************************************/ +/* Make all forms have space below them */ +form, form:last-child { + margin: 0 0 20px; +} +fieldset { + padding: 0; + margin: 0; + border: 0; +} +/* Groups of fields with labels on top (legends) */ +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: 20px; + font-size: 15px; + line-height: 40px; + color: #3C444D; + border: 0; + border-bottom: 1px solid #e5e5e5; +} +/* Small */ +legend small { + font-size: 15px; + color: #818D99; + } +/* Set font for forms */ +label, +input, +button, +select, +textarea { + font-size: 14px; + font-weight: normal; + line-height: 20px; +} +input, +button, +select, +textarea { + font-family: "Splunk Platform Sans", "Proxima Nova", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif; /* And only set font-family here for those that need it (note the missing label element) */ +} +/* Identify controls by their labels */ +label { + display: block; + margin-bottom: 5px; + cursor: default; /* reset pointer */ +} +/*************************************************************************************************/ +/* FORM CONTROLS */ +/*************************************************************************************************/ +/* Shared size and type resets */ +select, +textarea, +input[type="text"], +input[type="password"], +input[type="datetime"], +input[type="datetime-local"], +input[type="date"], +input[type="month"], +input[type="time"], +input[type="week"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="search"], +input[type="tel"], +input[type="color"], +.uneditable-input { + display: inline-block; + padding: 5px 8px; + height: 32px; + line-height: 20px; + font-size: 14px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin-bottom: 10px; + color: #5C6773; + border-radius: 3px; + vertical-align: middle; +} +/* Reset appearance properties for textual inputs and textarea */ +/* Declare width for legacy (can't be on input[type=*] selectors or it's too specific) */ +input, +textarea, +.uneditable-input { + width: 206px; /* plus 12px padding and 2px border */ + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +/* Reset height since textareas have rows */ +textarea { + height: auto; +} +/* Everything else */ +textarea, +input[type="text"], +input[type="password"], +input[type="datetime"], +input[type="datetime-local"], +input[type="date"], +input[type="month"], +input[type="time"], +input[type="week"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="search"], +input[type="tel"], +input[type="color"], +.uneditable-input { + background-color: #FFFFFF; + border: 1px solid #C3CBD4; + -webkit-transition: border 0.2s, -webkit-box-shadow 0.2s; + transition: border 0.2s, -webkit-box-shadow 0.2s; + transition: border 0.2s, box-shadow 0.2s; + transition: border 0.2s, box-shadow 0.2s, -webkit-box-shadow 0.2s; +} +/* Focus state */ +textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +textarea:focus:active:not([disabled]), input[type="text"]:focus:active:not([disabled]), input[type="password"]:focus:active:not([disabled]), input[type="datetime"]:focus:active:not([disabled]), input[type="datetime-local"]:focus:active:not([disabled]), input[type="date"]:focus:active:not([disabled]), input[type="month"]:focus:active:not([disabled]), input[type="time"]:focus:active:not([disabled]), input[type="week"]:focus:active:not([disabled]), input[type="number"]:focus:active:not([disabled]), input[type="email"]:focus:active:not([disabled]), input[type="url"]:focus:active:not([disabled]), input[type="search"]:focus:active:not([disabled]), input[type="tel"]:focus:active:not([disabled]), input[type="color"]:focus:active:not([disabled]), .uneditable-input:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { + z-index: 3; +} +textarea.text-clear, input[type="text"].text-clear, input[type="password"].text-clear, input[type="datetime"].text-clear, input[type="datetime-local"].text-clear, input[type="date"].text-clear, input[type="month"].text-clear, input[type="time"].text-clear, input[type="week"].text-clear, input[type="number"].text-clear, input[type="email"].text-clear, input[type="url"].text-clear, input[type="search"].text-clear, input[type="tel"].text-clear, input[type="color"].text-clear, .uneditable-input.text-clear { + padding-right: 28px; + } +/* Don't show IE clear button when an artificial one is shown. */ +textarea.text-clear::-ms-clear, input[type="text"].text-clear::-ms-clear, input[type="password"].text-clear::-ms-clear, input[type="datetime"].text-clear::-ms-clear, input[type="datetime-local"].text-clear::-ms-clear, input[type="date"].text-clear::-ms-clear, input[type="month"].text-clear::-ms-clear, input[type="time"].text-clear::-ms-clear, input[type="week"].text-clear::-ms-clear, input[type="number"].text-clear::-ms-clear, input[type="email"].text-clear::-ms-clear, input[type="url"].text-clear::-ms-clear, input[type="search"].text-clear::-ms-clear, input[type="tel"].text-clear::-ms-clear, input[type="color"].text-clear::-ms-clear, .uneditable-input.text-clear::-ms-clear { + display: none; + width: 0; /* IE 11 on windows 8 */ + height: 0; /* IE 11 on windows 8 */ + } +/* Position radios and checkboxes better */ +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; /* IE9 */ + line-height: normal; +} +/* Reset width of input images, buttons, radios, checkboxes */ +input[type="file"], +input[type="image"], +input[type="submit"], +input[type="reset"], +input[type="button"], +input[type="radio"], +input[type="checkbox"] { + width: auto; /* Override of generic input selector */ +} +/* Set the height of select and file controls to match text inputs */ +select, +input[type="file"] { + height: 32px; + line-height: 32px; +} +/* Make select elements obey height by applying a border */ +select { + width: 220px; /* default input width + 10px of padding that doesn't get applied */ + border: 1px solid #C3CBD4; + background-color: #FFFFFF; /* Chrome on Linux and Mobile Safari need background-color */ +} +/* Make multiple select elements height not fixed */ +select[multiple], +select[size] { + height: auto; +} +/* Focus for select, file, radio, and checkbox */ +select:focus, +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; +} +select:focus:active:not([disabled]), input[type="file"]:focus:active:not([disabled]), input[type="radio"]:focus:active:not([disabled]), input[type="checkbox"]:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +input[type="radio"]:focus { + border-radius: 100%; +} +/*************************************************************************************************/ +/* UNEDITABLE INPUTS */ +/*************************************************************************************************/ +/* Make uneditable inputs look inactive */ +.uneditable-input, +.uneditable-textarea { + color: #C3CBD4; + background-color: #F7F8FA; + border-color: #E1E6EB; + -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.025); + box-shadow: inset 0 1px 2px rgba(0,0,0,.025); + cursor: not-allowed; +} +/* For text that needs to appear as an input but should not be an input */ +.uneditable-input { + overflow: hidden; /* prevent text from wrapping, but still cut it off like an input does */ + white-space: nowrap; +} +/* Make uneditable textareas behave like a textarea */ +.uneditable-textarea { + width: auto; + height: auto; +} +/* restrict text area resize */ +textarea { + min-height: 2em; + resize: vertical; +} +/*************************************************************************************************/ +/* PLACEHOLDER */ +/*************************************************************************************************/ +/* Placeholder text gets special styles because when browsers invalidate entire lines if it doesn't understand a selector */ +input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { + color: #6b7785; + opacity: 1; + } +input:-ms-input-placeholder, textarea:-ms-input-placeholder { + color: #6b7785; + opacity: 1; + } +input::-ms-input-placeholder, textarea::-ms-input-placeholder { + color: #6b7785; + opacity: 1; + } +input::placeholder, textarea::placeholder { + color: #6b7785; + opacity: 1; + } +/*************************************************************************************************/ +/* CHECKBOXES & RADIOS */ +/*************************************************************************************************/ +/* Indent the labels to position radios/checkboxes as hanging */ +.radio, +.checkbox { + min-height: 20px; /* clear the floating input if there is no label text */ + padding-left: 20px; +} +.radio input[type="radio"], +.checkbox input[type="checkbox"] { + float: left; + margin-left: -20px; +} +.radio input[type="radio"] { + border-radius: 100%; +} +/* Move the options list down to align with labels */ +.controls > .radio:first-child, +.controls > .checkbox:first-child { + padding-top: 5px; /* has to be padding because margin collaspes */ +} +/* Radios and checkboxes on same line */ +/* TODO v3: Convert .inline to .control-inline */ +.radio.inline, +.checkbox.inline { + display: inline-block; + padding-top: 5px; + margin-bottom: 0; + vertical-align: middle; +} +.radio.inline + .radio.inline, +.checkbox.inline + .checkbox.inline { + margin-left: 10px; /* space out consecutive inline controls */ +} +/*************************************************************************************************/ +/* DISABLED STATE */ +/************************************************************************************************/ +/* Disabled and read-only inputs */ +input[disabled], +select[disabled], +textarea[disabled], +input[readonly], +select[readonly], +textarea[readonly] { + cursor: not-allowed; + background-color: #F7F8FA; + border-color: #E1E6EB; + color: #C3CBD4; +} +/* Explicitly reset the colors here */ +input[type="radio"][disabled], +input[type="checkbox"][disabled], +input[type="radio"][readonly], +input[type="checkbox"][readonly] { + background-color: #F7F8FA; +} +/*************************************************************************************************/ +/* FORM FIELD FEEDBACK STATES */ +/*************************************************************************************************/ +/* Warning */ +/* Set the text color */ +.control-group.warning .control-label, + .control-group.warning .help-block, + .control-group.warning .help-inline, + .control-group.warning .checkbox, + .control-group.warning .radio { + color: #F8BE34; + } +/* Style inputs accordingly */ +.control-group.warning input, + .control-group.warning select, + .control-group.warning textarea { + color: #F8BE34; + border-color: #F8BE34; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + } +/* Redeclare so transitions work */ +.control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus { + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.control-group.warning input:focus:active:not([disabled]), .control-group.warning select:focus:active:not([disabled]), .control-group.warning textarea:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus { + z-index: 3; +} +/* Give a small background color for input-prepend/-append */ +.control-group.warning .input-prepend .add-on, + .control-group.warning .input-append .add-on { + color: #F8BE34; + background-color: #FEF2D7; + border-color: #F8BE34; + } +/* Error */ +/* Set the text color */ +.control-group.error .control-label, + .control-group.error .help-block, + .control-group.error .help-inline, + .control-group.error .checkbox, + .control-group.error .radio { + color: #DC4E41; + } +/* Style inputs accordingly */ +.control-group.error input, + .control-group.error select, + .control-group.error textarea { + color: #DC4E41; + border-color: #DC4E41; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + } +/* Redeclare so transitions work */ +.control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus { + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.control-group.error input:focus:active:not([disabled]), .control-group.error select:focus:active:not([disabled]), .control-group.error textarea:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus { + z-index: 3; +} +/* Give a small background color for input-prepend/-append */ +.control-group.error .input-prepend .add-on, + .control-group.error .input-append .add-on { + color: #DC4E41; + background-color: #F8DCD9; + border-color: #DC4E41; + } +/* Success */ +/* Set the text color */ +.control-group.success .control-label, + .control-group.success .help-block, + .control-group.success .help-inline, + .control-group.success .checkbox, + .control-group.success .radio { + color: #53A051; + } +/* Style inputs accordingly */ +.control-group.success input, + .control-group.success select, + .control-group.success textarea { + color: #53A051; + border-color: #53A051; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + } +/* Redeclare so transitions work */ +.control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus { + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.control-group.success input:focus:active:not([disabled]), .control-group.success select:focus:active:not([disabled]), .control-group.success textarea:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus { + z-index: 3; +} +/* Give a small background color for input-prepend/-append */ +.control-group.success .input-prepend .add-on, + .control-group.success .input-append .add-on { + color: #53A051; + background-color: #DDECDD; + border-color: #53A051; + } +/* Success */ +/* Set the text color */ +.control-group.info .control-label, + .control-group.info .help-block, + .control-group.info .help-inline, + .control-group.info .checkbox, + .control-group.info .radio { + color: #006D9C; + } +/* Style inputs accordingly */ +.control-group.info input, + .control-group.info select, + .control-group.info textarea { + color: #006D9C; + border-color: #006D9C; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + } +/* Redeclare so transitions work */ +.control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus { + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.control-group.info input:focus:active:not([disabled]), .control-group.info select:focus:active:not([disabled]), .control-group.info textarea:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus { + z-index: 3; +} +/* Give a small background color for input-prepend/-append */ +.control-group.info .input-prepend .add-on, + .control-group.info .input-append .add-on { + color: #006D9C; + background-color: #CCE2EB; + border-color: #006D9C; + } +/* HTML5 invalid states */ +/* Shares styles with the .control-group.error above */ +input:focus:invalid, +textarea:focus:invalid, +select:focus:invalid { + color: #b94a48; + border-color: #ee5f5b; +} +input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { + border-color: rgb(233, 53, 47); + -webkit-box-shadow: 0 0 6px rgb(248, 188, 186); + box-shadow: 0 0 6px rgb(248, 188, 186); + } +/*************************************************************************************************/ +/* FORM ACTIONS */ +/*************************************************************************************************/ +.form-actions { + padding: 19px 20px 20px; + margin-top: 20px; + margin-bottom: 20px; + background-color: #F7F8FA; + border-top: 1px solid #e5e5e5; /* Adding clearfix to allow for .pull-right button containers */ +} +.form-actions:before, + .form-actions:after { + display: table; + content: ""; + line-height: 0; + } +.form-actions:after { + clear: both; + } +/*************************************************************************************************/ +/* HELP TEXT */ +/*************************************************************************************************/ +.help-block, +.help-inline { + color: #6b7785; +} +.help-block > .learn-more-link, .help-block > .help-link, .help-inline > .learn-more-link, .help-inline > .help-link { + white-space: nowrap; + } +.help-block { + display: block; /* account for any element using help-block */ + margin-top: 3px; + margin-bottom: 10px; + line-height: 1.4em; + font-size: 12px; + word-wrap: break-word; +} +.help-inline { + display: inline-block; + vertical-align: middle; + padding-left: 5px; +} +/*************************************************************************************************/ +/* INPUT GROUPS */ +/*************************************************************************************************/ +/* Allow us to put symbols and text within the input field for a cleaner look */ +/*************************************************************************************************/ +/* SEARCH FORM */ +/*************************************************************************************************/ +input.search-query { + margin-bottom: 0; /* Remove the default margin on all inputs */ + -webkit-transition: background-color 0.2s; + transition: background-color 0.2s; +} +/*************************************************************************************************/ +/* HORIZONTAL & VERTICAL FORMS */ +/*************************************************************************************************/ +/* Common properties */ +/* ----------------- */ +.form-search input, + .form-search textarea, + .form-search select, + .form-search .uneditable-input, + .form-inline input, + .form-inline textarea, + .form-inline select, + .form-inline .uneditable-input, + .form-horizontal input, + .form-horizontal textarea, + .form-horizontal select, + .form-horizontal .uneditable-input { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + } +/* Re-hide hidden elements due to specifity */ +.form-search .hide, .form-inline .hide, .form-horizontal .hide { + display: none; + } +.form-search label, + .form-search .btn-group, + .form-inline label, + .form-inline .btn-group { + display: inline-block; + } +.form-search .radio, + .form-search .checkbox, + .form-inline .radio, + .form-inline .checkbox { + /* Inline checkbox/radio labels (remove padding on left) */ + padding-left: 0; + margin-bottom: 0; + vertical-align: middle; + } +.form-search .radio input[type="radio"], + .form-search .checkbox input[type="checkbox"], + .form-inline .radio input[type="radio"], + .form-inline .checkbox input[type="checkbox"] { + /* Remove float and margin, set to inline-block */ + float: left; + margin-right: 3px; + margin-left: 0; + } +/* Margin to space out fieldsets */ +.control-group { + margin-bottom: 10px; + position: relative; +} +.control-group.disabled .control-label { + /* If a control is disabled, also gray out the control label */ + color: #C3CBD4; + cursor: default; + } +.control-group .tooltip-link { + /* Tooltop link */ + top: -0.5em; + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; + margin: 0 2px; + padding: 2px; + cursor: default; + font-weight: normal; + } +/* Legend collapses margin, so next element is responsible for spacing */ +/* Only applies to legends that are not visually hidden for accessibility purposes */ +legend:not(.visuallyhidden) + .control-group { + margin-top: 20px; + -webkit-margin-top-collapse: separate; +} +/*************************************************************************************************/ +/* HORIZONTAL SPECIFIC STYLES */ +/*************************************************************************************************/ +.form-horizontal { + /* Increase spacing between groups */ + + width: 600px; + max-width: 100%; +} +.form-horizontal .control-group { + margin-bottom: 10px; + } +.form-horizontal .control-group:before, + .form-horizontal .control-group:after { + display: table; + content: ""; + line-height: 0; + } +.form-horizontal .control-group:after { + clear: both; + } +/* Float the labels left */ +.form-horizontal .control-label { + float: left; + width: 160px; + padding-top: 5px; + text-align: right; + } +/* Move over all input controls and content */ +.form-horizontal .controls { + margin-left: 180px; + } +.form-horizontal .controls > .help-block { + margin-left: 0; + } +/* Remove bottom margin on block level help text since that's accounted for on .control-group */ +.form-horizontal .help-block { + margin-bottom: 0; + margin-left: 180px; + } +/* And apply it only to .help-block instances that follow a form control */ +.form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block, .form-horizontal .uneditable-input + .help-block { + margin-top: 10px; + } +/* Move over buttons in .form-actions to align with .controls */ +.form-horizontal .form-actions { + padding-left: 180px; + } +/*************************************************************************************************/ +/* INLINE SPECIFIC STYLES */ +/*************************************************************************************************/ +.form-inline label { + line-height: 28px; + } +.form-inline .form-value { + line-height: 28px; + margin-right: 15px; + } +.form-inline input { + width: auto; + margin-right: 15px; + } +/*************************************************************************************************/ +/* CONTROLS LAYOUT */ +/*************************************************************************************************/ +/* Synthetic Radio is always full width */ +.controls .shared-controls-syntheticradiocontrol, + .controls .shared-controls-booleanradiocontrol { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + width: 100%; + } +.controls .shared-controls-syntheticradiocontrol > .btn, .controls .shared-controls-booleanradiocontrol > .btn { + -webkit-box-flex: 1; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + } +.controls-join { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + +} +/* evenly space controls */ +.controls-join .control:not(:only-child) { + -webkit-box-flex: 1; + -ms-flex: 1 0 0px; + flex: 1 0 0px; + max-width: 100%; + } +.controls-join .control:only-child { + width: 100%; + } +/* Text-inputs should take up any extra space */ +.controls-join .shared-controls-textcontrol { + -webkit-box-flex: 0; + -ms-flex: 0 1 100%; + flex: 0 1 100%; + min-width: 30%; + } +/* If there are three controls, allow the text control to get very small */ +.controls-join .shared-controls-textcontrol:nth-last-child(n+3), .controls-join .control:nth-last-child(n+3) ~ .shared-controls-textcontrol { + min-width: 48px; + } +/* First or in the Middle do not have right corners */ +.controls-join .shared-controls-textcontrol:not(:last-child) input, + .controls-join .shared-controls-textcontrol:not(:last-child) .uneditable-input, + .controls-join .shared-controls-syntheticselectcontrol:not(:last-child) .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } +/* Last or in the Middle do not have left corners */ +.controls-join .shared-controls-textcontrol:not(:first-child) input, + .controls-join .shared-controls-textcontrol:not(:first-child) .uneditable-input, + .controls-join .shared-controls-syntheticselectcontrol:not(:first-child) .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: none; + } +/* Control should fill the control div */ +.controls-join input, + .controls-join textarea, + .controls-join select, + .controls-join .uneditable-input, + .controls-join .shared-controls-syntheticselectcontrol .btn { + width: 100%; + } +/* Reset width of input images, buttons, radios, checkboxes */ +.controls-join input[type="file"], + .controls-join input[type="image"], + .controls-join input[type="submit"], + .controls-join input[type="reset"], + .controls-join input[type="button"], + .controls-join input[type="radio"], + .controls-join input[type="checkbox"] { + width: auto; /* Override of generic input selector */ + } +.controls-wrap { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.controls-separate { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.controls-separate .control + .control { + margin-left: 10px; + } +.controls-stack { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column +} +/*************************************************************************************************/ +/* FORM ELEMENTS */ +/*************************************************************************************************/ +.control { + position: relative; +} +/* synthetic placeholder */ +.control .placeholder { + color: #6b7785; + position: absolute; + max-width: 100%; + top: 3px; + left: 6px; + font-size: 14px; + } +.control ::-webkit-input-placeholder { + color: #6b7785; + opacity: 1; + } +.control :-ms-input-placeholder { + color: #6b7785; + opacity: 1; + } +.control ::-ms-input-placeholder { + color: #6b7785; + opacity: 1; + } +.control ::placeholder { + color: #6b7785; + opacity: 1; + } +/* uneditable-input a read only text field or text area */ +.control .uneditable-input { + background-color: #F7F8FA; + min-height: 32px; + } +.control .uneditable-input.uneditable-input-multiline { + overflow-y: auto; + white-space: normal; + white-space: pre-wrap; + word-break: break-all; + word-break: break-word; + height: auto; + max-height: 100px; + } +.control.shared-controls-textcontrol .control-clear, .control.shared-controls-textcontrol .search-icon { + position: absolute; + top: calc(50% + 1px); + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + right: 10px; + font-size: 18px; + color: #6b7785; + } +.control.shared-controls-textcontrol .control-clear { + display: none; + } +.control.shared-controls-textcontrol > input { + width: 100%; + } +.control.shared-controls-spinnercontrol { + text-align: center; + } +.control.shared-controls-spinnercontrol input, .control.shared-controls-spinnercontrol .uneditable-input { + display: block; + padding: 4px 65px 4px 6px; + + -webkit-transition: border 0.2s, -webkit-box-shadow 0.2s; + + transition: border 0.2s, -webkit-box-shadow 0.2s; + + transition: border 0.2s, box-shadow 0.2s; + + transition: border 0.2s, box-shadow 0.2s, -webkit-box-shadow 0.2s; + } +.control.shared-controls-spinnercontrol input.corrected-value { + border-color: #DC4E41; + -webkit-box-shadow: #FCEDEC 0px 0px 8px 0px; + box-shadow: #FCEDEC 0px 0px 8px 0px; + } +.control.shared-controls-spinnercontrol .increment-down, .control.shared-controls-spinnercontrol .increment-up { + position: absolute; + right: 1px; + top: 1px; + width: 30px; + line-height: 30px; + } +.control.shared-controls-spinnercontrol .increment-down:focus, .control.shared-controls-spinnercontrol .increment-up:focus { + background-color: rgba(0, 164, 253, 0.1); + -webkit-box-shadow: none; + box-shadow: none; + outline: none; + } +.control.shared-controls-spinnercontrol .increment-down.disabled, .control.shared-controls-spinnercontrol .increment-up.disabled { + color: #C3CBD4; + } +.control.shared-controls-spinnercontrol .increment-down { + right: 31px; + } +.control.shared-findinput { + display: inline-block; + margin: 5px 0; + } +.control.shared-findinput input { + width: 250px; + } +/* simple text only control (LabelControl) */ +.input-label { + display: inline-block; + padding: 8px 0 4px 0; + height: auto; + line-height: 15px; + font-size: 14px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + max-width: 100%; + word-wrap: break-word; + word-break: break-word; + font-weight: 500; +} +/* wrapper for checkbox */ +label.checkbox { + padding: 2px 0 2px 21px; + margin-bottom: 0; + position: relative; +} +label.checkbox.disabled { + color: #C3CBD4; + } +label.checkbox >.btn { + padding: 0; + width: 16px; + height: 16px; + border-radius: 2px; + position: absolute; + left: 0; + top: 3px; + } +label.checkbox >.btn > [class*="icon-"] { + margin: 0; + position: relative; + bottom: 6px; + vertical-align: text-top; + } +/*************************************************************************************************/ +/* SMALL FORMS */ +/*************************************************************************************************/ +.control-group-small .control-label { + font-size: 12px; + } +.control-small { + font-size: 12px; +} +.control-small input[type="text"], + .control-small .uneditable-input, + .control-small textarea { + padding-top: 2px; + padding-bottom: 2px; + font-size: inherit; + } +.control-small input[type="text"], + .control-small .uneditable-input { + height: 26px + } +.control-small .uneditable-input { + min-height: 16px; + } +.control-small .btn, .control-small.btn-group > .btn { + padding-top: 2px; + padding-bottom: 2px; + font-size: 12px; + } +.control-small.shared-controls-spinnercontrol input, .control-small.shared-controls-spinnercontrol .uneditable-input { + padding-right: 55px; + } +.control-small.shared-controls-spinnercontrol .increment-down, .control-small.shared-controls-spinnercontrol .increment-up { + width: 24px; + line-height: 24px; + } +.control-small.shared-controls-spinnercontrol .increment-down { + right: 25px; + } +/*************************************************************************************************/ +/* CHECKBOX CONTROLS */ +/*************************************************************************************************/ +.shared-controls-checkboxgroup label.checkbox { + padding-top: 2px; + padding-bottom: 2px; +} +.control-group > .controls > .shared-controls-syntheticcheckboxcontrol:only-child { + padding-top: 4px; /* Align to label */ +} +/*************************************************************************************************/ +/* KEY VALUE CONTROL */ +/*************************************************************************************************/ +.shared-controls-keyvaluecontrol .shared-controls-textcontrol { + margin-right: 10px; + } +.shared-controls-keyvaluecontrol .key-text-control-placeholder, + .shared-controls-keyvaluecontrol .value-text-control-placeholder { + float: left; + } +/*************************************************************************************************/ +/* ACCUMULATOR CONTROL */ +/*************************************************************************************************/ +.accumulator { + width: 700px; +} +.controls-join .accumulator { + width: 100%; + } +.accumulator .availableOptionsContainer, + .accumulator .selectedOptionsContainer { + float: left; + width: calc(50% - 10px); + margin: 0px 20px 0px 0px; + } +.accumulator .addAllLink, .accumulator .removeAllLink { + float: right; + } +.accumulator .selectedOptionsContainer { + margin-right: 0px; + } +.accumulator .availableOptionsHeader { + font-weight: normal; + font-size: 14px; + width: 200px; + margin-right: 22px; + padding-bottom: 5px; + line-height: 0px; + } +.accumulator .selectedOptionsHeader { + width: 200px; + margin-right: 0px; + } +.accumulator ul.availableOptions, .accumulator ul.selectedOptions { + border-radius: 3px; + height: 100px; + overflow: auto; + list-style: none; + margin: 0; + padding: 0; + border: 1px solid #C3CBD4; + clear: left; + } +.accumulator .accDisabled ul.availableOptions, + .accumulator .accDisabled ul.selectedOptions { + background-color: #F7F8FA; + } +.accumulator ul.availableOptions li, .accumulator ul.selectedOptions li { + clear: left; + padding: 4px 5px; + font-size: 14px; + cursor: pointer; + line-height: 1; + } +.accumulator ul.availableOptions li:hover, + .accumulator ul.selectedOptions li:hover { + background-color: #F7F8FA; + } +.accumulator ul.availableOptions li span, .accumulator ul.selectedOptions li span { + margin: 0px 8px 0 0; + display: block; + float: left; + } +.accumulator ul span.splIcon-arrow-e { + background-color: #007ABD; + } +.accumulator ul.availableOptions li.selected, .accumulator .accDisabled ul li { + color: #6b7785; + } +.accumulator ul.availableOptions li.selected span.splIcon, + .accumulator .accDisabled ul li span.splIcon { + background-color: #C3CBD4; + } +.accumulator .selected { + background-color: transparent; + } +.control-group.error .accumulator ul { + border-color: #DC4E41; + } +.accumulator .icon-class { + color: #6b7785; + } +.accumulator div.wide { + width: 340px; + } +/*************************************************************************************************/ +/* TABLE FORMS */ +/* TODO: figure out what this is for. */ +/*************************************************************************************************/ +/* + + + + + + + + + +
    cell +
    help-block
    +
    cell +
    help-block
    +
    +*/ +table.form td { + padding-right: 10px; + padding-bottom: 5px; +} +table.form tr:last-child td { + padding-bottom: 0; +} +table.form tr:last-child .help-block { + margin-bottom: 0; +} +/*************************************************************************************************/ +/* FORMAT DIALOGS */ +/*************************************************************************************************/ +.form-format .control-label { + width: 100px; + } +/* remove margin from last group */ +.form-format .control-group:last-child { + margin-bottom: 0; + } +.form-format .controls { + margin-left: 120px; + } +/* Horizontal form, left-aligned */ +.form-horizontal.align-left .control-label { + width: auto; + text-align: left; + display: inline-block; + float: none; + } +.form-horizontal.align-left .controls { + margin-left: 15px; + display: inline-block; + } +/* Append /Prepend */ +/* -------------- */ +.shared-controls-textcontrol.input-prepend { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.shared-controls-textcontrol.input-prepend > input, .shared-controls-textcontrol.input-prepend .uneditable-input { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + -webkit-box-flex: 1; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + width: 0; + } +.shared-controls-textcontrol.input-prepend > .btn:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-right: none; + } +.shared-controls-textcontrol.input-append, +.shared-controls-textbrowsecontrol { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.shared-controls-textcontrol.input-append > input, .shared-controls-textcontrol.input-append .uneditable-input, .shared-controls-textbrowsecontrol > input, .shared-controls-textbrowsecontrol .uneditable-input { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + -webkit-box-flex: 1; + -ms-flex: 1 0 auto; + flex: 1 0 auto; /* SPL-122817 */ + width: 0; + } +.shared-controls-textcontrol.input-append > input + .btn, .shared-controls-textcontrol.input-append .uneditable-input + .btn, .shared-controls-textbrowsecontrol > input + .btn, .shared-controls-textbrowsecontrol .uneditable-input + .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: none; + } +.shared-controls-textcontrol.input-append .add-on, .shared-controls-textbrowsecontrol .add-on { + display: inline-block; + padding: 5px 14px; + height: auto; + line-height: 20px; + font-size: 14px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 5px 14px; + margin-bottom: 0; /* For input.btn */ + font-weight: 400; + color: #5C6773; + text-align: center; + vertical-align: middle; + border: 1px solid; + border-left: none; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + + background-color: #F7F8FA; + + border-color: #C3CBD4; + + color: #5C6773; + + -webkit-box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + + box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + + text-decoration: none; + + text-shadow: none; + + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + -webkit-filter: none; + + filter: none; /* this breaks some bootstrap styles */ + } +.shared-controls-textcontrol.input-append .add-on[disabled], .shared-controls-textbrowsecontrol .add-on[disabled] { + color: #C3CBD4; + border-color: #E1E6EB; + cursor: not-allowed; + } +/* Form Complex */ +/* -------------- */ +/* +
    +
    + +
    + +
    +
    +
    + +
    + + + eg. this is some help text
    + that goes outside the form for some reason ;_; +     +
    +
    +
    +
    + + +
    +
    +
    +*/ +/* complex forms? maybe use form-narrow? */ +.form-complex { + width: 100%; +} +.form-complex .controls { + position: relative; + } +.form-complex .control-group { + width: 440px; /* magic number ;_; maybe move width to container */ + } +.form-complex .control-heading { /* like control-label but without the float */ + padding-top: 5px; + text-align: right; + width: 160px; + font-weight: bold; + } +.form-complex .help-block, .form-complex .help-outer { + position: absolute; + top: 4px; + left: 100%; + margin-left: 10px; + margin-top: 0 !important; /* TODO: get rid of important; */ + width: 280px; + } +.form-complex .outline { + border: 1px solid #C3CBD4; + border-radius: 3px; + margin-bottom: 10px; /* TOOD: use var here; */ + margin-top: 0; + padding-top: 10px; + } +.form-complex fieldset { + border: 1px solid transparent; + } +.form-complex .btn-check { + display: inline-block; + padding: 0; + height: auto; + line-height: 20px; + font-size: 14px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + text-align: center; + vertical-align: middle; + width: 20px; + } +.form-complex .control-feedback { + display: block; + width: 100%; + } +/* feedback for controls */ +.control-feedback { + color: #5C6773; + background-color: #FFFFFF; + border-radius: 3px; + font-size: 85%; + text-align: center; + margin-top: 3px; +} +/*************************************************************************************************/ +/* SYNTHETIC RADIO CONTROL */ +/*************************************************************************************************/ +.shared-controls-syntheticradiocontrol > .tooltip { + white-space:normal; + } +.shared-controls-syntheticradiocontrol .btn-radio { + -webkit-animation: none 0s ease 0s 1 normal none running; + animation: none 0s ease 0s 1 normal none running; + -webkit-backface-visibility: visible; + backface-visibility: visible; + background: transparent none repeat 0 0 / auto auto padding-box border-box scroll; + border: medium none currentColor; + border-collapse: separate; + -o-border-image: none; + border-image: none; + border-radius: 0; + border-spacing: 0; + bottom: auto; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-box-sizing: content-box; + box-sizing: content-box; + caption-side: top; + clear: none; + clip: auto; + color: #000; + -webkit-columns: auto; + columns: auto; + -webkit-column-count: auto; + column-count: auto; + -webkit-column-fill: balance; + column-fill: balance; + -webkit-column-gap: normal; + column-gap: normal; + -webkit-column-rule: medium none currentColor; + column-rule: medium none currentColor; + -webkit-column-span: 1; + column-span: 1; + -webkit-column-width: auto; + column-width: auto; + content: normal; + counter-increment: none; + counter-reset: none; + cursor: auto; + direction: ltr; + display: inline; + empty-cells: show; + float: none; + font-family: serif; + font-size: medium; + font-style: normal; + font-variant: normal; + font-weight: normal; + font-stretch: normal; + line-height: normal; + height: auto; + -webkit-hyphens: none; + -ms-hyphens: none; + hyphens: none; + left: auto; + letter-spacing: normal; + list-style: disc outside none; + margin: 0; + max-height: none; + max-width: none; + min-height: 0; + min-width: 0; + opacity: 1; + orphans: 2; + outline: medium none invert; + overflow: visible; + overflow-x: visible; + overflow-y: visible; + padding: 0; + page-break-after: auto; + page-break-before: auto; + page-break-inside: auto; + -webkit-perspective: none; + perspective: none; + -webkit-perspective-origin: 50% 50%; + perspective-origin: 50% 50%; + position: static; + right: auto; + -moz-tab-size: 8; + -o-tab-size: 8; + tab-size: 8; + table-layout: auto; + text-align: left; + text-align-last: auto; + text-decoration: none; + text-indent: 0; + text-shadow: none; + text-transform: none; + top: auto; + -webkit-transform: none; + transform: none; + -webkit-transform-origin: 50% 50% 0; + transform-origin: 50% 50% 0; + -webkit-transform-style: flat; + transform-style: flat; + -webkit-transition: none 0s ease 0s; + transition: none 0s ease 0s; + unicode-bidi: normal; + vertical-align: baseline; + visibility: visible; + white-space: normal; + widows: 2; + width: auto; + word-spacing: normal; + z-index: auto; + font-family: "Splunk Platform Sans", "Proxima Nova", Roboto, Droid, "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 20px; + color: #3C444D; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: block; + border-width: 1px; + visibility: inherit; + /* postcss-initial does not correctly reset this for all browsers */ + outline: medium none #00A4FD; + outline: medium none invert; + position: relative; + padding: 3px 0 3px 20px; + color: #3C444D; + text-decoration: none; + } +.shared-controls-syntheticradiocontrol .btn-radio:before { + content:''; + border: 1px solid; + background-color: #F7F8FA; + border-color: #C3CBD4; + color: #5C6773; + -webkit-box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + + position: absolute; + left: 0; + top: 4px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 16px; + height: 16px; + border-radius: 8px; + + } +.shared-controls-syntheticradiocontrol .btn-radio.disabled { + cursor: not-allowed; + color: #C3CBD4; + opacity: 0.65; + } +.shared-controls-syntheticradiocontrol .btn-radio.disabled:before { + background: #F7F8FA; + -webkit-filter: none; + filter: none; + border-color: #E1E6EB; + } +.shared-controls-syntheticradiocontrol .btn-radio:not(.disabled):hover:before { + background-color: rgb(235, 238, 239); + border-color: #C3CBD4; + color: #5C6773; + -webkit-box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + } +.shared-controls-syntheticradiocontrol .btn-radio:focus:before { + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.shared-controls-syntheticradiocontrol .btn-radio:focus:before:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.shared-controls-syntheticradiocontrol .btn-radio.active:after { + content:''; + position: absolute; + left: 4px; + top: 8px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 8px; + height: 8px; + border-radius: 4px; + background-color: currentColor; + } +.radio-control-list { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} +/*************************************************************************************************/ +/* ERROR STATES */ +/*************************************************************************************************/ +.error .btn { + background-color: #F1B9B3; + border-color: #DC4E41; + color: #DC4E41; + -webkit-box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + } +.error .btn.active { + background-color: #EA958D; + border-color: #DC4E41; + color: #DC4E41; + -webkit-box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + background-image: none; + } +.error .btn:hover { + background-color: #EA958D; + border-color: #DC4E41; + color: #DC4E41; + -webkit-box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + } +.required { + color: #DC4E41; +} +/* Custom shared form components for color editing */ +/* ------------------------------------------------------ */ +.color-square { + display: block; + width: 32px; + height: 32px; + background: #53A051; + border: 1px solid #C3CBD4; + border-radius: 2px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.color-square:focus { + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.color-square:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.color-square-standalone { + margin-top: 3px; +} +/*===============================================================================================*/ +/* SPLUNK: TABLES */ +/* Tables for, you guessed it, tabular data. */ +/*===============================================================================================*/ +/*************************************************************************************************/ +/* BASE TABLES */ +/*************************************************************************************************/ +table { + max-width: 100%; + background-color: transparent; + border-collapse: collapse; + border-spacing: 0; +} +/*************************************************************************************************/ +/* BASELINE STYLES */ +/*************************************************************************************************/ +.table { + width: auto; + min-width: 100%; + max-width: none; + margin-bottom: 20px; +} +/* Cells */ +.table th, .table td { + text-align: left; + vertical-align: top; + padding: 6px 12px; + line-height: 20px; + border-bottom: 1px solid #E1E6EB; + } +.table th td:focus, .table td td:focus { + -webkit-box-shadow: none; + box-shadow: none; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.table th td:focus:active:not([disabled]), .table td td:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.table th td:focus, .table td td:focus { + -webkit-box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; + box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; +} +.table th .tooltip-link, .table td .tooltip-link { + top:-.5em; + position:relative; + font-size:75%; + line-height:0; + vertical-align:baseline; + cursor:default; + font-weight:400; + } +.table th div { + padding: 6px 12px; + } +.table thead th { + vertical-align: bottom; + } +/* Remove top border from thead by default */ +.table caption + thead tr:first-child th, + .table caption + thead tr:first-child td, + .table colgroup + thead tr:first-child th, + .table colgroup + thead tr:first-child td, + .table thead:first-child tr:first-child th, + .table thead:first-child tr:first-child td { + border-top: 0; + } +/* Account for multiple tbody instances */ +.table tbody + tbody { + border-top: 2px solid #E1E6EB; + } +/* sorts */ +.table .sorts { + white-space: nowrap; + cursor: pointer; + } +.table .sorts a { + color: inherit; + } +.table .sorts a:hover { + text-decoration: none; + } +.table .sorts:hover { + color: #006EAA; + } +.table .sorts .icon-sorts:before { + font-family: "Splunk Icons"; + content: "\2195"; + padding-left: 5px; + color: #818D99; + } +.table .sorts.active .icon-sorts:before { + color: #006EAA; + } +.table .sorts .asc:before, + .table .sorts .Asc:before { + content: "\21A5"; + color: inherit; + } +.table .sorts .desc:before, + .table .sorts .Desc:before { + content: "\21A7"; + color: inherit; + } +.table .sorts[tabindex]:focus { + outline: 0; + -webkit-box-shadow: none; + box-shadow: none; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.table .sorts[tabindex]:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.table .sorts[tabindex]:focus { + -webkit-box-shadow: inset 0 0 2px 1px #E1E6EB, inset 0 0 0 2px #00A4FD; + box-shadow: inset 0 0 2px 1px #E1E6EB, inset 0 0 0 2px #00A4FD; +} +/* Nesting */ +.table .table { + background-color: transparent; + } +/*************************************************************************************************/ +/* CONDENSED TABLE W/ HALF PADDING */ +/*************************************************************************************************/ +.table-condensed th, + .table-condensed td { + padding: 3px 6px; + } +/*************************************************************************************************/ +/* BORDERED TABLE */ +/*************************************************************************************************/ +.table-bordered { + border: 1px solid #E1E6EB; + border-collapse: separate; /* Done so we can round those corners! */ + border-left: 0; +} +.table-bordered th, + .table-bordered td { + border-left: 1px solid #E1E6EB; + } +/*************************************************************************************************/ +/* BORDERED LITE TABLE */ +/* A stripped-down version of bootstrap's table-bordered */ +/*************************************************************************************************/ +.table-bordered-lite th, .table-bordered-lite td { + border-left: 1px solid #E1E6EB; + } +.table-bordered-lite th:first-child, .table-bordered-lite td:first-child { + border-left: none; + } +/*************************************************************************************************/ +/* BORDERED DOTTED TABLE */ +/*************************************************************************************************/ +.table-dotted td, .table-dotted th { + border-top: 1px dashed #C3CBD4; + } +/*************************************************************************************************/ +/* STRIPED TABLE */ +/*************************************************************************************************/ +.table-striped > thead > tr > th { + background-color: #FFFFFF; + border-top: 1px solid #E1E6EB; + } +.table-striped > tbody > tr:nth-child(odd) > td, + .table-striped > tbody > tr:nth-child(odd) > th { + background-color: #F2F4F5; + } +.table-striped > tbody > tr:nth-child(even) > td { + background-color: #FFFFFF; + } +.table-striped > tbody > tr.odd > td, + .table-striped > tbody > tr.odd > th { + background-color: #F2F4F5; + } +.table-striped > tbody > tr.even > td, + .table-striped > tbody > tr.even > th { + background-color: #FFFFFF; + } +.table-striped > tbody > tr > td { + border: none; + } +.table-striped.table-chrome > tbody > tr:nth-child(even) > td, + .table-striped.table-chrome > tbody > tr:nth-child(odd).even > td, + .table-striped.table-chrome > tbody > tr.even > td { + background-color: #F2F4F5; + } +.table-striped.table-chrome > tbody > tr:nth-child(odd) > td, + .table-striped.table-chrome > tbody > tr:nth-child(even).odd > td, + .table-striped.table-chrome > tbody > tr.odd > td { + background-color: #FFFFFF; + } +/*************************************************************************************************/ +/* CHROME TABLE */ +/* Table with dark header background color. */ +/*************************************************************************************************/ +.table-chrome, .table-chrome.table-row-expanding { + border: none; + } +.table-chrome > thead > tr > th { + font-weight: normal; + background-color: #E1E6EB; + border-right: 1px solid #FFFFFF; + border-bottom: none; + -webkit-box-shadow: none; + box-shadow: none; + } +.table-chrome > thead > tr > th:last-child { + border-right: none; + } +/* sorting */ +.table-chrome .sorts { + border-bottom: none; + } +/* saf3+, chrome1+ */ +@media screen and (-webkit-min-device-pixel-ratio:0) { + /* fix table headers */ + .table-chrome > thead > tr > th { position: relative; } +} +/*************************************************************************************************/ +/* HOVER EFFECT */ +/*************************************************************************************************/ +.table-hover > tbody > tr > td, .table-hover > tbody > tr > th { + -webkit-transition: background 0.05s; + transition: background 0.05s; + } +.table-hover > tbody > tr:hover > td, + .table-hover > tbody > tr:hover > th { + background-color: #ECF8FF !important; + } +/*************************************************************************************************/ +/* TABLE CELL SIZING */ +/*************************************************************************************************/ +/* Reset default grid behavior */ +table td[class*="span"], +table th[class*="span"], +.row-fluid table td[class*="span"], +.row-fluid table th[class*="span"] { + display: table-cell; + float: none; /* undo default grid column styles */ + margin-left: 0; /* undo default grid column styles */ +} +/* Change the column widths to account for td/th padding */ +.table td.span1, .table th.span1 { float: none; /* undo default grid column styles */ width: 44px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } +.table td.span2, .table th.span2 { float: none; /* undo default grid column styles */ width: 124px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } +.table td.span3, .table th.span3 { float: none; /* undo default grid column styles */ width: 204px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } +.table td.span4, .table th.span4 { float: none; /* undo default grid column styles */ width: 284px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } +.table td.span5, .table th.span5 { float: none; /* undo default grid column styles */ width: 364px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } +.table td.span6, .table th.span6 { float: none; /* undo default grid column styles */ width: 444px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } +.table td.span7, .table th.span7 { float: none; /* undo default grid column styles */ width: 524px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } +.table td.span8, .table th.span8 { float: none; /* undo default grid column styles */ width: 604px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } +.table td.span9, .table th.span9 { float: none; /* undo default grid column styles */ width: 684px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } +.table td.span10, .table th.span10 { float: none; /* undo default grid column styles */ width: 764px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } +.table td.span11, .table th.span11 { float: none; /* undo default grid column styles */ width: 844px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } +.table td.span12, .table th.span12 { float: none; /* undo default grid column styles */ width: 924px; /* 16 is total padding on left and right of table cells */ margin-left: 0; /* undo default grid column styles */ } +/*************************************************************************************************/ +/* FOCUS EFFECT */ +/* Add focus back in, needs to come last */ +/*************************************************************************************************/ +.table > tbody > tr.even > td:focus, .table > tbody > tr.odd > td:focus { + -webkit-box-shadow: none; + box-shadow: none; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none;} +.table > tbody > tr.even > td:focus:active:not([disabled]), .table > tbody > tr.odd > td:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.table > tbody > tr.even > td:focus, .table > tbody > tr.odd > td:focus { + -webkit-box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; + box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; +} +.table > tbody > tr:focus, + .table > tbody > tr.even:focus, + .table > tbody > tr.odd:focus { + outline: none; + } +.table > tbody > tr:focus > td, .table > tbody > tr.even:focus > td, .table > tbody > tr.odd:focus > td { + -webkit-box-shadow: none; + box-shadow: none; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none;} +.table > tbody > tr:focus > td:active:not([disabled]), .table > tbody > tr.even:focus > td:active:not([disabled]), .table > tbody > tr.odd:focus > td:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.table > tbody > tr:focus > td, .table > tbody > tr.even:focus > td, .table > tbody > tr.odd:focus > td { + -webkit-box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; + box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; +} +/*************************************************************************************************/ +/* TABLE BACKGROUNDS */ +/* Exact selectors below required to override .table-striped */ +/*************************************************************************************************/ +.table tbody tr.success > td { + background-color: #DDECDD; + } +.table tbody tr.error > td { + background-color: #F8DCD9; + } +.table tbody tr.warning > td { + background-color: #FEF2D7; + } +.table tbody tr.info > td { + background-color: #CCE2EB; + } +/* Hover states for .table-hover */ +.table-hover tbody tr.success:hover > td { + background-color: rgb(206, 227, 206); + } +.table-hover tbody tr.error:hover > td { + background-color: rgb(244, 200, 195); + } +.table-hover tbody tr.warning:hover > td { + background-color: rgb(253, 234, 190); + } +.table-hover tbody tr.info:hover > td { + background-color: rgb(185, 216, 228); + } +/* EMBEDDED TABLES */ +/* -------------------- */ +/* tables that appear within other tables. */ +.table-embed { + width: 100%; + border: 0; +} +.table-embed td { + border-bottom: 1px dashed #C3CBD4; + border-left: 0; + padding: 0; + background-color: transparent !important; + } +.table-embed td:first-child { + padding-right: 10px; + } +/*************************************************************************************************/ +/* ROW EXPANDING */ +/*************************************************************************************************/ +.table-row-expanding { + width: 100%; + table-layout: fixed; + margin-bottom: -1px; + border-bottom: 1px solid #C3CBD4; +} +.table-row-expanding > tbody > tr > td.expands { + cursor: pointer; + border-right: 1px solid #FFFFFF; + padding: 0; + } +.table-row-expanding > tbody > tr > td.expands.disabled { + color: #C3CBD4; + cursor: default; + } +.table-row-expanding > tbody > tr > td.expands.disabled > span, .table-row-expanding > tbody > tr > td.expands.disabled a { + color: inherit; + cursor: inherit; + } +.table-row-expanding > tbody > tr > td.expands > span, .table-row-expanding > tbody > tr > td.expands a, .table-row-expanding > tbody > tr > td.expands > i { + color: #3C444D; + display: block; + padding: 6px 10px; + width: 15px; + height: 100%; + text-decoration: none; + text-align: center; + } +.table-row-expanding > tbody > tr > td.expands a:focus { + -webkit-box-shadow: none; + box-shadow: none; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.table-row-expanding > tbody > tr > td.expands a:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.table-row-expanding > tbody > tr > td.expands a:focus { + -webkit-box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; + box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; +} +.table-row-expanding > tbody > tr > td > .btn-combo { + margin: -4px 5px -6px 20px; + } +.table-row-expanding > tbody > tr > td > .btn-combo:first-child { + margin-left: 0; + } +.table-row-expanding > tbody > tr > td.title > a, .table-row-expanding > tbody > tr > td.title > span { + margin: -6px -12px; + padding: 6px 12px; + display: block; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + font-size: 14px; + line-height: 20px; + } +.table-row-expanding > tbody > tr > td.title > a:focus, .table-row-expanding > tbody > tr > td.title > span:focus { + -webkit-box-shadow: none; + box-shadow: none; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.table-row-expanding > tbody > tr > td.title > a:focus:active:not([disabled]), .table-row-expanding > tbody > tr > td.title > span:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.table-row-expanding > tbody > tr > td.title > a:focus, .table-row-expanding > tbody > tr > td.title > span:focus { + -webkit-box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; + box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; +} +.table-row-expanding > tbody > tr > td.title > .disabled { + color: #C3CBD4; + } +.table-row-expanding > tbody > tr > td:focus { + -webkit-box-shadow: none; + box-shadow: none; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.table-row-expanding > tbody > tr > td:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.table-row-expanding > tbody > tr > td:focus { + -webkit-box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; + box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; +} +/* TODO unify these class names */ +.table-row-expanding > tbody > tr.more-info, .table-row-expanding > tbody > tr.info-row > td { + border-top: none; + background-color: #ECF8FF; + } +/* style for an extra row inserted in the expanded state */ +.table-row-expanding > tbody > tr.expanded > td { + background-color: #ECF8FF; + } +.table-row-expanding > tbody > tr.expanded > td.title > a { + white-space: normal; + } +.table-row-expanding th.col-info { + width: 15px; + padding-left: 10px; + padding-right: 10px; + text-align: center; + vertical-align: top; + font-size: 100%; + border-right: 1px solid #FFFFFF; + } +.table-row-expanding th.col-info a { + text-decoration: none; + color: #000000; + -webkit-box-shadow: none; + box-shadow: none; + } +.table-row-expanding th.col-info .icon-info { + width: 15px; + display: block; + } +.table-row-expanding td.expands:hover:not(.disabled), .table-row-expanding td.col-info:hover:not(.disabled) { + border-right: 1px solid #FFFFFF !important; + } +.table-row-expanding td.expands:hover:not(.disabled) a > i, .table-row-expanding td.col-info:hover:not(.disabled) a > i { + color: #006EAA; + } +.table-row-expanding td.expands.disabled:hover, .table-row-expanding td.col-info.disabled:hover { + background-color: inherit !important; + } +.table-row-expanding td.expands .icon-triangle-right-small:before { + content: "\203A"; + } +.table-row-expanding td.expands .icon-triangle-down-small:before { + content: "\2C5"; + } +/* remove sorting icons for info column */ +.table-chrome .sorts th.col-info:after { + content: ""; + } +.table-padded { + padding: 0 20px; +} +/*************************************************************************************************/ +/* SPECIAL COLUMNS AND CELLS */ +/* Custom styles for row numbers */ +/*************************************************************************************************/ +td.row-number, +th.row-number { + width: 1px; +} +td.row-number, td.line-num { + text-align: right; + color: #171D21; +} +/* custom styles for numeric value cells */ +th.numeric, td.numeric { + text-align: right +} +td.end-group { + border-right: 1px solid #FFFFFF; +} +/*************************************************************************************************/ +/* DOCKING AND STATIC TABLE HEADERS */ +/* Class for docking table header and scroll bar */ +/*************************************************************************************************/ +.header-table-docked { + position: fixed; + top: 0; + z-index: 405; + overflow: hidden; + -webkit-box-shadow: 0 2px 4px #C3CBD4; + box-shadow: 0 2px 4px #C3CBD4; + background: #FFFFFF; +} +.header-table-docked > .disable { + display: block; + position: absolute; + top: 0px; + right: 0px; + bottom: 0px; + left: 0px; + background-color: #5C6773; + opacity: 0.30; + } +.header-table-docked > table { + table-layout: fixed; + margin-bottom: 0; + /* SPL-71945, this prevents the last header cell from appearing un-styled in Firefox and IE */ + max-width: inherit; + } +.main-section > .header-table-docked, .table-padded > .header-table-docked { + width: calc(100% - 40px); + margin-left: 20px !important; + } +.table-scroll-bar-docked { + position: fixed; + bottom: 0; + left: 0; + right: 0; + overflow-x: auto; +} +/* class for static table header and scroll bar */ +.header-table-static { + height: 0; + position: relative; + z-index: 405; +} +.header-table-static > table { + margin-bottom: 0; + } +.header-table-wrapper { + overflow: hidden; + border-bottom: 1px solid #E1E6EB; +} +.header-table-wrapper .table { + margin-bottom: 0; + } +/* need to clean up these two classes to make sense */ +.scroll-table-wrapper { /* used on dashboards and embedded tables, the wrapper scrolls horz and vert */ + height: 380px; /* override */ + width: 100%; + overflow: auto; +} +.scrolling-table-wrapper { /* tables that will scroll horizontally */ + width: 100%; + overflow-x: auto; + position: relative; +} +/* tables that will scroll vertically, up to consumer to set height or max-height */ +.vertical-scrolling-table-wrapper { + width: 100%; + overflow-y: auto; +} +/*************************************************************************************************/ +/* MODALIZING ROWS */ +/*************************************************************************************************/ +.modalize-table-top, .modalize-table-bottom, .modalize-table-overlay { + position: absolute; + left: 0; + background-color: #5C6773; + opacity: 0.30; +} +.modalize-table-top { + top: 0; +} +.modalize-table-bottom { + bottom: 0; +} +.modalize-table-overlay { + position: fixed; + top: 0; + bottom: 0; + right: 0; +} +/*************************************************************************************************/ +/* DRILLDOWN */ +/*************************************************************************************************/ +.table-drilldown > tbody > tr > td { + color: #006EAA; +} +.table-drilldown > tbody > tr > td:hover { + color: #006EAA; + } +/* reset for row # */ +.table-drilldown > tbody > tr > td.row-number { + color: #6b7785; + } +.table-drilldown-row > tbody > tr:hover > td { + color: #006EAA; +} +/* reset for row # */ +.table-drilldown-row > tbody > tr:hover > td.row-number { + color: #6b7785; + } +.table-drilldown-cell > tbody > tr > td:hover .multivalue-subcell { + color: #006EAA; + } +.table-drilldown-cell > tbody > tr > td:hover .multivalue-subcell:hover { + color: #006EAA; + } +/*************************************************************************************************/ +/* MISC */ +/*************************************************************************************************/ +/* misc hacks that should probably never been added */ +.ui-grid-head-table, +.ui-grid-body-table { + margin-bottom: 0; +} +/* table-scroll? */ +.table-scroll tbody { + max-height: 200px; + overflow-y: scroll; + } +/* just the row borders */ +.table-border-row { + border-top: 1px solid #E1E6EB; +} +.table-border-row th, .table-border-row td { + border-top: 1px solid #E1E6EB; + } +/* fixed width tables */ +.table-fixed { + table-layout: fixed; +} +.table-fixed tr > td:first-child { + max-width: 300px; + word-break: break-all; + } +/* remove the sorting icons for the row number column */ +.table-chrome .sorts th.row-number:after { + content: ""; + } +/* Print */ +/* -------------------------------------------------- */ +@media print { + body table { + max-width: 100% !important; + width: 100% !important; + overflow: hidden !important; + table-layout: auto !important; + } + body .scrolling-table-wrapper, body .results-wrapper, body .results-table, body .events-viewer-wrapper { + max-width: 100% !important; + width: 100% !important; + overflow: hidden !important; + } + body td, + body th { + background: none !important; + word-break: break-all !important; + word-wrap: break-word !important; + overflow-wrap: break-word !important; + white-space: normal !important; + width: auto !important; + page-break-inside:auto; + } + body .table-chrome .sorts:after { + content: ''; + } + body .header-table-docked, + body .table-scroll-bar-docked { + display: none !important; + } +} +body.print table { + max-width: 100% !important; + width: 100% !important; + overflow: hidden !important; + table-layout: auto !important; + } +body.print .scrolling-table-wrapper, body.print .results-wrapper, body.print .results-table, body.print .events-viewer-wrapper { + max-width: 100% !important; + width: 100% !important; + overflow: hidden !important; + } +body.print td, + body.print th { + background: none !important; + word-break: break-all !important; + word-wrap: break-word !important; + overflow-wrap: break-word !important; + white-space: normal !important; + width: auto !important; + page-break-inside:auto; + } +body.print .table-chrome .sorts:after { + content: ''; + } +body.print .header-table-docked, + body.print .table-scroll-bar-docked { + display: none !important; + } +/*===============================================================================================*/ +/* SPLUNK: TABLE CAPTIONS */ +/* The count, filters and pagination that appear above a listing. */ +/*===============================================================================================*/ +.table-caption, +.table-caption-inner { + min-height: 42px; + text-align: center; + margin-bottom: 5px; +} +.table-caption-inner.affix-top { + left: 0; + top: 0; + right: 0; + background-color: #F2F4F5; + z-index: 405; + position: fixed; +} +.table-caption h3, .table-caption span.shared-collectioncount { + font-size: 14px; + font-weight: normal; + float: left; + padding-left: 20px; + line-height: 42px; + margin: 0; + min-width: 140px; + text-align: left; + } +.table-caption .shared-waitspinner { + float: left; + width: 14px; + height: 14px; + margin: 12px 5px 2px 0; + } +.table-caption form.shared-tablecaption-input { + display: inline-block; + margin: 5px 0; + } +.table-caption form.shared-tablecaption-input input { + width: 250px; + } +.table-caption .btn-group { + display: inline-block; + margin-right: 10px; + } +.table-caption .pagination { + min-width: 150px; + margin: 5px 20px 0 20px; + } +/*************************************************************************************************/ +/* FILTER FORMS */ +/*************************************************************************************************/ +.shared-tablecaption-input { + position: relative; +} +.table-caption div.shared-controls-controlgroup { + display: inline-block; + margin: 0px 10px 0px 0; +} +.table-caption .pagination { + min-width: 150px; + margin: 5px 20px 0 20px; +} +/*===============================================================================================*/ +/* SPLUNK: STANDARD TOUR */ +/*===============================================================================================*/ +.tourbar { + background-color: #171D21; + min-height: 46px; + position: relative; +} +.tourbar .info-container { + margin: 0px 200px; + padding: 10px; + background-color: #3C444D; + min-height: 26px; + } +.tourbar .info-container .info { + font-size: 14px; + color: #E1E6EB; + } +.tourbar .btn { + background: transparent; + -webkit-filter: none; + filter: none; + border-color: #C3CBD4; + color: #E1E6EB; + text-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; + top: 50%; + margin-top: -13px; + position: absolute; + } +.tourbar .btn.next { + right: 158px; + } +.tourbar .btn.previous { + left: 158px; + } +.tourbar .btn.close-btn { + right: 10px; + } +.tourbar .close-container { + float: right; + margin: 10px 25px 10px 25px; + } +.tourbar .next-container { + float: right; + margin: 10px 0px 10px 25px; + } +.tourbar .previous-container { + float: left; + margin: 10px 25px; + } +.tour-highlight { + position: relative; +} +.tour-highlight::after { + content: ""; + position: absolute; + right: -20px; + top: -20px; + height: 30px; + width: 30px; + z-index: 99999; + + background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDIwIDIwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDx0aXRsZT5VbnRpdGxlZCAyPC90aXRsZT4KICAgIDxkZXNjcmlwdGlvbj5DcmVhdGVkIHdpdGggU2tldGNoIChodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gpPC9kZXNjcmlwdGlvbj4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPgogICAgICAgIDxwYXRoIGQ9Ik02LjcxNDQ2NjA5LDYuNzE0NDY2MDkgTDAsMCBMMCwyMCBMMjAsMjAgTDEzLjc4NTUzMzksMTMuNzg1NTMzOSBMMjAuMDQ1OTQxNSw3LjUyNTEyNjI3IEwxMi45NzQ4NzM3LDAuNDU0MDU4NDU0IEw2LjcxNDQ2NjA5LDYuNzE0NDY2MDkgWiIgaWQ9IlRyaWFuZ2xlLTEiIGZpbGw9IiNEODVEM0MiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+); + + background-size: 30px 30px; + -webkit-animation: highlightedElementAnimation 2s infinite alternate; + animation: highlightedElementAnimation 2s infinite alternate; + } +@-webkit-keyframes highlightedElementAnimationFrames { + from { right: -20px; top: -20px; } + to { right: -30px; top: -30px; } +} +@keyframes highlightedElementAnimationFrames { + from { right: -20px; top: -20px; } + to { right: -30px; top: -30px; } +} +/* IMAGE TOUR CAROUSEL */ +.image-tour-container .carousel { + width: 960px; + height: 718px; + background: #3C444D; + margin-bottom: 0; + } +.image-tour-container .carousel .carousel-control { + top: 52%; + background: none; + border: none; + color: #F58220; + opacity: 1; + left: 45px; + font-size: 48px; + z-index: 60; + } +.image-tour-container .carousel .carousel-control polygon { + fill: #F58220; + } +.image-tour-container .carousel .carousel-control:hover polygon{ + fill: #F79B4C; + } +.image-tour-container .carousel .carousel-control.disabled { + display: none; + } +.image-tour-container .carousel .carousel-control:focus { + -webkit-box-shadow: none; + box-shadow: none; + } +.image-tour-container .carousel .carousel-control.right { + right: 45px; + left: auto; + } +.image-tour-container .carousel .carousel-indicators { + bottom: 18px; + top: inherit; + right: 50%; + -webkit-transform: translate(50%, 0); + transform: translate(50%, 0); + z-index: 60; + } +.image-tour-container .carousel .carousel-indicators li { + height: 6px; + width: 6px; + cursor: pointer; + background: #818D99; + border: none; + margin-left: 10px; + margin-bottom: 0px; + } +.image-tour-container .carousel .carousel-indicators li.active { + background-color: #F58220; + } +.image-tour-container .carousel .carousel-indicators li:first-child { + margin-left: 0; + } +.image-tour-container .carousel .item { + width: 960px; + height: 716px; + } +.image-tour-container .carousel .item img { + width:100%; + } +.image-tour-container .carousel .item.active img:hover { + cursor: pointer; + } +.image-tour-container .carousel .help-link { + position: absolute; + width: 150px; + height: 30px; + top: 122px; + left: 563px; + } +.image-tour-container .carousel a#splunk-answers { + top: 160px; + left: 504px; + width: 140px; + } +.image-tour-container .tour-links { + position: absolute; + top: 15px; + right: 5px; + padding: 5px; + text-align: right; + z-index: 50; + font-size: 12px; + } +.image-tour-container .tour-links a { + color: #FFFFFF; + margin-left: 15px; + } +.image-tour-container .tour-links a:hover { + text-decoration: underline; + } +.image-tour-container .welcome-slide { + position: absolute; + top: 0; + left: 0; + z-index: 100; + } +.image-tour-container .tour-btn { + background: rgba(0, 0, 0, 0.3); + position: absolute; + top: 300px; + left: 50%; + padding: 30px 40px; + font-size: 30px; + color: #FFFFFF; + cursor: pointer; + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); + } +.image-tour-container .start-tour, + .image-tour-container .exit-tour { + color: #F58220; + } +.image-tour-container .tour-gutter { + background: rgba(60, 68, 77, 0.9); + height: 132px; + width: 962px; + font-size: 16px; + color: #FFFFFF; + position: absolute; + bottom: 0px; + z-index: 50; + left: 50%; + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); + } +.image-tour-container .tour-gutter div.gutter-text { + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + margin: 0 auto; + position: relative; + top: 50%; + line-height: 150%; + width: 720px; + text-align: center; + } +.image-tour-container .tour-gutter a { + color: #FFFFFF; + text-decoration: underline; + } +.image-tour-container .carousel-assets { + position: absolute; + height: 132px; + width: 960px; + bottom: 0; + } +.image-tour-container .next-tour, + .image-tour-container .try-it-now { + display: none; + } +.image-tour-container .try-it-now { + position: absolute; + right: 30px; + z-index: 500; + bottom: 50px; + } +@media only screen and (max-height: 750px) { + .image-tour-container .carousel-assets, + .image-tour-container .tour-gutter { + position: fixed; + } + .image-tour-container .carousel-assets { + bottom: -132px; + z-index: 60; + } + .image-tour-container .carousel-assets .carousel-control { + top: inherit; + bottom: 175px; + } + .image-tour-container .carousel-assets .carousel-indicators { + bottom: 150px; + } + .image-tour-container .carousel-assets .tour-links { + top: inherit; + bottom: 220px; + } + .image-tour-container .carousel-assets .try-it-now { + top: inherit; + bottom: 180px; + } +} +/* IMAGE TOUR MODAL */ +.image-tour .tour-modal { + width: 960px; + margin-left: -480px; + height: 716px; + background: #3C444D; + z-index: 1061; +} +.image-tour .tour-modal.fade.in { + top: 15px; + } +.modal-backdrop.tour-backdrop.fade { + background: #3C444D; + z-index: 1060; +} +.modal-backdrop.tour-backdrop.fade.in { + opacity: 1; + background: #3C444D; + } +.shared-tour-producttours.modal, .shared-tour-imagetour.modal, .shard-interactivetour.modal { + background-clip: border-box; + } +.shared-tour-producttours.modal .modal-header, .shared-tour-imagetour.modal .modal-header, .shard-interactivetour.modal .modal-header { + padding-bottom: 10px; + } +.shared-tour-producttours.modal .modal-body, .shared-tour-imagetour.modal .modal-body, .shard-interactivetour.modal .modal-body { + padding: 0 10px 10px; + border-top: 0; + } +.shared-tour-producttours.modal .modal-body:last-child, .shared-tour-imagetour.modal .modal-body:last-child, .shard-interactivetour.modal .modal-body:last-child { + max-height: none; + } +/* INTERACTIVE TOUR */ +.introjs-overlay { + position: absolute; + z-index: 999999; + background-color: #000000; + opacity: 0; + background: radial-gradient(center,ellipse cover,rgba(0, 0, 0, 0.4) 0,rgba(0, 0, 0, 0.9) 100%); +} +.introjs-fixParent { + z-index: auto !important; + opacity: 1.0 !important; + position: absolute !important; + -webkit-transform: none !important; + transform: none !important; + display: block !important; +} +.introjs-showElement, +tr.introjs-showElement > td, +tr.introjs-showElement > th { + z-index: 9999999 !important; +} +.introjs-disableInteraction { + z-index: 99999999 !important; + position: absolute; +} +a.introjs-showElement { + display: inline-block !important; +} +.introjs-relativePosition, +tr.introjs-showElement > td, +tr.introjs-showElement > th { + position: relative; +} +.introjs-helperLayer { + position: absolute; + z-index: 9999998; + background-color: rgba(255, 255, 255, 0.9); + border: 1px solid rgba(0, 0, 0, 0.5); + border-radius: 4px; + -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4); + box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4); +} +.introjs-tooltipReferenceLayer { + position: absolute; + z-index: 10000000; + background-color: transparent; +} +.introjs-helperLayer *, +.introjs-helperLayer *:before, +.introjs-helperLayer *:after { + -webkit-box-sizing: content-box; + box-sizing: content-box; +} +.introjs-helperNumberLayer { + position: absolute; + top: -16px; + left: -16px; + z-index: 9999999999 !important; + padding: 2px; + font-size: 13px; + font-weight: bold; + color: white; + text-align: center; + text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); + background: -webkit-gradient(linear, left top, left bottom, from(#DC4E41), to(#F7F8FA)); + background: linear-gradient(to bottom, #DC4E41 0%, #F7F8FA 100%); + width: 20px; + height:20px; + line-height: 20px; + border: 3px solid white; + border-radius: 50%; + -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); +} +.introjs-arrow { + border: 8px solid rgba(60, 68, 77, 0.9); + content:''; + position: absolute; +} +.introjs-arrow.top { + top: -15px; + border-top-color:transparent; + border-right-color:transparent; + border-bottom-color: rgba(60, 68, 77, 0.9); + border-left-color:transparent; +} +.introjs-arrow.top-right { + top: -15px; + right: 10px; + border-top-color:transparent; + border-right-color:transparent; + border-bottom-color: rgba(60, 68, 77, 0.9); + border-left-color:transparent; +} +.introjs-arrow.top-middle { + top: -15px; + left: 50%; + margin-left: -5px; + border-top-color:transparent; + border-right-color:transparent; + border-bottom-color: rgba(60, 68, 77, 0.9); + border-left-color:transparent; +} +.introjs-arrow.right { + right: -15px; + top: 15px; + border-top-color:transparent; + border-right-color:transparent; + border-bottom-color:transparent; + border-left-color: rgba(60, 68, 77, 0.9); +} +.introjs-arrow.right-bottom { + bottom:10px; + right: -15px; + border-top-color:transparent; + border-right-color:transparent; + border-bottom-color:transparent; + border-left-color: rgba(60, 68, 77, 0.9); +} +.introjs-arrow.bottom { + bottom: -15px; + border-top-color: rgba(60, 68, 77, 0.9); + border-right-color:transparent; + border-bottom-color:transparent; + border-left-color:transparent; +} +.introjs-arrow.left { + left: -15px; + top: 10px; + border-top-color:transparent; + border-right-color: rgba(60, 68, 77, 0.9); + border-bottom-color:transparent; + border-left-color:transparent; +} +.introjs-arrow.left-bottom { + left: -15px; + bottom:10px; + border-top-color:transparent; + border-right-color: rgba(60, 68, 77, 0.9); + border-bottom-color:transparent; + border-left-color:transparent; +} +.introjs-tooltip { + position: absolute; + padding: 40px 60px 10px; + text-align: center; + color: #FFFFFF; + background-color: rgba(60, 68, 77, 0.9); + min-width: 400px; + max-width: 500px; + border-radius: 0; + -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4); + box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4); +} +.introjs-tooltiptext a { + color: #FFFFFF; + text-decoration: underline; +} +.introjs-tooltipbuttons { + text-align: right; + white-space: nowrap; +} +.introjs-button { + overflow: visible; + padding: 5px; + margin: 0; + color: #F58220; + fill: #F58220; + text-decoration: none; + font-size: 25px; + cursor: pointer; + outline: none; + position: absolute; + top: 50%; + -webkit-transform: translate(0, -45%); + transform: translate(0, -45%); +} +.introjs-button:hover polygon{ + fill: rgb(247, 158, 80); + } +.introjs-button.introjs-disabled { + display: none; + } +.introjs-button:focus { + -webkit-box-shadow: none; + box-shadow: none; + background: none; + } +.introjs-tooltiplinks { + position: absolute; + top: 10px; + right: 5px; +} +.introjs-skipbutton, +.introjs-nexttourbutton { + font-size: 12px; + color: #FFFFFF; + position: relative; +} +.introjs-skipbutton:hover, .introjs-nexttourbutton:hover { + color: #FFFFFF; + } +.introjs-skipbutton:focus, .introjs-nexttourbutton:focus { + color: #FFFFFF; + } +.introjs-skipbutton.done { + color: #F58220; +} +.introjs-prevbutton { + left: 10px; +} +.introjs-nextbutton { + right: 10px; +} +.introjs-disabled, +.introjs-disabled:hover, +.introjs-disabled:focus { + color: #818D99; + -webkit-box-shadow: none; + box-shadow: none; + cursor: default; + background-image: none; + text-decoration: none; +} +.introjs-bullets { + text-align: center; + padding-top: 30px; +} +.introjs-bullets ul { + clear: both; + margin: 15px auto 0; + padding: 0; + display: inline-block; +} +.introjs-bullets ul li { + list-style: none; + float: left; + margin: 0 5px; + } +.introjs-bullets ul li a { + display: block; + width: 6px; + height: 6px; + background: #C3CBD4; + border-radius: 10px; + text-decoration: none; + } +.introjs-bullets ul li a.active { + background: #F58220; + } +.introjs-progress { + overflow: hidden; + height: 10px; + margin: 10px 0 5px 0; + border-radius: 4px; + background-color: #E1E6EB; +} +.introjs-progressbar { + float: left; + width: 0%; + height: 100%; + font-size: 10px; + line-height: 10px; + text-align: center; + background-color: #006D9C; +} +.introjsFloatingElement { + position: absolute; + height: 0; + width: 0; + left: 50%; + top: 50%; +} +.introjs-tooltiptext { + font-size: 16px; + line-height: 24px; +} +/* tour links in product tours modal */ +.tours-links { + text-align: center; + margin: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} +.tours-links li { + position: relative; + list-style: none; + margin-bottom: 20px; + display: inline-block; + text-align: center; + } +.tours-links .mask { + position:absolute; + top:0; + bottom:0; + left: 0; + right: 0; + opacity:0; + border-radius: 3px; + cursor: pointer; + background-color: #F58220; + -webkit-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; + } +.tours-links .mask:hover { + opacity:0.1; + } +.tours-links .svg-wrapper { + height: 84px; + padding: 10px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + } +.tours-links .svg-wrapper svg { + width: 84px; + fill: #F58220; + } +.tour-link { + position: relative; + padding: 10px; + margin: 10px; + display: inline-block; + color: #3C444D !important; + font-weight: 500; + -webkit-box-flex: 1; + -ms-flex: 1 1 0px; + flex: 1 1 0; + max-width: 25%; + -webkit-transition: opacity 0.125s, background 0.05s; + transition: opacity 0.125s, background 0.05s; +} +.tour-link:hover { + background: rgba(195, 203, 212, 0.1); + text-decoration: none; + } +.tour-link:focus { + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.tour-link:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.tour-link i { + height: 84px; + padding: 32px 40px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + font-size: 76px; + line-height: 60px; + color: #F58220; + } +/* Components: common */ +/*===============================================================================================*/ +/* SPLUNK: ICONS */ +/* Override bootstrap glyph icons and replace with custom font icons loosely based on */ +/* [FontAwesome](http://fortawesome.github.com/Font-Awesome/) see splunk */ +/* [styleguide](http://localhost:8000/static/style-guide.html) for more details */ +/*===============================================================================================*/ +/*----------------------------------------------*/ +/* Make Icon Class: */ +/* .icon-[icon name] */ +/* @params: */ +/* Icon Name */ +/* Content */ +/*----------------------------------------------*/ +/*----------------------------------------------*/ +/* Make Icon Class + Font Smoothing */ +/*----------------------------------------------*/ +/*----------------------------------------------*/ +/* Make Icon Class + Margin Right */ +/*----------------------------------------------*/ +/*----------------------------------------------*/ +/* Make Icon Class + Font Family Inherit */ +/*----------------------------------------------*/ +/*************************************************************************************************/ +/* ICON FONT FACE */ +/*************************************************************************************************/ +[class^="icon-"]:before, +[class*=" icon-"]:before { + font-family: "Splunk Icons"; + font-style: normal; + font-weight: normal; + text-decoration: inherit; + line-height: inherit; +} +a [class^="icon-"], +a [class*=" icon-"] { + display: inline-block; + text-decoration: none; + line-height: inherit; +} +/* makes the font 33% larger relative to the icon container */ +.icon-large { + font-size: 1.3333333333333333em; + vertical-align: middle; +} +/*************************************************************************************************/ +/* UTILS & HELPERS */ +/*************************************************************************************************/ +/* utility for setting font-family */ +/* TODO: is this used? or needed? */ +.font-icon { + font-family: "Splunk Icons"; + font-size: inherit; + line-height: inherit; +} +.icon-no-underline:first-child { + padding-right: 0.3em; + } +.icon-no-underline:last-child { + padding-left: 0.3em; + } +.icon-no-underline:first-child:last-child { + padding-right: 0; + padding-left: 0; + } +.icon-no-underline:before { + text-decoration: none; + } +.padded-icon { + margin-right: 0.5em; +} +/*image replace helper*/ +.ir { + position: relative; + display: inline-block; + min-width: 0.5em; + text-indent: -9999px; + outline:none; +} +/* vertical-align:middle; */ +.ir:before { + position: absolute; + top: 0; + left: 0; /* Firefox needs to be explicit here */ + text-indent: 0; + } +/*************************************************************************************************/ +/* FONT ICONS */ +/* When possible we should use the Unicode Private Use Area (PUA) to ensure screen readers do */ +/* not read off random characters that represent icons. */ +/* convert this ... */ +/* .icon-share:before { */ +/* content: "\EC83 "; */ +/* } */ +/* into this */ +/*
  • */ +/* Search: */ +/* \.(icon-[^:]+).* */ +/* Replace: */ +/*
  • */ +/*************************************************************************************************/ +/* example + Check - + Check +*/ +/* Splunk logo */ +.icon-splunk:before { + content: "splunk"; + } +.icon-greater:before { + content: ">"; + } +.icon-hunk:before { + content: "\F000"; + } +.icon-enterprise:before { + content: "\F001"; + } +.icon-cloud-logo:before { + content: "\F002"; + } +.icon-splunk-light:before { + content: "\F003"; + } +/* Shapes */ +.icon-circle:before { + content: "\ECD0"; + } +.icon-circle-filled:before { + content: "\25CF"; + } +.icon-box-filled:before { + content: "\25A0"; + } +.icon-triangle-up-small:before { + content: "\25B4"; + } +.icon-triangle-right:before { + content: "\25B6"; + } +.icon-triangle-right-small:before { + content: "\25B8"; + } +.icon-triangle-down:before { + content: "\25BC"; + } +.icon-triangle-down-small:before { + content: "\25BE"; + } +.icon-triangle-left:before { + content: "\25C0"; + } +.icon-triangle-left-small:before { + content: "\25C2"; + } +/* Arrows & Pointers */ +.icon-arrow-up:before { + content: "\EC01"; + } +.icon-arrow-right:before { + content: "\27A1"; + } +.icon-arrow-down:before { + content: "\EC02"; + } +.icon-arrow-left:before { + content: "\EC00"; + } +.icon-two-arrows-cycle:before { + content: "\EC12"; + } +.icon-external:before { + content: "\EC13"; + } +.icon-rotate-counter:before { + content: "\21BA"; + } +.icon-rotate:before { + content: "\21BB"; + } +.icon-location:before { + content: "\EC80"; + } +.icon-chevron-left:before { + content: "\2039"; + } +.icon-chevron-right:before { + content: "\203A"; + } +.icon-chevron-up:before { + content: "\2C4"; + } +.icon-chevron-down:before { + content: "\2C5"; + } +/* Actions */ +.icon-trash:before { + content: "\EC66"; + } +.icon-share:before { + content: "\27A6"; + } +.icon-export:before { + content: "\EC68"; + } +.icon-print:before { + content: "\EC89"; + } +.icon-search:before { + content: "\EC9B"; + } +.icon-search-thin:before { + content: "\ECC2"; + } +.icon-pivot:before { + content: "\EC12"; + } +.icon-clone:before { + content: "\ECE8"; + } +.icon-pause:before { + content: "\EC50"; + } +.icon-stop:before { + content: "\25A0"; + } +.icon-play:before { + content: "\25B6"; + } +.icon-sort:before { + content: "\2195"; + } +.icon-sorted-up:before { + content: "\21A5"; + } +.icon-sorted-down:before { + content: "\21A7"; + } +.icon-minus:before { + content: "\2212"; + } +.icon-minus-circle:before { + content: "\2296"; + margin-right: 0.25em + } +.icon-plus:before { + content: "+"; + } +.icon-plus-circle:before { + content: "\2295"; + } +.icon-x:before { + content: "\2717"; + } +.icon-x-circle:before { + content: "\2297"; + } +.icon-close:before { + content: "\2717"; + } +.icon-cancel:before { + content: "\2717"; + } +.icon-collapse-left:before { + content: "\ECE0"; + } +.icon-expand-right:before { + content: "\ECE1"; + } +/* Concepts */ +.icon-activity:before { + content: "\ECAE"; + } +.icon-string:before { + content: "a"; + } +.icon-number:before { + content: "#"; + } +.icon-text:before { + content: "\ECD9"; + } +.icon-not-allowed:before { + content: "\EC9E"; + } +.icon-data:before { + content: "\ECA4"; + } +.icon-data-input:before { + content: "\ECA3"; + } +.icon-settings:before { + content: "\ECA5"; + } +.icon-distributed-environment:before { + content: "\ECA6"; + } +.icon-visible:before { + content: "\ECC0"; + } +.icon-hidden:before { + content: "\ECC1"; + } +.icon-boolean:before { + content: "\ECD2"; + } +.icon-menu:before { + content: "\EC56"; + } +.icon-rows:before { + content: "\EC56"; + } +.icon-tiles:before { + content: "\ECF0"; + } +.icon-metric:before { + content: "\ECF5"; + } +.icon-event:before { + content: "\ECF6"; + } +.icon-rollup:before { + content: "\ECF8"; + } +/* Misc */ +.icon-info:before { + content: "i"; + } +.icon-info-circle:before { + content: "I"; + } +.icon-question:before { + content: "?"; + font-family: inherit + } +.icon-question-circle:before { + content: "\EC9D"; + } +.icon-box-unchecked:before { + content: "\2610"; + } +.icon-box-checked:before { + content: "\2611"; + } +.icon-check-circle:before { + content: "\ECD3"; + } +.icon-alert-circle:before { + content: "\ECD4"; + } +.icon-code:before { + content: "\ECD7"; + } +.icon-code-thin:before { + content: "\ECD6"; + } +.icon-alert:before { + content: "\26A0"; + } +.icon-error:before { + content: "\ECE2"; + } +.icon-warning:before { + content: "\26A0"; + } +.icon-fullscreen:before { + content: "\ECF3"; + } +/* Objects */ +.icon-bell:before { + content: "\EC9C"; + } +.icon-bookmark:before { + content: "\ECA1"; + } +.icon-bulb:before { + content: "\EC98"; + } +.icon-calendar:before { + content: "\EC9A"; + } +.icon-check:before { + content: "\2713"; + } +.icon-clock:before { + content: "\231A"; + } +.icon-cloud:before { + content: "\2601"; + } +.icon-flag:before { + content: "\2691"; + } +.icon-gear:before { + content: "\2699"; + } +.icon-lightning:before { + content: "\2301"; + } +.icon-link:before { + content: "\ECF1"; + } +.icon-lock:before { + content: "\EC9F"; + } +.icon-lock-unlocked:before { + content: "\ECA0"; + } +.icon-mail:before { + content: "\2709"; + } +.icon-pencil:before { + content: "\270F"; + } +.icon-speech-bubble:before { + content: "\EC99"; + } +.icon-star:before { + content: "\2605"; + } +.icon-user:before { + content: "\EC84"; + } +.icon-clipboard:before { + content: "\ECD5"; + } +.icon-paintbrush:before { + content: "\ECCA"; + } +.icon-warning-sign:before { + content: "\26A0"; + } +/* Results and Visualizations */ +.icon-chart-area:before { + content: "\ECA9"; + } +.icon-chart-bar:before { + content: "\ECAA"; + } +.icon-chart-column:before { + content: "\ECAB"; + } +.icon-chart-pie:before { + content: "\ECAC"; + } +.icon-chart-scatter:before { + content: "\ECAD"; + } +.icon-chart-bubble:before { + content: "\ECB8"; + } +.icon-chart-line:before { + content: "\ECAE"; + } +.icon-single-value:before { + content: "\ECAF"; + } +.icon-gauge-radial:before { + content: "\ECA2"; + } +.icon-gauge-marker:before { + content: "\ECB0"; + } +.icon-gauge-filler:before { + content: "\ECB1"; + } +.icon-choropleth-map:before { + content: "\ECB9"; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } +.icon-external-viz:before { + content: "\ECF2"; + } +.icon-label-rotation--90:before { + content: "\ECE3"; + } +.icon-label-rotation--45:before { + content: "\ECE4"; + } +.icon-label-rotation-0:before { + content: "\ECE5"; + } +.icon-label-rotation-45:before { + content: "\ECE6"; + } +.icon-label-rotation-90:before { + content: "\ECE7"; + } +.icon-trellis-layout:before { + content: "\F004"; + } +.icon-chart-area-plus-table:before { + content: "\ECA9 + \ECA8"; + } +.icon-chart-bar-plus-table:before { + content: "\ECAA + \ECA8"; + } +.icon-chart-column-plus-table:before { + content: "\ECAB + \ECA8"; + } +.icon-chart-pie-plus-table:before { + content: "\ECAC + \ECA8"; + } +.icon-chart-scatter-plus-table:before { + content: "\ECAD + \ECA8"; + } +.icon-chart-bubble-plus-table:before { + content: "\ECB8 + \ECA8"; + } +.icon-chart-line-plus-table:before { + content: "\ECAE + \ECA8"; + } +.icon-single-value-plus-table:before { + content: "\ECAF + \ECA8"; + } +.icon-gauge-radial-plus-table:before { + content: "\ECA2 + \ECA8"; + } +.icon-gauge-marker-plus-table:before { + content: "\ECB0 + \ECA8"; + } +.icon-gauge-filler-plus-table:before { + content: "\ECB1 + \ECA8"; + } +.icon-location-plus-table:before { + content: "\EC80 + \ECA8"; + } +.icon-choropleth-map-plus-table:before { + content: "\ECB9 + \ECA8"; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } +.icon-external-viz-plus-table:before { + content: "\ECF2 + \ECA8"; + } +/* Formatting */ +.icon-list:before { + content: "\ECA7"; + } +.icon-table:before { + content: "\ECA8"; + } +.icon-bar-beside:before { + content: "\ECB2"; + } +.icon-bar-stacked:before { + content: "\ECB3"; + } +.icon-bar-stacked-100:before { + content: "\ECB4"; + } +.icon-missing-value-skipped:before { + content: "\ECB5"; + } +.icon-missing-value-zero:before { + content: "\ECB6"; + } +.icon-missing-value-join:before { + content: "\ECB7"; + } +/* Documents */ +.icon-folder:before { + content: "\ECE9"; + } +.icon-document:before { + content: "\ECC3"; + } +.icon-report:before { + content: "\ECC3"; + } +.icon-report-search:before { + content: "\ECC4"; + } +.icon-report-pivot:before { + content: "\ECC5"; + } +.icon-dashboard:before { + content: "\ECC6"; + } +.icon-panel:before { + content: "\ECC7"; + } +.icon-panel-search:before { + content: "\ECC8"; + } +.icon-panel-pivot:before { + content: "\ECC9"; + } +/*===============================================================================================*/ +/* SPLUNK: POPDOWN */ +/*===============================================================================================*/ +/* TODO: review how this works with dropdown */ +/* popdown for variable content +
    +
    +
    +
    + content ... +
    +
    +
    +*/ +/* Popdown wrapper */ +.popdown { + position: relative +} +/* popdown container */ +.popdown-dialog { + background-color: #FFFFFF; + border: 1px solid #C3CBD4; + -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2); + box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2); + border-radius: 2px; + top: 100%; + left: 50%; + margin: 8px 0 0 -103px; + display: none; + position: absolute; + z-index: 1059; + white-space: normal; +} +/* placement of arrow */ +.popdown-dialog .arrow { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-top: 0; + border-bottom-color: #C3CBD4; + top: -8px; + left: 50%; + margin-left: -4px; + } +/* generated arrow */ +.popdown-dialog .arrow:before { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-top: 0; + border-bottom-color: #FFFFFF; + top: 1px; + left: -8px; + } +/* prevent inheriting nowrap from btn-group */ +.popdown-dialog.up { + margin-top: 0; + } +/* placement of arrow */ +.popdown-dialog.up > .arrow { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-bottom: 0; + border-top-color: #C3CBD4; + top: auto; + bottom: -8px; + } +.popdown-dialog.up > .arrow:before { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-bottom: 0; + border-top-color: #FFFFFF; + top: auto; + bottom: 1px; + } +.popdown-dialog.right { /* point left */ + margin-left: 5px; + margin-top: 0; + } +/* placement of arrow */ +.popdown-dialog.right .arrow { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-left: 0; + border-right-color: #C3CBD4; + top: 50%; + left: -8px; + margin: -8px 0 0 0; + } +.popdown-dialog.right .arrow:before { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-left: 0; + border-right-color: #FFFFFF; + top: 50%; + left: 1px; + margin: -8px 0 0 0; + } +/* position of arrow when floated right */ +.popdown-dialog.pull-right .arrow { + left: auto; + right: 8px; + } +/* open state */ +.popdown-dialog.open { + display: block; + } +/* SPL-68751 - IE10 box shadow animation artifacts fix */ +.popdown-dialog:after +{ + content: ""; + font-size: 0; + display: inline; + overflow: hidden; +} +/* popdown body */ +.popdown-dialog-body { + margin: 0; + border-radius: 1px; + background-color: #FFFFFF; +} +.popdown-dialog-body:before, + .popdown-dialog-body:after { + display: table; + content: ""; + line-height: 0; + } +.popdown-dialog-body:after { + clear: both; + } +/* popdown body */ +.popdown-dialog-footer { + border-top: 1px solid #C3CBD4; + padding: 5px; + border-bottom-left-radius: 1px; + border-bottom-right-radius: 1px; +} +.popdown-dialog-footer:before, + .popdown-dialog-footer:after { + display: table; + content: ""; + line-height: 0; + } +.popdown-dialog-footer:after { + clear: both; + } +/* variations */ +/* ------------ */ +/* extends popdown-dialog, adds extra padding + +
    +
    +
    +
    + content ... +
    +
    +
    + +*/ +.popdown-dialog-padded { + padding: 10px; +} +/*===============================================================================================*/ +/* SPLUNK: DROP DOWN ARROW/CARET */ +/*===============================================================================================*/ +.dropup, +.dropdown { + position: relative; +} +.dropdown-toggle:active, +.open .dropdown-toggle { + outline: 0; +} +/*************************************************************************************************/ +/* CARET / ARROW */ +/* Icon for caret. */ +/*************************************************************************************************/ +/* + +*/ +.caret { + display: inline-block; + content: ""; + border: none; + width: auto; + height: auto; + line-height: 20px; + font-size: inherit; + margin: 0; + padding-left: 0.3em; + text-decoration: none; + vertical-align: baseline; + font-family: "Splunk Icons"; + font-weight: normal; +} +/* generated font icon */ +.caret:before { + content: "\25BE"; + font-size: inherit; + text-decoration: none; + } +.icon-no-underline + .caret { + padding-left: 0; + } +.caret-char { + font-weight: normal; + font-family: "Splunk Icons"; + font-weight: normal; +} +.caret-char:before { + content: "\25BE"; + } +/*************************************************************************************************/ +/* DROPDOWNS */ +/*************************************************************************************************/ +.dropdown-menu { + float: left; + min-width: 160px; + list-style: none; + word-wrap: break-word; + width: 20em; + line-height: 1.33333em; + padding: 0; + background-clip: padding-box; +} +.open > .dropdown-menu { + display: block; + } +.dropdown-menu { + + background-color: #FFFFFF; + + border: 1px solid #C3CBD4; + + -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2); + + box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2); + + border-radius: 2px; + + top: 100%; + + left: 50%; + + margin: 8px 0 0 -103px; + + display: none; + + position: absolute; + + z-index: 1059; + + white-space: normal; +} +/* placement of arrow */ +.dropdown-menu .arrow { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-top: 0; + border-bottom-color: #C3CBD4; + top: -8px; + left: 50%; + margin-left: -4px; + } +/* generated arrow */ +.dropdown-menu .arrow:before { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-top: 0; + border-bottom-color: #FFFFFF; + top: 1px; + left: -8px; + } +/* prevent inheriting nowrap from btn-group */ +.dropdown-menu.up { + margin-top: 0; + } +/* placement of arrow */ +.dropdown-menu.up > .arrow { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-bottom: 0; + border-top-color: #C3CBD4; + top: auto; + bottom: -8px; + } +.dropdown-menu.up > .arrow:before { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-bottom: 0; + border-top-color: #FFFFFF; + top: auto; + bottom: 1px; + } +.dropdown-menu.right { /* point left */ + margin-left: 5px; + margin-top: 0; + } +/* placement of arrow */ +.dropdown-menu.right .arrow { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-left: 0; + border-right-color: #C3CBD4; + top: 50%; + left: -8px; + margin: -8px 0 0 0; + } +.dropdown-menu.right .arrow:before { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-left: 0; + border-right-color: #FFFFFF; + top: 50%; + left: 1px; + margin: -8px 0 0 0; + } +/* position of arrow when floated right */ +.dropdown-menu.pull-right .arrow { + left: auto; + right: 8px; + } +/* open state */ +.dropdown-menu.open { + display: block; + } +/* Dividers (basically an hr) within the dropdown */ +.dropdown-menu .divider { + height: 1px; + margin: 9px 1px; + /* 8px 1px */ + overflow: hidden; + background-color: #C3CBD4; + } +/* link info style */ +.dropdown-menu .info, .dropdown-menu .title { + color: #6b7785; + } +.dropdown-menu ul li.info:not(:first-child) { + border-top: 1px solid #C3CBD4; + } +/* menu lists */ +.dropdown-menu ul { + list-style: none; + margin: 0; + border-radius: 1px; + background-color: #FFFFFF; /* FIXME: this should be separate from popdown */ + /* in rare cases that long strings increase the container size, this will minimize the issues */ + } +.dropdown-menu ul:before, + .dropdown-menu ul:after { + display: table; + content: ""; + line-height: 0; + } +.dropdown-menu ul:after { + clear: both; + } +.dropdown-menu ul { + overflow-x: hidden; + overflow-y: auto; + max-width: 100%; + max-height: 270px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-radius:0; +} +/* give spacing to double lists */ +.dropdown-menu ul + ul { + margin-top: -1px; + } +.dropdown-menu ul + ul li:first-child > a, .dropdown-menu ul + ul li.title:first-child { + border-top: 1px solid #C3CBD4; + } +/* rounding for first and last items */ +.dropdown-menu .arrow + ul, .dropdown-menu .arrow + ul > li:first-child > a { + border-top-left-radius: 1px; + border-top-right-radius: 1px; + border-top: none; + } +.dropdown-menu ul:last-of-type, .dropdown-menu ul:last-of-type > li:last-of-type > a { + border-bottom-left-radius: 1px; + border-bottom-right-radius: 1px; + } +/* for selectable lists */ +.dropdown-menu a .icon-check { + position: absolute; + left: 5px; + top: 5px; + color: #00A4FD; + } +.dropdown-menu [class^="icon-"], .dropdown-menu [class*=" icon-"] { + width: 1.25em; + text-align: center; + } +.dropdown-menu li { + position: relative; + } +.dropdown-menu li.info { + padding: 5px 10px; + } +.dropdown-menu li.title { + text-transform: uppercase; + padding: 3px 10px; + } +.dropdown-menu li.message { + padding: 5px 10px; + } +.dropdown-menu li > span.field-value { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: block; + word-wrap: normal; + } +/* link style */ +.dropdown-menu li > a { + display: block; + clear: both; + font-weight: normal; + line-height: 20px; + position: relative; + color: #5C6773; + padding: 5px 10px; + white-space: normal; + text-decoration: none; + } +.dropdown-menu li > a > .info { + display: block; + font-size: 12px; + } +/* focus state */ +.dropdown-menu li > a:focus { + -webkit-box-shadow: none; + box-shadow: none; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.dropdown-menu li > a:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.dropdown-menu li > a:focus { + -webkit-box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; + box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; +} +/* hover state */ +.dropdown-menu li > a:hover { + color: #5C6773; + background: #F2F4F5; + } +/* items with secondary action icons */ +.dropdown-menu li > a.primary-link { + margin-right: 40px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } +.dropdown-menu li > a.secondary-link { + position: absolute; + right: 0; + top: 0; + bottom: 0; + width: 40px; + padding-left:0; + padding-right: 0; + font-size: 16px; + text-align: center; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } +.dropdown-menu li > a > .link-description { + color: #6b7785; + display: block; + font-size: 0.85em; + } +/* disabled state */ +.dropdown-menu > .disabled > a, + .dropdown-menu > .disabled > a:hover, + .dropdown-menu > .disabled > a:focus, + .dropdown-menu li > a.disabled, + .dropdown-menu li > a.disabled:hover, + .dropdown-menu li > a.disabled:focus { + color: #C3CBD4; + cursor: not-allowed; + text-decoration: none; + background-color: transparent; + background-image: none; /* Remove CSS gradient */ + -webkit-box-shadow: none; + box-shadow: none; + } +/* divider style */ +.dropdown-menu .divider { + margin: 0; + border: none; + border-top: 1px solid #C3CBD4; + margin-top: 0; + height: 0; + } +/* remove top border when there is already a divider */ +.dropdown-menu .divider + li > a { + border-top: none; + } +/* select menus with find */ +.dropdown-menu .input-container .shared-findinput { + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 5px; + margin:0; + } +.dropdown-menu .input-container .search-query { + width: 100%; + } +/* truncated dropdown text */ +.dropdown-truncated li > a { + /* wrapping */ + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +/*************************************************************************************************/ +/* DROPDOWN SIZES */ +/*************************************************************************************************/ +.dropdown-menu-narrow { + width: 10em; +} +.dropdown-menu-medium { + width: 25em; +} +.dropdown-menu-wide { + width: 30em; +} +.dropdown-menu-width-auto { + width: auto; + max-width: 20em; +} +.dropdown-menu-width-auto.dropdown-menu-narrow { + max-width: 10em; + } +.dropdown-menu-width-auto.dropdown-menu-medium { + max-width: 25em; + } +.dropdown-menu-width-auto.dropdown-menu-wide { + max-width: 30em; + } +/*************************************************************************************************/ +/* SELECTABLE DROPDOWN */ +/*************************************************************************************************/ +.dropdown-menu-selectable li > a { /* BS 2.2 scoped */ + padding-left: 24px; +} +/*************************************************************************************************/ +/* BOOTSTRAP OVERRIDE */ +/*************************************************************************************************/ +.navbar .nav > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu:after { + display: none; + } +.dropdown-header { + display: block; + padding: 3px 20px; + font-size: 12px; + line-height: 1.42857143; + color: #6b7785; +} +/*************************************************************************************************/ +/* FIXED HEIGHT DROPDOWNS & POPDOWNS */ +/*************************************************************************************************/ +.dropdown-menu-tall ul { + max-height: 20em; + overflow: auto; +} +.dropdown-menu-short ul { + max-height: 10em; + overflow: auto; +} +/* disable scrolling */ +.dropdown-menu-noscroll ul { + max-height: none; +} +/* Allow for dropdowns to go bottom up (aka, dropup-menu) */ +/* ------------------------------------------------------ */ +/* Just add .dropup after the standard .dropdown class and you're set, bro. */ +/* TODO: abstract this so that the navbar fixed styles are not placed here? */ +/* Reverse the caret */ +.dropup .caret, .navbar-fixed-bottom .dropdown .caret { + border-top: 0; + border-bottom: 4px solid #000000; + content: ""; + } +/* Different positioning for bottom up menu */ +.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 1px; + } +/*************************************************************************************************/ +/* SUBMENUS */ +/*************************************************************************************************/ +.dropdown-submenu { + position: relative; +} +/* Default dropdowns */ +.dropdown-submenu > .dropdown-menu { + top: 0; + left: 100%; + margin-top: -6px; + margin-left: -1px; + border-radius: 2px 2px 2px 2px; + } +.dropdown-submenu:hover > .dropdown-menu { + display: block; + } +/* hover state of dropdown submenu */ +.dropdown-submenu:hover > a, + .dropdown-submenu:focus > a { + text-decoration: none; + color: #006EAA; + background: #F7F8FA; + } +.dropdown-submenu > a { + paddin-right: 20px; + } +/* Caret to indicate there is a submenu */ +.dropdown-submenu > a:after { + display: block; + content: ""; + position: absolute; + right: 8px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + border-width: 5px 0 5px 5px; + border-left-color: rgb(204, 204, 204); + } +.dropdown-submenu > ul { + overflow-x: hidden; + overflow-y: auto; + } +/* Left aligned submenus */ +.dropdown-submenu.pull-left { + /* Undo the float */ + /* Yes, this is awkward since .pull-left adds a float, but it sticks to our conventions elsewhere. */ + float: none; + } +/* Positioning the submenu */ +.dropdown-submenu.pull-left > .dropdown-menu { + left: -100%; + margin-left: 10px; + border-radius: 6px 0 6px 6px; + } +/*************************************************************************************************/ +/* DROPUPS */ +/*************************************************************************************************/ +.dropup .dropdown-submenu > .dropdown-menu { + top: auto; + bottom: 0; + margin-top: 0; + margin-bottom: -2px; + border-radius: 5px 5px 5px 0; +} +/*************************************************************************************************/ +/* TWEAK NAV HEADERS */ +/*************************************************************************************************/ +/* Increase padding from 15px to 20px on sides */ +.dropdown .dropdown-menu .nav-header { + padding-left: 20px; + padding-right: 20px; +} +/*************************************************************************************************/ +/* TYPEAHEAD */ +/*************************************************************************************************/ +.typeahead { + z-index: 1051; + margin-top: 2px; /* give it some space to breathe */ + border-radius: 3px; +} +/*===============================================================================================*/ +/* SPLUNK: COMPONENT ANIMATIONS */ +/*===============================================================================================*/ +.fade { + opacity: 0; + -webkit-transition: opacity 0.125s; + transition: opacity 0.125s; +} +.fade.in { + opacity: 1; + } +.collapse { + position: relative; + height: 0; + overflow: hidden; + -webkit-transition: height 0.2s ease; + transition: height 0.2s ease; +} +.collapse.in { + height: auto; + } +/*===============================================================================================*/ +/* SPLUNK: CLOSE ICONS */ +/*===============================================================================================*/ +.close { + float: right; + border-radius: 3px; + width: 27px; + height: 27px; + + /* hide any placeholder text */ + color: transparent; + font-size: 0; + line-height: 0; + text-align: center; + -webkit-transition: background 0.2s, color 0.2s; + transition: background 0.2s, color 0.2s; + /* Additional properties for button version */ + /* iOS requires the button element instead of an anchor tag. */ +} +.close:before { + font-family: "Splunk Icons"; + content: '\2717'; + font-size: 20px; + color: #5C6773; + line-height: 28px; + -webkit-transition: color 0.2s; + transition: color 0.2s; + } +.close:hover { + background-color: #F7F8FA; + cursor: pointer; + text-decoration: none; + } +.close:hover:before { + color: #006EAA; + } +.close:focus { + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.close:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.close:focus:before { + color: #006EAA; + } +/* If you want the anchor version, it requires `href="#"`. */ +button.close { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; + } +/* Components: Buttons & Alerts */ +/*===============================================================================================*/ +/* SPLUNK: BUTTONS */ +/*===============================================================================================*/ +/*************************************************************************************************/ +/* Base Styles & Overrides */ +/* Standard button class for use on a, button */ +/*************************************************************************************************/ +/* + Button + Button + Button + +*/ +.btn { + display: inline-block; + padding: 5px 14px; + height: auto; + line-height: 20px; + font-size: 14px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 5px 14px; + margin-bottom: 0; /* For input.btn */ + font-weight: 400; + color: #5C6773; + text-align: center; + vertical-align: middle; + cursor: pointer; + border: 1px solid; + border-radius: 3px; + white-space: nowrap; + + background-color: #F7F8FA; + + border-color: #C3CBD4; + + color: #5C6773; + + -webkit-box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + + box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + + text-decoration: none; + + text-shadow: none; + + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + -webkit-filter: none; + + filter: none; +} +/* this breaks some bootstrap styles */ +.btn:hover { + background-color: rgb(235, 238, 239); + border-color: #C3CBD4; + color: #5C6773; + -webkit-box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + } +.btn:focus { + background-color: #F7F8FA; + border-color: #C3CBD4; + color: #5C6773; + -webkit-box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.btn:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.btn:active, .btn.active { + background-color: #E1E6EB; + border-color: #C3CBD4; + color: #3C444D; + -webkit-box-shadow: none; + box-shadow: none; + text-decoration: none; + text-shadow: none; + -webkit-transition: none; + transition: none; + -webkit-filter: none; + filter: none; + } +.btn.disabled, + .btn[disabled], + .btn.disabled:hover, + .btn[disabled]:hover, + .btn.disabled:focus, + .btn[disabled]:focus, + .btn.disabled:active, + .btn[disabled]:active { + background-color: #F7F8FA; + border-color: #E1E6EB; + color: #6b7785; + -webkit-box-shadow: inset 0px -1px 0 #E1E6EB; + box-shadow: inset 0px -1px 0 #E1E6EB; + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + cursor: not-allowed; + } +/*************************************************************************************************/ +/* PRIMARY BUTTONS */ +/* Provides extra visual weight and identifies the primary action in a set of buttons. */ +/*************************************************************************************************/ +/* + Primary + Primary + Primary + +*/ +.btn-primary { + padding: 6px 15px; + font-weight: 500; + border: none; + + background-color: #F58220; + + border-color: transparent; + + color: #FFFFFF; + + -webkit-box-shadow: inset 0px -2px 0 rgba(0, 0, 0, 0.1); + + box-shadow: inset 0px -2px 0 rgba(0, 0, 0, 0.1); + + text-decoration: none; + + text-shadow: none; + + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + -webkit-filter: none; + + filter: none; +} +.btn-primary:hover { + background-color: #D2670A; + border-color: transparent; + color: #FFFFFF; + -webkit-box-shadow: inset 0px -2px 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 0px -2px 0 rgba(0, 0, 0, 0.1); + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + } +.btn-primary:focus { + background-color: #F58220; + border-color: transparent; + color: #FFFFFF; + -webkit-box-shadow: inset 0px -2px 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 0px -2px 0 rgba(0, 0, 0, 0.1); + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.btn-primary:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.btn-primary:active, .btn-primary.active { + background-color: #B85B09; + border-color: transparent; + color: #FFFFFF; + -webkit-box-shadow: none; + box-shadow: none; + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + } +.btn-primary.disabled, + .btn-primary[disabled], + .btn-primary.disabled:hover, + .btn-primary[disabled]:hover, + .btn-primary.disabled:focus, + .btn-primary[disabled]:focus, + .btn-primary.disabled:active, + .btn-primary[disabled]:active { + background-color: #F9B479; + border-color: transparent; + color: #FDE6D2; + -webkit-box-shadow: inset 0px -2px 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 0px -2px 0 rgba(0, 0, 0, 0.1); + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + cursor: not-allowed; + } +.btn-secondary { + font-weight: 500; +} +.btn-secondary:hover { + background-color: rgb(235, 238, 239); + border-color: #C3CBD4; + color: #5C6773; + -webkit-box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + } +.btn-secondary:focus { + background-color: #F7F8FA; + border-color: #C3CBD4; + color: #5C6773; + -webkit-box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.btn-secondary:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.btn-secondary:active, .btn-secondary.active { + background-color: #E1E6EB; + border-color: #C3CBD4; + color: #3C444D; + -webkit-box-shadow: none; + box-shadow: none; + text-decoration: none; + text-shadow: none; + -webkit-transition: none; + transition: none; + -webkit-filter: none; + filter: none; + } +.btn-secondary.disabled, + .btn-secondary[disabled], + .btn-secondary.disabled:hover, + .btn-secondary[disabled]:hover, + .btn-secondary.disabled:focus, + .btn-secondary[disabled]:focus, + .btn-secondary.disabled:active, + .btn-secondary[disabled]:active { + background-color: #F7F8FA; + border-color: #E1E6EB; + color: #6b7785; + -webkit-box-shadow: inset 0px -1px 0 #E1E6EB; + box-shadow: inset 0px -1px 0 #E1E6EB; + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + cursor: not-allowed; + } +/*************************************************************************************************/ +/* Links */ +/* Pager style button pill */ +/* Note: this does not inherit or extend btn base styles and is meant for links only */ +/*************************************************************************************************/ +/* + Pill + Pill + Pill + Pill +*/ +.btn-pill { + display: inline-block; + padding: 5px 14px; /* note the vertical padding will be funky unless it's block, inline-block, or floated */ + line-height: 20px; + border-radius: 3px; + border: 1px solid transparent; + + background-color: none; + + border-color: transparent; + + color: #5C6773; + + -webkit-box-shadow: none; + + box-shadow: none; + + text-decoration: none; + + text-shadow: none; + + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + -webkit-filter: none; + + filter: none; +} +.btn-pill:hover { + color: #006EAA; + background: rgb(235, 238, 239); + border-color: #C3CBD4; + text-decoration: none; + } +.btn-pill:focus { + color: #5C6773; + background: none; + border-color: transparent; + text-decoration: none; + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.btn-pill:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.btn-pill:active, .btn-pill.active { + color: #5C6773; + background: #E1E6EB; + border-color: transparent; + text-decoration: none; + } +.btn-pill.disabled, + .btn-pill[disabled], + .btn-pill.disabled:hover, + .btn-pill[disabled]:hover, + .btn-pill.disabled:focus, + .btn-pill[disabled]:focus, + .btn-pill.disabled:active, + .btn-pill[disabled]:active { + color: #C3CBD4; + background: none; + border-color: transparent; + text-decoration: none; + -webkit-box-shadow: none; + box-shadow: none; + cursor: not-allowed; + } +/*************************************************************************************************/ +/* LINK BUTTONS */ +/* Make a button look and behave like a link. */ +/*************************************************************************************************/ +.btn-link { + background-color: transparent; + border-color: transparent; + color: #006EAA; + -webkit-box-shadow: none; + box-shadow: none; + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; +} +.btn-link:hover { + color: #006EAA; + text-decoration: underline; + } +.btn-link:focus { + color: #006EAA; + text-decoration: none; + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.btn-link:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.btn-link:active, .btn-link.active { + color: #006EAA; + text-decoration: none; + } +.btn-link.disabled, + .btn-link[disabled], + .btn-link.disabled:hover, + .btn-link[disabled]:hover, + .btn-link.disabled:focus, + .btn-link[disabled]:focus, + .btn-link.disabled:active, + .btn-link[disabled]:active { + color: #6b7785; + text-decoration: none; + cursor: not-allowed; + } +/*************************************************************************************************/ +/* BLOCK BUTTON */ +/*************************************************************************************************/ +.btn-block { + display: block; + width: 100%; + padding-left: 0; + padding-right: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +/* Vertically space out multiple block buttons */ +.btn-block + .btn-block { + margin-top: 5px; +} +/* Specificity overrides */ +input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { + width: 100%; + } +/*************************************************************************************************/ +/* DRAGGABLE BUTTON */ +/*************************************************************************************************/ +/* + Draggable + +
    +
    Combo
    +
    +
    +*/ +.btn-draggable { + cursor: move; + width: 150px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +/* generated handle */ +.btn-draggable:before, .btn-draggable .before { + content: ""; + float: left; + margin-left: -8px; + height: 18px; + width: 6px; + background: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%224px%22%20height%3D%224px%22%20viewBox%3D%220%200%204%204%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Crect%20fill%3D%22%23818D99%22%20width%3D%222%22%20height%3D%222%22/%3E%0A%3C/svg%3E); + cursor: move; + } +/* sizes */ +.btn-draggable.btn-small:before{ + height: 14px; + } +.btn-draggable.btn-mini:before{ + height: 12px; + } +/*************************************************************************************************/ +/* BUTTON SIZES */ +/*************************************************************************************************/ +/* Large */ +.btn-large { + padding: 8px 28px; +} +.btn-large [class^="icon-"], + .btn-large [class*=" icon-"] { + margin-top: 4px; + } +.btn-large.btn-primary { + padding: 9px 29px; + } +/* Small */ +.btn-small { + padding: 3px 14px; +} +.btn-small [class^="icon-"], + .btn-small [class*=" icon-"] { + margin-top: 0px; + } +.btn-small.btn-primary { + padding: 4px 15px; + } +/* Mini */ +.btn-mini { + padding: 0px 7px; +} +.btn-mini [class^="icon-"], + .btn-mini [class*=" icon-"] { + margin-top: -1px; + } +.btn-mini.btn-primary { + padding: 1px 8px; + } +.btn-mini, +.btn-group > .btn-mini { + font-size: 12px; + font-weight: 500; + line-height: 18px; +} +/* Square Button */ +.btn-square { + padding: 6px 0; + height: 32px; + width: 32px; + text-align: center; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +/*************************************************************************************************/ +/* PRINT */ +/*************************************************************************************************/ +@media print { + .btn { + background: none !important; + border: none !important; + padding: 0 !important; + color: #3C444D !important; + text-shadow: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + } + .caret { + display: none !important; + } +} +/*===============================================================================================*/ +/* SPLUNK: BUTTON GROUPS */ +/* BTN-GROUP handles rounding & spacing on btns & btn-combo. */ +/* BTN-COMBO handles rounding on dropdowns & splits only, behaves like group but without */ +/* grouping or spacing. */ +/*===============================================================================================*/ +/* button combos, grouping and toolbar +
    +
    + +
    + + + +
    +
    +
    +*/ +/* Make the div behave like a button */ +.btn-group, +.btn-combo { + position: relative; + display: inline-block; + font-size: 0; /* remove as part 1 of font-size inline-block hack */ + white-space: nowrap; /* prevent buttons from wrapping when in tight spaces (e.g., the table on the tests page) */ + vertical-align: middle; /* match .btn alignment given font-size hack above */ +} +/* Space out series of button groups */ +.btn-group + .btn-group, +.btn-combo + .btn-combo { + margin-left: 10px; +} +/* Float them, remove border radius, then re-add to first and last elements */ +.btn-group > .btn, + .btn-group > .btn-combo > .btn { + position: relative; + border-radius: 0; + } +/* reset margin when in a group */ +.btn-group > .btn + .btn, + .btn-group > .btn + .btn-combo, + .btn-group > .btn-combo + .btn-combo, + .btn-group > .btn-combo + .btn { + margin-left: -1px; + } +/* Redeclare as part 2 of font-size inline-block hack */ +.btn-group > .btn, + .btn-group > .btn-large, + .btn-group > .btn-small, + .btn-group > .dropdown-menu, + .btn-group > .popover, + .btn-group .btn-pill, + .btn-group .popdown-dialog, + .btn-group .dropdown-toggle, + .btn-group ul { + font-size: 14px; + } +.btn-group > .btn-mini { + font-size: 12px; /* Reset font for mini size */ + } +/* Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match */ +.btn-group > .btn:first-child, + .btn-group > .btn-combo:first-child > .btn:first-child, + .btn-group > .btn-combo:first-child > .drodown-toggle, + .btn-group > .btn-combo:first-child > .btn:first-child { + margin-left: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } +/* Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it */ +.btn-group > .btn:last-child, + .btn-group > .dropdown-toggle, + .btn-group > .btn-combo:last-child > .btn:last-child, + .btn-group > .btn-combo:last-child > .dropdown-toggle { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } +/* Reset corners for large buttons */ +.btn-group > .btn.large:first-child, + .btn-group > .btn-combo:first-child > .btn.large:first-child { + margin-left: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } +.btn-group > .btn.large:last-child, + .btn-group > .large.dropdown-toggle, + .btn-group > .btn-combo:last-child > .btn.large:last-child, + .btn-group > .btn-combo:last-child > .large.dropdown-toggle { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } +/* On hover/active, bring the proper btn to front */ +.btn-group > .btn:hover, + .btn-group > .btn:active, + .btn-group > .btn.active, + .btn-group > .btn-combo > .btn:hover, + .btn-group > .btn-combo > .btn:active, + .btn-group > .btn-combo > .btn.active { + z-index: 2; + } +/* On focus, bring the btn to front */ +.btn-group > .btn:focus, + .btn-group > .btn-combo > .btn:focus { + z-index: 3; + } +/* On active and open, don't show outline */ +.btn-group .dropdown-toggle:active, + .btn-group.open .dropdown-toggle { + outline: 0; + } +/*************************************************************************************************/ +/* BUTTON COMBO */ +/*************************************************************************************************/ +/* special case for btn-combo */ +.btn-combo > .btn:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } +.btn-combo > .btn:last-child, + .btn-combo > .dropdown-toggle { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } +/* reset margin when in a group */ +.btn-combo > .btn + .btn { + margin-left: -1px; + } +/* Redeclare as part 2 of font-size inline-block hack */ +.btn-combo > .btn, + .btn-combo > .btn-large, + .btn-combo > .btn-small, + .btn-combo > .dropdown-menu, + .btn-combo .btn-pill, + .btn-combo .popdown-dialog, + .btn-combo .dropdown-toggle, + .btn-combo ul { + font-size: 14px; + } +.btn-combo > .btn-mini { + font-size: 12px; /* Reset font for mini size */ + } +/* Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match */ +.btn-combo:first-child > .btn:first-child { + margin-left: 0; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } +/* Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it */ +.btn-combo > .dropdown-toggle { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } +/*************************************************************************************************/ +/* BUTTON TOOLBAR */ +/* Optional: Group multiple button groups together for a toolbar. */ +/*************************************************************************************************/ +.btn-toolbar { + font-size: 0; /* Hack to remove whitespace that results from using inline-block */ + margin-top: 10px; + margin-bottom: 10px; +} +.btn-toolbar .btn-combo { + display: inline-block; /* display inline for toolbar */ + } +.btn-toolbar > .btn + .btn, + .btn-toolbar > .btn-group + .btn, + .btn-toolbar > .btn + .btn-group, + .btn-toolbar > .btn-combo + .btn, + .btn-toolbar > .btn + .btn-combo { + margin-left: 5px; + } +/*************************************************************************************************/ +/* SPLIT BUTTON DROPDOWNS */ +/*************************************************************************************************/ +/* Give the line between buttons some depth */ +.btn-group > .btn-combo > .btn + .dropdown-toggle, +.btn-combo > .btn + .dropdown-toggle { + padding-left: 8px; + padding-right: 8px; + -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); + box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); +} +.btn-group > .btn-mini + .dropdown-toggle, + .btn-group > .btn-combo > .btn-mini + .dropdown-toggle { + padding-left: 5px; + padding-right: 5px; + } +.btn-group > .btn-large + .dropdown-toggle, + .btn-group > .btn-combo > .btn-large + .dropdown-toggle { + padding-left: 12px; + padding-right: 12px; + } +/* Remove the gradient and set the same inset shadow as the :active state */ +.btn-group.open .dropdown-toggle { + background-image: none; + -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); + box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); + } +/* Keep the hover's background when dropdown is open */ +.btn-group.open .btn.dropdown-toggle { + background-color: rgb(235, 238, 239); + } +/* The clickable button for toggling the menu */ +.btn-group.open .btn-primary.dropdown-toggle { + background-color: #D2670A; + } +.btn-group.open .btn-danger.dropdown-toggle { + background-color: #EA958D; + } +.btn-group.open .btn-success.dropdown-toggle { + background-color: #D2670A; + } +/* Prevent Tooltip from spacing two buttons */ +.btn-group > .btn + div.tooltip + .btn { + margin-left: -1px; + } +/*************************************************************************************************/ +/* VERTICAL BUTTON GROUPS */ +/*************************************************************************************************/ +.btn-group-vertical { + display: inline-block; +} +/* makes buttons only take up the width they need */ +.btn-group-vertical > .btn { + display: block; + float: none; + max-width: 100%; + border-radius: 0; + } +.btn-group-vertical > .btn + .btn { + margin-left: 0; + margin-top: -1px; + } +.btn-group-vertical:first-child { + border-radius: 3px 3px 0 0; + } +.btn-group-vertical:last-child { + border-radius: 0 0 3px 3px; + } +.btn-group-vertical > .btn-large:first-child { + border-radius: 3px 3px 0 0; + } +.btn-group-vertical > .btn-large:last-child { + border-radius: 0 0 3px 3px; + } +/*************************************************************************************************/ +/* RADIO BUTTON GROUP */ +/*************************************************************************************************/ +.btn-group-radio > .btn { + text-overflow: ellipsis; + overflow: hidden; + border-color: #C3CBD4; + } +.btn-group-radio > .btn:hover { + background-color: rgb(235, 238, 239); + -webkit-box-shadow: inset 0 2px 0 #D8DFE6; + box-shadow: inset 0 2px 0 #D8DFE6; + } +.btn-group-radio > .btn.active { + cursor: default; + background-color: #E1E6EB; + -webkit-box-shadow: inset 0 2px 0 #D8DFE6; + box-shadow: inset 0 2px 0 #D8DFE6; + border-color: #C3CBD4; + } +.btn-group-radio > .btn.active:focus { + cursor: default; + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.btn-group-radio > .btn.active:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.btn-group-radio > .btn.active[disabled] { + cursor: not-allowed; + background-color: #E1E6EB; + -webkit-box-shadow: inset 0 2px 0 #D8DFE6; + box-shadow: inset 0 2px 0 #D8DFE6; + border-color: #E1E6EB; + } +.btn-group-radio > .btn:disabled { + -webkit-box-shadow: none; + box-shadow: none; + border-color: #E1E6EB; + background-color: #F7F8FA; + } +/* For synthetic radio with the "locale-responsive-layout" class, align the items vertically to accommodate long words (SPL-83062). */ +body.locale-de .btn-group-radio.locale-responsive-layout { + display: block; + } +body.locale-de .btn-group-radio.locale-responsive-layout .btn { + border-radius: 0; + display: block; + width: 100%; + margin-left: 0; + border-bottom-width: 0; + } +body.locale-de .btn-group-radio.locale-responsive-layout .btn:first-child { + border-radius: 3px 3px 0 0; + } +body.locale-de .btn-group-radio.locale-responsive-layout .btn:last-child { + border-radius: 0 0 3px 3px; + border-bottom-width: 1px; + } +/*===============================================================================================*/ +/* SPLUNK: ALERTS */ +/*===============================================================================================*/ +/*************************************************************************************************/ +/* ALERTS CONTAINER */ +/*************************************************************************************************/ +.alerts:not(.alerts-view) { + max-height: 500px; + overflow-y: auto; +} +/*************************************************************************************************/ +/* BASE STYLES */ +/*************************************************************************************************/ +.alert { + margin-bottom: 20px; + border-radius: 3px; + position: relative; + padding: 8px 35px 8px 27px; + word-wrap: break-word; + color: #3C444D; +} +.alert .icon-alert { + font-size: 200%; + position: absolute; + left: 0px; + top: 8px; + } +.alert h4 { + color: inherit; + margin: 0; + } +.alert .close { + position: relative; + top: -2px; + right: -21px; + line-height: 20px; + } +.alert-inline { + display: inline-block; + border: 0; + margin-bottom: 0; +} +/*************************************************************************************************/ +/* ALERTS LEVELS */ +/*************************************************************************************************/ +.alert-warning .icon-alert { + color: #F8BE34; +} +.alert-info .icon-alert { + color: #006D9C; +} +.alert-info .icon-alert:before { + content: 'I'; + } +.alert-success .icon-alert { + color: #53A051; +} +.alert-success .icon-alert:before { + content: 'I'; + } +.alert-404, +.alert-error .icon-alert { + color: #DC4E41; +} +.alert-404:before, .alert-error .icon-alert:before { + content: '\ECE2'; + } +/* Components: Nav */ +/*===============================================================================================*/ +/* SPLUNK: NAVS */ +/* Navigation styles and components. */ +/*===============================================================================================*/ +/*************************************************************************************************/ +/* BASE CLASS */ +/*************************************************************************************************/ +.nav { + margin-left: 0; + margin-bottom: 0; + list-style: none; +} +.nav > li > a { + display: block; + } +.nav > li > a:hover, .nav > li > a:focus { + text-decoration: none; + } +/* Redeclare pull classes because of specifity */ +.nav > .pull-right { + float: right; + } +/* Nav headers (for dropdowns and lists) */ +.nav-header { + display: block; + padding: 3px 15px; + font-size: 12px; + font-weight: bold; + line-height: 20px; + color: #818D99; + text-shadow: 0 1px 0 rgba(255,255,255,.5); + text-transform: uppercase; +} +/* Space them out when they follow another list item (link) */ +.nav li + .nav-header { + margin-top: 9px; +} +/*************************************************************************************************/ +/* NAV LIST */ +/*************************************************************************************************/ +.nav-list { + padding-left: 15px; + padding-right: 15px; + margin-bottom: 0; +} +.nav-list > li > a, + .nav-list .nav-header { + margin-left: -15px; + margin-right: -15px; + text-shadow: 0 1px 0 rgba(255,255,255,.5); + } +.nav-list > li > a { + padding: 3px 15px; + } +.nav-list > .active > a, + .nav-list > .active > a:hover, + .nav-list > .active > a:focus { + color: #FFFFFF; + text-shadow: 0 -1px 0 rgba(0,0,0,.2); + background-color: #006EAA; + } +.nav-list [class^="icon-"], .nav-list [class*=" icon-"] { + margin-right: 2px; + } +/* Dividers (basically an hr) within the dropdown */ +.nav-list .divider { + height: 1px; + margin: 9px 1px; + /* 8px 1px */ + overflow: hidden; + background-color: #C3CBD4; + } +/*************************************************************************************************/ +/* TABS & PILLS */ +/*************************************************************************************************/ +.nav-tabs:before, + .nav-tabs:after, + .nav-pills:before, + .nav-pills:after { + display: table; + content: ""; + line-height: 0; + } +.nav-tabs:after, .nav-pills:after { + clear: both; + } +.nav-tabs > li, .nav-pills > li { + float: left; + } +.nav-tabs > li > a, .nav-pills > li > a { + padding-right: 15px; + padding-left: 15px; + margin-right: 2px; + line-height: 14px; /* keeps the overall height an even number */ + } +/*************************************************************************************************/ +/* TABS */ +/* Splunk style tabs. */ +/* extends: nav */ +/* overrides: bootstrap default nav-tabs */ +/*************************************************************************************************/ +/* + +*/ +.nav-tabs { + padding: 0 5px; + height: 38px; + background-color: #FFFFFF; + border-bottom: 1px solid #E1E6EB; +} +.nav-tabs > li { + position: relative; + } +.nav-tabs > li > a { + line-height: 34px; + padding: 2px 15px; + color: #5C6773; + } +.nav-tabs > li > a:before { + content: ''; + position: absolute; + width: calc(100% - 30px); + height: 0; + bottom: 0; + left: 14px; + background-color: #E1E6EB; + -webkit-transition: height 0.2s; + transition: height 0.2s; + } +.nav-tabs > li > a:hover { + background: transparent; + } +.nav-tabs > li > a:focus { + -webkit-box-shadow: none; + box-shadow: none; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.nav-tabs > li > a:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.nav-tabs > li > a:focus { + -webkit-box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; + box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; + background-color: transparent; + border-radius: 3px; +} +.nav-tabs > li:not(.active):hover > a:before { + height: 3px; + } +.nav-tabs > li.active > a:before { + height: 3px; + background-color: #007ABD; + } +.nav-tabs > li.active, .nav-tabs > li > a.active { + -webkit-box-shadow: none !important; + box-shadow: none !important; + border-radius: 0 !important; + font-weight: 500; + color: #3C444D; + } +/*************************************************************************************************/ +/* PILLS */ +/*************************************************************************************************/ +/* Links rendered as pills */ +.nav-pills > li > a { + padding-top: 8px; + padding-bottom: 8px; + margin-top: 2px; + margin-bottom: 2px; + border-radius: 5px; + + } +/* Active State */ +.nav-pills > .active > a, + .nav-pills > .active > a:hover, + .nav-pills > .active > a:focus { + color: #FFFFFF; + background-color: #006EAA; + } +/*************************************************************************************************/ +/* STACKED NAV */ +/*************************************************************************************************/ +/* Stacked tabs and pills */ +.nav-stacked > li { + float: none; +} +.nav-stacked > li > a { + margin-right: 0; /* no need for the gap between nav items */ + } +/* Tabs */ +.nav-stacked > li.nav-tabs { + border-bottom: 0; + } +.nav-stacked > li.nav-tabs > li > a { + border: 1px solid #C3CBD4; + border-radius: 0; + } +.nav-stacked > li.nav-tabs > li > a:hover, + .nav-stacked > li.nav-tabs > li > a:focus { + border-color: #C3CBD4; + z-index: 2; + } +.nav-stacked > li.nav-tabs > li:first-child > a { + border-top-right-radius: 3px; + border-top-left-radius: 3px; + } +.nav-stacked > li.nav-tabs > li:last-child > a { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } +/* Pills */ +.nav-stacked > li.nav-pills > li > a { + margin-bottom: 3px; + } +.nav-stacked > li.nav-pills > li:last-child > a { + margin-bottom: 1px; /* decrease margin to match sizing of stacked tabs */ + } +/*************************************************************************************************/ +/* DROPDOWNS */ +/*************************************************************************************************/ +.nav-tabs .dropdown-menu { + border-radius: 0 0 3px 3px; /* remove the top rounded corners here since there is a hard edge above the menu */ +} +.nav-pills .dropdown-menu { + border-radius: 3px; /* make rounded corners match the pills */ +} +/*************************************************************************************************/ +/* DEFAULT DROPDOWN LINKS */ +/*************************************************************************************************/ +/* Make carets use linkColor to start */ +.nav .dropdown-toggle .caret { + border-top-color: #006EAA; + border-bottom-color: #006EAA; + margin-top: 6px; + } +.nav .dropdown-toggle:hover .caret, .nav .dropdown-toggle:focus .caret { + border-top-color: #006EAA; + border-bottom-color: #006EAA; + } +/* move down carets for tabs */ +.nav-tabs .dropdown-toggle .caret { + margin-top: 8px; +} +/*************************************************************************************************/ +/* ACTIVE DROPDOWN LINKS */ +/*************************************************************************************************/ +.nav .active .dropdown-toggle .caret { + border-top-color: #FFFFFF; + border-bottom-color: #FFFFFF; +} +.nav-tabs .active .dropdown-toggle .caret { + border-top-color: #5C6773; + border-bottom-color: #5C6773; +} +/*************************************************************************************************/ +/* ACTIVE:HOVER / :FOCUS DROPDOWN LINKS */ +/*************************************************************************************************/ +.nav > .dropdown.active > a:hover, + .nav > .dropdown.active > a:focus { + cursor: pointer; + } +/*************************************************************************************************/ +/* OPEN DROPDOWNS */ +/*************************************************************************************************/ +.nav-tabs .open .dropdown-toggle, +.nav-pills .open .dropdown-toggle, +.nav > li.dropdown.open.active > a:hover, +.nav > li.dropdown.open.active > a:focus { + color: #FFFFFF; + background-color: #818D99; + border-color: #818D99; +} +.nav li.dropdown.open .caret, + .nav li.dropdown.open.active .caret, + .nav li.dropdown.open a:hover .caret, + .nav li.dropdown.open a:focus .caret { + border-top-color: #FFFFFF; + border-bottom-color: #FFFFFF; + opacity: 1.0; + } +/* Dropdowns in stacked tabs */ +.tabs-stacked .open > a:hover, + .tabs-stacked .open > a:focus { + border-color: #818D99; + } +/*************************************************************************************************/ +/* TABBABLE COMMON STYLES */ +/*************************************************************************************************/ +/* Clear any floats */ +.tabbable:before, + .tabbable:after { + display: table; + content: ""; + line-height: 0; + } +.tabbable:after { + clear: both; + } +.tab-content { + overflow: auto; /* prevent content from running below tabs */ +} +/* Remove border on bottom, left, right */ +.tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs { + border-bottom: 0; + } +/* Show/hide tabbable areas */ +.tab-content > .tab-pane, +.pill-content > .pill-pane { + display: none; +} +.tab-content > .active, +.pill-content > .active { + display: block; +} +/*************************************************************************************************/ +/* TABBABLE BOTTOM STYLES */ +/*************************************************************************************************/ +.tabs-below > .nav-tabs { + border-top: 1px solid #C3CBD4; +} +.tabs-below > .nav-tabs > li { + margin-top: -1px; + margin-bottom: 0; + } +.tabs-below > .nav-tabs > li > a { + border-radius: 0 0 3px 3px; + } +.tabs-below > .nav-tabs > li > a:hover, + .tabs-below > .nav-tabs > li > a:focus { + border-bottom-color: transparent; + border-top-color: #C3CBD4; + } +.tabs-below > .nav-tabs > .active > a, + .tabs-below > .nav-tabs > .active > a:hover, + .tabs-below > .nav-tabs > .active > a:focus { + border-color: transparent #C3CBD4 #C3CBD4 #C3CBD4; + } +/*************************************************************************************************/ +/* TABBABLE LEFT & RIGHT STYLES */ +/*************************************************************************************************/ +/* Common styles */ +.tabs-left > li, .tabs-right > li { + float: none; + } +.tabs-left > li > a, .tabs-right > li > a { + min-width: 74px; + margin-right: 0; + margin-bottom: 3px; + } +/* Tabs on the left */ +.tabs-left > .nav-tabs { + float: left; + margin-right: 19px; + border-right: 1px solid #C3CBD4; +} +.tabs-left > .nav-tabs > li > a { + margin-right: -1px; + border-radius: 3px 0 0 3px; + } +.tabs-left > .nav-tabs > li > a:hover, + .tabs-left > .nav-tabs > li > a:focus { + border-color: #E1E6EB #C3CBD4 #E1E6EB #E1E6EB; + } +.tabs-left > .nav-tabs .active > a, + .tabs-left > .nav-tabs .active > a:hover, + .tabs-left > .nav-tabs .active > a:focus { + border-color: #C3CBD4 transparent #C3CBD4 #C3CBD4; + } +/* Tabs on the right */ +.tabs-right > .nav-tabs { + float: right; + margin-left: 19px; + border-left: 1px solid #C3CBD4; +} +.tabs-right > .nav-tabs > li > a { + margin-left: -1px; + border-radius: 0 3px 3px 0; + } +.tabs-right > .nav-tabs > li > a:hover, + .tabs-right > .nav-tabs > li > a:focus { + border-color: #E1E6EB #E1E6EB #E1E6EB #C3CBD4; + } +.tabs-right > .nav-tabs .active > a, + .tabs-right > .nav-tabs .active > a:hover, + .tabs-right > .nav-tabs .active > a:focus { + border-color: #C3CBD4 #C3CBD4 #C3CBD4 transparent; + } +/* fixes an alignment issue with out font based carets. */ +.nav .dropdown-toggle .caret, +.nav-tabs .dropdown-toggle .caret, +.navbar .nav .dropdown-toggle .caret { + margin-top: 0; +} +/*************************************************************************************************/ +/* DISABLED STATES */ +/*************************************************************************************************/ +/* Gray out text */ +.nav > .disabled > a { + color: #C3CBD4; +} +/* Nuke hover/focus effects */ +.nav > .disabled > a:focus, + .nav > .disabled > a:hover { + text-decoration: none; + background-color: transparent; + cursor: default; + } +/*************************************************************************************************/ +/* PRINT */ +/*************************************************************************************************/ +@media print { + header, + .app-bar { + display: none !important; + } + + .main-tabs { + border: none !important; + } + .main-tabs li:not(.active) { + display: none !important; + } + .main-tabs li.active:before, .main-tabs li.active:after { + display:none !important; + } +} +/*===============================================================================================*/ +/* SPLUNK: NAVBARS (REDUX) */ +/*===============================================================================================*/ +/*************************************************************************************************/ +/* COMMON STYLES */ +/*************************************************************************************************/ +/* Base class and wrapper */ +.navbar { + overflow: visible; + margin-bottom: 0; +} +/* We then reset it for fixed navbars in the #gridSystem mixin */ +.navbar .container { + width: auto; + } +/* Brand: Website or project name. */ +.navbar .brand { + float: left; + display: block; + /* Vertically center the text given $navbarHeight */ + padding: 7px 20px 7px; + margin-left: -20px; /* negative indent to left-align the text down the page */ + font-size: 20px; + font-weight: 200; + color: #006EAA; + text-shadow: 0 1px 0 #FFFFFF; + } +.navbar .brand:hover, + .navbar .brand:focus { + text-decoration: none; + } +/* Dividers in navbar */ +.navbar .divider-vertical { + height: 34px; + margin: 0 9px; + border-left: 1px solid #171D21; + border-right: 1px solid #FFFFFF; + } +/* Buttons in navbar */ +.navbar .btn, + .navbar .btn-group { + margin-top: 2px; /* Vertically center in navbar */ + } +/* Set width to auto for default container */ +.navbar .btn-group .btn, + .navbar .input-prepend .btn, + .navbar .input-append .btn, + .navbar .input-prepend .btn-group, + .navbar .input-append .btn-group { + margin-top: 0; /* then undo the margin here so we don't accidentally double it */ + } +/* Inner for background effects */ +/* Gradient is applied to its own element because overflow visible is not honored by IE when filter is present */ +.navbar-inner { + min-height: 34px; + padding-left: 20px; + padding-right: 20px; + background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#171D21)); + background-image: linear-gradient(to bottom, #FFFFFF, #171D21); + border: 1px solid rgb(0, 0, 0); + border-radius: 3px; + -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065); + box-shadow: 0 1px 4px rgba(0,0,0,.065); +} +/* Prevent floats from breaking the navbar */ +.navbar-inner:before, + .navbar-inner:after { + display: table; + content: ""; + line-height: 0; + } +.navbar-inner:after { + clear: both; + } +/* Override the default collapsed state */ +.nav-collapse.collapse { + height: auto; + overflow: visible; +} +/* Plain text in topbar */ +.navbar-text { + margin-bottom: 0; + line-height: 34px; + color: #C3CBD4; +} +/* Janky solution for now to account for links outside the .nav */ +.navbar-link { + color: #C3CBD4; +} +.navbar-link:hover, + .navbar-link:focus { + color: #3C444D; + } +/*************************************************************************************************/ +/* NAVBAR FORMS */ +/*************************************************************************************************/ +.navbar-form { + margin-bottom: 0; +} +/* remove default bottom margin */ +.navbar-form:before, + .navbar-form:after { + display: table; + content: ""; + line-height: 0; + } +.navbar-form:after { + clear: both; + } +.navbar-form input, + .navbar-form select, + .navbar-form .radio, + .navbar-form .checkbox { + margin-top: 2px; /* Vertically center in navbar */ + } +.navbar-form input, + .navbar-form select, + .navbar-form .btn { + display: inline-block; + margin-bottom: 0; + } +.navbar-form input[type="image"], + .navbar-form input[type="checkbox"], + .navbar-form input[type="radio"] { + margin-top: 3px; + } +.navbar-form .input-append, + .navbar-form .input-prepend { + margin-top: 5px; + white-space: nowrap; + } +/* preven two items from separating within a .navbar-form that has .pull-left */ +.navbar-form .input-append input, .navbar-form .input-prepend input { + margin-top: 0; /* remove the margin on top since it's on the parent */ + } +/*************************************************************************************************/ +/* NAVBAR SEARCH */ +/*************************************************************************************************/ +.navbar-search { + position: relative; + float: left; + margin-top: 2px; /* Vertically center in navbar */ + margin-bottom: 0; +} +.navbar-search .search-query { + margin-bottom: 0; + padding: 4px 14px; + font-family: Georgia, "Times New Roman", Times, serif; + font-size: 13px; + font-weight: normal; + line-height: 1; + border-radius: 15px; /* redeclare because of specificity of the type attribute */ + } +/*************************************************************************************************/ +/* STATIC NAVBAR */ +/*************************************************************************************************/ +.navbar-static-top { + position: static; + margin-bottom: 0; +} +/* remove 18px margin for default navbar */ +.navbar-static-top .navbar-inner { + border-radius: 0; + } +/*************************************************************************************************/ +/* FIXED NAVBAR */ +/*************************************************************************************************/ +/* Shared (top/bottom) styles */ +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; + margin-bottom: 0; +} +/* remove 18px margin for default navbar */ +.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { + padding-left: 0; + padding-right: 0; + border-radius: 0; + } +.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner { + border-width: 0 0 1px; + -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1); + box-shadow: 0 1px 10px rgba(0,0,0,.1); + } +/* Fixed to top */ +.navbar-fixed-top { + top: 0; +} +/* Fixed to bottom */ +.navbar-fixed-bottom { + bottom: 0; +} +.navbar-fixed-bottom .navbar-inner { + border-width: 1px 0 0; + -webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.1); + box-shadow: 0 -1px 10px rgba(0,0,0,.1); + } +/* Reset container width */ +/* Required here as we reset the width earlier on and the grid mixins don't override early enough */ +.navbar-static-top .container, +.navbar-fixed-top .container, +.navbar-fixed-bottom .container { + width: 940px; +} +/*************************************************************************************************/ +/* NAVIGATION */ +/*************************************************************************************************/ +.navbar { + /* Navbar button for toggling navbar items in responsive layouts */ +} +.navbar .nav { + position: relative; + left: 0; + display: block; + float: left; + margin: 0 10px 0 0; + } +.navbar .nav.pull-right { + float: right; /* redeclare due to specificity */ + margin-right: 0; /* remove margin on float right nav */ + } +.navbar .nav > li { + float: left; + } +/* Links */ +.navbar .nav > li > a { + float: none; + /* Vertically center the text given $navbarHeight */ + padding: 7px 15px 7px; + color: #C3CBD4; + text-decoration: none; + text-shadow: 0 1px 0 #FFFFFF; + } +/* Hover/focus */ +.navbar .nav > li > a:focus, + .navbar .nav > li > a:hover { + background-color: transparent; /* "transparent" is default to differentiate :hover/:focus from .active */ + color: #3C444D; + text-decoration: none; + } +/* Dropdown Menus */ +.navbar .nav > li > .dropdown-menu:before { + content: ''; + display: inline-block; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + border-bottom: 7px solid #C3CBD4; + border-bottom-color: #C3CBD4; + position: absolute; + top: -7px; + left: 9px; + } +.navbar .nav > li > .dropdown-menu:after { + content: ''; + display: inline-block; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-bottom: 6px solid #FFFFFF; + position: absolute; + top: -6px; + left: 10px; + } +/* Caret should match text color on hover/focus */ +.navbar .nav > li.dropdown > a:hover .caret, + .navbar .nav > li.dropdown > a:focus .caret { + border-top-color: #3C444D; + border-bottom-color: #3C444D; + } +/* Remove background color from open dropdown */ +.navbar .nav > li.dropdown.open > .dropdown-toggle, .navbar .nav > li.dropdown.active > .dropdown-toggle, .navbar .nav > li.dropdown.open.active > .dropdown-toggle { + background-color: rgb(13, 16, 18); + color: #5C6773; + } +.navbar .nav > li.dropdown.open > .dropdown-toggle .caret, .navbar .nav > li.dropdown.active > .dropdown-toggle .caret, .navbar .nav > li.dropdown.open.active > .dropdown-toggle .caret { + border-top-color: #5C6773; + border-bottom-color: #5C6773; + } +.navbar .nav > li.dropdown > .dropdown-toggle .caret { + border-top-color: #C3CBD4; + border-bottom-color: #C3CBD4; + } +.navbar .nav .dropdown-toggle .caret { + margin-top: 8px; + } +/* Active nav items */ +.navbar .nav > .active > a, + .navbar .nav > .active > a:hover, + .navbar .nav > .active > a:focus { + color: #5C6773; + text-decoration: none; + background-color: rgb(13, 16, 18); + -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,.125); + box-shadow: inset 0 3px 8px rgba(0,0,0,.125); + } +/* These definitions need to come after '.navbar .btn' */ +.navbar .btn-navbar { + display: none; + float: right; + padding: 7px 10px; + margin-left: 5px; + margin-right: 5px; + background-color: #F7F8FA; + border-color: #C3CBD4; + color: #5C6773; + -webkit-box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 0px -1px 0 rgba(0, 0, 0, 0.1); + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); + box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); + } +.navbar .btn-navbar .icon-bar { + display: block; + width: 18px; + height: 2px; + background-color: #f5f5f5; + border-radius: 1px; + -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.25); + box-shadow: 0 1px 0 rgba(0,0,0,.25); + } +.navbar .btn-navbar .icon-bar+ .icon-bar { + margin-top: 3px; + } +/* Right aligned menus need alt position */ +.navbar .pull-right > li > .dropdown-menu, + .navbar .nav > li > .dropdown-menu.pull-right { + left: auto; + right: 0; + } +.navbar .pull-right > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu.pull-right:before { + left: auto; + right: 12px; + } +.navbar .pull-right > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu.pull-right:after { + left: auto; + right: 13px; + } +.navbar .pull-right > li > .dropdown-menu .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu { + left: auto; + right: 100%; + margin-left: 0; + margin-right: -1px; + border-radius: 6px 0 6px 6px; + } +/* Menu position and menu caret support for dropups via extra dropup class */ +.navbar-fixed-bottom .nav > li > .dropdown-menu:before { + border-top: 7px solid #C3CBD4; + border-top-color: #C3CBD4; + border-bottom: 0; + bottom: -7px; + top: auto; + } +.navbar-fixed-bottom .nav > li > .dropdown-menu:after { + border-top: 6px solid #FFFFFF; + border-bottom: 0; + bottom: -6px; + top: auto; + } +/*===============================================================================================*/ +/* SPLUNK: PAGINATOR */ +/* Navigation styles and components. */ +/*===============================================================================================*/ +/* pagination styles and overrides + + +*/ +.pagination { + height: auto; +} +.pagination > ul { + display: inline-block; + /* Reset default ul styles */ + margin-left: 0; + margin-bottom: 0; + list-style: none; + } +.pagination > ul > li { + float: left; + } +.pagination > ul > li > span, + .pagination > ul > li > a { + padding: 5px 14px; /* note the vertical padding will be funky unless it's block, inline-block, or floated */ + float: left; + line-height: 20px; + border: 1px solid transparent; + border-radius: 3px; + + background-color: none; + + border-color: transparent; + + color: #5C6773; + + -webkit-box-shadow: none; + + box-shadow: none; + + text-decoration: none; + + text-shadow: none; + + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + -webkit-filter: none; + + filter: none; + } +.pagination > ul > li > span:hover, .pagination > ul > li > a:hover { + color: #006EAA; + background: rgb(235, 238, 239); + border-color: #C3CBD4; + text-decoration: none; + } +.pagination > ul > li > span:focus, .pagination > ul > li > a:focus { + color: #006EAA; + background: none; + border-color: transparent; + text-decoration: none; + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.pagination > ul > li > span:focus:active:not([disabled]), .pagination > ul > li > a:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.pagination > ul > li > span:active, .pagination > ul > li > span.active, .pagination > ul > li > a:active, .pagination > ul > li > a.active { + color: #5C6773; + background: #E1E6EB; + border-color: transparent; + text-decoration: none; + } +.pagination > ul > li > span.disabled, + .pagination > ul > li > span[disabled], + .pagination > ul > li > span.disabled:hover, + .pagination > ul > li > span[disabled]:hover, + .pagination > ul > li > span.disabled:focus, + .pagination > ul > li > span[disabled]:focus, + .pagination > ul > li > span.disabled:active, + .pagination > ul > li > span[disabled]:active, + .pagination > ul > li > a.disabled, + .pagination > ul > li > a[disabled], + .pagination > ul > li > a.disabled:hover, + .pagination > ul > li > a[disabled]:hover, + .pagination > ul > li > a.disabled:focus, + .pagination > ul > li > a[disabled]:focus, + .pagination > ul > li > a.disabled:active, + .pagination > ul > li > a[disabled]:active { + color: #C3CBD4; + background: none; + border-color: transparent; + text-decoration: none; + -webkit-box-shadow: none; + box-shadow: none; + cursor: not-allowed; + } +.pagination > ul > li > span:not(.page-controls),.pagination > ul > li > a:not(.page-controls){ + padding: 5px 10px; + margin: 0 1px; + } +.pagination > ul > li > span:not(.page-controls).btn-square, .pagination > ul > li > a:not(.page-controls).btn-square { + padding: 5px 0; + } +.pagination > ul .active > a, .pagination > ul .active > a:hover { + cursor: default; + border: 1px solid #007ABD; + color: #007ABD; + } +.pagination > ul .icon-chevron-left, .pagination > ul .icon-triangle-left-small { + padding-right: 6.66667px; + } +.pagination > ul .icon-chevron-right, .pagination > ul .icon-triangle-right-small { + padding-left: 6.66667px; + } +.pagination > ul > .disabled > span, + .pagination > ul > .disabled > a, + .pagination > ul > .disabled > a:hover, + .pagination > ul > .disabled > a:focus { + background-color: transparent; + border-color: transparent; + color: #C3CBD4; + cursor: default; + -webkit-box-shadow: none; + box-shadow: none; + } +.pagination .max-events-per-bucket { + color: #F8BE34; + font-size: 18px; + } +/* .pagination */ +.splunk-paginator.splunk-view { + padding: 0 10px; +} +.splunk-paginator.splunk-view .disabled, .splunk-paginator.splunk-view a.selected { + color: #C3CBD4; + cursor: default; + } +.splunk-paginator.splunk-view a.selected { + color: #006EAA; + border: 1px solid #006EAA; + background: transparent; + } +.splunk-paginator.splunk-view a { + border: 1px solid transparent; + border-radius: 3px; + color: #5C6773; + padding: 2px 8px 2px; + text-decoration: none; + min-width: 10px; + line-height: 20px; + display: inline-block; + text-align: center; + } +.splunk-paginator.splunk-view a:hover { + background: #F7F8FA; + } +.splunk-paginator.splunk-view a:disabled { + background: none; + } +.splunk-paginator.splunk-view span { + padding-left: 5px; + padding-right: 5px; + } +/*===============================================================================================*/ +/* SPLUNK: PAGER PAGINATION */ +/*===============================================================================================*/ +.pager { + margin: 20px 0; + list-style: none; + text-align: center; +} +.pager:before, + .pager:after { + display: table; + content: ""; + line-height: 0; + } +.pager:after { + clear: both; + } +.pager li { + display: inline; + } +.pager li > a, + .pager li > span { + display: inline-block; + padding: 5px 14px; + background-color: #FFFFFF; + border: 1px solid #C3CBD4; + border-radius: 15px; + } +.pager li > a:hover, + .pager li > a:focus { + text-decoration: none; + background-color: #F7F8FA; + } +.pager .next > a, + .pager .next > span { + float: right; + } +.pager .previous > a, + .pager .previous > span { + float: left; + } +.pager .disabled > a, + .pager .disabled > a:hover, + .pager .disabled > a:focus, + .pager .disabled > span { + text-decoration: none; + background-color: #F7F8FA; + } +/* Components: Popovers */ +/*===============================================================================================*/ +/* SPLUNK: MODALS */ +/*===============================================================================================*/ +/* TODO: the close button seems to have issues on placement */ +/* modal windows + +
    +
    + +

    Modal header

    +
    +
    +

    One fine body…

    +
    +
    + Close + Save changes +
    +
    + + +
    +
    + +

    Modal header

    +
    +
    +

    One fine body…

    +
    +
    + Close + Save changes +
    +
    + +*/ +/* body while modal is open */ +.body-modal-open { + overflow: hidden; +} +/* Background */ +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + background-color: #3C444D; +} +/* Fade for backdrop */ +.modal-backdrop.fade { opacity: 0; } +.modal-backdrop, +.modal-backdrop.fade.in { + opacity: 0.80; +} +/* modal container */ +.modal { + position: fixed; + top: 40px; + left: 50%; + width: 550px; + margin-left: -275px; +} +.modal .form-horizontal { + width: 550px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + } +.modal { + z-index: 1050; + background-color: #FFFFFF; + border: none; + -webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.3); + box-shadow: 0 3px 7px rgba(0,0,0,0.3); + background-clip: border-box; + outline: none; +} +/* Remove focus outline from opened modal */ +.modal.fade { + -webkit-transition: opacity 0.125s, top 0.125s ease; + transition: opacity 0.125s, top 0.125s ease; + top: 0; + } +.modal.fade.in { top: 40px } +/* modal */ +/* SPL-68751 - IE10 box shadow animation artifacts fix */ +.modal:after { + content: ""; + font-size: 0; + display: inline; + overflow: hidden; +} +/*************************************************************************************************/ +/* MODAL HEADER */ +/*************************************************************************************************/ +.modal-header { + border: none; + position: relative; + background: #FFFFFF; + padding: 20px; +} +/* heading */ +.modal-header h3, .modal-header h1, .modal-header .modal-title { + font-size: 20px; + font-weight: 500; + line-height: 22px; + margin: 0; + overflow-wrap: break-word; + padding-right: 40px; + } +/* close button */ +.modal-header .close { + border: 1px solid; + top: 20px; + right: 20px; + margin-top: -2px; + position: absolute; + background-color: none; + border-color: transparent; + color: #5C6773; + -webkit-box-shadow: none; + box-shadow: none; + text-decoration: none; + text-shadow: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + } +.modal-header .close:hover { + color: #006EAA; + background: rgb(235, 238, 239); + border-color: #C3CBD4; + text-decoration: none; + } +.modal-header .close:focus { + color: #006EAA; + background: none; + border-color: transparent; + text-decoration: none; + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.modal-header .close:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.modal-header .close:active, .modal-header .close.active { + color: #5C6773; + background: #E1E6EB; + border-color: transparent; + text-decoration: none; + } +.modal-header .close.disabled, + .modal-header .close[disabled], + .modal-header .close.disabled:hover, + .modal-header .close[disabled]:hover, + .modal-header .close.disabled:focus, + .modal-header .close[disabled]:focus, + .modal-header .close.disabled:active, + .modal-header .close[disabled]:active { + color: #C3CBD4; + background: none; + border-color: transparent; + text-decoration: none; + -webkit-box-shadow: none; + box-shadow: none; + cursor: not-allowed; + } +/*************************************************************************************************/ +/* MODAL BODY */ +/*************************************************************************************************/ +.modal-body { + position: relative; + padding: 0 20px; + overflow: visible; + max-height: calc(100vh - 246px); +} +.modal-body:last-child { + max-height: calc(100vh - 259px); /* if no footer, can be somewhat taller */ + } +/* Remove bottom margin if need be */ +.modal-form { + margin-bottom: 0; +} +.modal-body-scrolling { + overflow-y: auto; + padding: 20px; + position: relative; + border-top: 1px solid #E1E6EB; + border-bottom: 1px solid #E1E6EB; +} +/*************************************************************************************************/ +/* MODAL FOOTER */ +/*************************************************************************************************/ +.modal-footer { + padding: 20px; + margin-bottom: 0; + text-align: right; /* right align buttons */ + background: #FFFFFF; +} +.modal-footer:before, + .modal-footer:after { + display: table; + content: ""; + line-height: 0; + } +.modal-footer:after { + clear: both; + } +/* clear it in case folks use .pull-* classes on buttons */ +.modal-footer > .btn { + min-width: 80px; + } +.modal-footer > .btn + .btn:not(.pull-left) { + /* Properly space out buttons */ + margin-left: 10px; + margin-bottom: 0; /* account for input[type="submit"] which gets the bottom margin like all other inputs */ + } +/* but override that for button groups */ +.modal-footer > .btn-group .btn + .btn { + margin-left: -1px; + } +/* and override it for block buttons as well */ +.modal-footer > .btn-block + .btn-block { + margin-left: 0; + } +.modal-footer:empty { + padding: 0; + } +/*************************************************************************************************/ +/* MODAL VARIATIONS */ +/*************************************************************************************************/ +/* extends modal; sets width & offset */ +.modal-wide { + width: 800px; + margin-left: -400px; +} +.modal-wide .form-horizontal { + width: 800px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + } +/* Disconnect needs to be above other modals */ +.modal.disconnection-warning-modal { + z-index: 1090; +} +.shared-splunkbar-messages-noconnectionoverlay .modal-backdrop { + z-index: 1080; +} +/* loading ... */ +.modal-loading { + text-align: center; + color: #6b7785; +} +/*************************************************************************************************/ +/* WHATS NEW DIALOG */ +/*************************************************************************************************/ +.shared-whatsnewdialog.modal { + width: 900px; + margin-left: -450px; + } +.shared-whatsnewdialog.modal .modal-body { + padding-right: 0; + } +.shared-whatsnewdialog h2 { + font-weight: 200; + font-size: 24px; + margin: 0 0 20px -20px; + padding-left: 20px; + } +.shared-whatsnewdialog .feature { + display:inline-block; + width: 260px; + margin: 0 20px 20px 0; + position: relative; + vertical-align: top; + } +.shared-whatsnewdialog .feature > h3 { + margin: 0 0 5px 0; + } +.shared-whatsnewdialog .feature > img { + display: block; + width: 100%; + height: 170px; + border: 1px solid #C3CBD4; + margin-bottom: 10px; + } +.shared-whatsnewdialog .feature > p { + margin: 0; + } +.shared-whatsnewdialog .feature + h2 { + padding-top: 20px; + border-top: 1px dotted #C3CBD4; + } +/*===============================================================================================*/ +/* SPLUNK: TOOLTIPS */ +/*===============================================================================================*/ +/* Base class */ +.tooltip { + position: absolute; + z-index: 1070; + display: block; + visibility: visible; + font-size: 12px; + line-height: 1.4; + opacity: 0.0; +} +.tooltip.in { opacity: 0.85; } +.tooltip.top { margin-top: -3px; padding: 5px 0; } +.tooltip.right { margin-left: 3px; padding: 0 5px; } +.tooltip.bottom { margin-top: 3px; padding: 5px 0; } +.tooltip.left { margin-left: -3px; padding: 0 5px; } +/* Wrapper for the tooltip content */ +.tooltip-inner { + max-width: 200px; + padding: 6px 12px; + color: #FFFFFF; + text-align: center; + text-decoration: none; + background-color: #000000; +} +/* Arrows */ +.tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.tooltip.top .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-width: 5px 5px 0; + border-top-color: #000000; + } +.tooltip.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-width: 5px 5px 5px 0; + border-right-color: #000000; + } +.tooltip.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-width: 5px 0 5px 5px; + border-left-color: #000000; + } +.tooltip.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-width: 0 5px 5px; + border-bottom-color: #000000; + } +/* Components: Misc */ +/*===============================================================================================*/ +/* SPLUNK: THUMBNAILS */ +/*===============================================================================================*/ +/* Note: `.thumbnails` and `.thumbnails > li` are overriden in responsive files */ +/* Make wrapper ul behave like the grid */ +.thumbnails { + margin-left: -20px; + list-style: none; +} +.thumbnails:before, + .thumbnails:after { + display: table; + content: ""; + line-height: 0; + } +.thumbnails:after { + clear: both; + } +/* Fluid rows have no left margin */ +.row-fluid .thumbnails { + margin-left: 0; +} +/* Float li to make thumbnails appear in a row */ +.thumbnails > li { + float: left; /* Explicity set the float since we don't require .span* classes */ + margin-bottom: 20px; + margin-left: 20px; +} +/* The actual thumbnail (can be `a` or `div`) */ +.thumbnail { + display: block; + padding: 4px; + line-height: 20px; + border: 1px solid #ddd; + border-radius: 3px; + -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.055); + box-shadow: 0 1px 3px rgba(0,0,0,.055); + -webkit-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; +} +/* Add a hover/focus state for linked versions only */ +a.thumbnail:hover, +a.thumbnail:focus { + border-color: #006EAA; + -webkit-box-shadow: 0 1px 4px rgba(0,105,214,.25); + box-shadow: 0 1px 4px rgba(0,105,214,.25); +} +/* Images and captions */ +.thumbnail > img { + display: block; + max-width: 100%; + margin-left: auto; + margin-right: auto; +} +.thumbnail .caption { + padding: 9px; + color: #5C6773; +} +/*===============================================================================================*/ +/* SPLUNK: LABELS & BADGES OVERRIDES */ +/*===============================================================================================*/ +/* Base classes */ +.label, +.badge { + display: inline-block; + padding: 2px 4px; + font-size: 11.844px; + font-weight: bold; + line-height: 14px; /* ensure proper line-height if floated */ + color: #FFFFFF; + vertical-align: baseline; + white-space: nowrap; + text-shadow: 0 -1px 0 rgba(0,0,0,.25); + background-color: #818D99; +} +/* Set unique padding and border-radii */ +.label { + border-radius: 3px; +} +.badge { + padding-left: 9px; + padding-right: 9px; + border-radius: 9px; +} +/* Empty labels/badges collapse */ +.label:empty, .badge:empty { + display: none; + } +/* Hover/focus state, but only for links */ +a.label:hover, + a.label:focus, + a.badge:hover, + a.badge:focus { + color: #FFFFFF; + text-decoration: none; + cursor: pointer; + } +/* Colors */ +/* Only give background-color difference to links (and to simplify, we don't qualifty with `a` but [href] attribute) */ +/* Important (red) */ +.label-important, .badge-important { background-color: #F8DCD9; } +.label-important[href], .badge-important[href] { background-color: rgb(240, 180, 173); } +/* Warnings (orange) */ +.label-warning, .badge-warning { background-color: #F1813F; } +.label-warning[href], .badge-warning[href] { background-color: rgb(237, 98, 18); } +/* Success (green) */ +.label-success, .badge-success { background-color: #53A051; } +.label-success[href], .badge-success[href] { background-color: rgb(65, 125, 63); } +/* Info (turquoise) */ +.label-info, .badge-info { background-color: #006D9C; } +.label-info[href], .badge-info[href] { background-color: rgb(0, 75, 107); } +/* Inverse (black) */ +.label-inverse, .badge-inverse { background-color: #3C444D; } +.label-inverse[href], .badge-inverse[href] { background-color: rgb(38, 43, 49); } +/* Quick fix for labels/badges in buttons */ +.btn .label, + .btn .badge { + position: relative; + top: -1px; + } +.btn-mini .label, + .btn-mini .badge { + top: 0; + } +/* Labels */ +/* ------ */ +/* TODO: use vars here */ +.label { + padding: 1px 4px 0 4px; + border-radius: 4px; + line-height: 17px; + font-size: 12px; + font-weight: normal; + text-transform: uppercase; + color: #3C444D; + text-shadow: none; + background-color: #C3CBD4; + border: 1px solid #3C444D; +} +/* icons in labels */ +.label [class*="icon-"]{ + font-size: 16px; + margin-right: 3px; + vertical-align: middle; + } +/* Important (red) */ +.label-important { + background-color: #F8DCD9; + border-color: #DC4E41; + color: #DC4E41; + } +/* Warnings (orange) */ +.label-warning { + background-color: rgb(253, 239, 231); + border-color: #F1813F; + color: #F1813F; + } +/* Success (green) */ +.label-success { + background-color: #DDECDD; + border-color: #53A051; + color: #53A051; + } +/* Info (yellow) */ +.label-info { + background-color: #FEF2D7; + border-color: #F8BE34; + color: #F8BE34; + } +/* Inverse (black) */ +.label-inverse { + background-color: #5C6773; + border-color: #3C444D; + color: #FFFFFF; + } +/*===============================================================================================*/ +/* SPLUNK: PROGRESS BARS */ +/*===============================================================================================*/ +/* ANIMATIONS */ +/* ---------- */ +@-webkit-keyframes progress-bar-stripes { + from { background-position: 40px 0; } + to { background-position: 0 0; } +} +@keyframes progress-bar-stripes { + from { background-position: 40px 0; } + to { background-position: 0 0; } +} +/* Spinners */ +/* ---------------------------- */ +.spinner-small { + background-image: url("/static/img/skins/default/loading_small.png"); + background-position: left top; + width: 14px; + height: 14px; + background-size: 280px 14px; +} +.spinner-medium { + background-image: url("/static/img/skins/default/loading_medium.png"); + background-position: left top; + width: 19px; + height: 19px; + background-size: 380px 19px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + .spinner-small { + background-image: url("/static/img/skins/default/loading_small_2x.png"); + } + + .spinner-medium { + background-image: url("/static/img/skins/default/loading_medium_2x.png"); + } +} +/* Progress */ +/* ---------------------------- */ +/* This is suppose to match Bootstrap, but it doesn't. */ +.progress { + overflow: hidden; + height: 20px; + margin-bottom: 20px; + background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#f9f9f9)); + background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); + -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); + box-shadow: inset 0 1px 2px rgba(0,0,0,.1); + background-color: #F7F8FA; + border-radius: 3px; + +} +/* Bootstrap uses the .bar class, but our standard components use .progress-bar */ +.progress .bar, + .progress .progress-bar { + width: 0%; + height: 100%; + color: #FFFFFF; + float: left; + font-size: 12px; + text-align: center; + -webkit-transition: width .6s ease; + transition: width .6s ease; + } +.progress .bar { + background-color: #007ABD; + -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); + box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); + -webkit-box-sizing: border-box; + box-sizing: border-box; + } +.progress .bar + .bar { + -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); + box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); + } +.progress .progress-bar { + line-height: 20px; + background-color: #C3CBD4; + } +.progress .progress-striped.progress-bar { + background-color: #C3CBD4; + background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); + background-size: 40px 40px; + } +/* Striped bars */ +.progress-striped .bar { + background-color: #007ABD; + background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); + background-size: 40px 40px; +} +/* Call animation for the active one */ +.progress.active .bar, +.active.progress-bar { + -webkit-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; +} +/* PROGRESS STATES */ +/* --------------- */ +/* These have been inherited from Bootstrap and are not used on Core. */ +/* Danger (red) */ +.progress-danger .bar, .progress .bar-danger { + background: #DC4E41; +} +.progress-danger.progress-striped .bar, .progress-striped .bar-danger { + background-color: #DC4E41; + background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); +} +/* Success (green) */ +.progress-success .bar, .progress .bar-success { + background: #53A051; +} +.progress-success.progress-striped .bar, .progress-striped .bar-success { + background-color: #53A051; + background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); +} +/* Info (teal) */ +.progress-info .bar, .progress .bar-info { + background: #006D9C; +} +.progress-info.progress-striped .bar, .progress-striped .bar-info { + background-color: #006D9C; + background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); +} +/* Warning (orange) */ +.progress-warning .bar, .progress .bar-warning { + background: #F1813F; +} +.progress-warning.progress-striped .bar, .progress-striped .bar-warning { + background-color: #F1813F; + background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); +} +/*===============================================================================================*/ +/* SPLUNK: ACCORDION */ +/* Accordion for expanding content. */ +/*===============================================================================================*/ +/* +
    +
    +
    + + + Collapsible Group Item #1 +
    +
    +
    + Anim pariatur cliche... +
    +
    +
    +
    +
    + + + Collapsible Group Item #2 +
    +
    +
    + Anim pariatur cliche... +
    +
    +
    +
    +*/ +/* Parent container */ +.accordion { + margin-bottom: 0; + background: #FFFFFF; +} +/* Heading */ +.accordion-heading { + border-bottom: 0; + position: relative; +} +/* Heading Toggle */ +.accordion-heading .accordion-toggle { + display: block; + padding: 5px 14px; + padding-left: 30px; + line-height: 20px; + background-color: #F2F4F5; + color: #5C6773; + text-decoration: none; + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + -webkit-filter: none; + filter: none; + cursor: pointer; + } +.accordion-heading .accordion-toggle .icon-triangle-right-small:before { + content: "\203A"; + } +.accordion-heading .accordion-toggle .icon-triangle-down-small:before { + content: "\2C5"; + } +/* Group == heading + body */ +.accordion-group { + margin-bottom: 2px; + border: none; + border-radius: 0; +} +.accordion-group:first-child .accordion-toggle { + border-top: none; + } +.accordion-group:last-child .accordion-toggle, + .accordion-group.active:last-child .accordion-body { + border-bottom: none; + } +.accordion-group .accordion-toggle:focus { + -webkit-box-shadow: none; + box-shadow: none; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.accordion-group .accordion-toggle:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.accordion-group .accordion-toggle:focus { + -webkit-box-shadow: inset 0 0 2px 1px #F2F4F5, inset 0 0 0 2px #00A4FD; + box-shadow: inset 0 0 2px 1px #F2F4F5, inset 0 0 0 2px #00A4FD; +} +.accordion-group.active .accordion-toggle { + background: #FFFFFF; + border-bottom: none; + cursor: default; + } +.accordion-group.active .accordion-toggle:focus { + -webkit-box-shadow: none; + box-shadow: none; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.accordion-group.active .accordion-toggle:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.accordion-group.active .accordion-toggle:focus { + -webkit-box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; + box-shadow: inset 0 0 2px 1px #FFFFFF, inset 0 0 0 2px #00A4FD; +} +.accordion-group:not(.active) .accordion-toggle:hover { + background-color: #E1E6EB; + -webkit-box-shadow: none; + box-shadow: none; + } +.accordion-group:not(.active) .accordion-toggle:hover:focus { + -webkit-box-shadow: none; + box-shadow: none; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.accordion-group:not(.active) .accordion-toggle:hover:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.accordion-group:not(.active) .accordion-toggle:hover:focus { + -webkit-box-shadow: inset 0 0 2px 1px #E1E6EB, inset 0 0 0 2px #00A4FD; + box-shadow: inset 0 0 2px 1px #E1E6EB, inset 0 0 0 2px #00A4FD; +} +/* Heading Toggle Icon */ +.icon-accordion-toggle { + position: absolute; + left: 10px; +} +/* Body */ +.accordion-body { + background-color: #FFFFFF; +} +.accordion-inner { + padding: 10px 20px 20px 20px; + border: none; +} +.accordion-inner:before, + .accordion-inner:after { + display: table; + content: ""; + line-height: 0; + } +.accordion-inner:after { + clear: both; + } +.accordion-inner { + position: relative; +} +/*===============================================================================================*/ +/* SPLUNK: CAROUSEL */ +/*===============================================================================================*/ +.carousel { + position: relative; + margin-bottom: 20px; + line-height: 1; +} +.carousel-inner { + overflow: hidden; + width: 100%; + position: relative; +} +.carousel-inner > .item { + display: none; + position: relative; + -webkit-transition: .6s ease-in-out left; + transition: .6s ease-in-out left; + } +/* Account for jankitude on images */ +.carousel-inner > .item > img, + .carousel-inner > .item > a > img { + display: block; + line-height: 1; + } +.carousel-inner > .active, + .carousel-inner > .next, + .carousel-inner > .prev { + display: block; + } +.carousel-inner > .next, + .carousel-inner > .prev { + position: absolute; + top: 0; + width: 100%; + } +.carousel-inner > .next { + left: 100%; + } +.carousel-inner > .prev { + left: -100%; + } +.carousel-inner > .next.left, + .carousel-inner > .prev.right { + left: 0; + } +.carousel-inner > .active { + left: 0; + } +.carousel-inner > .active.left, + .carousel-inner > .active.right { + left: 100%; + } +/*************************************************************************************************/ +/* LEFT/RIGHT CONTROLS FOR NAV */ +/*************************************************************************************************/ +.carousel-control { + position: absolute; + top: 40%; + left: 15px; + width: 40px; + height: 40px; + margin-top: -20px; + font-size: 60px; + font-weight: 100; + line-height: 30px; + color: #FFFFFF; + text-align: center; + background: #171D21; + border: 3px solid #FFFFFF; + border-radius: 23px; + opacity: 0.50; + + /* we can't have this transition here */ + /* because webkit cancels the carousel */ + /* animation if you trip this while */ + /* in the middle of another animation */ + /* ;_; */ + /* transition: opacity .2s linear; */ +} +/* Reposition the right one */ +.carousel-control.right { + left: auto; + right: 15px; + } +/* Hover/focus state */ +.carousel-control:hover, + .carousel-control:focus { + color: #FFFFFF; + text-decoration: none; + opacity: 0.90; + } +/*************************************************************************************************/ +/* CAROUSEL INDICATOR PIPS */ +/*************************************************************************************************/ +.carousel-indicators { + position: absolute; + top: 15px; + right: 15px; + z-index: 5; + margin: 0; + list-style: none; +} +.carousel-indicators li { + display: block; + float: left; + width: 10px; + height: 10px; + margin-left: 5px; + text-indent: -999px; + background-color: #C3CBD4; + background-color: rgba(255, 255, 255, .25); + border-radius: 5px; + } +.carousel-indicators .active { + background-color: #FFF; + } +/*************************************************************************************************/ +/* CAPTION FOR TEXT BELOW IMAGES */ +/*************************************************************************************************/ +.carousel-caption { + position: absolute; + left: 0; + right: 0; + bottom: 0; + padding: 15px; + background: #3C444D; + background: rgba(0, 0, 0, .75); +} +.carousel-caption h4, .carousel-caption p { + color: #FFFFFF; + line-height: 20px; + } +.carousel-caption h4 { + margin: 0 0 5px; + } +.carousel-caption p { + margin-bottom: 0; + } +/* Utility classes */ +/*===============================================================================================*/ +/* SPLUNK: UTILITY CLASSES */ +/*===============================================================================================*/ +/* Quick floats */ +.pull-right { + float: right; +} +.pull-left { + float: left; +} +/* Toggling content */ +.hide { + display: none; +} +.show { + display: block; +} +/* Visibility */ +.invisible { + visibility: hidden; +} +/* For Affix plugin */ +.affix { + position: fixed; +} +/* Proxy mixin s */ +.clearfix:before, + .clearfix:after { + display: table; + content: ""; + line-height: 0; + } +.clearfix:after { + clear: both; + } +.hide-text { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; + position: absolute; + width: 0; +} +.input-block-level { + display: block; + width: 100%; + min-height: 32px; + /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */ + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* Makes inputs behave like true block-level elements */ +} +/* 508 helper class - Hide only visually, but have it available for screenreaders */ +.visuallyhidden { + clip: rect(0 0 0 0); + position: absolute; + width: 1px; + height: 1px; + margin: -1px; + overflow: hidden; + border: 0; +} +/* Has to be last to override when necessary */ +/* 3rd party */ +/*===============================================================================================*/ +/* SPLUNK: JQUERY UI THEME */ +/*===============================================================================================*/ +/* generic widgets */ +/* --------------- */ +.ui-widget { + font-family: inherit; +} +.ui-widget-header { + font-weight: normal; + background: transparent; + border: 0; + color: #3C444D; +} +.ui-widget-header a { + color: #000000; + } +.ui-corner-all { + border-radius: 2px; +} +.ui-icon { + font-family: "Splunk Icons"; + width: 20px; + height: 20px; +} +/* Tabs */ +/* ----------- */ +/*jq-ui adds background to tabs which is shared by other components*/ +.ui-tabs .ui-widget-header { + background: none; + border-bottom:1px solid #C3CBD4; + border-radius: 0; + } +/* override default tabs borders */ +.ui-tabs .ui-tabs-nav li { + border-bottom: 1px solid #C3CBD4 !important; /*need important to override jq-ui bs*/ + margin-bottom:-1px; + } +/* selected state */ +.ui-tabs .ui-tabs-nav li.ui-tabs-selected { + border-bottom:1px solid #C3CBD4 !important; /*need important to override the other important*/ + } +/* Accordiion */ +/* ------------ */ +.ui-accordion .ui-accordion-header .ui-icon { + left: 0.5em; + margin-top: -8px; + position: absolute; + top: 50%; + } +.ui-accordion-icons .ui-accordion-header a { + padding-left: 2.2em; + } +/* Datepicker */ +/* ------------- */ +#ui-datepicker-div { + display:none; /* jquery ui adds this id by default ;_; */ + z-index: 1070 !important; /* need to override jquery inline z-index nonsense ;_; */ +} +.ui-datepicker { + + background-color: #FFFFFF; + + border: 1px solid #C3CBD4; + + -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2); + + box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2); + + border-radius: 2px; + + top: 100%; + + left: 50%; + + margin: 8px 0 0 -103px; + + display: none; + + position: absolute; + + z-index: 1059; + + white-space: normal; + +} +/* placement of arrow */ +.ui-datepicker .arrow { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-top: 0; + border-bottom-color: #C3CBD4; + top: -8px; + left: 50%; + margin-left: -4px; + } +/* generated arrow */ +.ui-datepicker .arrow:before { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-top: 0; + border-bottom-color: #FFFFFF; + top: 1px; + left: -8px; + } +/* prevent inheriting nowrap from btn-group */ +.ui-datepicker.up { + margin-top: 0; + } +/* placement of arrow */ +.ui-datepicker.up > .arrow { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-bottom: 0; + border-top-color: #C3CBD4; + top: auto; + bottom: -8px; + } +.ui-datepicker.up > .arrow:before { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-bottom: 0; + border-top-color: #FFFFFF; + top: auto; + bottom: 1px; + } +.ui-datepicker.right { /* point left */ + margin-left: 5px; + margin-top: 0; + } +/* placement of arrow */ +.ui-datepicker.right .arrow { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-left: 0; + border-right-color: #C3CBD4; + top: 50%; + left: -8px; + margin: -8px 0 0 0; + } +.ui-datepicker.right .arrow:before { + position: absolute; + height: 0; + width: 0; + border: 8px solid transparent; + content: ""; + display: block; + border-left: 0; + border-right-color: #FFFFFF; + top: 50%; + left: 1px; + margin: -8px 0 0 0; + } +/* position of arrow when floated right */ +.ui-datepicker.pull-right .arrow { + left: auto; + right: 8px; + } +/* open state */ +.ui-datepicker.open { + display: block; + } +.ui-datepicker { + background-color: #FFFFFF; + width: 17em; + height: auto; + position: relative; + padding: 5px; + margin: 0; +} +.ui-datepicker .ui-datepicker-header { + position: relative; + padding: 0.2em 0; + background: transparent; + } +/* header */ +.ui-datepicker .ui-datepicker-title { + margin: 0 2.3em; + line-height: 32px; + text-align: center; + } +.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { + position: absolute; + text-decoration: none; + } +.ui-datepicker .ui-datepicker-prev .ui-icon,.ui-datepicker .ui-datepicker-next .ui-icon{ + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; + position: absolute; + width: 0; + left: 0; + /* override hide-text for ie-7 */ + } +.ui-datepicker .ui-datepicker-prev .ui-icon:after, .ui-datepicker .ui-datepicker-next .ui-icon:after { + display: block; + position: absolute; + top: 0; + left: 0; + text-align: center; + width: 32px; + line-height: 32px; + color: #5C6773; + + text-indent: 0; + font-size: 12px; + font-family: "Splunk Icons"; + } +/* prev-next */ +.ui-datepicker .ui-datepicker-prev .ui-icon:after { + content: "\25C0"; + } +.ui-datepicker .ui-datepicker-next { + top: 0; + right: 0; + } +.ui-datepicker .ui-datepicker-next .ui-icon:after { + content: "\25B6"; + } +.ui-datepicker table { + margin-bottom: 0; + width: 100%; + border-collapse: collapse; + margin: 0 0 0.4em; + } +.ui-datepicker .ui-datepicker-calendar {/* table */ + margin: 0; + } +.ui-datepicker .ui-datepicker-calendar th { + line-height: 10px; + padding: 0.7em 0.3em; + padding-top: 20px; + color: #6b7785; + text-align: center; + border: 0; + font-weight: normal; + } +.ui-datepicker .ui-datepicker-calendar td { + padding: 1px; + } +.ui-datepicker .ui-datepicker-calendar td a { + display: block; + padding: 0.2em; + text-align: right; + color: #5C6773; + } +.ui-datepicker .ui-datepicker-calendar a { + border: 1px solid #C3CBD4; + } +.ui-datepicker .ui-datepicker-calendar a:hover {text-decoration: none;} +.ui-datepicker .ui-datepicker-calendar .ui-state-default { + background: #FFFFFF; + border:1px solid #C3CBD4; + color: #5C6773; + } +.ui-datepicker .ui-datepicker-calendar .ui-state-active { + background-color: #F7F8FA; + border-color: #007ABD; + color: #006EAA; + } +.ui-datepicker .ui-datepicker-calendar .ui-state-hover { + border-color: #00A4FD; + background: #F7F8FA; + color: #006EAA; + } +/* calendar */ +.ui-datepicker a.ui-corner-all { + + display: inline-block; + padding: 5px 14px; /* note the vertical padding will be funky unless it's block, inline-block, or floated */ + border-radius: 3px; + + background-color: none; + + border-color: transparent; + + color: #5C6773; + + -webkit-box-shadow: none; + + box-shadow: none; + + text-decoration: none; + + text-shadow: none; + + -webkit-transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s; + + transition: background 0.2s, border 0.2s, box-shadow 0.2s, text-decoration 0.2s, -webkit-box-shadow 0.2s, -webkit-text-decoration 0.2s; + + -webkit-filter: none; + + filter: none; + + } +.ui-datepicker a.ui-corner-all:hover { + color: #006EAA; + text-decoration: none; + } +.ui-datepicker a.ui-corner-all:focus { + color: #006EAA; + text-decoration: underline; + -webkit-box-shadow: 0 0 1px 3px #006EAA; + box-shadow: 0 0 1px 3px #006EAA; + border-collapse: separate; + /* Fix IE9 Issue with box-shadow */ + outline: 0; + text-decoration: none; + } +.ui-datepicker a.ui-corner-all:focus:active:not([disabled]) { + -webkit-box-shadow: none; + box-shadow: none; + } +.ui-datepicker a.ui-corner-all:active, .ui-datepicker a.ui-corner-all.active { + color: #006EAA; + text-decoration: none; + } +.ui-datepicker a.ui-corner-all.disabled, + .ui-datepicker a.ui-corner-all[disabled], + .ui-datepicker a.ui-corner-all.disabled:hover, + .ui-datepicker a.ui-corner-all[disabled]:hover, + .ui-datepicker a.ui-corner-all.disabled:focus, + .ui-datepicker a.ui-corner-all[disabled]:focus, + .ui-datepicker a.ui-corner-all.disabled:active, + .ui-datepicker a.ui-corner-all[disabled]:active { + color: #C3CBD4; + text-decoration: none; + cursor: not-allowed; + } +.ui-datepicker a.ui-corner-all { + + width: 32px; + height: 32px; + text-align: center; + padding:0; +} +.ui-datepicker a.ui-corner-all:hover { + cursor: pointer; /* ensure pointer if missing href */ + color: #006EAA; + background: #F7F8FA; + font-weight: normal; + } +.ui-datepicker a.ui-corner-all:hover .ui-icon:after { + color: #006EAA; + } +/* .ui-datepicker */ +/* + * jQuery UI Resizable $VERSION + * + * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Resizable#theming + */ +.ui-resizable { position: relative;} +.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; } +.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } +.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } +.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } +.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } +.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } +.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } +.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } +.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } +.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;} +.ui-resizable-handle { + width: 100%; + height: 9px; + background-color: transparent; + z-index: 1000; + cursor: ns-resize; + cursor: row-resize; + bottom: 0; +} +.ui-resizable-handle:before { + content: ""; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + margin-top:-1px; + display: block; + border-radius: 3px; + border: none; + height: 6px; + width: 6px; + background-color: rgba(0, 0, 0, 0.25); + } +.ui-resizable-handle:hover { + /* .gradient-vertical($interactiveGradientStartColorHover, $interactiveGradientEndColorHover); */ + } +.ui-resizable-handle .ui-draggable-dragging { + position: relative; + } +.ui-resizable:hover .ui-resizable-handle { + visibility: visible; +} + diff --git a/appserver/static/cim_setup-dark.css b/appserver/static/cim_setup-dark.css new file mode 100644 index 0000000..d4d3e29 --- /dev/null +++ b/appserver/static/cim_setup-dark.css @@ -0,0 +1,609 @@ +body.dark { + background-color: #111215 +} + +.dark .section-header { + border-bottom: 1px solid #C3CBD4; +} + +.dark .section-header .title { + margin-top: 0px; + margin-bottom: 0px; + font-size: 24px; +} + +.dark .cimSetupWrapper { + border: 1px solid #C3CBD4; + margin: 30px auto; + width: 70%; + min-width: 1000px; +} + +.dark #cim_setup_container .modal-footer { + border-top: 1px solid #C3CBD4; +} + +.dark #cim_setup_container .modal-header { + border-bottom: 1px solid #C3CBD4; +} + +.dark #cim_setup_container .modal-body { + padding: 20px; +} + +.dark #cim_setup_container .alert { + font-size: 12px; +} + +.dark #cim_setup_container .alert .icon-alert { + font-size: 150%; + position: absolute; + left: 10px; + top: 5px; +} + +.dark .selectModelColumns { + position: relative; +} + +.dark .tab { + display: inline-block; +} + +.dark .layoutBodyColumns { + top: 0; + border-top: 1px solid #ccc; + bottom: 0; + overflow: auto; + position: relative; +} + +.dark .layoutColLeft { + width: 360px; +} + +.dark .layoutCol { + overflow: hidden; + position: absolute; + top: 0; + bottom: 0; +} + +.dark .layoutColRight { + right: 0; + left: 360px; +} + +.dark .layoutColRight .tab-pane { + margin: 12px 0 12px 20px; +} + +.dark .tab-pane-main { + display: none; +} + +.dark .tab-pane-main.active { + display: block; +} + +.dark .layoutRow { + overflow: hidden; + left: 0; + right: 0; + min-height: 600px; +} + +.dark .scroll-y { + overflow-y: auto; +} + +.dark #initial_prompt { + left: 0; + right: 0; + top: 80px; + position: absolute; + font-size: 20px; + font-weight: 200; + text-align: center; + color: #999; +} + +.dark .inputForm { + margin: 20px; +} + +.dark .sideTabItem { + padding: 10px 30px 10px 20px; + position: relative; + font-size: 14px; + border-right: 1px solid #ccc; + border-left: 1px solid transparent; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + margin-left: 40px; + cursor: pointer; + margin-right: -1px; +} + +.dark .sideTabItem:hover { + border-right: 3px solid #E1E6EB; +} + +.dark .sideTabList { + padding-top: 10px; + border-right: 1px solid #CCC; +} + +.dark .sideTabList .link-wrap { + display: block; + text-decoration: none !important; +} + +.dark .sideTabItem.selected { + border-right: 3px solid #007ABD; +} + +.dark .sideTabName { + line-height: 20px; +} + +.dark .indexes_list { + color: #999; + font-size: 11px; +} + +.dark .more { + text-decoration: underline; + color: #1e93c6; + cursor: pointer; + padding-left: 0.5em; +} + +.dark .col-visibility label.checkbox { + padding: 2px 0px 2px 0px; +} + +.dark .btn.nopointer { + pointer-events: none; + cursor: default; +} + +.dark .filter-control { + margin: 20px 0 10px 0; +} + +.dark .filter-control a.control-clear { + position: relative; + left: -25px; + top: 3px; + line-height: 22px; + font-size: 18px; + color: #999999; +} + +.dark .table-chrome.table-striped>tbody>tr:nth-child(odd)>td { + min-width: 20px; +} + +.dark .nav.nav-tabs { + border-top-style: none; + border-bottom: none; +} + +.dark .control.btn-group { + padding-top: 5px; +} + +.dark a.dropdown-toggle.disabled { + color: #999; +} + +.dark .timepicker-control-menu .btn { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 0; + border-top-left-radius: 0; + border-left: none; +} + +.dark .shared-controls-multiinputcontrol { + display: inline-block +} + +.dark .number-text-container input, +.dark .number-text-container span { + min-width: 200px; +} + +.dark .indexes-whitelist-help.help-block { + margin-left: 0; +} + +.dark .loading { + width: 100%; + text-align: center; + padding: 30px; +} + + +/* Manage API Styles */ + +.dark .layoutColRight .tab-pane.manageAPIKeyForm { + margin: 12px 20px; +} + +.dark .manageAPIKeyForm input { + width: 100% +} + +.dark .manageAPIKeyForm .actionButtons { + text-align: center; +} + +.dark .manageAPIKeyForm .actionButtons a { + width: 30%; + margin: 2px; +} + +.dark .manageAPIKeyForm .status { + padding: 20px 20px 0; + text-align: center; +} + +.dark .manageAPIKeyForm .apiForm { + width: 350px; + margin-top: 20px; +} + + +/* Forms */ + +.dark label, +.dark .form-horizontal .control-label { + text-align: left; + color: rgba(255, 255, 255, 0.5); +} + + +/* Text Input */ + +.dark .uneditable-input, +.dark input[type=color], +.dark input[type=date], +.dark input[type=datetime-local], +.dark input[type=datetime], +.dark input[type=email], +.dark input[type=month], +.dark input[type=number], +.dark input[type=password], +.dark input[type=search], +.dark input[type=tel], +.dark input[type=text], +.dark input[type=time], +.dark input[type=url], +.dark input[type=week], +.dark select, +.dark textarea { + background-color: transparent; + border: 1px solid rgba(255, 255, 255, 0.5); + border-radius: 4px; + box-sizing: border-box; + box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); + color: rgba(255, 255, 255, 0.98); + display: block; + font-family: 'Splunk Platform Sans', 'Splunk Data Sans', Roboto, Droid, 'Helvetica Neue', Helvetica, Arial, sans-serif; + margin: 0; + min-height: 30px; + width: 100%; + padding-top: 5px; + padding-bottom: 5px; + position: relative; +} + + +/* Button */ + +.dark .btn, +.dark .btn-pill, +.dark .modal-header .close, +.dark .dropdown-toggle { + background: transparent none repeat; + margin: 0; + overflow: visible; + widows: 2; + box-sizing: border-box; + color: rgba(255, 255, 255, 0.98); + display: inline-block; + font-family: 'Splunk Platform Sans', 'Splunk Data Sans', Roboto, Droid, 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-size: 14px; + outline: medium none rgba(57, 147, 255, 0.7); + cursor: pointer; + position: relative; + border: 1px solid rgba(255, 255, 255, 0.5); + font-weight: 500; + text-align: center; + vertical-align: middle; + text-decoration: none; + white-space: nowrap; + flex-grow: 1; + min-width: 0; + max-width: 100%; + line-height: 20px; + min-height: 32px; + padding: 6px 15px; + border-radius: 30px; +} + +.dark .btn.active, +.dark .btn-pill.active { + background: #27292e; + /*backgroundColorPopup*/ +} + +.dark .btn:hover, +.dark .modal-header .close:hover { + box-shadow: 0 0 0 2px #111215, 0 0 0 5px rgb(255 255 255 / 5%); + background: transparent none repeat; +} + +.dark .btn:focus, +.dark .modal-header .close:focus { + box-shadow: 0 0 0 2px #111215, 0 0 0 5px rgb(57 147 255 / 70%); +} + +.dark .btn-primary, +.dark .btn-primary:hover { + color: #000; + background: #3993FF; + /*interactiveColorPrimary*/ + border: none; +} + +.dark .btn-secondary:hover, +.dark .btn-group-radio>.btn.active { + background-color: rgba(255, 255, 255, 0.05); + border-color: rgba(255, 255, 255, 0.7); + box-shadow: 0 0 0 2px #111215, 0 0 0 5px rgb(255 255 255 / 5%); +} + +.dark .btn-group>.btn, +.dark .btn-group>.btn-combo>.btn { + position: relative; + border-radius: 0; + border-top-left-radius: 0px; + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; + border-bottom-left-radius: 0px; +} + +.dark .btn-group>.btn-combo:last-child>.btn:last-child, +.dark .btn-group>.btn-combo:last-child>.dropdown-toggle, +.dark .btn-group>.btn:last-child, +.dark .btn-group>.dropdown-toggle { + border-top-right-radius: 30px; + border-bottom-right-radius: 30px; +} + +.dark .btn-group>.btn-combo:first-child>.btn:first-child, +.dark .btn-group>.btn-combo:first-child>.drodown-toggle, +.dark .btn-group>.btn:first-child { + margin-left: 0; + border-top-left-radius: 30px; + border-bottom-left-radius: 30px; +} + +.dark .btn-group>.btn+.btn, +.dark .btn-group>.btn+.btn-combo, +.dark .btn-group>.btn-combo+.btn, +.dark .btn-group>.btn-combo+.btn-combo { + margin-left: -1px; +} + +.dark .splunk-dropdown.splunk-choice-input button, +.dark .splunk-dropdown.splunk-choice-input button:hover { + background: none; + color: rgba(255, 255, 255, 0.98); + /* had to pick from page */ + border-color: rgba(255, 255, 255, 0.5); +} + + +/* Time Range Picker */ + +.dark .shared-timerangepicker-dialog { + background: none; +} + +.dark .accordion-body { + background: none; +} + +.dark .accordion-group .accordion-toggle { + color: rgba(255, 255, 255, 0.98); + /* had to pick from page */ + background: #272a2f; + /* interactiveColorBackground */ +} + +.dark .accordion-group .accordion-toggle:hover { + background: rgb(50, 53, 57); + /* had to pick from page */ +} + +.dark .popdown-dialog { + background: #111215; + /* backgroundColorPage */ +} + +.dark .popdown-dialog, +.dark .popdown-dialog-footer { + border-color: #33343b; + /* neutral100 */ +} + +.dark .popdown-dialog .arrow, +.dark .popdown-dialog .arrow:before { + border-bottom: 8px solid #33343b; + /* neutral100 */ +} + + +/* Modal */ + +.dark .modal, +.dark .modal-header, +.dark .modal-body, +.dark .modal-footer { + background: #1e2024; + /*backgroundColorDialog*/ + color: rgba(255, 255, 255, 0.98); + /* had to pick from page */ + border: none; +} + +.dark .modal-header .modal-title { + color: rgba(255, 255, 255, 0.98); + /* had to pick from page */ +} + +.dark .modal-header .close { + position: absolute; + color: #FFF; + font-size: 0; + border: none; + padding: 4px 11px 0px 11px; + width: auto; +} + +.dark .close:before { + color: rgba(255, 255, 255, 0.98); + /* had to pick from page */ + font-size: 25px; +} + + +/* Dropdown */ + +.dark .dropdown-menu { + border: none; + box-shadow: 0px 26px 103px rgb(0 0 0 / 64%), 0px 11px 18px rgb(0 0 0 / 32%), 0px 3px 6px rgb(0 0 0 / 30%); + border-radius: 4px; +} + +.dark .dropdown-menu ul, +.dark .dropdown-menu, +.dark .dropdown-menu-main { + background: #1e2024; + /*backgroundColorDialog*/ +} + +.dark .dropdown-menu li>a { + color: rgba(255, 255, 255, 0.98); + /* had to pick from page */ +} + +.dark .dropdown-menu li>a:hover { + background: #27292e; + /*backgroundColorPopup*/ +} + +.dark .dropdown-menu li>a:focus { + outline: 0; + box-shadow: inset 0 0 0 3px rgb(57 147 255 / 70%); + background: #27292e; + /*backgroundColorPopup*/ +} + +.dark .dropdown-menu .arrow, +.dark .dropdown-menu .arrow:before { + display: none; +} + + +/* Alerts */ + +.dark .alert { + color: rgba(255, 255, 255, 0.98); + /* had to pick from page */ +} + + +/* Table */ + +.dark .table-striped thead:first-child tr:first-child th, +.dark .table-striped>tbody>tr.odd>td, +.dark .table-striped>tbody>tr.odd>th, +.dark .table-striped>tbody>tr.even>td, +.dark .table-striped>tbody>tr.even>th, +.dark .table-striped>thead>tr>th, +.dark .results-table .table { + background: none; +} + +.dark .results-table .table td, +.dark .results-table .table th { + border-color: #27292e; +} + +.dark .table-chrome>thead>tr>th { + background: #272a2f; + border-color: #111215; +} + +.dark .results-table tbody td.highlighted, +.dark .results-table tbody tr.highlighted>td { + background-color: rgba(255, 255, 255, 0.1) !important; + /* important is necessary from the css file */ +} + + +/* Checkbox */ + +.dark label.checkbox>.btn { + min-height: 16px; +} + + +/* Tabs */ + +.dark .nav-tabs>li>a { + color: rgba(255, 255, 255, 0.98); + /* had to pick from page */ +} + +.dark .nav-tabs { + background: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.5); +} + + +/* Color */ + +.dark p, +.dark h1 { + color: rgba(255, 255, 255, 0.98); + /* had to pick from page */ +} + + +/* Search Filter */ + +.dark header input[type=text]:hover, +.dark header input[type=text]:focus, +.dark header input[type=text] { + min-height: 0; + margin-top: 3px; + border: none; + background-color: #2B3033; + /* had to pick from page */ + width: 120px; +} + +.dark header .icon-search-thin { + display: none; +} + +.dark .icon-identity, +.dark .icon-asset { + filter: invert(1); +} \ No newline at end of file diff --git a/appserver/static/cim_setup-enterprise.css b/appserver/static/cim_setup-enterprise.css new file mode 100644 index 0000000..05491e6 --- /dev/null +++ b/appserver/static/cim_setup-enterprise.css @@ -0,0 +1,220 @@ +.section-header { + border-bottom: 1px solid #C3CBD4; +} +.section-header .title { + margin-top: 0px; + margin-bottom: 0px; + font-size: 24px; +} +.cimSetupWrapper { + border: 1px solid #ccc; + margin: 30px auto; + width: 70%; + min-width: 1000px; +} +#cim_setup_container .modal-footer { + border-top: 1px solid #C3CBD4; +} +#cim_setup_container .modal-header { + border-bottom: 1px solid #C3CBD4; +} +#cim_setup_container .modal-body { + padding: 20px; +} +#cim_setup_container .alert { + font-size: 12px; +} +#cim_setup_container .alert .icon-alert { + font-size: 150%; + position: absolute; + left: 10px; + top: 5px; +} +.selectModelColumns { + position: relative; +} +.tab { + display: inline-block; +} +.layoutBodyColumns { + top: 0; + border-top: 1px solid #ccc; + bottom: 0; + background-color: #fff; + overflow: auto; + position: relative; +} +.layoutColLeft { + width: 360px; + background-color: #eee; +} +.layoutCol { + overflow: hidden; + position: absolute; + top: 0; + bottom: 0; +} +.layoutColRight { + right: 0; + left: 360px; +} +.layoutColRight .tab-pane { + margin: 12px 0 12px 20px; +} +.tab-pane-main { + display: none; +} +.tab-pane-main.active { + display: block; +} +.layoutRow { + overflow: hidden; + left: 0; + right: 0; + min-height: 600px; +} +.scroll-y { + overflow-y: auto; +} +#initial_prompt { + left: 0; + right: 0; + top: 80px; + position: absolute; + font-size: 20px; + font-weight: 200; + text-align: center; + color: #999; +} +.inputForm { + margin: 20px; +} +.sideTabItem { + padding: 10px 30px 10px 20px; + position: relative; + font-size: 14px; + border-right: 1px solid #ccc; + margin-left: 40px; + cursor: pointer; + margin-right: -1px; +} +.sideTabItem:hover { + background: #DDD; +} +.sideTabList { + padding-top: 10px; + border-right: 1px solid #CCC; +} +.sideTabList .link-wrap { + display: block; + text-decoration: none !important; +} +.sideTabItem.selected { + color: #666; + background-color: #fff; + border: 1px solid #ccc; + border-right: 0px; +} +.sideTabName { + line-height: 20px; +} +.indexes_list { + color: #999; + font-size: 11px; +} +.more { + text-decoration: underline; + color: #1e93c6; + cursor: pointer; + padding-left: 0.5em; +} +.col-visibility label.checkbox { + padding: 2px 0px 2px 0px; +} +.btn.nopointer { + pointer-events: none; + cursor: default; +} +.filter-control { + margin: 20px 0 10px 0; +} +.filter-control a.control-clear { + position: relative; + left: -25px; + top: 3px; + line-height: 22px; + font-size: 18px; + color: #999999; +} + +.table-chrome.table-striped>tbody>tr:nth-child(odd)>td { + min-width: 20px; +} + +.nav.nav-tabs { + border-top-style: none; + border-bottom: none; +} + +.control.btn-group { + padding-top: 5px; +} + +a.dropdown-toggle.disabled { + color: #999; +} + +.timepicker-control-menu .btn { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 0; + border-top-left-radius: 0; + border-left: none; +} + +.shared-controls-multiinputcontrol { + display: inline-block +} + +.number-text-container input, +.number-text-container span { + min-width: 200px; +} + +.indexes-whitelist-help.help-block { + margin-left: 0; +} + +.loading { + width: 100%; + text-align: center; + padding: 30px; +} + +/* Manage API Styles */ +.layoutColRight .tab-pane.manageAPIKeyForm { + margin: 12px 20px; +} + +.manageAPIKeyForm input{ + width: 100% +} + +.manageAPIKeyForm .actionButtons { + text-align: center; +} + +.manageAPIKeyForm .actionButtons a { + width: 30%; + margin: 2px; +} + +.manageAPIKeyForm .status { + padding: 20px 20px 0; + text-align: center; +} + +.manageAPIKeyForm .apiForm { + width: 350px; + margin-top: 20px; +} \ No newline at end of file diff --git a/appserver/static/cim_setup.js b/appserver/static/cim_setup.js index 695eb6f..2644969 100644 --- a/appserver/static/cim_setup.js +++ b/appserver/static/cim_setup.js @@ -86,1780 +86,1346 @@ /************************************************************************/ /******/ ({ -/***/ "../../node_modules/@babel/runtime/helpers/assertThisInitialized.js": -/*!*****************************************************************************************************!*\ - !*** /build/sa-commoninformationmodel/node_modules/@babel/runtime/helpers/assertThisInitialized.js ***! - \*****************************************************************************************************/ -/*! no static exports found */ -/***/ (function(module, exports) { - -eval("function _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}\n\nmodule.exports = _assertThisInitialized;\nmodule.exports[\"default\"] = module.exports, module.exports.__esModule = true;\n\n//# sourceURL=webpack:////build/sa-commoninformationmodel/node_modules/@babel/runtime/helpers/assertThisInitialized.js?"); - -/***/ }), - -/***/ "../../node_modules/@babel/runtime/helpers/classCallCheck.js": -/*!**********************************************************************************************!*\ - !*** /build/sa-commoninformationmodel/node_modules/@babel/runtime/helpers/classCallCheck.js ***! - \**********************************************************************************************/ -/*! no static exports found */ -/***/ (function(module, exports) { - -eval("function _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\n\nmodule.exports = _classCallCheck;\nmodule.exports[\"default\"] = module.exports, module.exports.__esModule = true;\n\n//# sourceURL=webpack:////build/sa-commoninformationmodel/node_modules/@babel/runtime/helpers/classCallCheck.js?"); - -/***/ }), - -/***/ "../../node_modules/@babel/runtime/helpers/createClass.js": -/*!*******************************************************************************************!*\ - !*** /build/sa-commoninformationmodel/node_modules/@babel/runtime/helpers/createClass.js ***! - \*******************************************************************************************/ -/*! no static exports found */ -/***/ (function(module, exports) { - -eval("function _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\n\nmodule.exports = _createClass;\nmodule.exports[\"default\"] = module.exports, module.exports.__esModule = true;\n\n//# sourceURL=webpack:////build/sa-commoninformationmodel/node_modules/@babel/runtime/helpers/createClass.js?"); - -/***/ }), - -/***/ "../../node_modules/@babel/runtime/helpers/extends.js": -/*!***************************************************************************************!*\ - !*** /build/sa-commoninformationmodel/node_modules/@babel/runtime/helpers/extends.js ***! - \***************************************************************************************/ -/*! no static exports found */ -/***/ (function(module, exports) { - -eval("function _extends() {\n module.exports = _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n module.exports[\"default\"] = module.exports, module.exports.__esModule = true;\n return _extends.apply(this, arguments);\n}\n\nmodule.exports = _extends;\nmodule.exports[\"default\"] = module.exports, module.exports.__esModule = true;\n\n//# sourceURL=webpack:////build/sa-commoninformationmodel/node_modules/@babel/runtime/helpers/extends.js?"); - -/***/ }), - -/***/ "../../node_modules/@babel/runtime/helpers/getPrototypeOf.js": -/*!**********************************************************************************************!*\ - !*** /build/sa-commoninformationmodel/node_modules/@babel/runtime/helpers/getPrototypeOf.js ***! - \**********************************************************************************************/ -/*! no static exports found */ -/***/ (function(module, exports) { - -eval("function _getPrototypeOf(o) {\n module.exports = _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n module.exports[\"default\"] = module.exports, module.exports.__esModule = true;\n return _getPrototypeOf(o);\n}\n\nmodule.exports = _getPrototypeOf;\nmodule.exports[\"default\"] = module.exports, module.exports.__esModule = true;\n\n//# sourceURL=webpack:////build/sa-commoninformationmodel/node_modules/@babel/runtime/helpers/getPrototypeOf.js?"); - -/***/ }), - -/***/ "../../node_modules/@babel/runtime/helpers/inherits.js": -/*!****************************************************************************************!*\ - !*** /build/sa-commoninformationmodel/node_modules/@babel/runtime/helpers/inherits.js ***! - \****************************************************************************************/ -/*! no static exports found */ -/***/ (function(module, exports, __webpack_require__) { - -eval("var setPrototypeOf = __webpack_require__(/*! ./setPrototypeOf.js */ \"../../node_modules/@babel/runtime/helpers/setPrototypeOf.js\");\n\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) setPrototypeOf(subClass, superClass);\n}\n\nmodule.exports = _inherits;\nmodule.exports[\"default\"] = module.exports, module.exports.__esModule = true;\n\n//# sourceURL=webpack:////build/sa-commoninformationmodel/node_modules/@babel/runtime/helpers/inherits.js?"); - -/***/ }), - -/***/ "../../node_modules/@babel/runtime/helpers/objectWithoutProperties.js": -/*!*******************************************************************************************************!*\ - !*** /build/sa-commoninformationmodel/node_modules/@babel/runtime/helpers/objectWithoutProperties.js ***! - \*******************************************************************************************************/ -/*! no static exports found */ -/***/ (function(module, exports, __webpack_require__) { - -eval("var objectWithoutPropertiesLoose = __webpack_require__(/*! ./objectWithoutPropertiesLoose.js */ \"../../node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\");\n\nfunction _objectWithoutProperties(source, excluded) {\n if (source == null) return {};\n var target = objectWithoutPropertiesLoose(source, excluded);\n var key, i;\n\n if (Object.getOwnPropertySymbols) {\n var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n\n for (i = 0; i < sourceSymbolKeys.length; i++) {\n key = sourceSymbolKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n target[key] = source[key];\n }\n }\n\n return target;\n}\n\nmodule.exports = _objectWithoutProperties;\nmodule.exports[\"default\"] = module.exports, module.exports.__esModule = true;\n\n//# sourceURL=webpack:////build/sa-commoninformationmodel/node_modules/@babel/runtime/helpers/objectWithoutProperties.js?"); - -/***/ }), - -/***/ "../../node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js": -/*!************************************************************************************************************!*\ - !*** /build/sa-commoninformationmodel/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js ***! - \************************************************************************************************************/ -/*! no static exports found */ -/***/ (function(module, exports) { - -eval("function _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nmodule.exports = _objectWithoutPropertiesLoose;\nmodule.exports[\"default\"] = module.exports, module.exports.__esModule = true;\n\n//# sourceURL=webpack:////build/sa-commoninformationmodel/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js?"); - -/***/ }), - -/***/ "../../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js": -/*!*********************************************************************************************************!*\ - !*** /build/sa-commoninformationmodel/node_modules/@babel/runtime/helpers/possibleConstructorReturn.js ***! - \*********************************************************************************************************/ -/*! no static exports found */ -/***/ (function(module, exports, __webpack_require__) { - -eval("var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ \"../../node_modules/@babel/runtime/helpers/typeof.js\")[\"default\"];\n\nvar assertThisInitialized = __webpack_require__(/*! ./assertThisInitialized.js */ \"../../node_modules/@babel/runtime/helpers/assertThisInitialized.js\");\n\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n\n return assertThisInitialized(self);\n}\n\nmodule.exports = _possibleConstructorReturn;\nmodule.exports[\"default\"] = module.exports, module.exports.__esModule = true;\n\n//# sourceURL=webpack:////build/sa-commoninformationmodel/node_modules/@babel/runtime/helpers/possibleConstructorReturn.js?"); - -/***/ }), - -/***/ "../../node_modules/@babel/runtime/helpers/setPrototypeOf.js": -/*!**********************************************************************************************!*\ - !*** /build/sa-commoninformationmodel/node_modules/@babel/runtime/helpers/setPrototypeOf.js ***! - \**********************************************************************************************/ -/*! no static exports found */ -/***/ (function(module, exports) { - -eval("function _setPrototypeOf(o, p) {\n module.exports = _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n module.exports[\"default\"] = module.exports, module.exports.__esModule = true;\n return _setPrototypeOf(o, p);\n}\n\nmodule.exports = _setPrototypeOf;\nmodule.exports[\"default\"] = module.exports, module.exports.__esModule = true;\n\n//# sourceURL=webpack:////build/sa-commoninformationmodel/node_modules/@babel/runtime/helpers/setPrototypeOf.js?"); - -/***/ }), - -/***/ "../../node_modules/@babel/runtime/helpers/typeof.js": -/*!**************************************************************************************!*\ - !*** /build/sa-commoninformationmodel/node_modules/@babel/runtime/helpers/typeof.js ***! - \**************************************************************************************/ -/*! no static exports found */ -/***/ (function(module, exports) { - -eval("function _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n module.exports = _typeof = function _typeof(obj) {\n return typeof obj;\n };\n\n module.exports[\"default\"] = module.exports, module.exports.__esModule = true;\n } else {\n module.exports = _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n\n module.exports[\"default\"] = module.exports, module.exports.__esModule = true;\n }\n\n return _typeof(obj);\n}\n\nmodule.exports = _typeof;\nmodule.exports[\"default\"] = module.exports, module.exports.__esModule = true;\n\n//# sourceURL=webpack:////build/sa-commoninformationmodel/node_modules/@babel/runtime/helpers/typeof.js?"); - -/***/ }), - /***/ "../../node_modules/@emotion/is-prop-valid/dist/is-prop-valid.browser.esm.js": -/*!**************************************************************************************************************!*\ - !*** /build/sa-commoninformationmodel/node_modules/@emotion/is-prop-valid/dist/is-prop-valid.browser.esm.js ***! - \**************************************************************************************************************/ +/*!**********************************************************************************************************************************!*\ + !*** /builds/EnterpriseSecurity/sa-commoninformationmodel/node_modules/@emotion/is-prop-valid/dist/is-prop-valid.browser.esm.js ***! + \**********************************************************************************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _emotion_memoize__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @emotion/memoize */ \"../../node_modules/@emotion/memoize/dist/memoize.browser.esm.js\");\n\n\nvar reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|inert|itemProp|itemScope|itemType|itemID|itemRef|on|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23\n\nvar index = Object(_emotion_memoize__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(function (prop) {\n return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111\n /* o */\n && prop.charCodeAt(1) === 110\n /* n */\n && prop.charCodeAt(2) < 91;\n}\n/* Z+1 */\n);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (index);\n\n\n//# sourceURL=webpack:////build/sa-commoninformationmodel/node_modules/@emotion/is-prop-valid/dist/is-prop-valid.browser.esm.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _emotion_memoize__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @emotion/memoize */ \"../../node_modules/@emotion/memoize/dist/memoize.browser.esm.js\");\n\n\nvar reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|inert|itemProp|itemScope|itemType|itemID|itemRef|on|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23\n\nvar index = Object(_emotion_memoize__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(function (prop) {\n return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111\n /* o */\n && prop.charCodeAt(1) === 110\n /* n */\n && prop.charCodeAt(2) < 91;\n}\n/* Z+1 */\n);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (index);\n\n\n//# sourceURL=webpack:////builds/EnterpriseSecurity/sa-commoninformationmodel/node_modules/@emotion/is-prop-valid/dist/is-prop-valid.browser.esm.js?"); /***/ }), /***/ "../../node_modules/@emotion/memoize/dist/memoize.browser.esm.js": -/*!**************************************************************************************************!*\ - !*** /build/sa-commoninformationmodel/node_modules/@emotion/memoize/dist/memoize.browser.esm.js ***! - \**************************************************************************************************/ +/*!**********************************************************************************************************************!*\ + !*** /builds/EnterpriseSecurity/sa-commoninformationmodel/node_modules/@emotion/memoize/dist/memoize.browser.esm.js ***! + \**********************************************************************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\nfunction memoize(fn) {\n var cache = {};\n return function (arg) {\n if (cache[arg] === undefined) cache[arg] = fn(arg);\n return cache[arg];\n };\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (memoize);\n\n\n//# sourceURL=webpack:////build/sa-commoninformationmodel/node_modules/@emotion/memoize/dist/memoize.browser.esm.js?"); +eval("__webpack_require__.r(__webpack_exports__);\nfunction memoize(fn) {\n var cache = {};\n return function (arg) {\n if (cache[arg] === undefined) cache[arg] = fn(arg);\n return cache[arg];\n };\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (memoize);\n\n\n//# sourceURL=webpack:////builds/EnterpriseSecurity/sa-commoninformationmodel/node_modules/@emotion/memoize/dist/memoize.browser.esm.js?"); /***/ }), /***/ "../../node_modules/@emotion/stylis/dist/stylis.browser.esm.js": -/*!************************************************************************************************!*\ - !*** /build/sa-commoninformationmodel/node_modules/@emotion/stylis/dist/stylis.browser.esm.js ***! - \************************************************************************************************/ +/*!********************************************************************************************************************!*\ + !*** /builds/EnterpriseSecurity/sa-commoninformationmodel/node_modules/@emotion/stylis/dist/stylis.browser.esm.js ***! + \********************************************************************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\nfunction stylis_min (W) {\n function M(d, c, e, h, a) {\n for (var m = 0, b = 0, v = 0, n = 0, q, g, x = 0, K = 0, k, u = k = q = 0, l = 0, r = 0, I = 0, t = 0, B = e.length, J = B - 1, y, f = '', p = '', F = '', G = '', C; l < B;) {\n g = e.charCodeAt(l);\n l === J && 0 !== b + n + v + m && (0 !== b && (g = 47 === b ? 10 : 47), n = v = m = 0, B++, J++);\n\n if (0 === b + n + v + m) {\n if (l === J && (0 < r && (f = f.replace(N, '')), 0 < f.trim().length)) {\n switch (g) {\n case 32:\n case 9:\n case 59:\n case 13:\n case 10:\n break;\n\n default:\n f += e.charAt(l);\n }\n\n g = 59;\n }\n\n switch (g) {\n case 123:\n f = f.trim();\n q = f.charCodeAt(0);\n k = 1;\n\n for (t = ++l; l < B;) {\n switch (g = e.charCodeAt(l)) {\n case 123:\n k++;\n break;\n\n case 125:\n k--;\n break;\n\n case 47:\n switch (g = e.charCodeAt(l + 1)) {\n case 42:\n case 47:\n a: {\n for (u = l + 1; u < J; ++u) {\n switch (e.charCodeAt(u)) {\n case 47:\n if (42 === g && 42 === e.charCodeAt(u - 1) && l + 2 !== u) {\n l = u + 1;\n break a;\n }\n\n break;\n\n case 10:\n if (47 === g) {\n l = u + 1;\n break a;\n }\n\n }\n }\n\n l = u;\n }\n\n }\n\n break;\n\n case 91:\n g++;\n\n case 40:\n g++;\n\n case 34:\n case 39:\n for (; l++ < J && e.charCodeAt(l) !== g;) {\n }\n\n }\n\n if (0 === k) break;\n l++;\n }\n\n k = e.substring(t, l);\n 0 === q && (q = (f = f.replace(ca, '').trim()).charCodeAt(0));\n\n switch (q) {\n case 64:\n 0 < r && (f = f.replace(N, ''));\n g = f.charCodeAt(1);\n\n switch (g) {\n case 100:\n case 109:\n case 115:\n case 45:\n r = c;\n break;\n\n default:\n r = O;\n }\n\n k = M(c, r, k, g, a + 1);\n t = k.length;\n 0 < A && (r = X(O, f, I), C = H(3, k, r, c, D, z, t, g, a, h), f = r.join(''), void 0 !== C && 0 === (t = (k = C.trim()).length) && (g = 0, k = ''));\n if (0 < t) switch (g) {\n case 115:\n f = f.replace(da, ea);\n\n case 100:\n case 109:\n case 45:\n k = f + '{' + k + '}';\n break;\n\n case 107:\n f = f.replace(fa, '$1 $2');\n k = f + '{' + k + '}';\n k = 1 === w || 2 === w && L('@' + k, 3) ? '@-webkit-' + k + '@' + k : '@' + k;\n break;\n\n default:\n k = f + k, 112 === h && (k = (p += k, ''));\n } else k = '';\n break;\n\n default:\n k = M(c, X(c, f, I), k, h, a + 1);\n }\n\n F += k;\n k = I = r = u = q = 0;\n f = '';\n g = e.charCodeAt(++l);\n break;\n\n case 125:\n case 59:\n f = (0 < r ? f.replace(N, '') : f).trim();\n if (1 < (t = f.length)) switch (0 === u && (q = f.charCodeAt(0), 45 === q || 96 < q && 123 > q) && (t = (f = f.replace(' ', ':')).length), 0 < A && void 0 !== (C = H(1, f, c, d, D, z, p.length, h, a, h)) && 0 === (t = (f = C.trim()).length) && (f = '\\x00\\x00'), q = f.charCodeAt(0), g = f.charCodeAt(1), q) {\n case 0:\n break;\n\n case 64:\n if (105 === g || 99 === g) {\n G += f + e.charAt(l);\n break;\n }\n\n default:\n 58 !== f.charCodeAt(t - 1) && (p += P(f, q, g, f.charCodeAt(2)));\n }\n I = r = u = q = 0;\n f = '';\n g = e.charCodeAt(++l);\n }\n }\n\n switch (g) {\n case 13:\n case 10:\n 47 === b ? b = 0 : 0 === 1 + q && 107 !== h && 0 < f.length && (r = 1, f += '\\x00');\n 0 < A * Y && H(0, f, c, d, D, z, p.length, h, a, h);\n z = 1;\n D++;\n break;\n\n case 59:\n case 125:\n if (0 === b + n + v + m) {\n z++;\n break;\n }\n\n default:\n z++;\n y = e.charAt(l);\n\n switch (g) {\n case 9:\n case 32:\n if (0 === n + m + b) switch (x) {\n case 44:\n case 58:\n case 9:\n case 32:\n y = '';\n break;\n\n default:\n 32 !== g && (y = ' ');\n }\n break;\n\n case 0:\n y = '\\\\0';\n break;\n\n case 12:\n y = '\\\\f';\n break;\n\n case 11:\n y = '\\\\v';\n break;\n\n case 38:\n 0 === n + b + m && (r = I = 1, y = '\\f' + y);\n break;\n\n case 108:\n if (0 === n + b + m + E && 0 < u) switch (l - u) {\n case 2:\n 112 === x && 58 === e.charCodeAt(l - 3) && (E = x);\n\n case 8:\n 111 === K && (E = K);\n }\n break;\n\n case 58:\n 0 === n + b + m && (u = l);\n break;\n\n case 44:\n 0 === b + v + n + m && (r = 1, y += '\\r');\n break;\n\n case 34:\n case 39:\n 0 === b && (n = n === g ? 0 : 0 === n ? g : n);\n break;\n\n case 91:\n 0 === n + b + v && m++;\n break;\n\n case 93:\n 0 === n + b + v && m--;\n break;\n\n case 41:\n 0 === n + b + m && v--;\n break;\n\n case 40:\n if (0 === n + b + m) {\n if (0 === q) switch (2 * x + 3 * K) {\n case 533:\n break;\n\n default:\n q = 1;\n }\n v++;\n }\n\n break;\n\n case 64:\n 0 === b + v + n + m + u + k && (k = 1);\n break;\n\n case 42:\n case 47:\n if (!(0 < n + m + v)) switch (b) {\n case 0:\n switch (2 * g + 3 * e.charCodeAt(l + 1)) {\n case 235:\n b = 47;\n break;\n\n case 220:\n t = l, b = 42;\n }\n\n break;\n\n case 42:\n 47 === g && 42 === x && t + 2 !== l && (33 === e.charCodeAt(t + 2) && (p += e.substring(t, l + 1)), y = '', b = 0);\n }\n }\n\n 0 === b && (f += y);\n }\n\n K = x;\n x = g;\n l++;\n }\n\n t = p.length;\n\n if (0 < t) {\n r = c;\n if (0 < A && (C = H(2, p, r, d, D, z, t, h, a, h), void 0 !== C && 0 === (p = C).length)) return G + p + F;\n p = r.join(',') + '{' + p + '}';\n\n if (0 !== w * E) {\n 2 !== w || L(p, 2) || (E = 0);\n\n switch (E) {\n case 111:\n p = p.replace(ha, ':-moz-$1') + p;\n break;\n\n case 112:\n p = p.replace(Q, '::-webkit-input-$1') + p.replace(Q, '::-moz-$1') + p.replace(Q, ':-ms-input-$1') + p;\n }\n\n E = 0;\n }\n }\n\n return G + p + F;\n }\n\n function X(d, c, e) {\n var h = c.trim().split(ia);\n c = h;\n var a = h.length,\n m = d.length;\n\n switch (m) {\n case 0:\n case 1:\n var b = 0;\n\n for (d = 0 === m ? '' : d[0] + ' '; b < a; ++b) {\n c[b] = Z(d, c[b], e).trim();\n }\n\n break;\n\n default:\n var v = b = 0;\n\n for (c = []; b < a; ++b) {\n for (var n = 0; n < m; ++n) {\n c[v++] = Z(d[n] + ' ', h[b], e).trim();\n }\n }\n\n }\n\n return c;\n }\n\n function Z(d, c, e) {\n var h = c.charCodeAt(0);\n 33 > h && (h = (c = c.trim()).charCodeAt(0));\n\n switch (h) {\n case 38:\n return c.replace(F, '$1' + d.trim());\n\n case 58:\n return d.trim() + c.replace(F, '$1' + d.trim());\n\n default:\n if (0 < 1 * e && 0 < c.indexOf('\\f')) return c.replace(F, (58 === d.charCodeAt(0) ? '' : '$1') + d.trim());\n }\n\n return d + c;\n }\n\n function P(d, c, e, h) {\n var a = d + ';',\n m = 2 * c + 3 * e + 4 * h;\n\n if (944 === m) {\n d = a.indexOf(':', 9) + 1;\n var b = a.substring(d, a.length - 1).trim();\n b = a.substring(0, d).trim() + b + ';';\n return 1 === w || 2 === w && L(b, 1) ? '-webkit-' + b + b : b;\n }\n\n if (0 === w || 2 === w && !L(a, 1)) return a;\n\n switch (m) {\n case 1015:\n return 97 === a.charCodeAt(10) ? '-webkit-' + a + a : a;\n\n case 951:\n return 116 === a.charCodeAt(3) ? '-webkit-' + a + a : a;\n\n case 963:\n return 110 === a.charCodeAt(5) ? '-webkit-' + a + a : a;\n\n case 1009:\n if (100 !== a.charCodeAt(4)) break;\n\n case 969:\n case 942:\n return '-webkit-' + a + a;\n\n case 978:\n return '-webkit-' + a + '-moz-' + a + a;\n\n case 1019:\n case 983:\n return '-webkit-' + a + '-moz-' + a + '-ms-' + a + a;\n\n case 883:\n if (45 === a.charCodeAt(8)) return '-webkit-' + a + a;\n if (0 < a.indexOf('image-set(', 11)) return a.replace(ja, '$1-webkit-$2') + a;\n break;\n\n case 932:\n if (45 === a.charCodeAt(4)) switch (a.charCodeAt(5)) {\n case 103:\n return '-webkit-box-' + a.replace('-grow', '') + '-webkit-' + a + '-ms-' + a.replace('grow', 'positive') + a;\n\n case 115:\n return '-webkit-' + a + '-ms-' + a.replace('shrink', 'negative') + a;\n\n case 98:\n return '-webkit-' + a + '-ms-' + a.replace('basis', 'preferred-size') + a;\n }\n return '-webkit-' + a + '-ms-' + a + a;\n\n case 964:\n return '-webkit-' + a + '-ms-flex-' + a + a;\n\n case 1023:\n if (99 !== a.charCodeAt(8)) break;\n b = a.substring(a.indexOf(':', 15)).replace('flex-', '').replace('space-between', 'justify');\n return '-webkit-box-pack' + b + '-webkit-' + a + '-ms-flex-pack' + b + a;\n\n case 1005:\n return ka.test(a) ? a.replace(aa, ':-webkit-') + a.replace(aa, ':-moz-') + a : a;\n\n case 1e3:\n b = a.substring(13).trim();\n c = b.indexOf('-') + 1;\n\n switch (b.charCodeAt(0) + b.charCodeAt(c)) {\n case 226:\n b = a.replace(G, 'tb');\n break;\n\n case 232:\n b = a.replace(G, 'tb-rl');\n break;\n\n case 220:\n b = a.replace(G, 'lr');\n break;\n\n default:\n return a;\n }\n\n return '-webkit-' + a + '-ms-' + b + a;\n\n case 1017:\n if (-1 === a.indexOf('sticky', 9)) break;\n\n case 975:\n c = (a = d).length - 10;\n b = (33 === a.charCodeAt(c) ? a.substring(0, c) : a).substring(d.indexOf(':', 7) + 1).trim();\n\n switch (m = b.charCodeAt(0) + (b.charCodeAt(7) | 0)) {\n case 203:\n if (111 > b.charCodeAt(8)) break;\n\n case 115:\n a = a.replace(b, '-webkit-' + b) + ';' + a;\n break;\n\n case 207:\n case 102:\n a = a.replace(b, '-webkit-' + (102 < m ? 'inline-' : '') + 'box') + ';' + a.replace(b, '-webkit-' + b) + ';' + a.replace(b, '-ms-' + b + 'box') + ';' + a;\n }\n\n return a + ';';\n\n case 938:\n if (45 === a.charCodeAt(5)) switch (a.charCodeAt(6)) {\n case 105:\n return b = a.replace('-items', ''), '-webkit-' + a + '-webkit-box-' + b + '-ms-flex-' + b + a;\n\n case 115:\n return '-webkit-' + a + '-ms-flex-item-' + a.replace(ba, '') + a;\n\n default:\n return '-webkit-' + a + '-ms-flex-line-pack' + a.replace('align-content', '').replace(ba, '') + a;\n }\n break;\n\n case 973:\n case 989:\n if (45 !== a.charCodeAt(3) || 122 === a.charCodeAt(4)) break;\n\n case 931:\n case 953:\n if (!0 === la.test(d)) return 115 === (b = d.substring(d.indexOf(':') + 1)).charCodeAt(0) ? P(d.replace('stretch', 'fill-available'), c, e, h).replace(':fill-available', ':stretch') : a.replace(b, '-webkit-' + b) + a.replace(b, '-moz-' + b.replace('fill-', '')) + a;\n break;\n\n case 962:\n if (a = '-webkit-' + a + (102 === a.charCodeAt(5) ? '-ms-' + a : '') + a, 211 === e + h && 105 === a.charCodeAt(13) && 0 < a.indexOf('transform', 10)) return a.substring(0, a.indexOf(';', 27) + 1).replace(ma, '$1-webkit-$2') + a;\n }\n\n return a;\n }\n\n function L(d, c) {\n var e = d.indexOf(1 === c ? ':' : '{'),\n h = d.substring(0, 3 !== c ? e : 10);\n e = d.substring(e + 1, d.length - 1);\n return R(2 !== c ? h : h.replace(na, '$1'), e, c);\n }\n\n function ea(d, c) {\n var e = P(c, c.charCodeAt(0), c.charCodeAt(1), c.charCodeAt(2));\n return e !== c + ';' ? e.replace(oa, ' or ($1)').substring(4) : '(' + c + ')';\n }\n\n function H(d, c, e, h, a, m, b, v, n, q) {\n for (var g = 0, x = c, w; g < A; ++g) {\n switch (w = S[g].call(B, d, x, e, h, a, m, b, v, n, q)) {\n case void 0:\n case !1:\n case !0:\n case null:\n break;\n\n default:\n x = w;\n }\n }\n\n if (x !== c) return x;\n }\n\n function T(d) {\n switch (d) {\n case void 0:\n case null:\n A = S.length = 0;\n break;\n\n default:\n if ('function' === typeof d) S[A++] = d;else if ('object' === typeof d) for (var c = 0, e = d.length; c < e; ++c) {\n T(d[c]);\n } else Y = !!d | 0;\n }\n\n return T;\n }\n\n function U(d) {\n d = d.prefix;\n void 0 !== d && (R = null, d ? 'function' !== typeof d ? w = 1 : (w = 2, R = d) : w = 0);\n return U;\n }\n\n function B(d, c) {\n var e = d;\n 33 > e.charCodeAt(0) && (e = e.trim());\n V = e;\n e = [V];\n\n if (0 < A) {\n var h = H(-1, c, e, e, D, z, 0, 0, 0, 0);\n void 0 !== h && 'string' === typeof h && (c = h);\n }\n\n var a = M(O, e, c, 0, 0);\n 0 < A && (h = H(-2, a, e, e, D, z, a.length, 0, 0, 0), void 0 !== h && (a = h));\n V = '';\n E = 0;\n z = D = 1;\n return a;\n }\n\n var ca = /^\\0+/g,\n N = /[\\0\\r\\f]/g,\n aa = /: */g,\n ka = /zoo|gra/,\n ma = /([,: ])(transform)/g,\n ia = /,\\r+?/g,\n F = /([\\t\\r\\n ])*\\f?&/g,\n fa = /@(k\\w+)\\s*(\\S*)\\s*/,\n Q = /::(place)/g,\n ha = /:(read-only)/g,\n G = /[svh]\\w+-[tblr]{2}/,\n da = /\\(\\s*(.*)\\s*\\)/g,\n oa = /([\\s\\S]*?);/g,\n ba = /-self|flex-/g,\n na = /[^]*?(:[rp][el]a[\\w-]+)[^]*/,\n la = /stretch|:\\s*\\w+\\-(?:conte|avail)/,\n ja = /([^-])(image-set\\()/,\n z = 1,\n D = 1,\n E = 0,\n w = 1,\n O = [],\n S = [],\n A = 0,\n R = null,\n Y = 0,\n V = '';\n B.use = T;\n B.set = U;\n void 0 !== W && U(W);\n return B;\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (stylis_min);\n\n\n//# sourceURL=webpack:////build/sa-commoninformationmodel/node_modules/@emotion/stylis/dist/stylis.browser.esm.js?"); +eval("__webpack_require__.r(__webpack_exports__);\nfunction stylis_min (W) {\n function M(d, c, e, h, a) {\n for (var m = 0, b = 0, v = 0, n = 0, q, g, x = 0, K = 0, k, u = k = q = 0, l = 0, r = 0, I = 0, t = 0, B = e.length, J = B - 1, y, f = '', p = '', F = '', G = '', C; l < B;) {\n g = e.charCodeAt(l);\n l === J && 0 !== b + n + v + m && (0 !== b && (g = 47 === b ? 10 : 47), n = v = m = 0, B++, J++);\n\n if (0 === b + n + v + m) {\n if (l === J && (0 < r && (f = f.replace(N, '')), 0 < f.trim().length)) {\n switch (g) {\n case 32:\n case 9:\n case 59:\n case 13:\n case 10:\n break;\n\n default:\n f += e.charAt(l);\n }\n\n g = 59;\n }\n\n switch (g) {\n case 123:\n f = f.trim();\n q = f.charCodeAt(0);\n k = 1;\n\n for (t = ++l; l < B;) {\n switch (g = e.charCodeAt(l)) {\n case 123:\n k++;\n break;\n\n case 125:\n k--;\n break;\n\n case 47:\n switch (g = e.charCodeAt(l + 1)) {\n case 42:\n case 47:\n a: {\n for (u = l + 1; u < J; ++u) {\n switch (e.charCodeAt(u)) {\n case 47:\n if (42 === g && 42 === e.charCodeAt(u - 1) && l + 2 !== u) {\n l = u + 1;\n break a;\n }\n\n break;\n\n case 10:\n if (47 === g) {\n l = u + 1;\n break a;\n }\n\n }\n }\n\n l = u;\n }\n\n }\n\n break;\n\n case 91:\n g++;\n\n case 40:\n g++;\n\n case 34:\n case 39:\n for (; l++ < J && e.charCodeAt(l) !== g;) {\n }\n\n }\n\n if (0 === k) break;\n l++;\n }\n\n k = e.substring(t, l);\n 0 === q && (q = (f = f.replace(ca, '').trim()).charCodeAt(0));\n\n switch (q) {\n case 64:\n 0 < r && (f = f.replace(N, ''));\n g = f.charCodeAt(1);\n\n switch (g) {\n case 100:\n case 109:\n case 115:\n case 45:\n r = c;\n break;\n\n default:\n r = O;\n }\n\n k = M(c, r, k, g, a + 1);\n t = k.length;\n 0 < A && (r = X(O, f, I), C = H(3, k, r, c, D, z, t, g, a, h), f = r.join(''), void 0 !== C && 0 === (t = (k = C.trim()).length) && (g = 0, k = ''));\n if (0 < t) switch (g) {\n case 115:\n f = f.replace(da, ea);\n\n case 100:\n case 109:\n case 45:\n k = f + '{' + k + '}';\n break;\n\n case 107:\n f = f.replace(fa, '$1 $2');\n k = f + '{' + k + '}';\n k = 1 === w || 2 === w && L('@' + k, 3) ? '@-webkit-' + k + '@' + k : '@' + k;\n break;\n\n default:\n k = f + k, 112 === h && (k = (p += k, ''));\n } else k = '';\n break;\n\n default:\n k = M(c, X(c, f, I), k, h, a + 1);\n }\n\n F += k;\n k = I = r = u = q = 0;\n f = '';\n g = e.charCodeAt(++l);\n break;\n\n case 125:\n case 59:\n f = (0 < r ? f.replace(N, '') : f).trim();\n if (1 < (t = f.length)) switch (0 === u && (q = f.charCodeAt(0), 45 === q || 96 < q && 123 > q) && (t = (f = f.replace(' ', ':')).length), 0 < A && void 0 !== (C = H(1, f, c, d, D, z, p.length, h, a, h)) && 0 === (t = (f = C.trim()).length) && (f = '\\x00\\x00'), q = f.charCodeAt(0), g = f.charCodeAt(1), q) {\n case 0:\n break;\n\n case 64:\n if (105 === g || 99 === g) {\n G += f + e.charAt(l);\n break;\n }\n\n default:\n 58 !== f.charCodeAt(t - 1) && (p += P(f, q, g, f.charCodeAt(2)));\n }\n I = r = u = q = 0;\n f = '';\n g = e.charCodeAt(++l);\n }\n }\n\n switch (g) {\n case 13:\n case 10:\n 47 === b ? b = 0 : 0 === 1 + q && 107 !== h && 0 < f.length && (r = 1, f += '\\x00');\n 0 < A * Y && H(0, f, c, d, D, z, p.length, h, a, h);\n z = 1;\n D++;\n break;\n\n case 59:\n case 125:\n if (0 === b + n + v + m) {\n z++;\n break;\n }\n\n default:\n z++;\n y = e.charAt(l);\n\n switch (g) {\n case 9:\n case 32:\n if (0 === n + m + b) switch (x) {\n case 44:\n case 58:\n case 9:\n case 32:\n y = '';\n break;\n\n default:\n 32 !== g && (y = ' ');\n }\n break;\n\n case 0:\n y = '\\\\0';\n break;\n\n case 12:\n y = '\\\\f';\n break;\n\n case 11:\n y = '\\\\v';\n break;\n\n case 38:\n 0 === n + b + m && (r = I = 1, y = '\\f' + y);\n break;\n\n case 108:\n if (0 === n + b + m + E && 0 < u) switch (l - u) {\n case 2:\n 112 === x && 58 === e.charCodeAt(l - 3) && (E = x);\n\n case 8:\n 111 === K && (E = K);\n }\n break;\n\n case 58:\n 0 === n + b + m && (u = l);\n break;\n\n case 44:\n 0 === b + v + n + m && (r = 1, y += '\\r');\n break;\n\n case 34:\n case 39:\n 0 === b && (n = n === g ? 0 : 0 === n ? g : n);\n break;\n\n case 91:\n 0 === n + b + v && m++;\n break;\n\n case 93:\n 0 === n + b + v && m--;\n break;\n\n case 41:\n 0 === n + b + m && v--;\n break;\n\n case 40:\n if (0 === n + b + m) {\n if (0 === q) switch (2 * x + 3 * K) {\n case 533:\n break;\n\n default:\n q = 1;\n }\n v++;\n }\n\n break;\n\n case 64:\n 0 === b + v + n + m + u + k && (k = 1);\n break;\n\n case 42:\n case 47:\n if (!(0 < n + m + v)) switch (b) {\n case 0:\n switch (2 * g + 3 * e.charCodeAt(l + 1)) {\n case 235:\n b = 47;\n break;\n\n case 220:\n t = l, b = 42;\n }\n\n break;\n\n case 42:\n 47 === g && 42 === x && t + 2 !== l && (33 === e.charCodeAt(t + 2) && (p += e.substring(t, l + 1)), y = '', b = 0);\n }\n }\n\n 0 === b && (f += y);\n }\n\n K = x;\n x = g;\n l++;\n }\n\n t = p.length;\n\n if (0 < t) {\n r = c;\n if (0 < A && (C = H(2, p, r, d, D, z, t, h, a, h), void 0 !== C && 0 === (p = C).length)) return G + p + F;\n p = r.join(',') + '{' + p + '}';\n\n if (0 !== w * E) {\n 2 !== w || L(p, 2) || (E = 0);\n\n switch (E) {\n case 111:\n p = p.replace(ha, ':-moz-$1') + p;\n break;\n\n case 112:\n p = p.replace(Q, '::-webkit-input-$1') + p.replace(Q, '::-moz-$1') + p.replace(Q, ':-ms-input-$1') + p;\n }\n\n E = 0;\n }\n }\n\n return G + p + F;\n }\n\n function X(d, c, e) {\n var h = c.trim().split(ia);\n c = h;\n var a = h.length,\n m = d.length;\n\n switch (m) {\n case 0:\n case 1:\n var b = 0;\n\n for (d = 0 === m ? '' : d[0] + ' '; b < a; ++b) {\n c[b] = Z(d, c[b], e).trim();\n }\n\n break;\n\n default:\n var v = b = 0;\n\n for (c = []; b < a; ++b) {\n for (var n = 0; n < m; ++n) {\n c[v++] = Z(d[n] + ' ', h[b], e).trim();\n }\n }\n\n }\n\n return c;\n }\n\n function Z(d, c, e) {\n var h = c.charCodeAt(0);\n 33 > h && (h = (c = c.trim()).charCodeAt(0));\n\n switch (h) {\n case 38:\n return c.replace(F, '$1' + d.trim());\n\n case 58:\n return d.trim() + c.replace(F, '$1' + d.trim());\n\n default:\n if (0 < 1 * e && 0 < c.indexOf('\\f')) return c.replace(F, (58 === d.charCodeAt(0) ? '' : '$1') + d.trim());\n }\n\n return d + c;\n }\n\n function P(d, c, e, h) {\n var a = d + ';',\n m = 2 * c + 3 * e + 4 * h;\n\n if (944 === m) {\n d = a.indexOf(':', 9) + 1;\n var b = a.substring(d, a.length - 1).trim();\n b = a.substring(0, d).trim() + b + ';';\n return 1 === w || 2 === w && L(b, 1) ? '-webkit-' + b + b : b;\n }\n\n if (0 === w || 2 === w && !L(a, 1)) return a;\n\n switch (m) {\n case 1015:\n return 97 === a.charCodeAt(10) ? '-webkit-' + a + a : a;\n\n case 951:\n return 116 === a.charCodeAt(3) ? '-webkit-' + a + a : a;\n\n case 963:\n return 110 === a.charCodeAt(5) ? '-webkit-' + a + a : a;\n\n case 1009:\n if (100 !== a.charCodeAt(4)) break;\n\n case 969:\n case 942:\n return '-webkit-' + a + a;\n\n case 978:\n return '-webkit-' + a + '-moz-' + a + a;\n\n case 1019:\n case 983:\n return '-webkit-' + a + '-moz-' + a + '-ms-' + a + a;\n\n case 883:\n if (45 === a.charCodeAt(8)) return '-webkit-' + a + a;\n if (0 < a.indexOf('image-set(', 11)) return a.replace(ja, '$1-webkit-$2') + a;\n break;\n\n case 932:\n if (45 === a.charCodeAt(4)) switch (a.charCodeAt(5)) {\n case 103:\n return '-webkit-box-' + a.replace('-grow', '') + '-webkit-' + a + '-ms-' + a.replace('grow', 'positive') + a;\n\n case 115:\n return '-webkit-' + a + '-ms-' + a.replace('shrink', 'negative') + a;\n\n case 98:\n return '-webkit-' + a + '-ms-' + a.replace('basis', 'preferred-size') + a;\n }\n return '-webkit-' + a + '-ms-' + a + a;\n\n case 964:\n return '-webkit-' + a + '-ms-flex-' + a + a;\n\n case 1023:\n if (99 !== a.charCodeAt(8)) break;\n b = a.substring(a.indexOf(':', 15)).replace('flex-', '').replace('space-between', 'justify');\n return '-webkit-box-pack' + b + '-webkit-' + a + '-ms-flex-pack' + b + a;\n\n case 1005:\n return ka.test(a) ? a.replace(aa, ':-webkit-') + a.replace(aa, ':-moz-') + a : a;\n\n case 1e3:\n b = a.substring(13).trim();\n c = b.indexOf('-') + 1;\n\n switch (b.charCodeAt(0) + b.charCodeAt(c)) {\n case 226:\n b = a.replace(G, 'tb');\n break;\n\n case 232:\n b = a.replace(G, 'tb-rl');\n break;\n\n case 220:\n b = a.replace(G, 'lr');\n break;\n\n default:\n return a;\n }\n\n return '-webkit-' + a + '-ms-' + b + a;\n\n case 1017:\n if (-1 === a.indexOf('sticky', 9)) break;\n\n case 975:\n c = (a = d).length - 10;\n b = (33 === a.charCodeAt(c) ? a.substring(0, c) : a).substring(d.indexOf(':', 7) + 1).trim();\n\n switch (m = b.charCodeAt(0) + (b.charCodeAt(7) | 0)) {\n case 203:\n if (111 > b.charCodeAt(8)) break;\n\n case 115:\n a = a.replace(b, '-webkit-' + b) + ';' + a;\n break;\n\n case 207:\n case 102:\n a = a.replace(b, '-webkit-' + (102 < m ? 'inline-' : '') + 'box') + ';' + a.replace(b, '-webkit-' + b) + ';' + a.replace(b, '-ms-' + b + 'box') + ';' + a;\n }\n\n return a + ';';\n\n case 938:\n if (45 === a.charCodeAt(5)) switch (a.charCodeAt(6)) {\n case 105:\n return b = a.replace('-items', ''), '-webkit-' + a + '-webkit-box-' + b + '-ms-flex-' + b + a;\n\n case 115:\n return '-webkit-' + a + '-ms-flex-item-' + a.replace(ba, '') + a;\n\n default:\n return '-webkit-' + a + '-ms-flex-line-pack' + a.replace('align-content', '').replace(ba, '') + a;\n }\n break;\n\n case 973:\n case 989:\n if (45 !== a.charCodeAt(3) || 122 === a.charCodeAt(4)) break;\n\n case 931:\n case 953:\n if (!0 === la.test(d)) return 115 === (b = d.substring(d.indexOf(':') + 1)).charCodeAt(0) ? P(d.replace('stretch', 'fill-available'), c, e, h).replace(':fill-available', ':stretch') : a.replace(b, '-webkit-' + b) + a.replace(b, '-moz-' + b.replace('fill-', '')) + a;\n break;\n\n case 962:\n if (a = '-webkit-' + a + (102 === a.charCodeAt(5) ? '-ms-' + a : '') + a, 211 === e + h && 105 === a.charCodeAt(13) && 0 < a.indexOf('transform', 10)) return a.substring(0, a.indexOf(';', 27) + 1).replace(ma, '$1-webkit-$2') + a;\n }\n\n return a;\n }\n\n function L(d, c) {\n var e = d.indexOf(1 === c ? ':' : '{'),\n h = d.substring(0, 3 !== c ? e : 10);\n e = d.substring(e + 1, d.length - 1);\n return R(2 !== c ? h : h.replace(na, '$1'), e, c);\n }\n\n function ea(d, c) {\n var e = P(c, c.charCodeAt(0), c.charCodeAt(1), c.charCodeAt(2));\n return e !== c + ';' ? e.replace(oa, ' or ($1)').substring(4) : '(' + c + ')';\n }\n\n function H(d, c, e, h, a, m, b, v, n, q) {\n for (var g = 0, x = c, w; g < A; ++g) {\n switch (w = S[g].call(B, d, x, e, h, a, m, b, v, n, q)) {\n case void 0:\n case !1:\n case !0:\n case null:\n break;\n\n default:\n x = w;\n }\n }\n\n if (x !== c) return x;\n }\n\n function T(d) {\n switch (d) {\n case void 0:\n case null:\n A = S.length = 0;\n break;\n\n default:\n if ('function' === typeof d) S[A++] = d;else if ('object' === typeof d) for (var c = 0, e = d.length; c < e; ++c) {\n T(d[c]);\n } else Y = !!d | 0;\n }\n\n return T;\n }\n\n function U(d) {\n d = d.prefix;\n void 0 !== d && (R = null, d ? 'function' !== typeof d ? w = 1 : (w = 2, R = d) : w = 0);\n return U;\n }\n\n function B(d, c) {\n var e = d;\n 33 > e.charCodeAt(0) && (e = e.trim());\n V = e;\n e = [V];\n\n if (0 < A) {\n var h = H(-1, c, e, e, D, z, 0, 0, 0, 0);\n void 0 !== h && 'string' === typeof h && (c = h);\n }\n\n var a = M(O, e, c, 0, 0);\n 0 < A && (h = H(-2, a, e, e, D, z, a.length, 0, 0, 0), void 0 !== h && (a = h));\n V = '';\n E = 0;\n z = D = 1;\n return a;\n }\n\n var ca = /^\\0+/g,\n N = /[\\0\\r\\f]/g,\n aa = /: */g,\n ka = /zoo|gra/,\n ma = /([,: ])(transform)/g,\n ia = /,\\r+?/g,\n F = /([\\t\\r\\n ])*\\f?&/g,\n fa = /@(k\\w+)\\s*(\\S*)\\s*/,\n Q = /::(place)/g,\n ha = /:(read-only)/g,\n G = /[svh]\\w+-[tblr]{2}/,\n da = /\\(\\s*(.*)\\s*\\)/g,\n oa = /([\\s\\S]*?);/g,\n ba = /-self|flex-/g,\n na = /[^]*?(:[rp][el]a[\\w-]+)[^]*/,\n la = /stretch|:\\s*\\w+\\-(?:conte|avail)/,\n ja = /([^-])(image-set\\()/,\n z = 1,\n D = 1,\n E = 0,\n w = 1,\n O = [],\n S = [],\n A = 0,\n R = null,\n Y = 0,\n V = '';\n B.use = T;\n B.set = U;\n void 0 !== W && U(W);\n return B;\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (stylis_min);\n\n\n//# sourceURL=webpack:////builds/EnterpriseSecurity/sa-commoninformationmodel/node_modules/@emotion/stylis/dist/stylis.browser.esm.js?"); /***/ }), /***/ "../../node_modules/@emotion/unitless/dist/unitless.browser.esm.js": -/*!****************************************************************************************************!*\ - !*** /build/sa-commoninformationmodel/node_modules/@emotion/unitless/dist/unitless.browser.esm.js ***! - \****************************************************************************************************/ +/*!************************************************************************************************************************!*\ + !*** /builds/EnterpriseSecurity/sa-commoninformationmodel/node_modules/@emotion/unitless/dist/unitless.browser.esm.js ***! + \************************************************************************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\nvar unitlessKeys = {\n animationIterationCount: 1,\n borderImageOutset: 1,\n borderImageSlice: 1,\n borderImageWidth: 1,\n boxFlex: 1,\n boxFlexGroup: 1,\n boxOrdinalGroup: 1,\n columnCount: 1,\n columns: 1,\n flex: 1,\n flexGrow: 1,\n flexPositive: 1,\n flexShrink: 1,\n flexNegative: 1,\n flexOrder: 1,\n gridRow: 1,\n gridRowEnd: 1,\n gridRowSpan: 1,\n gridRowStart: 1,\n gridColumn: 1,\n gridColumnEnd: 1,\n gridColumnSpan: 1,\n gridColumnStart: 1,\n msGridRow: 1,\n msGridRowSpan: 1,\n msGridColumn: 1,\n msGridColumnSpan: 1,\n fontWeight: 1,\n lineHeight: 1,\n opacity: 1,\n order: 1,\n orphans: 1,\n tabSize: 1,\n widows: 1,\n zIndex: 1,\n zoom: 1,\n WebkitLineClamp: 1,\n // SVG-related properties\n fillOpacity: 1,\n floodOpacity: 1,\n stopOpacity: 1,\n strokeDasharray: 1,\n strokeDashoffset: 1,\n strokeMiterlimit: 1,\n strokeOpacity: 1,\n strokeWidth: 1\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (unitlessKeys);\n\n\n//# sourceURL=webpack:////build/sa-commoninformationmodel/node_modules/@emotion/unitless/dist/unitless.browser.esm.js?"); +eval("__webpack_require__.r(__webpack_exports__);\nvar unitlessKeys = {\n animationIterationCount: 1,\n borderImageOutset: 1,\n borderImageSlice: 1,\n borderImageWidth: 1,\n boxFlex: 1,\n boxFlexGroup: 1,\n boxOrdinalGroup: 1,\n columnCount: 1,\n columns: 1,\n flex: 1,\n flexGrow: 1,\n flexPositive: 1,\n flexShrink: 1,\n flexNegative: 1,\n flexOrder: 1,\n gridRow: 1,\n gridRowEnd: 1,\n gridRowSpan: 1,\n gridRowStart: 1,\n gridColumn: 1,\n gridColumnEnd: 1,\n gridColumnSpan: 1,\n gridColumnStart: 1,\n msGridRow: 1,\n msGridRowSpan: 1,\n msGridColumn: 1,\n msGridColumnSpan: 1,\n fontWeight: 1,\n lineHeight: 1,\n opacity: 1,\n order: 1,\n orphans: 1,\n tabSize: 1,\n widows: 1,\n zIndex: 1,\n zoom: 1,\n WebkitLineClamp: 1,\n // SVG-related properties\n fillOpacity: 1,\n floodOpacity: 1,\n stopOpacity: 1,\n strokeDasharray: 1,\n strokeDashoffset: 1,\n strokeMiterlimit: 1,\n strokeOpacity: 1,\n strokeWidth: 1\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (unitlessKeys);\n\n\n//# sourceURL=webpack:////builds/EnterpriseSecurity/sa-commoninformationmodel/node_modules/@emotion/unitless/dist/unitless.browser.esm.js?"); /***/ }), /***/ "../../node_modules/@splunk/react-page/lib/index.js": -/*!*************************************************************************************!*\ - !*** /build/sa-commoninformationmodel/node_modules/@splunk/react-page/lib/index.js ***! - \*************************************************************************************/ +/*!*********************************************************************************************************!*\ + !*** /builds/EnterpriseSecurity/sa-commoninformationmodel/node_modules/@splunk/react-page/lib/index.js ***! + \*********************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { -eval("module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId]) {\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/ \t\t}\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\ti: moduleId,\n/******/ \t\t\tl: false,\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.l = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// define getter function for harmony exports\n/******/ \t__webpack_require__.d = function(exports, name, getter) {\n/******/ \t\tif(!__webpack_require__.o(exports, name)) {\n/******/ \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n/******/ \t\t}\n/******/ \t};\n/******/\n/******/ \t// define __esModule on exports\n/******/ \t__webpack_require__.r = function(exports) {\n/******/ \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n/******/ \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n/******/ \t\t}\n/******/ \t\tObject.defineProperty(exports, '__esModule', { value: true });\n/******/ \t};\n/******/\n/******/ \t// create a fake namespace object\n/******/ \t// mode & 1: value is a module id, require it\n/******/ \t// mode & 2: merge all properties of value into the ns\n/******/ \t// mode & 4: return value when already ns object\n/******/ \t// mode & 8|1: behave like require\n/******/ \t__webpack_require__.t = function(value, mode) {\n/******/ \t\tif(mode & 1) value = __webpack_require__(value);\n/******/ \t\tif(mode & 8) return value;\n/******/ \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n/******/ \t\tvar ns = Object.create(null);\n/******/ \t\t__webpack_require__.r(ns);\n/******/ \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n/******/ \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n/******/ \t\treturn ns;\n/******/ \t};\n/******/\n/******/ \t// getDefaultExport function for compatibility with non-harmony modules\n/******/ \t__webpack_require__.n = function(module) {\n/******/ \t\tvar getter = module && module.__esModule ?\n/******/ \t\t\tfunction getDefault() { return module['default']; } :\n/******/ \t\t\tfunction getModuleExports() { return module; };\n/******/ \t\t__webpack_require__.d(getter, 'a', getter);\n/******/ \t\treturn getter;\n/******/ \t};\n/******/\n/******/ \t// Object.prototype.hasOwnProperty.call\n/******/ \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n/******/\n/******/\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(__webpack_require__.s = 10);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n\n/***/ }),\n/* 1 */\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! styled-components */ \"../../node_modules/styled-components/dist/styled-components.browser.esm.js\");\n\n/***/ }),\n/* 2 */\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! @splunk/themes/enterprise */ \"../../node_modules/@splunk/themes/enterprise.js\");\n\n/***/ }),\n/* 3 */\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! react-dom */ \"../../node_modules/react-dom/index.js\");\n\n/***/ }),\n/* 4 */\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! prop-types */ \"../../node_modules/prop-types/index.js\");\n\n/***/ }),\n/* 5 */\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! scriptjs */ \"../../node_modules/scriptjs/dist/script.js\");\n\n/***/ }),\n/* 6 */\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! @splunk/react-ui/Layer */ \"../../node_modules/@splunk/react-ui/Layer.js\");\n\n/***/ }),\n/* 7 */\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! @splunk/splunk-utils/url */ \"../../node_modules/@splunk/react-page/node_modules/@splunk/splunk-utils/url.js\");\n\n/***/ }),\n/* 8 */\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! @splunk/react-ui/ScreenReaderContent */ \"../../node_modules/@splunk/react-ui/ScreenReaderContent.js\");\n\n/***/ }),\n/* 9 */\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! @splunk/ui-utils/i18n */ \"../../node_modules/@splunk/ui-utils/i18n.js\");\n\n/***/ }),\n/* 10 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n// ESM COMPAT FLAG\n__webpack_require__.r(__webpack_exports__);\n\n// EXTERNAL MODULE: external \"react\"\nvar external_react_ = __webpack_require__(0);\nvar external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);\n\n// EXTERNAL MODULE: external \"react-dom\"\nvar external_react_dom_ = __webpack_require__(3);\n\n// EXTERNAL MODULE: external \"scriptjs\"\nvar external_scriptjs_ = __webpack_require__(5);\nvar external_scriptjs_default = /*#__PURE__*/__webpack_require__.n(external_scriptjs_);\n\n// EXTERNAL MODULE: external \"@splunk/react-ui/Layer\"\nvar Layer_ = __webpack_require__(6);\n\n// EXTERNAL MODULE: external \"@splunk/splunk-utils/url\"\nvar url_ = __webpack_require__(7);\n\n// EXTERNAL MODULE: external \"prop-types\"\nvar external_prop_types_ = __webpack_require__(4);\nvar external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);\n\n// EXTERNAL MODULE: external \"@splunk/react-ui/ScreenReaderContent\"\nvar ScreenReaderContent_ = __webpack_require__(8);\nvar ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);\n\n// EXTERNAL MODULE: external \"@splunk/ui-utils/i18n\"\nvar i18n_ = __webpack_require__(9);\n\n// EXTERNAL MODULE: external \"styled-components\"\nvar external_styled_components_ = __webpack_require__(1);\nvar external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);\n\n// EXTERNAL MODULE: external \"@splunk/themes/enterprise\"\nvar enterprise_ = __webpack_require__(2);\nvar enterprise_default = /*#__PURE__*/__webpack_require__.n(enterprise_);\n\n// CONCATENATED MODULE: ./src/LoadingStyles.js\nfunction _templateObject6() {\n var data = _taggedTemplateLiteral([\"\\n animation-name: \", \";\\n animation-duration: 1.4s;\\n animation-iteration-count: infinite;\\n animation-fill-mode: both;\\n background-color: \", \";\\n width: 10px;\\n height: 10px;\\n border-radius: 5px;\\n display: inline-block;\\n margin-right: \", \";\\n\\n &:nth-child(2) {\\n animation-delay: 0.2s;\\n }\\n\\n &:nth-child(3) {\\n animation-delay: 0.4s;\\n }\\n\"]);\n\n _templateObject6 = function _templateObject6() {\n return data;\n };\n\n return data;\n}\n\nfunction _templateObject5() {\n var data = _taggedTemplateLiteral([\"\\n color: \", \";\\n padding-top: 30vh;\\n text-align: center;\\n min-height: 400px;\\n\"]);\n\n _templateObject5 = function _templateObject5() {\n return data;\n };\n\n return data;\n}\n\nfunction _templateObject4() {\n var data = _taggedTemplateLiteral([\"\\n background-color: \", \";\\n min-height: 44px;\\n\"]);\n\n _templateObject4 = function _templateObject4() {\n return data;\n };\n\n return data;\n}\n\nfunction _templateObject3() {\n var data = _taggedTemplateLiteral([\"\\n padding: 0;\\n background-color: \", \";\\n height: 34px;\\n\"]);\n\n _templateObject3 = function _templateObject3() {\n return data;\n };\n\n return data;\n}\n\nfunction _templateObject2() {\n var data = _taggedTemplateLiteral([\"\\n background-color: \", \";\\n position: fixed;\\n opacity: 1;\\n z-index: 10000;\\n top: 0;\\n bottom: 0;\\n left: 0;\\n right: 0;\\n\"]);\n\n _templateObject2 = function _templateObject2() {\n return data;\n };\n\n return data;\n}\n\nfunction _templateObject() {\n var data = _taggedTemplateLiteral([\"\\n 0% {\\n opacity: 0.2;\\n }\\n\\n 20% {\\n opacity: 1;\\n }\\n\\n 100% {\\n opacity: 0.2;\\n }\\n\"]);\n\n _templateObject = function _templateObject() {\n return data;\n };\n\n return data;\n}\n\nfunction _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }\n\n\n\nvar blink = Object(external_styled_components_[\"keyframes\"])(_templateObject());\nvar Main = external_styled_components_default.a.div(_templateObject2(), enterprise_default.a.gray96);\nvar SplunkBar = external_styled_components_default.a.div(_templateObject3(), enterprise_default.a.gray20);\nvar AppBar = external_styled_components_default.a.div(_templateObject4(), enterprise_default.a.gray30);\nvar AppBody = external_styled_components_default.a.div(_templateObject5(), enterprise_default.a.gray20);\nvar Dot = external_styled_components_default.a.div(_templateObject6(), blink, enterprise_default.a.gray60, enterprise_default.a.spacingHalf);\n\n// CONCATENATED MODULE: ./src/Loading.jsx\n\n\n\n\n\nvar propTypes = {\n hideAppBar: external_prop_types_default.a.bool,\n hideChrome: external_prop_types_default.a.bool,\n hideSplunkBar: external_prop_types_default.a.bool\n};\nvar defaultProps = {\n hideAppBar: false,\n hideChrome: false,\n hideSplunkBar: false\n};\n\nfunction Loading(_ref) {\n var hideAppBar = _ref.hideAppBar,\n hideChrome = _ref.hideChrome,\n hideSplunkBar = _ref.hideSplunkBar;\n return /*#__PURE__*/external_react_default.a.createElement(Main, null, !hideChrome && !hideSplunkBar && /*#__PURE__*/external_react_default.a.createElement(SplunkBar, null), !hideChrome && !hideAppBar && /*#__PURE__*/external_react_default.a.createElement(AppBar, null), /*#__PURE__*/external_react_default.a.createElement(AppBody, null, /*#__PURE__*/external_react_default.a.createElement(Dot, null), /*#__PURE__*/external_react_default.a.createElement(Dot, null), /*#__PURE__*/external_react_default.a.createElement(Dot, null), /*#__PURE__*/external_react_default.a.createElement(ScreenReaderContent_default.a, null, Object(i18n_[\"_\"])('Loading'))));\n}\n\nLoading.propTypes = propTypes;\nLoading.defaultProps = defaultProps;\n/* harmony default export */ var src_Loading = (Loading);\n// CONCATENATED MODULE: ./src/index.jsx\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n\n\n\n\n/**\n * Loads the layout from the server, using requirejs if available on the window and scriptjs if not.\n *\n * @param {Function} callback - A callback invoked with the layout module once resolved.\n * @private\n */\n\nfunction getLayoutApi(callback) {\n var url = Object(url_[\"createStaticURL\"])('build/api/layout.js');\n\n if (window.requirejs) {\n window.requirejs([url], callback);\n } else {\n external_scriptjs_default()(url, function () {\n // eslint-disable-next-line no-underscore-dangle\n callback(window.__splunk_layout__);\n });\n }\n}\n/**\n * Renders a React element into the Layout API.\n * @public\n * @param {element} element - A React element.\n * @param {object} [options]\n * @param {string} [options.pageTitle] - Changes the page title.\n * @param {Boolean} [options.hideAppBar = false] - Hides the app bar.\n * @param {Boolean} [options.hideAppsList = false] - Hides the app list in\n * the Splunk bar.\n * @param {Boolean} [options.hideChrome = false] - Renders only the main content, hiding\n * the Splunk bar, app bar, and footer.\n * @param {Boolean} [options.hideFooter = false] - Hides the footer.\n * @param {Boolean} [options.hideSplunkBar = false] - Hides the Splunk bar.\n * @param {string} [options.layout = 'scrolling'] - Set to `fixed` to fix all navigation bars\n * to the edge of the page.\n * @param {Boolean} [options.useGlobalLayerStack = true] - Wraps elements in @splunk/react-ui's LayerStackGlobalProvider.\n */\n\n\nfunction layout(element) {\n var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n var _ref$useGlobalLayerSt = _ref.useGlobalLayerStack,\n useGlobalLayerStack = _ref$useGlobalLayerSt === void 0 ? true : _ref$useGlobalLayerSt,\n pageTitle = _ref.pageTitle,\n layoutAPIOptions = _objectWithoutProperties(_ref, [\"useGlobalLayerStack\", \"pageTitle\"]);\n\n var loadingContainer = document.createElement('div');\n\n if (pageTitle) {\n document.title = pageTitle;\n }\n\n document.body.appendChild(loadingContainer);\n Object(external_react_dom_[\"render\"])( /*#__PURE__*/external_react_default.a.createElement(src_Loading, layoutAPIOptions), loadingContainer);\n getLayoutApi(function (layoutApi) {\n var containerEl;\n\n if (layoutApi) {\n containerEl = layoutApi.create(layoutAPIOptions).getContainerElement();\n\n if (layoutAPIOptions.layout === 'fixed') {\n // the above create method adds flex: 1 0 0\n // IE 11 disregards 0px shorthand for flex-basis component.\n // flex-basis 0% is better than 0px because css minification can remove px\n if (!containerEl.style.flex || containerEl.style.flex === '1 0 0px') {\n containerEl.style.flex = '1 0 0%';\n } // all elements in the hierarchy must have 'overflow: hidden' for children\n // to support scrolling correctly.\n\n\n if (!containerEl.style.overflow) {\n containerEl.style.overflow = 'hidden';\n } // splunk hijacks the width of the body when printing, so we have to force width to the size\n // of the viewport so that things print at the correct width\n\n\n if (!containerEl.style.width) {\n containerEl.style.width = '100vw';\n }\n }\n } else {\n // eslint-disable-next-line no-console\n console.error('Unable to load layout.');\n containerEl = document.createElement('div');\n document.body.appendChild(containerEl);\n }\n\n setTimeout(function () {\n Object(external_react_dom_[\"unmountComponentAtNode\"])(loadingContainer);\n loadingContainer.parentNode.removeChild(loadingContainer);\n var wrappedElement = useGlobalLayerStack ? /*#__PURE__*/external_react_default.a.createElement(Layer_[\"LayerStackGlobalProvider\"], null, element) : element;\n Object(external_react_dom_[\"render\"])(wrappedElement, containerEl);\n }, 30);\n });\n}\n\n/* harmony default export */ var src = __webpack_exports__[\"default\"] = (layout);\n\n/***/ })\n/******/ ]);\n\n//# sourceURL=webpack:////build/sa-commoninformationmodel/node_modules/@splunk/react-page/lib/index.js?"); +eval("module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId]) {\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/ \t\t}\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\ti: moduleId,\n/******/ \t\t\tl: false,\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.l = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// define getter function for harmony exports\n/******/ \t__webpack_require__.d = function(exports, name, getter) {\n/******/ \t\tif(!__webpack_require__.o(exports, name)) {\n/******/ \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n/******/ \t\t}\n/******/ \t};\n/******/\n/******/ \t// define __esModule on exports\n/******/ \t__webpack_require__.r = function(exports) {\n/******/ \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n/******/ \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n/******/ \t\t}\n/******/ \t\tObject.defineProperty(exports, '__esModule', { value: true });\n/******/ \t};\n/******/\n/******/ \t// create a fake namespace object\n/******/ \t// mode & 1: value is a module id, require it\n/******/ \t// mode & 2: merge all properties of value into the ns\n/******/ \t// mode & 4: return value when already ns object\n/******/ \t// mode & 8|1: behave like require\n/******/ \t__webpack_require__.t = function(value, mode) {\n/******/ \t\tif(mode & 1) value = __webpack_require__(value);\n/******/ \t\tif(mode & 8) return value;\n/******/ \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n/******/ \t\tvar ns = Object.create(null);\n/******/ \t\t__webpack_require__.r(ns);\n/******/ \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n/******/ \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n/******/ \t\treturn ns;\n/******/ \t};\n/******/\n/******/ \t// getDefaultExport function for compatibility with non-harmony modules\n/******/ \t__webpack_require__.n = function(module) {\n/******/ \t\tvar getter = module && module.__esModule ?\n/******/ \t\t\tfunction getDefault() { return module['default']; } :\n/******/ \t\t\tfunction getModuleExports() { return module; };\n/******/ \t\t__webpack_require__.d(getter, 'a', getter);\n/******/ \t\treturn getter;\n/******/ \t};\n/******/\n/******/ \t// Object.prototype.hasOwnProperty.call\n/******/ \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n/******/\n/******/\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(__webpack_require__.s = 12);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n\n/***/ }),\n/* 1 */\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! @splunk/themes */ \"../../node_modules/@splunk/themes/index.js\");\n\n/***/ }),\n/* 2 */\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! styled-components */ \"../../node_modules/styled-components/dist/styled-components.browser.esm.js\");\n\n/***/ }),\n/* 3 */\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! react-dom */ \"../../node_modules/react-dom/index.js\");\n\n/***/ }),\n/* 4 */\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! prop-types */ \"../../node_modules/prop-types/index.js\");\n\n/***/ }),\n/* 5 */\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! @splunk/splunk-utils/themes */ \"../../node_modules/@splunk/splunk-utils/themes.js\");\n\n/***/ }),\n/* 6 */\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! scriptjs */ \"../../node_modules/scriptjs/dist/script.js\");\n\n/***/ }),\n/* 7 */\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! @splunk/react-ui/Layer */ \"../../node_modules/@splunk/react-ui/Layer.js\");\n\n/***/ }),\n/* 8 */\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! @splunk/splunk-utils/url */ \"../../node_modules/@splunk/splunk-utils/url.js\");\n\n/***/ }),\n/* 9 */\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! @splunk/themes/SplunkThemeProvider */ \"../../node_modules/@splunk/themes/SplunkThemeProvider.js\");\n\n/***/ }),\n/* 10 */\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! @splunk/react-ui/ScreenReaderContent */ \"../../node_modules/@splunk/react-ui/ScreenReaderContent.js\");\n\n/***/ }),\n/* 11 */\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! @splunk/ui-utils/i18n */ \"../../node_modules/@splunk/ui-utils/i18n.js\");\n\n/***/ }),\n/* 12 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n// ESM COMPAT FLAG\n__webpack_require__.r(__webpack_exports__);\n\n// EXTERNAL MODULE: external \"react\"\nvar external_react_ = __webpack_require__(0);\nvar external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);\n\n// EXTERNAL MODULE: external \"react-dom\"\nvar external_react_dom_ = __webpack_require__(3);\n\n// EXTERNAL MODULE: external \"scriptjs\"\nvar external_scriptjs_ = __webpack_require__(6);\nvar external_scriptjs_default = /*#__PURE__*/__webpack_require__.n(external_scriptjs_);\n\n// EXTERNAL MODULE: external \"@splunk/react-ui/Layer\"\nvar Layer_ = __webpack_require__(7);\n\n// EXTERNAL MODULE: external \"@splunk/splunk-utils/url\"\nvar url_ = __webpack_require__(8);\n\n// EXTERNAL MODULE: external \"@splunk/themes/SplunkThemeProvider\"\nvar SplunkThemeProvider_ = __webpack_require__(9);\nvar SplunkThemeProvider_default = /*#__PURE__*/__webpack_require__.n(SplunkThemeProvider_);\n\n// EXTERNAL MODULE: external \"@splunk/splunk-utils/themes\"\nvar themes_ = __webpack_require__(5);\n\n// EXTERNAL MODULE: external \"prop-types\"\nvar external_prop_types_ = __webpack_require__(4);\nvar external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);\n\n// EXTERNAL MODULE: external \"@splunk/react-ui/ScreenReaderContent\"\nvar ScreenReaderContent_ = __webpack_require__(10);\nvar ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);\n\n// EXTERNAL MODULE: external \"@splunk/ui-utils/i18n\"\nvar i18n_ = __webpack_require__(11);\n\n// EXTERNAL MODULE: external \"styled-components\"\nvar external_styled_components_ = __webpack_require__(2);\nvar external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);\n\n// EXTERNAL MODULE: external \"@splunk/themes\"\nvar external_splunk_themes_ = __webpack_require__(1);\n\n// CONCATENATED MODULE: ./src/LoadingStyles.js\nfunction _templateObject6() {\n var data = _taggedTemplateLiteral([\"\\n animation-name: \", \";\\n animation-duration: 1.4s;\\n animation-iteration-count: infinite;\\n animation-fill-mode: both;\\n background-color: \", \";\\n width: 10px;\\n height: 10px;\\n border-radius: 5px;\\n display: inline-block;\\n margin-right: \", \";\\n\\n &:nth-child(2) {\\n animation-delay: 0.2s;\\n }\\n\\n &:nth-child(3) {\\n animation-delay: 0.4s;\\n }\\n\"]);\n\n _templateObject6 = function _templateObject6() {\n return data;\n };\n\n return data;\n}\n\nfunction _templateObject5() {\n var data = _taggedTemplateLiteral([\"\\n color: \", \";\\n padding-top: 30vh;\\n text-align: center;\\n min-height: 400px;\\n\"]);\n\n _templateObject5 = function _templateObject5() {\n return data;\n };\n\n return data;\n}\n\nfunction _templateObject4() {\n var data = _taggedTemplateLiteral([\"\\n background-color: \", \";\\n min-height: 44px;\\n\"]);\n\n _templateObject4 = function _templateObject4() {\n return data;\n };\n\n return data;\n}\n\nfunction _templateObject3() {\n var data = _taggedTemplateLiteral([\"\\n padding: 0;\\n background-color: \", \";\\n height: 34px;\\n\"]);\n\n _templateObject3 = function _templateObject3() {\n return data;\n };\n\n return data;\n}\n\nfunction _templateObject2() {\n var data = _taggedTemplateLiteral([\"\\n background-color: \", \";\\n position: fixed;\\n opacity: 1;\\n z-index: 10000;\\n top: 0;\\n bottom: 0;\\n left: 0;\\n right: 0;\\n\"]);\n\n _templateObject2 = function _templateObject2() {\n return data;\n };\n\n return data;\n}\n\nfunction _templateObject() {\n var data = _taggedTemplateLiteral([\"\\n 0% {\\n opacity: 0.2;\\n }\\n\\n 20% {\\n opacity: 1;\\n }\\n\\n 100% {\\n opacity: 0.2;\\n }\\n\"]);\n\n _templateObject = function _templateObject() {\n return data;\n };\n\n return data;\n}\n\nfunction _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }\n\n\n\nvar blink = Object(external_styled_components_[\"keyframes\"])(_templateObject());\nvar Main = external_styled_components_default.a.div(_templateObject2(), external_splunk_themes_[\"variables\"].backgroundColorPage);\nvar SplunkBar = external_styled_components_default.a.div(_templateObject3(), Object(external_splunk_themes_[\"pick\"])({\n prisma: external_splunk_themes_[\"variables\"].backgroundColorSection,\n enterprise: external_splunk_themes_[\"variables\"].gray20\n}));\nvar AppBar = external_styled_components_default.a.div(_templateObject4(), Object(external_splunk_themes_[\"pick\"])({\n prisma: external_splunk_themes_[\"variables\"].backgroundColorPopup,\n enterprise: external_splunk_themes_[\"variables\"].gray30\n}));\nvar AppBody = external_styled_components_default.a.div(_templateObject5(), external_splunk_themes_[\"variables\"].contentColorInverted);\nvar Dot = external_styled_components_default.a.div(_templateObject6(), blink, external_splunk_themes_[\"variables\"].neutral500, Object(external_splunk_themes_[\"pick\"])({\n prisma: external_splunk_themes_[\"variables\"].spacingMedium,\n enterprise: external_splunk_themes_[\"variables\"].spacingHalf\n}));\n\n// CONCATENATED MODULE: ./src/Loading.jsx\n\n\n\n\n\nvar propTypes = {\n hideAppBar: external_prop_types_default.a.bool,\n hideChrome: external_prop_types_default.a.bool,\n hideSplunkBar: external_prop_types_default.a.bool\n};\nvar defaultProps = {\n hideAppBar: false,\n hideChrome: false,\n hideSplunkBar: false\n};\n\nfunction Loading(_ref) {\n var hideAppBar = _ref.hideAppBar,\n hideChrome = _ref.hideChrome,\n hideSplunkBar = _ref.hideSplunkBar;\n return /*#__PURE__*/external_react_default.a.createElement(Main, null, !hideChrome && !hideSplunkBar && /*#__PURE__*/external_react_default.a.createElement(SplunkBar, null), !hideChrome && !hideAppBar && /*#__PURE__*/external_react_default.a.createElement(AppBar, null), /*#__PURE__*/external_react_default.a.createElement(AppBody, null, /*#__PURE__*/external_react_default.a.createElement(Dot, null), /*#__PURE__*/external_react_default.a.createElement(Dot, null), /*#__PURE__*/external_react_default.a.createElement(Dot, null), /*#__PURE__*/external_react_default.a.createElement(ScreenReaderContent_default.a, null, Object(i18n_[\"_\"])('Loading'))));\n}\n\nLoading.propTypes = propTypes;\nLoading.defaultProps = defaultProps;\n/* harmony default export */ var src_Loading = (Loading);\n// CONCATENATED MODULE: ./src/index.jsx\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n\n\n\n\n\n\n/**\n * Loads the layout from the server, using requirejs if available on the window and scriptjs if not.\n *\n * @param {Function} callback - A callback invoked with the layout module once resolved.\n * @private\n */\n\nfunction getLayoutApi(callback) {\n var url = Object(url_[\"createStaticURL\"])('build/api/layout.js');\n\n if (window.requirejs) {\n window.requirejs([url], callback);\n } else {\n external_scriptjs_default()(url, function () {\n // eslint-disable-next-line no-underscore-dangle\n callback(window.__splunk_layout__);\n });\n }\n}\n/**\n * Renders a React element into the Layout API.\n * @public\n * @param {element} element - A React element.\n * @param {object} [options]\n * @param {string} [options.pageTitle] - Changes the page title.\n * @param {Boolean} [options.hideAppBar = false] - Hides the app bar.\n * @param {Boolean} [options.hideAppsList = false] - Hides the app list in\n * the Splunk bar.\n * @param {Boolean} [options.hideChrome = false] - Renders only the main content, hiding\n * the Splunk bar, app bar, and footer.\n * @param {Boolean} [options.hideFooter = false] - Hides the footer.\n * @param {Boolean} [options.hideSplunkBar = false] - Hides the Splunk bar.\n * @param {string} [options.layout = 'scrolling'] - Set to `fixed` to fix all navigation bars\n * to the edge of the page.\n * @param {string} [options.loadingThemeOverride] - Allows the theme provided by Splunk Enterprise to the loading screen\n * to be overridden with `enterprise` or `enterpriseDark`.\n * @param {Boolean} [options.useGlobalLayerStack = true] - Wraps elements in @splunk/react-ui's LayerStackGlobalProvider.\n */\n\n\nfunction layout(element) {\n var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n var _ref$useGlobalLayerSt = _ref.useGlobalLayerStack,\n useGlobalLayerStack = _ref$useGlobalLayerSt === void 0 ? true : _ref$useGlobalLayerSt,\n loadingThemeOverride = _ref.loadingThemeOverride,\n pageTitle = _ref.pageTitle,\n layoutAPIOptions = _objectWithoutProperties(_ref, [\"useGlobalLayerStack\", \"loadingThemeOverride\", \"pageTitle\"]);\n\n var loadingContainer = document.createElement('div');\n var loadingTheme = Object(themes_[\"getThemeOptions\"])(loadingThemeOverride || Object(themes_[\"defaultTheme\"])());\n\n if (pageTitle) {\n document.title = pageTitle;\n }\n\n document.body.appendChild(loadingContainer);\n Object(external_react_dom_[\"render\"])( /*#__PURE__*/external_react_default.a.createElement(SplunkThemeProvider_default.a, loadingTheme, /*#__PURE__*/external_react_default.a.createElement(src_Loading, layoutAPIOptions)), loadingContainer);\n getLayoutApi(function (layoutApi) {\n var containerEl;\n\n if (layoutApi) {\n containerEl = layoutApi.create(layoutAPIOptions).getContainerElement();\n\n if (layoutAPIOptions.layout === 'fixed') {\n // the above create method adds flex: 1 0 0\n // IE 11 disregards 0px shorthand for flex-basis component.\n // flex-basis 0% is better than 0px because css minification can remove px\n if (!containerEl.style.flex || containerEl.style.flex === '1 0 0px') {\n containerEl.style.flex = '1 0 0%';\n } // all elements in the hierarchy must have 'overflow: hidden' for children\n // to support scrolling correctly.\n\n\n if (!containerEl.style.overflow) {\n containerEl.style.overflow = 'hidden';\n } // splunk hijacks the width of the body when printing, so we have to force width to the size\n // of the viewport so that things print at the correct width\n\n\n if (!containerEl.style.width) {\n containerEl.style.width = '100vw';\n }\n }\n } else {\n // eslint-disable-next-line no-console\n console.error('Unable to load layout.');\n containerEl = document.createElement('div');\n document.body.appendChild(containerEl);\n }\n\n setTimeout(function () {\n Object(external_react_dom_[\"unmountComponentAtNode\"])(loadingContainer);\n loadingContainer.parentNode.removeChild(loadingContainer);\n var wrappedElement = useGlobalLayerStack ? /*#__PURE__*/external_react_default.a.createElement(Layer_[\"LayerStackGlobalProvider\"], null, element) : element;\n Object(external_react_dom_[\"render\"])(wrappedElement, containerEl);\n }, 30);\n });\n}\n\n/* harmony default export */ var src = __webpack_exports__[\"default\"] = (layout);\n\n/***/ })\n/******/ ]);\n\n//# sourceURL=webpack:////builds/EnterpriseSecurity/sa-commoninformationmodel/node_modules/@splunk/react-page/lib/index.js?"); /***/ }), -/***/ "../../node_modules/@splunk/react-page/node_modules/@splunk/splunk-utils/config.js": -/*!********************************************************************************************************************!*\ - !*** /build/sa-commoninformationmodel/node_modules/@splunk/react-page/node_modules/@splunk/splunk-utils/config.js ***! - \********************************************************************************************************************/ +/***/ "../../node_modules/@splunk/react-ui/Layer.js": +/*!***************************************************************************************************!*\ + !*** /builds/EnterpriseSecurity/sa-commoninformationmodel/node_modules/@splunk/react-ui/Layer.js ***! + \***************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { -"use strict"; -eval("/* WEBPACK VAR INJECTION */(function(global) {\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.extractAppName = extractAppName;\nexports.versionLabel = exports.username = exports.splunkdPath = exports.serverTimezoneInfo = exports.rootPath = exports.portNumber = exports.locale = exports.config = exports.buildPushNumber = exports.buildNumber = exports.appBuild = exports.app = exports.isAvailable = exports.CSRFToken = void 0;\n\nvar _lodash = __webpack_require__(/*! lodash */ \"../../node_modules/lodash/lodash.js\");\n\nvar _cookie = __webpack_require__(/*! @splunk/ui-utils/cookie */ \"../../node_modules/@splunk/ui-utils/cookie.js\");\n\n/**\n * A set of constants describing the server environment. If window.$C isn't defined, most of the\n * values on this page are also undefined.\n *\n * The constants may be imported independently, such as:\n * ```\n * import { buildNumber, locale, rootPath } from '@splunk/splunk-utils/config';\n * @file\n */\n\n/* global global */\n// If this is running in Node, the root is the `global` object. If it's running in the browser,\n// root is the `window` object.\nvar root = typeof window === 'undefined' ? global : window;\n/**\n * A function to get a $C prop. Returns undefined if $C isn't available.\n * @private\n */\n\nfunction get$CEntry(prop) {\n return (0, _lodash.get)(root, ['$C', prop]);\n}\n/**\n * The CSRF token. This may be `null` if the token isn't found in the cookie.\n *\n * @constant\n *\n * @public\n */\n\n\nvar CSRFToken = (0, _cookie.getEntry)(\"splunkweb_csrf_token_\".concat(get$CEntry('MRSPARKLE_PORT_NUMBER')));\n/**\n * If `window.$C` is undefined or invalid, isAvailable is `false`.\n * @constant\n * @public\n */\n\nexports.CSRFToken = CSRFToken;\nvar isAvailable = !!get$CEntry('SPLUNKD_PATH');\n/**\n * Extracts app name from the URL. To enable testing, this function is exported and pathname\n * can be overridden.\n * @private\n */\n\nexports.isAvailable = isAvailable;\n\nfunction extractAppName() {\n var pathname = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : (0, _lodash.get)(root, ['document', 'location', 'pathname'], '');\n var pathMatch = pathname.match(/\\w\\w.\\w\\w\\/(app|manager)\\/([^/]+)/);\n return pathMatch ? pathMatch[2] : undefined;\n}\n/**\n * The name of the current app as shown in the URL (not the display name).\n * @constant\n * @public\n */\n\n\nvar app = extractAppName();\n/**\n * The build number of the current app.\n * @constant\n * @public\n */\n\nexports.app = app;\nvar appBuild = get$CEntry('APP_BUILD');\n/**\n * A hash string of the current build.\n * @constant\n * @type {string}\n * @public\n */\n\nexports.appBuild = appBuild;\nvar buildNumber = get$CEntry('BUILD_NUMBER');\n/**\n * A incremented number configured per instance. Defaults to 0.\n * @constant\n * @public\n */\n\nexports.buildNumber = buildNumber;\nvar buildPushNumber = get$CEntry('BUILD_PUSH_NUMBER');\n/**\n * The full object of window.$C.\n * @constant\n * @public\n */\n\nexports.buildPushNumber = buildPushNumber;\nvar config = (0, _lodash.get)(root, '$C');\n/**\n * The current locale, such as \"en-US\".\n * @constant\n * @public\n */\n\nexports.config = config;\nvar locale = get$CEntry('LOCALE');\n/**\n * The port that Splunk Web is using. Defaults to 8000.\n * @constant\n * @public\n */\n\nexports.locale = locale;\nvar portNumber = get$CEntry('MRSPARKLE_PORT_NUMBER');\n/**\n * Splunk may not be running in the root directory, so the locale may not be the first element\n * in the pathname. If it is running in the root directory, ```rootPath``` is an empty\n * string. Otherwise it returns the root. For example, in the page\n * ```\n * http://splunk.domain.com/my-root-dir/en-US/app/search/search\n * ```\n * ```rootPath``` is set to ```'my-root-dir'```.\n * @constant\n * @public\n */\n\nexports.portNumber = portNumber;\nvar rootPath = get$CEntry('MRSPARKLE_ROOT_PATH');\n/**\n * The serialized Splunk Enterprise time zone data. This can be parsed for use in formatting Epoch times\n * on the client.\n * @constant\n * @public\n */\n\nexports.rootPath = rootPath;\nvar serverTimezoneInfo = get$CEntry('SERVER_ZONEINFO');\n/**\n * The Splunk Web proxing to splunkd, such as ```/en-US/splunkd/__raw```.\n * @constant\n * @public\n */\n\nexports.serverTimezoneInfo = serverTimezoneInfo;\nvar splunkdPath = get$CEntry('SPLUNKD_PATH');\n/**\n * The username of the current user.\n * @constant\n * @public\n */\n\nexports.splunkdPath = splunkdPath;\nvar username = get$CEntry('USERNAME');\n/**\n * The version label of splunkd.\n * @constant\n * @public\n */\n\nexports.username = username;\nvar versionLabel = get$CEntry('VERSION_LABEL');\nexports.versionLabel = versionLabel;\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../../../../webpack/buildin/global.js */ \"../../node_modules/webpack/buildin/global.js\")))\n\n//# sourceURL=webpack:////build/sa-commoninformationmodel/node_modules/@splunk/react-page/node_modules/@splunk/splunk-utils/config.js?"); +eval("module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId]) {\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/ \t\t}\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\ti: moduleId,\n/******/ \t\t\tl: false,\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.l = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// define getter function for harmony exports\n/******/ \t__webpack_require__.d = function(exports, name, getter) {\n/******/ \t\tif(!__webpack_require__.o(exports, name)) {\n/******/ \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n/******/ \t\t}\n/******/ \t};\n/******/\n/******/ \t// define __esModule on exports\n/******/ \t__webpack_require__.r = function(exports) {\n/******/ \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n/******/ \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n/******/ \t\t}\n/******/ \t\tObject.defineProperty(exports, '__esModule', { value: true });\n/******/ \t};\n/******/\n/******/ \t// create a fake namespace object\n/******/ \t// mode & 1: value is a module id, require it\n/******/ \t// mode & 2: merge all properties of value into the ns\n/******/ \t// mode & 4: return value when already ns object\n/******/ \t// mode & 8|1: behave like require\n/******/ \t__webpack_require__.t = function(value, mode) {\n/******/ \t\tif(mode & 1) value = __webpack_require__(value);\n/******/ \t\tif(mode & 8) return value;\n/******/ \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n/******/ \t\tvar ns = Object.create(null);\n/******/ \t\t__webpack_require__.r(ns);\n/******/ \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n/******/ \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n/******/ \t\treturn ns;\n/******/ \t};\n/******/\n/******/ \t// getDefaultExport function for compatibility with non-harmony modules\n/******/ \t__webpack_require__.n = function(module) {\n/******/ \t\tvar getter = module && module.__esModule ?\n/******/ \t\t\tfunction getDefault() { return module['default']; } :\n/******/ \t\t\tfunction getModuleExports() { return module; };\n/******/ \t\t__webpack_require__.d(getter, 'a', getter);\n/******/ \t\treturn getter;\n/******/ \t};\n/******/\n/******/ \t// Object.prototype.hasOwnProperty.call\n/******/ \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n/******/\n/******/\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(__webpack_require__.s = 168);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 1:\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! prop-types */ \"../../node_modules/prop-types/index.js\");\n\n/***/ }),\n\n/***/ 104:\n/***/ (function(module, exports) {\n\nvar g;\n\n// This works in non-strict mode\ng = (function() {\n\treturn this;\n})();\n\ntry {\n\t// This works if eval is allowed (see CSP)\n\tg = g || new Function(\"return this\")();\n} catch (e) {\n\t// This works if the window reference is available\n\tif (typeof window === \"object\") g = window;\n}\n\n// g can still be undefined, but nothing to do about it...\n// We return undefined, instead of nothing here, so it's\n// easier to handle this case. if(!global) { ...}\n\nmodule.exports = g;\n\n\n/***/ }),\n\n/***/ 15:\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! react-event-listener */ \"../../node_modules/react-event-listener/dist/react-event-listener.cjs.js\");\n\n/***/ }),\n\n/***/ 168:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n// ESM COMPAT FLAG\n__webpack_require__.r(__webpack_exports__);\n\n// EXPORTS\n__webpack_require__.d(__webpack_exports__, \"default\", function() { return /* reexport */ src_Layer_Layer; });\n__webpack_require__.d(__webpack_exports__, \"LayerStackContext\", function() { return /* reexport */ LayerStack[\"a\" /* LayerStackContext */]; });\n__webpack_require__.d(__webpack_exports__, \"LayerStackGlobalProvider\", function() { return /* reexport */ LayerStack[\"b\" /* LayerStackGlobalProvider */]; });\n\n// EXTERNAL MODULE: external \"react\"\nvar external_react_ = __webpack_require__(2);\nvar external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);\n\n// EXTERNAL MODULE: external \"react-dom\"\nvar external_react_dom_ = __webpack_require__(60);\n\n// EXTERNAL MODULE: external \"prop-types\"\nvar external_prop_types_ = __webpack_require__(1);\nvar external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);\n\n// EXTERNAL MODULE: external \"react-event-listener\"\nvar external_react_event_listener_ = __webpack_require__(15);\nvar external_react_event_listener_default = /*#__PURE__*/__webpack_require__.n(external_react_event_listener_);\n\n// EXTERNAL MODULE: external \"lodash\"\nvar external_lodash_ = __webpack_require__(4);\n\n// EXTERNAL MODULE: external \"@splunk/ui-utils/keyboard\"\nvar keyboard_ = __webpack_require__(9);\n\n// EXTERNAL MODULE: ./src/Layer/LayerStack.tsx\nvar LayerStack = __webpack_require__(68);\n\n// CONCATENATED MODULE: ./src/Layer/Layer.tsx\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n\n\n\n\n\n\n\n/** @public */\n\nvar possibleCloseReasons = ['clickAway', 'escapeKey'];\nvar propTypes = {\n children: external_prop_types_default.a.node,\n closeReasons: external_prop_types_default.a.arrayOf(external_prop_types_default.a.oneOf(possibleCloseReasons)),\n onRequestClose: external_prop_types_default.a.func,\n open: external_prop_types_default.a.bool\n};\nvar defaultProps = {\n closeReasons: possibleCloseReasons,\n open: false\n};\n\nvar Layer_Layer = /*#__PURE__*/function (_Component) {\n _inherits(Layer, _Component);\n\n var _super = _createSuper(Layer);\n\n // @docs-props-type LayerPropsBase\n // eslint-disable-next-line react/sort-comp\n // LayerStackContext (an array) keeps track of the current instances of Layer. This is\n // used by Layer#handleKeyDown to determine if the escapeKey event should be handled by\n // the current instance. Only the topmost Layer instance should honor the escapeKey.\n // TODO: enable once this is sorted out within the babel/ts ecosystem\n // declare context: React.ContextType;\n function Layer(props) {\n var _this;\n\n _classCallCheck(this, Layer);\n\n _this = _super.call(this, props);\n\n _defineProperty(_assertThisInitialized(_this), \"layerClickEvent\", null);\n\n _defineProperty(_assertThisInitialized(_this), \"handleClickOnLayer\", function (_ref) {\n var nativeEvent = _ref.nativeEvent;\n _this.layerClickEvent = nativeEvent;\n });\n\n _defineProperty(_assertThisInitialized(_this), \"handleClickOnWindow\", function (event) {\n var _this$props$onRequest, _this$props;\n\n // clicks inside the layer should not be considered clickAways\n if (!_this.props.open || !Object(external_lodash_[\"includes\"])(_this.props.closeReasons, 'clickAway') || _this.layerClickEvent === event) {\n return;\n }\n\n (_this$props$onRequest = (_this$props = _this.props).onRequestClose) === null || _this$props$onRequest === void 0 ? void 0 : _this$props$onRequest.call(_this$props, {\n event: event,\n reason: 'clickAway'\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"handleKeyDownOnWindow\", function (event) {\n if (_this.props.open && Object(keyboard_[\"keycode\"])(event) === 'esc' && Object(external_lodash_[\"last\"])(_this.getLayerStack()) === _assertThisInitialized(_this) && Object(external_lodash_[\"includes\"])(_this.props.closeReasons, 'escapeKey')) {\n var _this$props$onRequest2, _this$props2;\n\n (_this$props$onRequest2 = (_this$props2 = _this.props).onRequestClose) === null || _this$props$onRequest2 === void 0 ? void 0 : _this$props$onRequest2.call(_this$props2, {\n event: event,\n reason: 'escapeKey'\n });\n }\n });\n\n if (!Layer.layerContainer) {\n Layer.layerContainer = document.createElement('div');\n Layer.layerContainer.setAttribute('data-test', 'layer-container');\n document.body.appendChild(Layer.layerContainer);\n }\n\n return _this;\n }\n\n _createClass(Layer, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n if (this.props.open) {\n this.getLayerStack().push(this);\n }\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps) {\n if (!prevProps.open && this.props.open) {\n this.getLayerStack().push(this);\n } else if (prevProps.open && !this.props.open) {\n Object(external_lodash_[\"pull\"])(this.getLayerStack(), this);\n }\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n Object(external_lodash_[\"pull\"])(this.getLayerStack(), this);\n }\n }, {\n key: \"getLayerStack\",\n value: function getLayerStack() {\n return this.context;\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this$props3 = this.props,\n children = _this$props3.children,\n open = _this$props3.open;\n\n if (open) {\n var layerPortal = /*#__PURE__*/Object(external_react_dom_[\"createPortal\"])( /*#__PURE__*/external_react_default.a.createElement(\"div\", {\n // eslint-disable-line jsx-a11y/no-static-element-interactions\n \"data-test\": \"layer\",\n onMouseDown: this.handleClickOnLayer,\n onTouchStart: this.handleClickOnLayer\n }, children), Layer.layerContainer // eslint-disable-line @typescript-eslint/no-non-null-assertion\n );\n return /*#__PURE__*/external_react_default.a.createElement(external_react_default.a.Fragment, null, /*#__PURE__*/external_react_default.a.createElement(external_react_event_listener_default.a, {\n key: \"eventListener\",\n target: \"window\",\n onKeyDown: this.handleKeyDownOnWindow,\n onMouseDown: this.handleClickOnWindow,\n onTouchStart: this.handleClickOnWindow\n }), layerPortal);\n }\n\n return null;\n }\n }]);\n\n return Layer;\n}(external_react_[\"Component\"]);\n\n_defineProperty(Layer_Layer, \"layerContainer\", null);\n\n_defineProperty(Layer_Layer, \"possibleCloseReasons\", possibleCloseReasons);\n\n_defineProperty(Layer_Layer, \"propTypes\", propTypes);\n\n_defineProperty(Layer_Layer, \"defaultProps\", defaultProps);\n\n_defineProperty(Layer_Layer, \"contextType\", LayerStack[\"a\" /* LayerStackContext */]);\n\n/* harmony default export */ var src_Layer_Layer = (Layer_Layer);\n// CONCATENATED MODULE: ./src/Layer/index.ts\n\n\n\n/***/ }),\n\n/***/ 2:\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n\n/***/ }),\n\n/***/ 4:\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! lodash */ \"../../node_modules/lodash/lodash.js\");\n\n/***/ }),\n\n/***/ 60:\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! react-dom */ \"../../node_modules/react-dom/index.js\");\n\n/***/ }),\n\n/***/ 68:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* WEBPACK VAR INJECTION */(function(global) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return LayerStackContext; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"b\", function() { return LayerStackGlobalProvider; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n\n\n\n/**\n * `LayerStackContext` is used to manage the array that `Layer` (and components that\n * depend on it, such as `Modal`) uses to determine the order of open layers.\n * @public\n */\nvar LayerStackContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createContext([]);\nvar propTypes = {\n children: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n name: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n scope: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object\n};\n/* global global */\n\n/**\n * A `LayerStackContext` provider that stores a shared layer stack using a global variable.\n * Applications should only use this provider if there's a known need to support multiple\n * instances of this library on the same page.\n */\n\nfunction LayerStackGlobalProvider(_ref) {\n var children = _ref.children,\n _ref$name = _ref.name,\n name = _ref$name === void 0 ? '__splunkui_layer_instances__' : _ref$name,\n _ref$scope = _ref.scope,\n scope = _ref$scope === void 0 ? typeof window !== 'undefined' ? window : global : _ref$scope;\n\n if (!scope[name]) {\n scope[name] = []; // eslint-disable-line no-param-reassign\n }\n\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(LayerStackContext.Provider, {\n value: scope[name]\n }, children);\n}\n\nLayerStackGlobalProvider.propTypes = propTypes;\n\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(104)))\n\n/***/ }),\n\n/***/ 9:\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! @splunk/ui-utils/keyboard */ \"../../node_modules/@splunk/ui-utils/keyboard.js\");\n\n/***/ })\n\n/******/ });\n\n//# sourceURL=webpack:////builds/EnterpriseSecurity/sa-commoninformationmodel/node_modules/@splunk/react-ui/Layer.js?"); /***/ }), -/***/ "../../node_modules/@splunk/react-page/node_modules/@splunk/splunk-utils/url.js": +/***/ "../../node_modules/@splunk/react-ui/ScreenReaderContent.js": /*!*****************************************************************************************************************!*\ - !*** /build/sa-commoninformationmodel/node_modules/@splunk/react-page/node_modules/@splunk/splunk-utils/url.js ***! + !*** /builds/EnterpriseSecurity/sa-commoninformationmodel/node_modules/@splunk/react-ui/ScreenReaderContent.js ***! \*****************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { -"use strict"; -eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.withConfig = withConfig;\nexports.insertCacheBuster = exports.createURL = exports.createStaticURL = exports.createRESTURL = exports.createDocsURL = exports.createAppDocsURL = void 0;\n\nvar _querystring = __webpack_require__(/*! querystring */ \"../../node_modules/querystring-es3/index.js\");\n\nvar config = _interopRequireWildcard(__webpack_require__(/*! ./config */ \"../../node_modules/@splunk/react-page/node_modules/@splunk/splunk-utils/config.js\"));\n\nfunction _getRequireWildcardCache() { if (typeof WeakMap !== \"function\") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }\n\nfunction _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") { return { \"default\": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj[\"default\"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n/**\n * A set of functions for generating Splunk Web URLs. They may be imported independently, such as:\n * ```\n * import { createURL, createStaticURL } from '@splunk/splunk-utils/url';\n * ```\n * @file\n */\nfunction withConfig(_ref) {\n var appBuild = _ref.appBuild,\n buildNumber = _ref.buildNumber,\n buildPushNumber = _ref.buildPushNumber,\n locale = _ref.locale,\n rootPath = _ref.rootPath,\n splunkdPath = _ref.splunkdPath;\n\n /**\n * Inserts a cache buster into the given path.\n *\n * @param path {String} - The path to inject the cache buster into.\n * @param configOptions {Object} - Config options including `appBuild`, `buildPushNumber`, and\n * `buildNumber`. Defaults to the values provided by `@splunk/splunk-utils/config`.\n * @return {String} Returns the path with the cache buster `/@9850fc87a5ee`.\n * @private\n */\n function insertCacheBuster(path) {\n var configOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n var options = _objectSpread({\n appBuild: appBuild,\n buildPushNumber: buildPushNumber,\n buildNumber: buildNumber\n }, configOptions);\n\n var match = path.match(/(^|\\w\\w-\\w\\w\\/)static\\//);\n\n if (!match) {\n return path;\n }\n\n var insertPosition = match.index + match[0].length - 1;\n var isApp = path.match(/(^|\\w\\w-\\w\\w|)static\\/app/);\n var appBuildString = isApp ? \":\".concat(options.appBuild || 0) : '';\n var buildPushString = options.buildPushNumber ? \".\".concat(options.buildPushNumber) : '';\n var cacheBusterString = \"/@\".concat(options.buildNumber).concat(buildPushString).concat(appBuildString);\n var before = path.substr(0, insertPosition);\n var after = path.substr(insertPosition);\n return \"\".concat(before).concat(cacheBusterString).concat(after);\n }\n /**\n * Returns a full path for the current appserver location.\n * This is required for proxy compatiblity, localization, and cache busting.\n *\n * For example:\n * ```js\n * createURL('app/search/job'); // \"/splunk/en-US/app/search/job\"\n * createURL('/app/search/job'); // \"/splunk/en-US/app/search/job\"\n * createURL('app/search/job', {id:3, user:'me' }); // \"/splunk/en-US/app/search/job?id=3&user=me\"\n * ```\n *\n * Static paths are augmented with a cache buster:\n * ```js\n * createURL('/static/js/foo.js'); // \"/splunk/en-US/static/@12345/js/foo.js\"\n * createURL('/static/js/foo.js'); // \"/splunk/en-US/static/@12345.1/js/foo.js\"\n * createURL('/static/app/search/js/foo.js'); // \"/splunk/en-US/static/@12345.1:0/app/search/js/foo.js\"\n * ```\n *\n * @public\n * @param path {String}\n * @param [queryParams] {Object} An object of the query parameters.\n * @param configOptions {Object} - Config options including `appBuild`, `buildPushNumber`,\n * `buildNumber`, `rootPath`, and `locale`. Defaults to the values provided by\n * `@splunk/splunk-utils/config`.\n * @return {String} Returns a valid URL with correct root path, locale, and cache buster.\n * @alias createURL\n */\n\n\n function createURL(pathInput, queryParams) {\n var configOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n\n var options = _objectSpread({\n appBuild: appBuild,\n buildPushNumber: buildPushNumber,\n buildNumber: buildNumber,\n rootPath: rootPath,\n locale: locale\n }, configOptions);\n\n var path = pathInput || '/';\n var query = queryParams ? \"?\".concat((0, _querystring.stringify)(queryParams)) : '';\n\n if (path.charAt(0) !== '/') {\n path = \"/\".concat(path);\n }\n\n path = \"\".concat(options.rootPath || '', \"/\").concat(options.locale).concat(path).concat(query);\n return insertCacheBuster(path, options);\n }\n /**\n * Prepends Splunk Web path information necessary to access a static asset. For example:\n * ```\n * createURL('fonts/roboto-regular-webfont.woff'); // \"/splunk/en-US/static/@12345/fonts/roboto-regular-webfont.woff\"\n * createURL('app/search/fonts/roboto-regular-webfont.woff'); // \"/splunk/en-US/static/@12345.1:0/app/search/fonts/roboto-regular-webfont.woff\"\n * ```\n * @public\n * @param {String} path - A path to a static resource.\n * @param [queryParams] {Object} An object of the query parameters.\n * @param configOptions {Object} - Config options including `appBuild`, `buildPushNumber`,\n * `buildNumber`, `rootPath`, and `locale`. Defaults to the values provided by\n * `@splunk/splunk-utils/config`.\n * @return {String} Returns a valid URL with correct root path, locale, and cache buster.\n * @alias createStaticURL\n */\n\n\n function createStaticURL(path) {\n for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n rest[_key - 1] = arguments[_key];\n }\n\n return createURL.apply(void 0, [\"static/\".concat(path)].concat(rest));\n }\n /**\n * Creates a fully qualified URL for the specified endpoint.\n * For example:\n * ```\n * createRESTURL('server/info'); // \"/en-US/splunkd/__raw/services/server/info\"\n * createRESTURL('saved/searches', {app: 'search'}); // \"/en-US/splunkd/__raw/servicesNS/-/search/saved/searches\"\n * ```\n * @public\n * @param {String} endpoint - An endpoint to a REST API.\n * @param {Object} options\n * @param {String} [options.app] - App namespace to use.\n * @param {String} [options.owner] - User namespace to use.\n * @param {Sting} [options.sharing] - Must be one of [ '' | 'app' | 'global' | 'system' ].\n * @param {Object} [configOptions] - Config options including `splunkdPath`. Defaults to the value\n * provided by `@splunk/splunk-utils/config`.\n * @return {String} The URL of the REST API endpoint.\n * @alias createRESTURL\n */\n\n\n function createRESTURL(endpoint) {\n var namespaceOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n var configOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n\n // Return the endpoint if it's a full path.\n if (/^http[s]?:\\/\\//.test(endpoint)) {\n return endpoint;\n }\n\n var basePath = configOptions.splunkdPath || splunkdPath || ''; // If it's an absolute path,\n\n if (/^\\/.*/.test(endpoint)) {\n // Append the splunkdPath if the endpoint includes services. Otherwise, return the endpoint.\n return /^\\/services/.test(endpoint) ? \"\".concat(basePath).concat(endpoint) : endpoint;\n } // If neither an app nor owner is provided, use /services/ endpoint.\n\n\n if (!namespaceOptions.app && !namespaceOptions.owner) {\n return \"\".concat(basePath, \"/services/\").concat(endpoint);\n } // Build a namespaced path.\n\n\n var owner;\n\n if (namespaceOptions.sharing) {\n owner = 'nobody';\n } else if (namespaceOptions.owner) {\n owner = encodeURIComponent(namespaceOptions.owner);\n } else {\n owner = '-';\n }\n\n var app;\n\n if (namespaceOptions.sharing === 'system') {\n app = 'system';\n } else if (namespaceOptions.app) {\n app = encodeURIComponent(namespaceOptions.app);\n } else {\n app = '-';\n }\n\n return \"\".concat(basePath, \"/servicesNS/\").concat(owner, \"/\").concat(app, \"/\").concat(endpoint);\n }\n /** Create docs URL private method.\n * @param {Object} [params]\n * @private\n */\n\n\n function createDocsURLFromParams(params, configOptions) {\n return createURL('/help', params, configOptions);\n }\n /** Create docs URL using location string.\n * For example:\n * ```\n * createDocsURL('learnmore.timerange.picker'); // \"/en-US/help?location=learnmore.timerange.picker\"\n * ```\n * @public\n * @param {String} location - Required.\n * @return {String} The URL of the Splunk help document.\n * @alias createDocsURL\n */\n\n\n function createDocsURL(location, configOptions) {\n return createDocsURLFromParams({\n location: location\n }, configOptions);\n }\n /** Create app docs URL using location string, which needs to add [appName:appVersion] prefix before the location string.\n * For example:\n * ```\n * createAppDocsURL('learnmore.timerange.picker', { appName: 'splunk_app_aws', appVersion: '5.0.3'}); // \"/en-US/help?location=learnmore.timerange.picker\"\n * ```\n * @public\n * @param {String} location - Required.\n * @param {Object} options - Required.\n * @param {String} options.appName - App name.\n * @param {String} options.appVersion - App version.\n * @return {String} The URL of the Splunk app help document.\n * @alias createAppDocsURL\n */\n\n\n function createAppDocsURL(location, _ref2, configOptions) {\n var appName = _ref2.appName,\n appVersion = _ref2.appVersion;\n return createDocsURLFromParams({\n location: \"[\".concat(appName, \":\").concat(appVersion, \"]\").concat(location)\n }, configOptions);\n }\n\n return {\n createAppDocsURL: createAppDocsURL,\n createDocsURL: createDocsURL,\n createRESTURL: createRESTURL,\n createStaticURL: createStaticURL,\n createURL: createURL,\n insertCacheBuster: insertCacheBuster\n };\n}\n\nvar _withConfig = withConfig(config),\n createAppDocsURL = _withConfig.createAppDocsURL,\n createDocsURL = _withConfig.createDocsURL,\n createRESTURL = _withConfig.createRESTURL,\n createStaticURL = _withConfig.createStaticURL,\n createURL = _withConfig.createURL,\n insertCacheBuster = _withConfig.insertCacheBuster;\n\nexports.insertCacheBuster = insertCacheBuster;\nexports.createURL = createURL;\nexports.createStaticURL = createStaticURL;\nexports.createRESTURL = createRESTURL;\nexports.createDocsURL = createDocsURL;\nexports.createAppDocsURL = createAppDocsURL;\n\n//# sourceURL=webpack:////build/sa-commoninformationmodel/node_modules/@splunk/react-page/node_modules/@splunk/splunk-utils/url.js?"); +eval("module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId]) {\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/ \t\t}\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\ti: moduleId,\n/******/ \t\t\tl: false,\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.l = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// define getter function for harmony exports\n/******/ \t__webpack_require__.d = function(exports, name, getter) {\n/******/ \t\tif(!__webpack_require__.o(exports, name)) {\n/******/ \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n/******/ \t\t}\n/******/ \t};\n/******/\n/******/ \t// define __esModule on exports\n/******/ \t__webpack_require__.r = function(exports) {\n/******/ \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n/******/ \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n/******/ \t\t}\n/******/ \t\tObject.defineProperty(exports, '__esModule', { value: true });\n/******/ \t};\n/******/\n/******/ \t// create a fake namespace object\n/******/ \t// mode & 1: value is a module id, require it\n/******/ \t// mode & 2: merge all properties of value into the ns\n/******/ \t// mode & 4: return value when already ns object\n/******/ \t// mode & 8|1: behave like require\n/******/ \t__webpack_require__.t = function(value, mode) {\n/******/ \t\tif(mode & 1) value = __webpack_require__(value);\n/******/ \t\tif(mode & 8) return value;\n/******/ \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n/******/ \t\tvar ns = Object.create(null);\n/******/ \t\t__webpack_require__.r(ns);\n/******/ \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n/******/ \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n/******/ \t\treturn ns;\n/******/ \t};\n/******/\n/******/ \t// getDefaultExport function for compatibility with non-harmony modules\n/******/ \t__webpack_require__.n = function(module) {\n/******/ \t\tvar getter = module && module.__esModule ?\n/******/ \t\t\tfunction getDefault() { return module['default']; } :\n/******/ \t\t\tfunction getModuleExports() { return module; };\n/******/ \t\t__webpack_require__.d(getter, 'a', getter);\n/******/ \t\treturn getter;\n/******/ \t};\n/******/\n/******/ \t// Object.prototype.hasOwnProperty.call\n/******/ \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n/******/\n/******/\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(__webpack_require__.s = 157);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! @splunk/themes */ \"../../node_modules/@splunk/themes/index.js\");\n\n/***/ }),\n\n/***/ 1:\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! prop-types */ \"../../node_modules/prop-types/index.js\");\n\n/***/ }),\n\n/***/ 157:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n// ESM COMPAT FLAG\n__webpack_require__.r(__webpack_exports__);\n\n// EXPORTS\n__webpack_require__.d(__webpack_exports__, \"default\", function() { return /* reexport */ ScreenReaderContent_ScreenReaderContent; });\n\n// EXTERNAL MODULE: external \"react\"\nvar external_react_ = __webpack_require__(2);\nvar external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);\n\n// EXTERNAL MODULE: external \"prop-types\"\nvar external_prop_types_ = __webpack_require__(1);\nvar external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);\n\n// EXTERNAL MODULE: external \"styled-components\"\nvar external_styled_components_ = __webpack_require__(3);\nvar external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);\n\n// EXTERNAL MODULE: external \"@splunk/themes\"\nvar themes_ = __webpack_require__(0);\n\n// CONCATENATED MODULE: ./src/ScreenReaderContent/ScreenReaderContentStyles.ts\n\n\nvar Styled = external_styled_components_default.a.span.withConfig({\n displayName: \"ScreenReaderContentStyles__Styled\",\n componentId: \"sc-1lnohwp-0\"\n})([\"\", \";\"], themes_[\"mixins\"].screenReaderContent());\n\n// CONCATENATED MODULE: ./src/ScreenReaderContent/ScreenReaderContent.tsx\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n\nvar propTypes = {\n children: external_prop_types_default.a.node.isRequired,\n elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object])\n};\n\n/**\n * The screen reader text is used to wrap content that\n * is only accessible through screen readers.\n */\nfunction ScreenReaderContent(_ref) {\n var children = _ref.children,\n elementRef = _ref.elementRef,\n otherProps = _objectWithoutProperties(_ref, [\"children\", \"elementRef\"]);\n\n // @docs-props-type ScreenReaderContentPropsBase\n return /*#__PURE__*/external_react_default.a.createElement(Styled, _extends({\n \"data-test\": \"screen-reader-content\",\n ref: elementRef\n }, otherProps), children);\n}\n\nScreenReaderContent.propTypes = propTypes;\n/* harmony default export */ var ScreenReaderContent_ScreenReaderContent = (ScreenReaderContent);\n// CONCATENATED MODULE: ./src/ScreenReaderContent/index.ts\n\n\n/***/ }),\n\n/***/ 2:\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n\n/***/ }),\n\n/***/ 3:\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! styled-components */ \"../../node_modules/styled-components/dist/styled-components.browser.esm.js\");\n\n/***/ })\n\n/******/ });\n\n//# sourceURL=webpack:////builds/EnterpriseSecurity/sa-commoninformationmodel/node_modules/@splunk/react-ui/ScreenReaderContent.js?"); /***/ }), -/***/ "../../node_modules/@splunk/react-ui/Layer.js": -/*!*******************************************************************************!*\ - !*** /build/sa-commoninformationmodel/node_modules/@splunk/react-ui/Layer.js ***! - \*******************************************************************************/ +/***/ "../../node_modules/@splunk/splunk-utils/config.js": +/*!********************************************************************************************************!*\ + !*** /builds/EnterpriseSecurity/sa-commoninformationmodel/node_modules/@splunk/splunk-utils/config.js ***! + \********************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { -eval("module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId]) {\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/ \t\t}\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\ti: moduleId,\n/******/ \t\t\tl: false,\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.l = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// define getter function for harmony exports\n/******/ \t__webpack_require__.d = function(exports, name, getter) {\n/******/ \t\tif(!__webpack_require__.o(exports, name)) {\n/******/ \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n/******/ \t\t}\n/******/ \t};\n/******/\n/******/ \t// define __esModule on exports\n/******/ \t__webpack_require__.r = function(exports) {\n/******/ \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n/******/ \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n/******/ \t\t}\n/******/ \t\tObject.defineProperty(exports, '__esModule', { value: true });\n/******/ \t};\n/******/\n/******/ \t// create a fake namespace object\n/******/ \t// mode & 1: value is a module id, require it\n/******/ \t// mode & 2: merge all properties of value into the ns\n/******/ \t// mode & 4: return value when already ns object\n/******/ \t// mode & 8|1: behave like require\n/******/ \t__webpack_require__.t = function(value, mode) {\n/******/ \t\tif(mode & 1) value = __webpack_require__(value);\n/******/ \t\tif(mode & 8) return value;\n/******/ \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n/******/ \t\tvar ns = Object.create(null);\n/******/ \t\t__webpack_require__.r(ns);\n/******/ \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n/******/ \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n/******/ \t\treturn ns;\n/******/ \t};\n/******/\n/******/ \t// getDefaultExport function for compatibility with non-harmony modules\n/******/ \t__webpack_require__.n = function(module) {\n/******/ \t\tvar getter = module && module.__esModule ?\n/******/ \t\t\tfunction getDefault() { return module['default']; } :\n/******/ \t\t\tfunction getModuleExports() { return module; };\n/******/ \t\t__webpack_require__.d(getter, 'a', getter);\n/******/ \t\treturn getter;\n/******/ \t};\n/******/\n/******/ \t// Object.prototype.hasOwnProperty.call\n/******/ \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n/******/\n/******/\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(__webpack_require__.s = 161);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! prop-types */ \"../../node_modules/prop-types/index.js\");\n\n/***/ }),\n\n/***/ 14:\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! react-event-listener */ \"../../node_modules/react-event-listener/dist/react-event-listener.cjs.js\");\n\n/***/ }),\n\n/***/ 161:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n// ESM COMPAT FLAG\n__webpack_require__.r(__webpack_exports__);\n\n// EXPORTS\n__webpack_require__.d(__webpack_exports__, \"default\", function() { return /* reexport */ src_Layer_Layer; });\n__webpack_require__.d(__webpack_exports__, \"LayerStackContext\", function() { return /* reexport */ LayerStack[\"a\" /* LayerStackContext */]; });\n__webpack_require__.d(__webpack_exports__, \"LayerStackGlobalProvider\", function() { return /* reexport */ LayerStack[\"b\" /* LayerStackGlobalProvider */]; });\n\n// EXTERNAL MODULE: external \"react\"\nvar external_react_ = __webpack_require__(2);\nvar external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);\n\n// EXTERNAL MODULE: external \"react-dom\"\nvar external_react_dom_ = __webpack_require__(47);\n\n// EXTERNAL MODULE: external \"prop-types\"\nvar external_prop_types_ = __webpack_require__(0);\nvar external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);\n\n// EXTERNAL MODULE: external \"react-event-listener\"\nvar external_react_event_listener_ = __webpack_require__(14);\nvar external_react_event_listener_default = /*#__PURE__*/__webpack_require__.n(external_react_event_listener_);\n\n// EXTERNAL MODULE: external \"lodash\"\nvar external_lodash_ = __webpack_require__(4);\n\n// EXTERNAL MODULE: external \"@splunk/ui-utils/keyboard\"\nvar keyboard_ = __webpack_require__(8);\n\n// EXTERNAL MODULE: ./src/Layer/LayerStack.tsx\nvar LayerStack = __webpack_require__(52);\n\n// CONCATENATED MODULE: ./src/Layer/Layer.tsx\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n\n\n\n\n\n\n\n/** @public */\n\nvar possibleCloseReasons = ['clickAway', 'escapeKey'];\nvar propTypes = {\n children: external_prop_types_default.a.node,\n closeReasons: external_prop_types_default.a.arrayOf(external_prop_types_default.a.oneOf(possibleCloseReasons)),\n onRequestClose: external_prop_types_default.a.func,\n open: external_prop_types_default.a.bool\n};\nvar defaultProps = {\n closeReasons: possibleCloseReasons,\n open: false\n};\n\nvar Layer_Layer = /*#__PURE__*/function (_Component) {\n _inherits(Layer, _Component);\n\n var _super = _createSuper(Layer);\n\n // @docs-props-type LayerPropsBase\n // eslint-disable-next-line react/sort-comp\n // LayerStackContext (an array) keeps track of the current instances of Layer. This is\n // used by Layer#handleKeyDown to determine if the escapeKey event should be handled by\n // the current instance. Only the topmost Layer instance should honor the escapeKey.\n // TODO: enable once this is sorted out within the babel/ts ecosystem\n // declare context: React.ContextType;\n function Layer(props) {\n var _this;\n\n _classCallCheck(this, Layer);\n\n _this = _super.call(this, props);\n\n _defineProperty(_assertThisInitialized(_this), \"layerClickEvent\", null);\n\n _defineProperty(_assertThisInitialized(_this), \"handleClickOnLayer\", function (_ref) {\n var nativeEvent = _ref.nativeEvent;\n _this.layerClickEvent = nativeEvent;\n });\n\n _defineProperty(_assertThisInitialized(_this), \"handleClickOnWindow\", function (event) {\n var _this$props$onRequest, _this$props;\n\n // clicks inside the layer should not be considered clickAways\n if (!_this.props.open || !Object(external_lodash_[\"includes\"])(_this.props.closeReasons, 'clickAway') || _this.layerClickEvent === event) {\n return;\n }\n\n (_this$props$onRequest = (_this$props = _this.props).onRequestClose) === null || _this$props$onRequest === void 0 ? void 0 : _this$props$onRequest.call(_this$props, {\n event: event,\n reason: 'clickAway'\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"handleKeyDownOnWindow\", function (event) {\n if (_this.props.open && Object(keyboard_[\"keycode\"])(event) === 'esc' && Object(external_lodash_[\"last\"])(_this.getLayerStack()) === _assertThisInitialized(_this) && Object(external_lodash_[\"includes\"])(_this.props.closeReasons, 'escapeKey')) {\n var _this$props$onRequest2, _this$props2;\n\n (_this$props$onRequest2 = (_this$props2 = _this.props).onRequestClose) === null || _this$props$onRequest2 === void 0 ? void 0 : _this$props$onRequest2.call(_this$props2, {\n event: event,\n reason: 'escapeKey'\n });\n }\n });\n\n if (!Layer.layerContainer) {\n Layer.layerContainer = document.createElement('div');\n Layer.layerContainer.setAttribute('data-test', 'layer-container');\n document.body.appendChild(Layer.layerContainer);\n }\n\n return _this;\n }\n\n _createClass(Layer, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n if (this.props.open) {\n this.getLayerStack().push(this);\n }\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps) {\n if (!prevProps.open && this.props.open) {\n this.getLayerStack().push(this);\n } else if (prevProps.open && !this.props.open) {\n Object(external_lodash_[\"pull\"])(this.getLayerStack(), this);\n }\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n Object(external_lodash_[\"pull\"])(this.getLayerStack(), this);\n }\n }, {\n key: \"getLayerStack\",\n value: function getLayerStack() {\n return this.context;\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this$props3 = this.props,\n children = _this$props3.children,\n open = _this$props3.open;\n\n if (open) {\n var layerPortal = /*#__PURE__*/Object(external_react_dom_[\"createPortal\"])( /*#__PURE__*/external_react_default.a.createElement(\"div\", {\n // eslint-disable-line jsx-a11y/no-static-element-interactions\n \"data-test\": \"layer\",\n onMouseDown: this.handleClickOnLayer,\n onTouchStart: this.handleClickOnLayer\n }, children), Layer.layerContainer // eslint-disable-line @typescript-eslint/no-non-null-assertion\n );\n return /*#__PURE__*/external_react_default.a.createElement(external_react_default.a.Fragment, null, /*#__PURE__*/external_react_default.a.createElement(external_react_event_listener_default.a, {\n key: \"eventListener\",\n target: \"window\",\n onKeyDown: this.handleKeyDownOnWindow,\n onMouseDown: this.handleClickOnWindow,\n onTouchStart: this.handleClickOnWindow\n }), layerPortal);\n }\n\n return null;\n }\n }]);\n\n return Layer;\n}(external_react_[\"Component\"]);\n\n_defineProperty(Layer_Layer, \"layerContainer\", null);\n\n_defineProperty(Layer_Layer, \"possibleCloseReasons\", possibleCloseReasons);\n\n_defineProperty(Layer_Layer, \"propTypes\", propTypes);\n\n_defineProperty(Layer_Layer, \"defaultProps\", defaultProps);\n\n_defineProperty(Layer_Layer, \"contextType\", LayerStack[\"a\" /* LayerStackContext */]);\n\n/* harmony default export */ var src_Layer_Layer = (Layer_Layer);\n// CONCATENATED MODULE: ./src/Layer/index.ts\n\n\n\n/***/ }),\n\n/***/ 2:\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n\n/***/ }),\n\n/***/ 4:\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! lodash */ \"../../node_modules/lodash/lodash.js\");\n\n/***/ }),\n\n/***/ 47:\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! react-dom */ \"../../node_modules/react-dom/index.js\");\n\n/***/ }),\n\n/***/ 52:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* WEBPACK VAR INJECTION */(function(global) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return LayerStackContext; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"b\", function() { return LayerStackGlobalProvider; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(0);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n\n\n\n/**\n * `LayerStackContext` is used to manage the array that `Layer` (and components that\n * depend on it, such as `Modal`) uses to determine the order of open layers.\n * @public\n */\nvar LayerStackContext = react__WEBPACK_IMPORTED_MODULE_0___default.a.createContext([]);\nvar propTypes = {\n children: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n name: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n scope: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object\n};\n/* global global */\n\n/**\n * A `LayerStackContext` provider that stores a shared layer stack using a global variable.\n * Applications should only use this provider if there's a known need to support multiple\n * instances of this library on the same page.\n */\n\nfunction LayerStackGlobalProvider(_ref) {\n var children = _ref.children,\n _ref$name = _ref.name,\n name = _ref$name === void 0 ? '__splunkui_layer_instances__' : _ref$name,\n _ref$scope = _ref.scope,\n scope = _ref$scope === void 0 ? typeof window !== 'undefined' ? window : global : _ref$scope;\n\n if (!scope[name]) {\n scope[name] = []; // eslint-disable-line no-param-reassign\n }\n\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(LayerStackContext.Provider, {\n value: scope[name]\n }, children);\n}\n\nLayerStackGlobalProvider.propTypes = propTypes;\n\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(95)))\n\n/***/ }),\n\n/***/ 8:\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! @splunk/ui-utils/keyboard */ \"../../node_modules/@splunk/ui-utils/keyboard.js\");\n\n/***/ }),\n\n/***/ 95:\n/***/ (function(module, exports) {\n\nvar g;\n\n// This works in non-strict mode\ng = (function() {\n\treturn this;\n})();\n\ntry {\n\t// This works if eval is allowed (see CSP)\n\tg = g || new Function(\"return this\")();\n} catch (e) {\n\t// This works if the window reference is available\n\tif (typeof window === \"object\") g = window;\n}\n\n// g can still be undefined, but nothing to do about it...\n// We return undefined, instead of nothing here, so it's\n// easier to handle this case. if(!global) { ...}\n\nmodule.exports = g;\n\n\n/***/ })\n\n/******/ });\n\n//# sourceURL=webpack:////build/sa-commoninformationmodel/node_modules/@splunk/react-ui/Layer.js?"); +"use strict"; +eval("/* WEBPACK VAR INJECTION */(function(global) {\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.extractAppName = extractAppName;\nexports.versionLabel = exports.username = exports.splunkdPath = exports.serverTimezoneInfo = exports.rootPath = exports.portNumber = exports.locale = exports.config = exports.buildPushNumber = exports.buildNumber = exports.appBuild = exports.app = exports.isAvailable = exports.CSRFToken = void 0;\n\nvar _lodash = __webpack_require__(/*! lodash */ \"../../node_modules/lodash/lodash.js\");\n\nvar _cookie = __webpack_require__(/*! @splunk/ui-utils/cookie */ \"../../node_modules/@splunk/ui-utils/cookie.js\");\n\n/**\n * A set of constants describing the server environment. If window.$C isn't defined, most of the\n * values on this page are also undefined.\n *\n * The constants may be imported independently, such as:\n * ```\n * import { buildNumber, locale, rootPath } from '@splunk/splunk-utils/config';\n * @file\n */\n\n/* global global */\n// If this is running in Node, the root is the `global` object. If it's running in the browser,\n// root is the `window` object.\nvar root = typeof window === 'undefined' ? global : window;\n/**\n * A function to get a $C prop. Returns undefined if $C isn't available.\n * @private\n */\n\nfunction get$CEntry(prop) {\n return (0, _lodash.get)(root, ['$C', prop]);\n}\n/**\n * The CSRF token. This may be `null` if the token isn't found in the cookie.\n *\n * @constant\n *\n * @public\n */\n\n\nvar CSRFToken = (0, _cookie.getEntry)(\"splunkweb_csrf_token_\".concat(get$CEntry('MRSPARKLE_PORT_NUMBER')));\n/**\n * If `window.$C` is undefined or invalid, isAvailable is `false`.\n * @constant\n * @public\n */\n\nexports.CSRFToken = CSRFToken;\nvar isAvailable = !!get$CEntry('SPLUNKD_PATH');\n/**\n * Extracts app name from the URL. To enable testing, this function is exported and pathname\n * can be overridden.\n * @private\n */\n\nexports.isAvailable = isAvailable;\n\nfunction extractAppName() {\n var pathname = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : (0, _lodash.get)(root, ['document', 'location', 'pathname'], '');\n var pathMatch = pathname.match(/\\w\\w.\\w\\w\\/(app|manager)\\/([^/]+)/);\n return pathMatch ? pathMatch[2] : undefined;\n}\n/**\n * The name of the current app as shown in the URL (not the display name).\n * @constant\n * @public\n */\n\n\nvar app = extractAppName();\n/**\n * The build number of the current app.\n * @constant\n * @public\n */\n\nexports.app = app;\nvar appBuild = get$CEntry('APP_BUILD');\n/**\n * A hash string of the current build.\n * @constant\n * @type {string}\n * @public\n */\n\nexports.appBuild = appBuild;\nvar buildNumber = get$CEntry('BUILD_NUMBER');\n/**\n * A incremented number configured per instance. Defaults to 0.\n * @constant\n * @public\n */\n\nexports.buildNumber = buildNumber;\nvar buildPushNumber = get$CEntry('BUILD_PUSH_NUMBER');\n/**\n * The full object of window.$C.\n * @constant\n * @public\n */\n\nexports.buildPushNumber = buildPushNumber;\nvar config = (0, _lodash.get)(root, '$C');\n/**\n * The current locale, such as \"en-US\".\n * @constant\n * @public\n */\n\nexports.config = config;\nvar locale = get$CEntry('LOCALE');\n/**\n * The port that Splunk Web is using. Defaults to 8000.\n * @constant\n * @public\n */\n\nexports.locale = locale;\nvar portNumber = get$CEntry('MRSPARKLE_PORT_NUMBER');\n/**\n * Splunk may not be running in the root directory, so the locale may not be the first element\n * in the pathname. If it is running in the root directory, ```rootPath``` is an empty\n * string. Otherwise it returns the root. For example, in the page\n * ```\n * http://splunk.domain.com/my-root-dir/en-US/app/search/search\n * ```\n * ```rootPath``` is set to ```'my-root-dir'```.\n * @constant\n * @public\n */\n\nexports.portNumber = portNumber;\nvar rootPath = get$CEntry('MRSPARKLE_ROOT_PATH');\n/**\n * The serialized Splunk Enterprise time zone data. This can be parsed for use in formatting Epoch times\n * on the client.\n * @constant\n * @public\n */\n\nexports.rootPath = rootPath;\nvar serverTimezoneInfo = get$CEntry('SERVER_ZONEINFO');\n/**\n * The Splunk Web proxing to splunkd, such as ```/en-US/splunkd/__raw```.\n * @constant\n * @public\n */\n\nexports.serverTimezoneInfo = serverTimezoneInfo;\nvar splunkdPath = get$CEntry('SPLUNKD_PATH');\n/**\n * The username of the current user.\n * @constant\n * @public\n */\n\nexports.splunkdPath = splunkdPath;\nvar username = get$CEntry('USERNAME');\n/**\n * The version label of splunkd.\n * @constant\n * @public\n */\n\nexports.username = username;\nvar versionLabel = get$CEntry('VERSION_LABEL');\nexports.versionLabel = versionLabel;\n/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../../webpack/buildin/global.js */ \"../../node_modules/webpack/buildin/global.js\")))\n\n//# sourceURL=webpack:////builds/EnterpriseSecurity/sa-commoninformationmodel/node_modules/@splunk/splunk-utils/config.js?"); /***/ }), -/***/ "../../node_modules/@splunk/react-ui/ScreenReaderContent.js": -/*!*********************************************************************************************!*\ - !*** /build/sa-commoninformationmodel/node_modules/@splunk/react-ui/ScreenReaderContent.js ***! - \*********************************************************************************************/ +/***/ "../../node_modules/@splunk/splunk-utils/themes.js": +/*!********************************************************************************************************!*\ + !*** /builds/EnterpriseSecurity/sa-commoninformationmodel/node_modules/@splunk/splunk-utils/themes.js ***! + \********************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { -eval("module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId]) {\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/ \t\t}\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\ti: moduleId,\n/******/ \t\t\tl: false,\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.l = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// define getter function for harmony exports\n/******/ \t__webpack_require__.d = function(exports, name, getter) {\n/******/ \t\tif(!__webpack_require__.o(exports, name)) {\n/******/ \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n/******/ \t\t}\n/******/ \t};\n/******/\n/******/ \t// define __esModule on exports\n/******/ \t__webpack_require__.r = function(exports) {\n/******/ \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n/******/ \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n/******/ \t\t}\n/******/ \t\tObject.defineProperty(exports, '__esModule', { value: true });\n/******/ \t};\n/******/\n/******/ \t// create a fake namespace object\n/******/ \t// mode & 1: value is a module id, require it\n/******/ \t// mode & 2: merge all properties of value into the ns\n/******/ \t// mode & 4: return value when already ns object\n/******/ \t// mode & 8|1: behave like require\n/******/ \t__webpack_require__.t = function(value, mode) {\n/******/ \t\tif(mode & 1) value = __webpack_require__(value);\n/******/ \t\tif(mode & 8) return value;\n/******/ \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n/******/ \t\tvar ns = Object.create(null);\n/******/ \t\t__webpack_require__.r(ns);\n/******/ \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n/******/ \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n/******/ \t\treturn ns;\n/******/ \t};\n/******/\n/******/ \t// getDefaultExport function for compatibility with non-harmony modules\n/******/ \t__webpack_require__.n = function(module) {\n/******/ \t\tvar getter = module && module.__esModule ?\n/******/ \t\t\tfunction getDefault() { return module['default']; } :\n/******/ \t\t\tfunction getModuleExports() { return module; };\n/******/ \t\t__webpack_require__.d(getter, 'a', getter);\n/******/ \t\treturn getter;\n/******/ \t};\n/******/\n/******/ \t// Object.prototype.hasOwnProperty.call\n/******/ \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n/******/\n/******/\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(__webpack_require__.s = 136);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 0:\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! prop-types */ \"../../node_modules/prop-types/index.js\");\n\n/***/ }),\n\n/***/ 1:\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! @splunk/react-ui/themes */ \"../../node_modules/@splunk/react-ui/themes.js\");\n\n/***/ }),\n\n/***/ 136:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n// ESM COMPAT FLAG\n__webpack_require__.r(__webpack_exports__);\n\n// EXPORTS\n__webpack_require__.d(__webpack_exports__, \"default\", function() { return /* reexport */ ScreenReaderContent_ScreenReaderContent; });\n\n// EXTERNAL MODULE: external \"react\"\nvar external_react_ = __webpack_require__(2);\nvar external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);\n\n// EXTERNAL MODULE: external \"prop-types\"\nvar external_prop_types_ = __webpack_require__(0);\nvar external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);\n\n// EXTERNAL MODULE: external \"styled-components\"\nvar external_styled_components_ = __webpack_require__(3);\nvar external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);\n\n// EXTERNAL MODULE: external \"@splunk/react-ui/themes\"\nvar themes_ = __webpack_require__(1);\n\n// CONCATENATED MODULE: ./src/ScreenReaderContent/ScreenReaderContentStyles.ts\n\n\nvar Styled = external_styled_components_default.a.span.withConfig({\n displayName: \"ScreenReaderContentStyles__Styled\",\n componentId: \"sc-1lnohwp-0\"\n})([\"\", \";\"], Object(themes_[\"mixin\"])('screenReaderContent'));\n\n// CONCATENATED MODULE: ./src/ScreenReaderContent/ScreenReaderContent.tsx\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n\n\n\nvar propTypes = {\n children: external_prop_types_default.a.node.isRequired,\n elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object])\n};\n\n/**\n * The screen reader text is used to wrap content that\n * is only accessible through screen readers.\n */\nfunction ScreenReaderContent(_ref) {\n var children = _ref.children,\n elementRef = _ref.elementRef,\n otherProps = _objectWithoutProperties(_ref, [\"children\", \"elementRef\"]);\n\n // @docs-props-type ScreenReaderContentPropsBase\n return /*#__PURE__*/external_react_default.a.createElement(Styled, _extends({\n \"data-test\": \"screen-reader-content\",\n ref: elementRef\n }, otherProps), children);\n}\n\nScreenReaderContent.propTypes = propTypes;\n/* harmony default export */ var ScreenReaderContent_ScreenReaderContent = (ScreenReaderContent);\n// CONCATENATED MODULE: ./src/ScreenReaderContent/index.ts\n\n\n/***/ }),\n\n/***/ 2:\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! react */ \"../../node_modules/react/index.js\");\n\n/***/ }),\n\n/***/ 3:\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! styled-components */ \"../../node_modules/styled-components/dist/styled-components.browser.esm.js\");\n\n/***/ })\n\n/******/ });\n\n//# sourceURL=webpack:////build/sa-commoninformationmodel/node_modules/@splunk/react-ui/ScreenReaderContent.js?"); +"use strict"; +eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.defaultTheme = defaultTheme;\nexports.getThemeOptions = getThemeOptions;\n\n/**\n * A set of functions for dealing with Splunk themes.\n * @file\n */\nvar defaultThemeSplunkThemeProviderMap = {\n enterprise: {\n family: 'enterprise',\n colorScheme: 'light',\n density: 'comfortable'\n },\n enterpriseDark: {\n family: 'enterprise',\n colorScheme: 'dark',\n density: 'comfortable'\n },\n prismaLight: {\n family: 'prisma',\n colorScheme: 'light',\n density: 'comfortable'\n },\n prismaDark: {\n family: 'prisma',\n colorScheme: 'dark',\n density: 'comfortable'\n },\n lite: {\n family: 'enterprise',\n colorScheme: 'light',\n density: 'comfortable'\n }\n};\n/**\n * Determines a default theme name based on the current environment, such as `$C`.\n *\n * @param {Object} [scope=window (if available)] - The environment.\n * @return {String} The theme name (`enterprise`, `lite`, ...)\n * @public\n */\n\nfunction defaultTheme() {\n var scope = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : typeof window !== 'undefined' ? window : null;\n\n if (!scope) {\n return 'enterprise';\n }\n /* eslint-disable no-underscore-dangle */\n\n\n var partialsTheme = scope.__splunkd_partials__ && scope.__splunkd_partials__['/services/server/info'] && scope.__splunkd_partials__['/services/server/info'].entry[0].content.product_type;\n var scopeTheme = scope.__splunk_ui_theme__;\n /* eslint-enable no-underscore-dangle */\n\n var cTheme = scope.$C && scope.$C.SPLUNK_UI_THEME;\n return scopeTheme || cTheme || partialsTheme || 'enterprise';\n}\n/**\n *\n * @param {string} theme\n * @return {object} An object with the props expected by from @splunk/themes\n */\n\n\nfunction getThemeOptions(theme) {\n return defaultThemeSplunkThemeProviderMap[theme] || defaultThemeSplunkThemeProviderMap.enterprise;\n}\n\n//# sourceURL=webpack:////builds/EnterpriseSecurity/sa-commoninformationmodel/node_modules/@splunk/splunk-utils/themes.js?"); /***/ }), -/***/ "../../node_modules/@splunk/react-ui/themes.js": -/*!********************************************************************************!*\ - !*** /build/sa-commoninformationmodel/node_modules/@splunk/react-ui/themes.js ***! - \********************************************************************************/ +/***/ "../../node_modules/@splunk/splunk-utils/url.js": +/*!*****************************************************************************************************!*\ + !*** /builds/EnterpriseSecurity/sa-commoninformationmodel/node_modules/@splunk/splunk-utils/url.js ***! + \*****************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { -eval("module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId]) {\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/ \t\t}\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\ti: moduleId,\n/******/ \t\t\tl: false,\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.l = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// define getter function for harmony exports\n/******/ \t__webpack_require__.d = function(exports, name, getter) {\n/******/ \t\tif(!__webpack_require__.o(exports, name)) {\n/******/ \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n/******/ \t\t}\n/******/ \t};\n/******/\n/******/ \t// define __esModule on exports\n/******/ \t__webpack_require__.r = function(exports) {\n/******/ \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n/******/ \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n/******/ \t\t}\n/******/ \t\tObject.defineProperty(exports, '__esModule', { value: true });\n/******/ \t};\n/******/\n/******/ \t// create a fake namespace object\n/******/ \t// mode & 1: value is a module id, require it\n/******/ \t// mode & 2: merge all properties of value into the ns\n/******/ \t// mode & 4: return value when already ns object\n/******/ \t// mode & 8|1: behave like require\n/******/ \t__webpack_require__.t = function(value, mode) {\n/******/ \t\tif(mode & 1) value = __webpack_require__(value);\n/******/ \t\tif(mode & 8) return value;\n/******/ \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n/******/ \t\tvar ns = Object.create(null);\n/******/ \t\t__webpack_require__.r(ns);\n/******/ \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n/******/ \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n/******/ \t\treturn ns;\n/******/ \t};\n/******/\n/******/ \t// getDefaultExport function for compatibility with non-harmony modules\n/******/ \t__webpack_require__.n = function(module) {\n/******/ \t\tvar getter = module && module.__esModule ?\n/******/ \t\t\tfunction getDefault() { return module['default']; } :\n/******/ \t\t\tfunction getModuleExports() { return module; };\n/******/ \t\t__webpack_require__.d(getter, 'a', getter);\n/******/ \t\treturn getter;\n/******/ \t};\n/******/\n/******/ \t// Object.prototype.hasOwnProperty.call\n/******/ \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n/******/\n/******/\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(__webpack_require__.s = 98);\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ 12:\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! tinycolor2 */ \"../../node_modules/tinycolor2/tinycolor.js\");\n\n/***/ }),\n\n/***/ 5:\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! @splunk/themes/enterpriseDark */ \"../../node_modules/@splunk/themes/enterpriseDark.js\");\n\n/***/ }),\n\n/***/ 89:\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! @splunk/themes/enterprise */ \"../../node_modules/@splunk/themes/enterprise.js\");\n\n/***/ }),\n\n/***/ 90:\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! lodash/merge */ \"../../node_modules/lodash/merge.js\");\n\n/***/ }),\n\n/***/ 91:\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! @splunk/themes/lite */ \"../../node_modules/@splunk/themes/lite.js\");\n\n/***/ }),\n\n/***/ 92:\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! @splunk/themes/scp */ \"../../node_modules/@splunk/themes/scp.js\");\n\n/***/ }),\n\n/***/ 93:\n/***/ (function(module, exports) {\n\nmodule.exports = __webpack_require__(/*! @splunk/themes/scpLight */ \"../../node_modules/@splunk/themes/scpLight.js\");\n\n/***/ }),\n\n/***/ 98:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n// ESM COMPAT FLAG\n__webpack_require__.r(__webpack_exports__);\n\n// EXPORTS\n__webpack_require__.d(__webpack_exports__, \"variable\", function() { return /* reexport */ variable; });\n__webpack_require__.d(__webpack_exports__, \"mixin\", function() { return /* reexport */ mixin; });\n__webpack_require__.d(__webpack_exports__, \"enterprise\", function() { return /* reexport */ themes_enterprise; });\n__webpack_require__.d(__webpack_exports__, \"enterpriseDark\", function() { return /* reexport */ themes_enterpriseDark; });\n__webpack_require__.d(__webpack_exports__, \"lite\", function() { return /* reexport */ themes_lite; });\n__webpack_require__.d(__webpack_exports__, \"scp\", function() { return /* reexport */ themes_scp; });\n__webpack_require__.d(__webpack_exports__, \"scpLight\", function() { return /* reexport */ themes_scpLight; });\n__webpack_require__.d(__webpack_exports__, \"themes\", function() { return /* reexport */ themes; });\n\n// EXTERNAL MODULE: external \"@splunk/themes/enterprise\"\nvar enterprise_ = __webpack_require__(89);\nvar enterprise_default = /*#__PURE__*/__webpack_require__.n(enterprise_);\n\n// EXTERNAL MODULE: external \"tinycolor2\"\nvar external_tinycolor2_ = __webpack_require__(12);\nvar external_tinycolor2_default = /*#__PURE__*/__webpack_require__.n(external_tinycolor2_);\n\n// CONCATENATED MODULE: ./src/themes/enterpriseBase.ts\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\n\n/* harmony default export */ var enterpriseBase = (function (base) {\n return {\n 'react-ui': {\n base: base,\n Accordion: {\n backgroundColor: base.backgroundColor\n },\n Button: {\n iconPaddingRight: '3px',\n iconOnlyPadding: \"0 \".concat(base.spacingQuarter),\n iconOnlyPaddingSmall: '0 2px',\n iconOnlyPaddingLarge: '0 8px',\n paddingSmall: base.spacingQuarter,\n paddingLarge: base.fontSize,\n primaryContentExtraPadding: '1px'\n },\n ButtonSimple: {\n Primary: {\n shadow: \"inset 0 -2px 0 \".concat(external_tinycolor2_default()('black').setAlpha(0.1).toRgbString()),\n selectedShadow: \"inset 0 2px 0 \".concat(external_tinycolor2_default()('black').setAlpha(0.1).toRgbString()),\n focusShadow: \"inset 0 -2px 0 \".concat(external_tinycolor2_default()('black').setAlpha(0.1).toRgbString(), \", \").concat(base.focusShadow),\n selectedFocusShadow: \"inset 0 2px 0 \".concat(external_tinycolor2_default()('black').setAlpha(0.1).toRgbString(), \", \").concat(base.focusShadow),\n color: base.white,\n fontWeight: base.fontWeightSemiBold,\n backgroundColor: base.brandColor,\n hoverBackgroundColor: base.brandColorD20,\n activeBackgroundColor: base.brandColorD30,\n selectedBackgroundColor: base.brandColorD20,\n disabledBackgroundColor: base.brandColorL10,\n disabledTextColor: base.brandColorL30,\n disabledSelectedBackgroundColor: base.brandColorD20,\n prependBorderLeftColor: base.brandColorD20\n },\n Error: {\n shadow: \"inset 0 -2px 0 \".concat(external_tinycolor2_default()('black').setAlpha(0.1).toRgbString()),\n selectedShadow: \"inset 0 2px 0 \".concat(external_tinycolor2_default()('black').setAlpha(0.1).toRgbString()),\n focusShadow: \"inset 0 -2px 0 \".concat(external_tinycolor2_default()('black').setAlpha(0.1).toRgbString(), \", \").concat(base.focusShadow),\n selectedFocusShadow: \"inset 0 2px 0 \".concat(external_tinycolor2_default()('black').setAlpha(0.1).toRgbString(), \", \").concat(base.focusShadow),\n color: base.white,\n fontWeight: base.fontWeightSemiBold,\n backgroundColor: base.errorColor,\n hoverBackgroundColor: base.errorColorD20,\n activeBackgroundColor: base.errorColorD30,\n selectedBackgroundColor: base.errorColorD20,\n disabledBackgroundColor: base.errorColorL10,\n disabledTextColor: base.errorColorL30,\n disabledSelectedBackgroundColor: base.errorColorD20,\n prependBorderLeftColor: base.errorColorD20\n },\n Default: {\n shadow: 'inset 0 -1px 0 rgba(0,0,0,0.1)',\n hoverShadow: 'inset 0 -1px 0 rgba(0,0,0,0.1)',\n activeShadow: 'inset 0 -1px 0 rgba(0,0,0,0.1)',\n selectedShadow: 'inset 0 1px 0 rgba(0,0,0,0.1)',\n focusShadow: \"inset 0 -1px 0 rgba(0,0,0,0.1), \".concat(base.focusShadow),\n focusHoverShadow: \"inset 0 -1px 0 rgba(0,0,0,0.1), \".concat(base.focusShadow),\n focusActiveShadow: \"inset 0 -1px 0 rgba(0,0,0,0.1), \".concat(base.focusShadow),\n focusSelectedShadow: \"inset 0 1px 0 rgba(0,0,0,0.1), \".concat(base.focusShadow),\n focusAppendShadow: \"inset 0 -1px 0 rgba(0,0,0,0.1), inset 0 -1px 0 rgba(0,0,0,0.1), \".concat(base.focusShadow, \", inset -1px 0 0 \").concat(base.borderColor),\n focusAppendSelectedShadow: \"inset 0 1px 0 rgba(0,0,0,0.1), inset 0 -1px 0 rgba(0,0,0,0.1), \".concat(base.focusShadow, \", inset -1px 0 0 \").concat(base.borderColor),\n color: base.gray45,\n fontWeight: 'normal',\n border: base.border,\n borderColorHover: base.borderColor,\n backgroundColor: base.gray98,\n selectedBackgroundColor: base.gray92,\n hoverBackgroundColor: external_tinycolor2_default()(base.gray96).darken(2.5).toHexString(),\n activeBackgroundColor: base.gray92,\n disabledBackgroundColor: base.gray96,\n disabledBorderColor: base.borderLightColor,\n disabledSelectedBackgroundColor: base.gray92,\n disabledSelectedBorderColor: base.borderColor,\n disabledTextColor: base.textDisabledColor,\n activePrependLeftBorderColor: base.borderColor\n },\n Secondary: {\n shadow: 'inset 0 -1px 0 rgba(0,0,0,0.1)',\n hoverShadow: 'inset 0 -1px 0 rgba(0,0,0,0.1)',\n activeShadow: 'inset 0 -1px 0 rgba(0,0,0,0.1)',\n selectedShadow: 'inset 0 1px 0 rgba(0,0,0,0.1)',\n focusShadow: \"inset 0 -1px 0 rgba(0,0,0,0.1), \".concat(base.focusShadow),\n focusHoverShadow: \"inset 0 -1px 0 rgba(0,0,0,0.1), \".concat(base.focusShadow),\n focusActiveShadow: \"inset 0 -1px 0 rgba(0,0,0,0.1), \".concat(base.focusShadow),\n focusSelectedShadow: \"inset 0 1px 0 rgba(0,0,0,0.1), \".concat(base.focusShadow),\n focusAppendShadow: \"inset 0 -1px 0 rgba(0,0,0,0.1), inset 0 -1px 0 rgba(0,0,0,0.1), \".concat(base.focusShadow, \", inset -1px 0 0 \").concat(base.borderColor),\n focusAppendSelectedShadow: \"inset 0 1px 0 rgba(0,0,0,0.1), inset 0 -1px 0 rgba(0,0,0,0.1), \".concat(base.focusShadow, \", inset -1px 0 0 \").concat(base.borderColor),\n color: base.gray45,\n fontWeight: base.fontWeightSemiBold,\n border: base.border,\n borderColorHover: base.borderColor,\n backgroundColor: base.gray98,\n selectedBackgroundColor: base.gray92,\n hoverBackgroundColor: external_tinycolor2_default()(base.gray96).darken(2.5).toHexString(),\n activeBackgroundColor: base.gray92,\n disabledBackgroundColor: base.gray96,\n disabledBorderColor: base.borderLightColor,\n disabledSelectedBackgroundColor: base.gray92,\n disabledSelectedBorderColor: base.borderColor,\n disabledTextColor: base.textDisabledColor,\n activePrependLeftBorderColor: base.borderColor\n },\n Pill: {\n color: base.gray45,\n fontWeight: 'normal',\n hoverBackgroundColor: base.backgroundColorHover,\n hoverBorderColor: base.borderColor,\n hoverColor: base.linkColor,\n focusColor: base.linkColor,\n expandedBackgroundColor: base.gray92,\n invalidColor: base.errorColor,\n selectedBorderColor: base.accentColor,\n selectedDisabledBorderColor: base.borderLightColor,\n disabledTextColor: base.textDisabledColor\n }\n },\n Calendar: {\n width: '220px',\n padding: '8px',\n DateTable: {\n tableHeaderColor: base.textGray,\n paddingBottom: '2px',\n fontSize: base.fontSizeSmall\n },\n Day: {\n buttonColor: base.gray45,\n buttonHoverColor: base.linkColor,\n buttonHoverBackgroundColor: base.backgroundColorHover,\n buttonSelectedBorderColor: base.accentColor,\n buttonSelectedBorderHoverColor: base.linkColor,\n buttonSelectedBackgroundColor: 'transparent',\n width: '2em',\n lineHeight: '2em',\n border: '1px solid transparent',\n borderRadius: base.borderRadius,\n focusShadow: base.focusShadow,\n todayBackgroundColor: base.gray92\n },\n MonthHeader: {\n textTransform: 'capitalize'\n }\n },\n Card: {\n backgroundColor: base.backgroundColor,\n clickableSelectedBorderColor: base.focusColor,\n borderColor: base.borderLightColor,\n shadow: 'none',\n hoverShadow: base.overlayShadow,\n focusShadow: base.focusShadow,\n Header: {\n subtitleColor: base.textGray,\n padding: base.spacing\n },\n Body: {\n padding: base.spacing,\n firstChildPaddingTop: '0'\n },\n Footer: {\n boxColor: base.textGray,\n padding: base.spacing,\n borderTop: \"1px solid \".concat(base.gray92)\n }\n },\n Chip: {\n backgroundColor: base.gray92,\n borderRadius: '2px',\n clickableColor: base.textGray,\n clickableHoverBackgroundColor: base.gray96,\n decreaseChipHeightBy: '6px',\n disabledBackgroundColor: 'rgba(0, 0, 0, 0.05)',\n errorBackgroundColor: base.errorColorL10,\n focusShadow: base.focusShadow,\n iconColor: base.textColor,\n iconMarginRight: '3px',\n infoBackgroundColor: base.infoColorL10,\n labelColor: base.textColor,\n lineHeight: base.lineHeight,\n linkColor: base.linkColor,\n margin: '0 2px 2px 0',\n mediumSizePadding: \"\".concat(base.spacingQuarter, \" 8px\"),\n removeIconFocusShadow: 'none',\n removeIconFontSize: '0.75em',\n removeIconPaddingLeft: \"\".concat(base.spacingQuarter),\n successBackgroundColor: base.successColorL10,\n warningBackgroundColor: base.warningColorL10\n },\n Clickable: {\n disabledColor: base.textDisabledColor\n },\n Code: {\n commentToken: base.syntaxGray,\n prologToken: base.syntaxGray,\n doctypeToken: base.syntaxGray,\n cdataToken: base.syntaxGray,\n punctuationToken: base.syntaxGray,\n propertyToken: base.syntaxPurple,\n tagToken: base.syntaxPurple,\n booleanToken: base.syntaxPurple,\n numberToken: base.syntaxPurple,\n constantToken: base.syntaxPurple,\n symbolToken: base.syntaxPurple,\n deletedToken: base.syntaxPurple,\n selectorToken: base.syntaxGreen,\n 'attr-nameToken': base.syntaxGreen,\n stringToken: base.syntaxGreen,\n charToken: base.syntaxGreen,\n builtinToken: base.syntaxGreen,\n insertedToken: base.syntaxGreen,\n operatorToken: base.syntaxBrown,\n entityToken: base.syntaxBrown,\n urlToken: base.syntaxBrown,\n atruleToken: base.syntaxBlue,\n 'attr-valueToken': base.syntaxBlue,\n keywordToken: base.syntaxBlue,\n functionToken: base.syntaxRed,\n regexToken: base.syntaxOrange,\n importantToken: base.syntaxOrange,\n variableToken: base.syntaxOrange,\n keyToken: base.syntaxPurple\n },\n CollapsiblePanel: {\n minHeight: \"calc(\".concat(base.lineHeight, \" + 12px)\"),\n marginTop: '2px',\n iconTransition: 'transform 300ms',\n iconPosition: '12px',\n iconTransfromClose: 'rotate(90deg)',\n titleLineHeight: base.lineHeight,\n titlePadding: \"6px calc(\".concat(base.spacing, \" + \").concat(base.spacingHalf, \")\"),\n titleClickableColor: base.textColor,\n titleClickableCollapsedBackgroundColor: base.gray96,\n titleClickableHoverBackgroundColor: base.gray92,\n titleFocusShadow: base.focusShadowInset\n },\n Color: {\n width: '180px',\n clickableInvalidBorderColor: base.errorColor,\n swatchesListMarginRight: '-6px',\n swatchesListMarginBottom: '6px',\n Swatch: {\n marginRight: base.spacingQuarter,\n marginBottom: base.spacingQuarter,\n nullLineColor: '#ed1e24',\n transparentPatternEvenColor: 'transparent',\n transparentPatternOddColor: base.gray80,\n border: base.border,\n focusBorderColor: base.focusColor,\n boxShadow: base.focusShadow,\n smallSize: base.inputHeightSmall\n },\n Input: {\n width: '100%'\n }\n },\n Concertina: {\n panelBodyErrorBackgroundColor: base.errorColorL50,\n panelBodyWarningBackgroundColor: base.warningColorL50,\n Heading: {\n clickableColor: base.textColor,\n clickableBackgroundColor: base.gray96,\n clickableHoverBackgroundColor: base.gray92,\n clickableDisabledBackgroundColor: base.gray96\n }\n },\n ControlGroup: {\n labelColor: base.textColor,\n boxInvalidColor: base.errorColor,\n helpColor: base.textGray,\n labelPadding: '6px 0',\n labelWithTooltipPadding: '6px 0'\n },\n Date: {\n width: '105px',\n widthLarge: '130px',\n widthSmall: '80px'\n },\n File: {\n mediumDropTargetBoxBorderColor: base.borderColor,\n mediumDropTargetBoxDisabledColor: base.textGray,\n mediumDropTargetBoxDisabledFileCount0BackgroundColor: base.gray96,\n largeDropTargetBoxDisabledColor: base.textGray,\n linkColor: base.linkColor,\n linkFocusShadow: base.focusShadowInset,\n iconFill: base.gray60,\n padding: base.spacingQuarter,\n borderDragOver: \"1px solid \".concat(base.accentColorL10),\n errorBorder: \"1px solid \".concat(base.errorColor),\n disabledBorder: 'none',\n windowDropBorder: \"5px solid \".concat(base.accentColorL10),\n Item: {\n backgroundColor: 'transparent',\n boxBackgroundColor: base.gray92,\n boxColor: base.textGray,\n labelColor: base.textColor,\n labelErrorTextColor: base.errorColor,\n labelDisabledBackgroundColor: base.gray96,\n labelDisabledTextColor: base.textGray,\n removeClickableFocusColor: base.linkColor,\n removeClickableHoverBackgroundColor: base.gray96,\n removeClickableHoverColor: base.linkColor,\n borderRadius: '2px',\n padding: \"3px 0 3px \".concat(base.spacingHalf),\n flex: \"0 0 \".concat(base.inputHeight),\n removeClickableBorderRadius: '0 2px 2px 0',\n removeClickablePadding: '3px 0',\n removeClickableErrorBorder: \"1px solid \".concat(base.errorColor),\n removeClickableFocusShadow: base.focusShadow,\n removeClickableSmallFlexBasis: base.inputHeightSmall\n }\n },\n Heading: {\n sectionColor: base.gray45,\n fontWeight: base.fontWeightSemiBold,\n fontSize: base.fontSize,\n h1FontSize: base.fontSizeXXLarge,\n h2FontSize: base.fontSizeXLarge,\n h3FontSize: base.fontSizeLarge,\n h4FontSize: base.fontSize,\n h5FontSize: '12px'\n },\n Image: {\n boxBackgroundColor: base.gray92,\n boxColor: base.textGray,\n labelColor: base.textColor,\n labelDisabledBackgroundColor: base.gray96,\n removeClickableFocusColor: base.linkColor,\n removeClickableHoverBackgroundColor: base.gray96,\n removeClickableHoverColor: base.linkColor,\n padding: \"3px 0 3px \".concat(base.spacingHalf),\n removeClickableColor: 'inherit',\n removeClickableFlex: \"0 0 \".concat(base.inputHeight),\n removeClickableFocusShadow: base.focusShadow\n },\n JSONTree: {\n TreeNode: {\n expandLinkClickableColor: base.linkColor,\n propertyColor: base.syntaxRed,\n typeColorString: base.syntaxTeal,\n typeColorNumber: base.syntaxBlue,\n typeColorBoolean: base.syntaxPurple,\n typeColorNull: base.syntaxBrown,\n typeColorObject: base.textColor\n }\n },\n Link: {\n clickableColor: base.linkColor,\n focusShadow: base.focusShadow,\n disabledColor: base.textDisabledColor,\n focusTextDecoration: 'none',\n externalMargin: '0 0 0 3px',\n borderRadius: 0\n },\n Markdown: {\n codeBlockBackgroundColor: base.gray96,\n codeInlineBackgroundColor: base.gray92\n },\n Menu: {\n backgroundColor: base.backgroundColor,\n Item: {\n backgroundColorHover: base.backgroundColorHover,\n checkboxPaddingLeft: '32px',\n clickableColor: base.gray45,\n descriptionColor: base.textGray,\n disabledSelectedIconColor: base.gray80,\n focusShadowInset: base.focusShadowInset,\n itemSelectedIconColor: base.accentColorL10,\n itemSelectedIconLeft: '8px',\n itemSelectedIconTop: '5px',\n itemIconPaddingRight: '3px',\n itemIconVertical: 'middle',\n matchColor: base.accentColor,\n padding: \"6px \".concat(base.spacingHalf),\n lineHeight: base.lineHeight,\n submenuColor: base.textGray,\n selectablePaddingLeft: '28px',\n selectablePaddingRight: base.spacingHalf,\n selectablePosition: 'left',\n switchLeft: '8px',\n switchTop: '0px'\n },\n Heading: {\n borderTop: base.border,\n padding: \"\".concat(base.spacingQuarter, \" \").concat(base.spacingHalf, \" 6px\")\n }\n },\n Message: {\n iconTop: '7px',\n iconWidth: '25px',\n iconColor: base.white,\n iconInfoColor: base.infoColor,\n iconSuccessColor: base.successColor,\n iconWarningColor: base.warningColor,\n iconErrorColor: base.errorColor,\n boxBorderRadius: base.spacingQuarter,\n boxPadding: \"\".concat(base.spacingHalf, \" 0 \").concat(base.spacingHalf, \" 40px\"),\n boxPaddingWithRemoveIcon: \"\".concat(base.spacingHalf, \" 40px \").concat(base.spacingHalf, \" 40px\"),\n boxInfoBackgroundColor: base.infoColorL50,\n boxSuccessBackgroundColor: base.successColorL50,\n boxWarningBackgroundColor: base.warningColorL50,\n boxErrorBackgroundColor: base.errorColorL50,\n boxInfoBorderColor: base.infoColor,\n boxSuccessBorderColor: base.successColor,\n boxWarningBorderColor: base.warningColor,\n boxErrorBorderColor: base.errorColor,\n removeIconColor: base.gray45,\n removeIconTop: '6px',\n removeIconRight: '8px',\n removeIconPadding: '8px',\n removeIconBorderRadius: base.borderRadius,\n removeIconHoverBorder: \"1px solid \".concat(base.gray80),\n removeIconHoverColor: base.linkColor,\n removeIconHoverBackground: base.gray92,\n removeIconFocusShadow: 'none',\n bannerInfoBackgroundColor: base.infoColorL50,\n bannerSuccessBackgroundColor: base.successColorL50,\n bannerWarningBackgroundColor: base.warningColorL50,\n bannerErrorBackgroundColor: base.errorColorL50,\n removeIconActiveBoxshadow: base.focusShadow\n },\n Modal: {\n boxShadow: \"0 1px 5px \".concat(base.black),\n Body: {\n boxBackgroundColor: base.backgroundColor\n },\n Footer: {\n boxBackgroundColor: base.backgroundColor,\n boxBorderTopColor: base.borderColor\n },\n Header: {\n boxBackgroundColor: base.backgroundColor,\n boxBorderBottomColor: base.borderColor,\n boxPadding: '25px 28px',\n closeAndPeekPaddingRight: '94px',\n closeOrPeekPaddingRight: '54px',\n titleFontWeightSemiBold: base.fontWeightSemiBold,\n titleLineHeight: '22px',\n subTitleLineHeight: base.lineHeight\n }\n },\n ModalLayer: {\n backgroundColor: external_tinycolor2_default()(base.gray30).setAlpha(0.8).toRgbString()\n },\n Monogram: {\n sizeSmall: '32px',\n backgroundColor: base.gray92,\n clickableHoverBoxShadow: base.focusShadowInset,\n clickableFocusBoxShadow: base.focusShadowInset,\n clickableActiveOpacity: 0.85,\n backgroundColors: ['#006d9c', '#ec9960', '#af575a', '#62b3b2', '#4fa484', '#f8be34', '#5a4575', '#708794', '#294e70', '#b6c75a', '#5cc05c', '#007abd', '#dc4e41', '#f1813f', '#f8be34', '#53a051', '#006d9c', '#77d6d8', '#f589ad', '#6a2c5d']\n },\n Multiselect: {\n Normal: {\n border: base.border,\n borderColorHover: base.borderColor,\n boxBackgroundColor: base.white,\n boxFocusShadow: base.focusShadow,\n boxDisabledBackgroundColor: base.gray96,\n boxInvalidBorderColor: base.errorColor,\n boxInvalidColor: base.errorColor,\n boxPadding: '2px 0 0 2px',\n inputPadding: base.spacingQuarter\n },\n Compact: {\n filterBorderBottom: base.border,\n filterBorderTop: base.border,\n filterPadding: '8px',\n toggleAllControlsBorderBottom: base.border,\n toggleAllControlsBorderTop: base.border,\n toggleAllControlsPadding: \"\".concat(base.spacingQuarter, \" 8px\")\n }\n },\n Number: {\n incrementorWidth: '20px',\n mediumWidth: '100px'\n },\n Paginator: {\n chevronLeftMargin: '-1px 3px 0 0',\n chevronRightMargin: '-1px 0 0 3px',\n Button: {\n buttonSimplePadding: base.spacingQuarter\n }\n },\n Paragraph: {\n marginBottom: \"calc(\".concat(base.lineHeight, \" / 2)\")\n },\n Popover: {\n align: 'center',\n lightBackgroundColor: base.backgroundColor,\n lightBorder: base.border,\n lightBorderRadius: base.borderRadius,\n lightBoxShadow: \"0 2px 2px \".concat(external_tinycolor2_default()(base.gray20).setAlpha(0.1).toRgbString()),\n lightColor: base.textColor,\n arrowBorderBottomColor: base.borderColor,\n darkBackgroundColor: base.gray20,\n darkColor: base.white,\n darkArrowBorderBottomColor: base.gray20,\n arrowHeightPixel: 8,\n paddingPixel: 8 // must be same as arrowHeight if arrowHeight is > 0\n\n },\n Progress: {\n backgroundColor: base.transparent,\n tooltipBackgroundColor: base.accentColorD10,\n puckWidth: '300px',\n puckBackground: \"linear-gradient(\\n 90deg,\\n \".concat(base.accentColorD10, \",\\n \").concat(base.accentColorL10, \",\\n 40%,\\n \").concat(base.accentColorL40, \",\\n 80%,\\n \").concat(base.accentColorL40, \"\\n )\")\n },\n Resize: {\n resizeColor: base.borderColor,\n borderColor: base.white\n },\n ResultsMenu: {\n footerBorderBottom: base.border,\n footerBorderTop: base.border,\n footerColor: base.textGray,\n footerPadding: \"6px \".concat(base.spacingHalf),\n loadingMessageColor: base.textGray,\n loadingPadding: \"6px \".concat(base.spacingHalf)\n },\n Select: {\n filterBorderBottom: base.border,\n filterBorderTop: base.border\n },\n SidePanel: {\n panelBackgroundColor: base.backgroundColor,\n panelBoxShadow: '0 0 12px rgba(0, 0, 0, 0.3)'\n },\n Slider: {\n sliderBarHeight: '5px',\n sliderBarTop: '12px',\n sliderBarDisabledBackgroundColor: base.gray92,\n sliderBarLeftSideColor: base.gray45,\n sliderBarRightSideColor: base.gray80,\n sliderBarStepMarksColor: base.gray96,\n sliderThumbBackgroundColor: base.gray45,\n sliderThumbDisabledBackgroundColor: base.gray92,\n sliderThumbHoverShadow: base.focusShadow,\n sliderThumbFocusShadow: base.focusShadow,\n sliderThumbWidth: 18,\n sliderThumBorderRadius: '9px',\n sliderTooltipTop: '6px',\n labelDisabledColor: base.textDisabledColor\n },\n StepBar: {\n Step: {\n color: base.textDisabledColor,\n grayFill: base.gray80,\n nextStroke: base.gray80,\n prevOrActiveFillColor: base.brandColor\n }\n },\n Switch: {\n wrapperErrorColor: base.errorColor,\n labelPaddingLeft: base.spacingQuarter,\n Checkbox: {\n color: base.gray45,\n focusShadow: base.focusShadow,\n selectedBorderColor: base.gray45,\n disabledBorderColor: base.gray80,\n disabledColor: base.gray80,\n errorColor: base.errorColor,\n errorBorderColor: base.errorColorL30,\n selectedErrorBorderColor: base.errorColor\n },\n Radio: {\n color: base.gray45,\n focusShadow: base.focusShadow,\n selectedBorderColor: base.gray45,\n disabledBorderColor: base.gray80,\n disabledColor: base.gray80,\n errorColor: base.errorColor,\n errorBorderColor: base.errorColorL30,\n selectedErrorBorderColor: base.errorColor\n },\n Toggle: {\n shadow: 'inset 0 2px 0 rgba(0, 0, 0, 0.1)',\n toggleFocusShadow: \"\".concat(base.focusShadow, \", inset 0 2px 0 rgba(0, 0, 0, 0.1)\"),\n backgroundColor: base.gray98,\n borderColor: base.borderColor,\n indicatorBackgroundColor: base.gray98,\n indicatorBorderColor: base.borderColor,\n indicatorHoverBackgroundColor: base.gray96,\n toggleIndicatorBorderStyle: 'solid',\n selectedBackgroundColor: base.accentColorL10,\n selectedBorderColor: base.accentColorL10,\n disabledShadow: 'inset 0 2px 0 rgba(0, 0, 0, 0.06)',\n disabledBorderColor: base.borderLightColor,\n disabledBackgroundColor: base.gray96,\n disabledIndBorderColor: external_tinycolor2_default()(base.borderLightColor).setAlpha(0.8).toRgbString(),\n selectedDisabledBackgroundColor: base.accentColorL40,\n errorToggleOutlineBorderColor: base.errorColor\n }\n },\n TabBar: {\n borderColor: base.borderLightColor,\n Tab: {\n clickableColor: base.textColor,\n focusShadowInset: base.focusShadowInset,\n tabUnderlineSize: '3px',\n fontWeight: 'normal',\n underlineBackgroundColor: base.borderLightColor,\n underlineHorizontalBottom: '-1px',\n underlineSelectedBackgroundColor: base.accentColor,\n borderRadius: 0\n }\n },\n Table: {\n focusShadowInset: base.focusShadowInset,\n Cell: {\n linkColor: base.linkColor,\n clickableHoverBackgroundColor: base.accentColorL50,\n padding: '6px 12px',\n expandPadding: '6px 0 0 0',\n verticalAlign: 'top'\n },\n Head: {\n toggleAllWidth: '42px',\n infoWidth: '32px'\n },\n HeadCell: {\n backgroundColor: base.gray92,\n borderLeftColor: base.backgroundColor,\n draggingBackgroundColor: base.gray80,\n guideLineBackgroundColor: base.linkColor,\n focusShadow: base.focusShadowInset,\n moreInfoHeadCellPadding: '5px 0 0 0'\n },\n HeadInner: {\n hoverColor: base.linkColorHover,\n helperBackgroundColor: base.accentColorL50,\n sortIconColor: base.textGray,\n sortIconPosition: 'absolute',\n sortedIconColor: base.accentColor,\n menuIconColor: base.textGray,\n menuIconPadding: '1px 0 0 4px',\n padding: '6px 12px',\n dragContainerTop: '0px',\n dragContainerLeft: '0px',\n menuIconRight: '0',\n dragContainerPadding: '9px 12px',\n dragShadow: base.overlayShadow\n },\n HeadTable: {\n dockedShadow: base.overlayShadow\n },\n Row: {\n stripeNoneClickableHoverBackgroundColor: base.accentColorL50,\n stripeEvenBackgroundColor: base.gray96\n },\n RowDragCell: {\n draggablePadding: '9px 0',\n draggingBackgroundColor: base.gray80,\n guideLineBackgroundColor: base.linkColor,\n helperBackgroundColor: base.accentColorL50,\n width: '32px',\n shadow: base.overlayShadow\n },\n Toggle: {\n inHeadMargin: '-6px 0',\n margin: '-6px 0'\n }\n },\n Text: {\n clearIconRight: '1px',\n clearIconTop: '2px',\n clearIconPadding: '8px',\n inputFocusShadow: base.focusShadow,\n inputColor: base.textColor,\n inputBackgroundColor: base.white,\n inputFocusColor: base.textColor,\n inputBorder: base.border,\n inputHoverBorderColor: base.borderColor,\n inputErrorBorderColor: base.errorColor,\n inputErrorColor: base.errorColor,\n inputDisabledBackgroundColor: base.gray96,\n inputDisabledBorderColor: base.gray92,\n inputDisabledColor: base.textDisabledColor,\n inputClearOrSearchPaddingRight: '28px',\n placeholderMediumSize: '11px',\n placeholderWithSearchLeft: '11px',\n spacingHalf: base.spacingHalf,\n spacingQuarter: base.spacingQuarter,\n searchIconWrapperColor: base.gray60,\n searchIconWrapperRight: '8px',\n searchIconWrapperTop: '8px',\n clearColor: base.gray60,\n placeholderColor: base.textGray,\n searchIconPosition: 'right'\n },\n Tooltip: {\n defaultQuestionMark: true,\n compactFontSize: base.fontSizeSmall,\n compactLineHeight: '18px',\n compactPadding: base.spacingHalf,\n contentFontSize: base.fontSizeSmall,\n contentLineHeight: '18px',\n contentPadding: base.spacingHalf,\n linkColor: base.linkColor,\n openDelaySecondary: 300,\n placement: 'above'\n },\n WaitSpinner: {\n circleStroke: base.gray60\n }\n }\n };\n});\n// CONCATENATED MODULE: ./src/themes/enterprise.ts\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\n\n\n/* harmony default export */ var enterprise = (enterpriseBase(enterprise_default.a));\n// EXTERNAL MODULE: external \"lodash/merge\"\nvar merge_ = __webpack_require__(90);\nvar merge_default = /*#__PURE__*/__webpack_require__.n(merge_);\n\n// EXTERNAL MODULE: external \"@splunk/themes/enterpriseDark\"\nvar enterpriseDark_ = __webpack_require__(5);\nvar enterpriseDark_default = /*#__PURE__*/__webpack_require__.n(enterpriseDark_);\n\n// CONCATENATED MODULE: ./src/themes/enterpriseDark.ts\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\n\n\n\n\n/* harmony default export */ var enterpriseDark = (merge_default()({}, enterpriseBase(enterpriseDark_default.a), {\n 'react-ui': {\n ButtonSimple: {\n Default: {\n shadow: \"inset 0 -1px 0 \".concat(enterpriseDark_default.a.gray30),\n hoverShadow: \"inset 0 -1px 0 \".concat(enterpriseDark_default.a.gray25),\n activeShadow: \"inset 0 -1px 0 \".concat(enterpriseDark_default.a.gray22),\n selectedShadow: \"inset 0 1px 0 \".concat(enterpriseDark_default.a.black),\n focusShadow: \"inset 0 -1px 0 \".concat(enterpriseDark_default.a.gray30, \", \").concat(enterpriseDark_default.a.focusShadow),\n focusHoverShadow: \"inset 0 -1px 0 \".concat(enterpriseDark_default.a.gray25, \", \").concat(enterpriseDark_default.a.focusShadow),\n focusActiveShadow: \"inset 0 -1px 0 \".concat(enterpriseDark_default.a.gray22, \", \").concat(enterpriseDark_default.a.focusShadow),\n focusSelectedShadow: \"inset 0 1px 0 \".concat(enterpriseDark_default.a.black, \", \").concat(enterpriseDark_default.a.focusShadow),\n focusAppendShadow: \"inset 0 -1px 0 \".concat(enterpriseDark_default.a.gray30, \", \").concat(enterpriseDark_default.a.focusShadow, \", inset -1px 0 0 \").concat(enterpriseDark_default.a.borderColor),\n focusAppendSelectedShadow: \"inset 0 1px 0 \".concat(enterpriseDark_default.a.black, \", \").concat(enterpriseDark_default.a.focusShadow, \", inset -1px 0 0 \").concat(enterpriseDark_default.a.borderColor),\n backgroundColor: enterpriseDark_default.a.gray45,\n color: enterpriseDark_default.a.white,\n selectedBackgroundColor: enterpriseDark_default.a.gray22,\n hoverBackgroundColor: enterpriseDark_default.a.gray30,\n selectedBorderColor: enterpriseDark_default.a.gray20,\n activeBorderColor: enterpriseDark_default.a.gray20,\n activeBackgroundColor: enterpriseDark_default.a.gray22,\n disabledBackgroundColor: enterpriseDark_default.a.gray30,\n disabledBorderColor: enterpriseDark_default.a.gray30,\n disabledSelectedBackgroundColor: enterpriseDark_default.a.gray22,\n disabledSelectedBorderColor: enterpriseDark_default.a.gray20\n },\n Secondary: {\n shadow: \"inset 0 -1px 0 \".concat(enterpriseDark_default.a.gray30),\n hoverShadow: \"inset 0 -1px 0 \".concat(enterpriseDark_default.a.gray25),\n activeShadow: \"inset 0 -1px 0 \".concat(enterpriseDark_default.a.gray22),\n selectedShadow: \"inset 0 1px 0 \".concat(enterpriseDark_default.a.black),\n focusShadow: \"inset 0 -1px 0 \".concat(enterpriseDark_default.a.gray30, \", \").concat(enterpriseDark_default.a.focusShadow),\n focusHoverShadow: \"inset 0 -1px 0 \".concat(enterpriseDark_default.a.gray25, \", \").concat(enterpriseDark_default.a.focusShadow),\n focusActiveShadow: \"inset 0 -1px 0 \".concat(enterpriseDark_default.a.gray22, \", \").concat(enterpriseDark_default.a.focusShadow),\n focusSelectedShadow: \"inset 0 1px 0 \".concat(enterpriseDark_default.a.black, \", \").concat(enterpriseDark_default.a.focusShadow),\n focusAppendShadow: \"inset 0 -1px 0 \".concat(enterpriseDark_default.a.gray30, \", \").concat(enterpriseDark_default.a.focusShadow, \", inset -1px 0 0 \").concat(enterpriseDark_default.a.borderColor),\n focusAppendSelectedShadow: \"inset 0 1px 0 \".concat(enterpriseDark_default.a.black, \", \").concat(enterpriseDark_default.a.focusShadow, \", inset -1px 0 0 \").concat(enterpriseDark_default.a.borderColor),\n backgroundColor: enterpriseDark_default.a.gray45,\n color: enterpriseDark_default.a.white,\n selectedBackgroundColor: enterpriseDark_default.a.gray22,\n hoverBackgroundColor: enterpriseDark_default.a.gray30,\n selectedBorderColor: enterpriseDark_default.a.gray20,\n activeBorderColor: enterpriseDark_default.a.gray20,\n activeBackgroundColor: enterpriseDark_default.a.gray22,\n disabledBackgroundColor: enterpriseDark_default.a.gray30,\n disabledBorderColor: enterpriseDark_default.a.gray30,\n disabledSelectedBackgroundColor: enterpriseDark_default.a.gray22,\n disabledSelectedBorderColor: enterpriseDark_default.a.gray20\n },\n Pill: {\n color: enterpriseDark_default.a.white,\n hoverColor: enterpriseDark_default.a.white,\n focusColor: enterpriseDark_default.a.white,\n expandedBackgroundColor: enterpriseDark_default.a.gray22\n }\n },\n Calendar: {\n Day: {\n buttonColor: enterpriseDark_default.a.gray98,\n todayBackgroundColor: enterpriseDark_default.a.gray45\n }\n },\n Chip: {\n backgroundColor: enterpriseDark_default.a.gray45,\n clickableHoverBackgroundColor: enterpriseDark_default.a.gray30,\n disabledBackgroundColor: 'rgba(0, 0, 0, 0.15)'\n },\n Code: {\n color: enterpriseDark_default.a.gray92,\n commentToken: enterpriseDark_default.a.gray60,\n prologToken: enterpriseDark_default.a.gray60,\n doctypeToken: enterpriseDark_default.a.gray60,\n cdataToken: enterpriseDark_default.a.gray60,\n punctuationToken: enterpriseDark_default.a.gray60,\n propertyToken: enterpriseDark_default.a.syntaxPurpleLight,\n tagToken: enterpriseDark_default.a.syntaxPurpleLight,\n booleanToken: enterpriseDark_default.a.syntaxPurpleLight,\n numberToken: enterpriseDark_default.a.syntaxPurpleLight,\n constantToken: enterpriseDark_default.a.syntaxPurpleLight,\n symbolToken: enterpriseDark_default.a.syntaxPurpleLight,\n deletedToken: enterpriseDark_default.a.syntaxPurpleLight,\n selectorToken: enterpriseDark_default.a.syntaxGreenLight,\n 'attr-nameToken': enterpriseDark_default.a.syntaxGreenLight,\n stringToken: enterpriseDark_default.a.syntaxGreenLight,\n charToken: enterpriseDark_default.a.syntaxGreenLight,\n builtinToken: enterpriseDark_default.a.syntaxGreenLight,\n insertedToken: enterpriseDark_default.a.syntaxGreenLight,\n operatorToken: enterpriseDark_default.a.syntaxBrown,\n entityToken: enterpriseDark_default.a.syntaxBrown,\n urlToken: enterpriseDark_default.a.syntaxBrown,\n atruleToken: enterpriseDark_default.a.syntaxBlueLight,\n 'attr-valueToken': enterpriseDark_default.a.syntaxBlueLight,\n keywordToken: enterpriseDark_default.a.syntaxBlueLight,\n functionToken: enterpriseDark_default.a.syntaxRedLight,\n regexToken: enterpriseDark_default.a.syntaxOrange,\n importantToken: enterpriseDark_default.a.syntaxOrange,\n variableToken: enterpriseDark_default.a.syntaxOrange\n },\n CollapsiblePanel: {\n titleClickableCollapsedBackgroundColor: enterpriseDark_default.a.gray45,\n titleClickableHoverBackgroundColor: enterpriseDark_default.a.gray30\n },\n Concertina: {\n panelBodyErrorBackgroundColor: external_tinycolor2_default()(enterpriseDark_default.a.errorColor).setAlpha(0.5).toRgbString(),\n panelBodyWarningBackgroundColor: external_tinycolor2_default()(enterpriseDark_default.a.warningColor).setAlpha(0.5).toRgbString(),\n Heading: {\n clickableBackgroundColor: enterpriseDark_default.a.gray45,\n clickableHoverBackgroundColor: enterpriseDark_default.a.gray30,\n clickableDisabledBackgroundColor: enterpriseDark_default.a.gray80\n }\n },\n File: {\n mediumDropTargetBoxBorderColor: enterpriseDark_default.a.textGray,\n mediumDropTargetBoxDisabledFileCount0BackgroundColor: enterpriseDark_default.a.gray60,\n iconFill: enterpriseDark_default.a.gray80,\n Item: {\n boxBackgroundColor: enterpriseDark_default.a.gray45,\n removeClickableHoverBackgroundColor: enterpriseDark_default.a.gray30,\n labelDisabledBackgroundColor: enterpriseDark_default.a.gray60\n }\n },\n Image: {\n boxBackgroundColor: enterpriseDark_default.a.gray30,\n removeClickableHoverBackgroundColor: enterpriseDark_default.a.gray45\n },\n Heading: {\n sectionColor: enterpriseDark_default.a.gray80\n },\n JSONTree: {\n TreeNode: {\n propertyColor: enterpriseDark_default.a.syntaxRedLight,\n expandLinkClickableColor: enterpriseDark_default.a.accentColorL40,\n typeColorNumber: enterpriseDark_default.a.syntaxBlueLight,\n typeColorBoolean: enterpriseDark_default.a.syntaxPurpleLight\n }\n },\n Markdown: {\n codeBlockBackgroundColor: enterpriseDark_default.a.gray22,\n codeInlineBackgroundColor: enterpriseDark_default.a.gray22\n },\n Menu: {\n Item: {\n clickableColor: enterpriseDark_default.a.gray96\n }\n },\n Message: {\n boxInfoBackgroundColor: external_tinycolor2_default()(enterpriseDark_default.a.infoColor).setAlpha(0.5).toRgbString(),\n boxSuccessBackgroundColor: external_tinycolor2_default()(enterpriseDark_default.a.successColor).setAlpha(0.5).toRgbString(),\n boxWarningBackgroundColor: external_tinycolor2_default()(enterpriseDark_default.a.warningColor).setAlpha(0.5).toRgbString(),\n boxErrorBackgroundColor: external_tinycolor2_default()(enterpriseDark_default.a.errorColor).setAlpha(0.5).toRgbString(),\n bannerInfoBackgroundColor: external_tinycolor2_default()(enterpriseDark_default.a.infoColor).setAlpha(0.5).toRgbString(),\n bannerSuccessBackgroundColor: external_tinycolor2_default()(enterpriseDark_default.a.successColor).setAlpha(0.5).toRgbString(),\n bannerWarningBackgroundColor: external_tinycolor2_default()(enterpriseDark_default.a.warningColor).setAlpha(0.5).toRgbString(),\n bannerErrorBackgroundColor: external_tinycolor2_default()(enterpriseDark_default.a.errorColor).setAlpha(0.5).toRgbString(),\n removeIconColor: enterpriseDark_default.a.gray96,\n removeIconHoverColor: enterpriseDark_default.a.gray96,\n removeIconHoverBackground: enterpriseDark_default.a.gray30,\n removeIconHoverBorder: \"1px solid \".concat(enterpriseDark_default.a.gray22)\n },\n Modal: {\n Footer: {\n boxBorderTopColor: enterpriseDark_default.a.gray20\n },\n Header: {\n boxBorderBottomColor: enterpriseDark_default.a.gray20\n }\n },\n Monogram: {\n backgroundColor: enterpriseDark_default.a.gray45\n },\n Multiselect: {\n Normal: {\n boxBackgroundColor: enterpriseDark_default.a.gray22,\n boxBorderColor: enterpriseDark_default.a.gray20,\n boxDisabledBackgroundColor: enterpriseDark_default.a.gray22,\n boxDisabledBorderColor: enterpriseDark_default.a.gray30\n }\n },\n Number: {\n incrementorBorderColor: enterpriseDark_default.a.gray20\n },\n Popover: {\n lightBorder: enterpriseDark_default.a.borderDark,\n lightBoxShadow: '0 1px 2px #000',\n arrowBorderBottomColor: enterpriseDark_default.a.borderDarkColor,\n darkBackgroundColor: enterpriseDark_default.a.white,\n darkColor: enterpriseDark_default.a.gray20,\n darkArrowBorderBottomColor: enterpriseDark_default.a.white\n },\n Resize: {\n resizeColor: enterpriseDark_default.a.gray92,\n borderColor: enterpriseDark_default.a.gray22\n },\n Slider: {\n sliderBarStepMarksColor: enterpriseDark_default.a.gray20\n },\n Switch: {\n Checkbox: {\n color: enterpriseDark_default.a.gray80,\n borderColor: enterpriseDark_default.a.gray80,\n selectedBorderColor: enterpriseDark_default.a.gray80,\n disabledBorderColor: enterpriseDark_default.a.gray45,\n disabledColor: enterpriseDark_default.a.gray45,\n errorBorderColor: enterpriseDark_default.a.errorColor\n },\n Radio: {\n color: enterpriseDark_default.a.gray80,\n borderColor: enterpriseDark_default.a.gray80,\n selectedBorderColor: enterpriseDark_default.a.gray80,\n disabledBorderColor: enterpriseDark_default.a.gray45,\n disabledColor: enterpriseDark_default.a.gray45,\n errorBorderColor: enterpriseDark_default.a.errorColor\n },\n Toggle: {\n backgroundColor: enterpriseDark_default.a.gray45,\n indicatorBackgroundColor: enterpriseDark_default.a.gray80,\n indicatorHoverBackgroundColor: external_tinycolor2_default()(enterpriseDark_default.a.gray80).darken(6).toRgbString(),\n disabledBorderColor: enterpriseDark_default.a.borderColor,\n disabledBackgroundColor: enterpriseDark_default.a.gray30,\n disabledIndBackgroundColor: enterpriseDark_default.a.gray45,\n disabledIndBorderColor: enterpriseDark_default.a.gray22,\n selectedDisabledBackgroundColor: enterpriseDark_default.a.accentColorD20\n }\n },\n Table: {\n Cell: {\n clickableBackgroundColor: enterpriseDark_default.a.accentColorD50\n },\n HeadCell: {\n backgroundColor: '#212527',\n draggingBackgroundColor: enterpriseDark_default.a.gray20\n },\n HeadInner: {\n helperBackgroundColor: enterpriseDark_default.a.accentColorD50\n },\n Row: {\n stripeNoneClickableHoverBackgroundColor: enterpriseDark_default.a.accentColorD50,\n stripeEvenBackgroundColor: enterpriseDark_default.a.gray25,\n stripeOddBackgroundColor: enterpriseDark_default.a.gray22\n },\n RowDragCell: {\n draggingBackgroundColor: enterpriseDark_default.a.gray20,\n helperBackgroundColor: enterpriseDark_default.a.accentColorD50\n }\n },\n Text: {\n inputBackgroundColor: enterpriseDark_default.a.gray22,\n inputBorder: \"1px solid \".concat(enterpriseDark_default.a.gray20),\n inputHoverBorderColor: enterpriseDark_default.a.gray20,\n inputDisabledBackgroundColor: enterpriseDark_default.a.gray22,\n inputDisabledBorderColor: enterpriseDark_default.a.gray30,\n searchIconWrapperColor: enterpriseDark_default.a.white,\n clearColor: enterpriseDark_default.a.white\n },\n WaitSpinner: {\n circleStroke: enterpriseDark_default.a.white\n }\n }\n}));\n// EXTERNAL MODULE: external \"@splunk/themes/lite\"\nvar lite_ = __webpack_require__(91);\nvar lite_default = /*#__PURE__*/__webpack_require__.n(lite_);\n\n// CONCATENATED MODULE: ./src/themes/lite.ts\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\n\n\n/* harmony default export */ var lite = (enterpriseBase(lite_default.a));\n// EXTERNAL MODULE: external \"@splunk/themes/scp\"\nvar scp_ = __webpack_require__(92);\nvar scp_default = /*#__PURE__*/__webpack_require__.n(scp_);\n\n// CONCATENATED MODULE: ./src/themes/scpBase.ts\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\n\n/* harmony default export */ var scpBase = (function (base) {\n var blend = base.mixins.overlayColors;\n return {\n 'react-ui': {\n base: _objectSpread(_objectSpread({}, base), {}, {\n errorColor: base.accentColorNegative\n }),\n Accordion: {\n backgroundColor: base.transparent\n },\n Button: {\n color: 'inherit',\n disabledIconColor: 'inherit',\n iconColor: 'inherit',\n iconOnlyColor: 'inherit',\n iconOnlyDisabledColor: 'inherit',\n iconPaddingRight: '8px',\n\n /* The padding is used to maintain the min-width of icon-oly Button in the scp theme. Whether or not the min-width is overwritten,\n * it gaurantees that the width is always greater than or equal to the inputHeight. */\n iconOnlyPadding: \"0px calc(\".concat(base.inputHeight, \" / 2 - 1px)\"),\n iconOnlyPaddingSmall: \"0px calc(\".concat(base.inputHeightSmall, \" / 2 - 1px)\"),\n iconOnlyPaddingLarge: \"0px calc(\".concat(base.inputHeightLarge, \" / 2 - 1px)\"),\n paddingSmall: '6px',\n paddingLarge: '16px',\n primaryIconColor: 'inherit',\n primaryContentExtraPadding: '1px 0',\n iconOnlyIEFixPosition: 'relative',\n iconOnlyIEFixTransform: 'translateX(-50%)'\n },\n ButtonSimple: {\n Primary: {\n shadow: 'none',\n selectedShadow: 'none',\n focusShadow: base.focusShadow,\n selectedFocusShadow: base.focusShadow,\n borderRadius: '24px',\n color: base.contentColorInverted,\n fontWeight: base.fontWeightSemiBold,\n backgroundColor: base.interactiveColorPrimary,\n activeBackgroundColor: blend(base.interactiveColorPrimary, base.interactiveColorOverlayActive),\n focusBackgroundColor: blend(base.interactiveColorPrimary, base.interactiveColorOverlayHover),\n hoverBackgroundColor: blend(base.interactiveColorPrimary, base.interactiveColorOverlayHover),\n selectedBackgroundColor: blend(base.interactiveColorPrimary, base.interactiveColorOverlaySelected),\n disabledBackgroundColor: base.interactiveColorBackgroundDisabled,\n disabledSelectedBackgroundColor: base.interactiveColorOverlaySelected,\n disabledTextColor: base.contentColorDisabled,\n prependBorderLeftColor: base.interactiveColorPrimary\n },\n Error: {\n color: base.white,\n fontWeight: base.fontWeightSemiBold,\n shadow: 'none',\n selectedShadow: 'none',\n focusShadow: base.focusShadow,\n selectedFocusShadow: base.focusShadow,\n backgroundColor: base.accentColorNegative,\n activeBackgroundColor: blend(base.accentColorNegative, base.interactiveColorOverlayActive),\n focusBackgroundColor: blend(base.accentColorNegative, base.interactiveColorOverlayHover),\n hoverBackgroundColor: blend(base.accentColorNegative, base.interactiveColorOverlayHover),\n selectedBackgroundColor: blend(base.accentColorNegative, base.interactiveColorOverlaySelected),\n disabledBackgroundColor: base.interactiveColorBackgroundDisabled,\n disabledTextColor: base.contentColorDisabled,\n disabledSelectedBackgroundColor: base.interactiveColorOverlaySelected,\n prependBorderLeftColor: base.transparent\n },\n Default: {\n shadow: 'none',\n hoverShadow: 'none',\n activeShadow: 'none',\n selectedShadow: 'none',\n focusShadow: base.focusShadow,\n focusHoverShadow: base.focusShadow,\n focusActiveShadow: base.focusShadow,\n focusSelectedShadow: base.focusShadow,\n focusAppendShadow: base.focusShadow,\n focusAppendSelectedShadow: base.focusShadow,\n color: base.contentColorActive,\n fontWeight: base.fontWeightSemiBold,\n border: \"1px solid \".concat(base.interactiveColorBorder),\n borderColorHover: base.interactiveColorBorderHover,\n borderRadius: '24px',\n backgroundColor: base.transparent,\n activeBackgroundColor: base.interactiveColorOverlayActive,\n focusBackgroundColor: base.interactiveColorOverlayHover,\n hoverBackgroundColor: base.interactiveColorOverlayHover,\n selectedBackgroundColor: base.interactiveColorOverlaySelected,\n disabledBackgroundColor: base.transparent,\n disabledBorderColor: base.interactiveColorBorderDisabled,\n disabledSelectedBorderColor: base.interactiveColorBorderDisabled,\n disabledSelectedBackgroundColor: blend(base.interactiveColorBackgroundDisabled, base.interactiveColorOverlaySelected),\n disabledTextColor: base.contentColorDisabled,\n activePrependLeftBorderColor: base.interactiveColorBorder\n },\n Secondary: {\n shadow: 'none',\n hoverShadow: 'none',\n activeShadow: 'none',\n selectedShadow: 'none',\n focusShadow: base.focusShadow,\n focusHoverShadow: base.focusShadow,\n focusActiveShadow: base.focusShadow,\n focusSelectedShadow: base.focusShadow,\n focusAppendShadow: base.focusShadow,\n focusAppendSelectedShadow: base.focusShadow,\n color: base.contentColorActive,\n fontWeight: base.fontWeightSemiBold,\n border: \"1px solid \".concat(base.transparent),\n borderColorHover: base.transparent,\n borderRadius: '24px',\n backgroundColor: base.transparent,\n activeBackgroundColor: base.interactiveColorOverlayActive,\n focusBackgroundColor: base.interactiveColorOverlayHover,\n hoverBackgroundColor: base.interactiveColorOverlayHover,\n selectedBackgroundColor: base.interactiveColorOverlaySelected,\n disabledBackgroundColor: base.transparent,\n disabledBorderColor: base.transparent,\n disabledSelectedBorderColor: base.transparent,\n disabledTextColor: base.contentColorDisabled,\n disabledSelectedBackgroundColor: base.interactiveColorOverlaySelected,\n selectedPrependLeftBorderColor: base.transparent,\n activePrependLeftBorderColor: base.transparent\n },\n Toggle: {\n border: \"1px solid \".concat(base.interactiveColorBorder),\n borderColorHover: base.interactiveColorBorderHover,\n color: base.contentColorActive,\n fontWeight: 'normal',\n focusShadow: base.focusShadow,\n activeBorderColor: base.interactiveColorBorderHover,\n activeBackgroundColor: base.interactiveColorOverlayActive,\n focusBackgroundColor: base.interactiveColorOverlayHover,\n hoverBackgroundColor: base.interactiveColorOverlayHover,\n selectedBackgroundColor: base.interactiveColorOverlaySelected,\n disabledBorderColor: base.interactiveColorBorderDisabled,\n disabledTextColor: base.contentColorDisabled,\n disabledSelectedBackgroundColor: base.interactiveColorOverlaySelected,\n selectedPrependLeftBorderColor: base.interactiveColorBorder\n },\n Flat: {\n border: \"1px solid \".concat(base.transparent),\n color: base.contentColorActive,\n fontWeight: base.fontWeightSemiBold,\n focusShadow: base.focusShadow,\n backgroundColor: base.interactiveColorBackground,\n activeBackgroundColor: blend(base.interactiveColorBackground, base.interactiveColorOverlayActive),\n focusBackgroundColor: blend(base.interactiveColorBackground, base.interactiveColorOverlayHover),\n hoverBackgroundColor: blend(base.interactiveColorBackground, base.interactiveColorOverlayHover),\n selectedBackgroundColor: blend(base.interactiveColorBackground, base.interactiveColorOverlayActive),\n disabledBackgroundColor: base.interactiveColorBackgroundDisabled,\n disabledTextColor: base.contentColorDisabled,\n disabledSelectedBackgroundColor: base.interactiveColorOverlaySelected\n }\n },\n Calendar: {\n width: '332px',\n padding: '16px',\n DateTable: {\n paddingBottom: '4px',\n fontSize: base.fontSize,\n tableHeaderColor: base.contentColorMuted\n },\n Day: {\n buttonColor: base.contentColorActive,\n buttonHoverColor: base.contentColorActive,\n buttonHoverBackgroundColor: base.interactiveColorOverlayHover,\n buttonFocusBackgroundColor: base.interactiveColorOverlayHover,\n buttonSelectedBorderColor: 'none',\n buttonSelectedBorderHoverColor: 'none',\n buttonSelectedColor: base.contentColorActive,\n buttonSelectedBackgroundColor: base.interactiveColorOverlaySelected,\n buttonSelectedFontSize: base.fontSizeLarge,\n buttonSelectedFontWeight: base.fontWeightBold,\n width: '36px',\n lineHeight: '36px',\n border: 'none',\n borderRadius: '50%',\n focusShadow: base.focusShadow,\n position: 'relative',\n showTodayCircle: true,\n todayCircleColor: base.interactiveColorBorder,\n todayBackgroundColor: base.transparent\n },\n MonthHeader: {\n fontSize: '20px',\n fontWeight: base.fontWeightBold,\n textTransform: 'uppercase',\n wordSpacing: '32px',\n textColor: base.contentColorActive,\n shortForm: true\n }\n },\n Card: {\n backgroundColor: base.backgroundColorSection,\n clickableSelectedBorderColor: base.transparent,\n borderColor: base.transparent,\n borderRadius: base.borderRadius,\n shadow: base.embossShadow,\n hoverShadow: base.embossShadow,\n focusShadow: \"\".concat(base.embossShadow, \", \").concat(base.focusShadowInset),\n hoverBackgroundColor: blend(base.backgroundColorSection, base.interactiveColorOverlayHover),\n focusBackgroundColor: blend(base.backgroundColorSection, base.interactiveColorOverlayHover),\n selectedBackgroundColor: blend(base.backgroundColorSection, base.interactiveColorOverlaySelected),\n Header: {\n subtitleColor: base.contentColorMuted,\n padding: '12px 8px 12px 16px'\n },\n Body: {\n padding: '16px',\n firstChildPaddingTop: '16px'\n },\n Footer: {\n boxColor: base.contentColorMuted,\n padding: '8px 16px 16px',\n borderTop: 'none'\n }\n },\n Chip: {\n backgroundColor: base.neutral100,\n borderRadius: '4px',\n clickableColor: base.contentColorDefault,\n decreaseChipHeightBy: '4px',\n disabledBackgroundColor: base.interactiveColorBackgroundDisabled,\n errorBackgroundColor: '#fe3a3a',\n removeIconFocusHoverBackgroundColor: base.interactiveColorOverlayHover,\n focusShadow: 'none',\n iconColor: base.contentColorActive,\n iconMarginRight: '8px',\n infoBackgroundColor: '#4ba8ff',\n labelColor: base.contentColorActive,\n lineHeight: '16px',\n linkColor: base.contentColorActive,\n margin: '1px',\n mediumFontSize: base.fontSizeSmall,\n mediumSizePadding: '7px 8px 8px',\n outlineBorderColor: base.interactiveColorBorder,\n outlineBackgroundColor: base.transparent,\n removeIconBackgroundColorBool: true,\n removeIconFocusShadow: base.focusShadow,\n removeIconFontSize: '0.77em',\n removeIconPaddingLeft: 'none',\n successBackgroundColor: '#08e045',\n warningBackgroundColor: '#ffc500'\n },\n Clickable: {\n disabledColor: base.contentColorDisabled\n },\n Code: {\n commentToken: base.syntaxGray,\n prologToken: base.syntaxGray,\n doctypeToken: base.syntaxGray,\n cdataToken: base.syntaxGray,\n punctuationToken: base.syntaxGray,\n propertyToken: base.syntaxPurple,\n tagToken: base.syntaxPurple,\n booleanToken: base.syntaxPurple,\n numberToken: base.syntaxPurple,\n constantToken: base.syntaxPurple,\n symbolToken: base.syntaxPurple,\n deletedToken: base.syntaxPurple,\n selectorToken: base.syntaxGreen,\n 'attr-nameToken': base.syntaxGreen,\n stringToken: base.syntaxGreen,\n charToken: base.syntaxGreen,\n builtinToken: base.syntaxGreen,\n insertedToken: base.syntaxGreen,\n operatorToken: base.syntaxBrown,\n entityToken: base.syntaxBrown,\n urlToken: base.syntaxBrown,\n atruleToken: base.syntaxBlue,\n 'attr-valueToken': base.syntaxBlue,\n keywordToken: base.syntaxBlue,\n functionToken: base.syntaxRed,\n regexToken: base.syntaxOrange,\n importantToken: base.syntaxOrange,\n variableToken: base.syntaxOrange,\n keyToken: base.syntaxPurple\n },\n CollapsiblePanel: {\n minHeight: '40px',\n backgroundColor: base.backgroundColorSection,\n marginTop: '1px',\n iconPosition: '12px',\n iconTransition: 'transform 200ms',\n iconTransfromOpen: 'translateY(-2px) rotate(0deg)',\n iconTransfromClose: 'rotate(90deg)',\n iconTransfromOrigin: 'center',\n paddingBottom: '2px',\n titleLineHeight: '24px',\n titlePadding: \"8px 30px\",\n titleBackgroundColor: base.interactiveColorBackground,\n titleClickableCollapsedBackgroundColor: base.interactiveColorBackground,\n titleClickableHoverBackgroundColor: blend(base.interactiveColorBackground, base.interactiveColorOverlayHover),\n titleClickableColor: base.contentColorActive,\n titleClickableCollapsedColor: base.contentColorActive,\n titleBorder: 'none',\n titleFocusBorder: \"none solid \".concat(base.focusColor),\n titleShadow: 'none',\n titleFocusShadow: base.focusShadowInset,\n descriptionPosition: 'relative',\n descriptionPositionRight: '20px'\n },\n Color: {\n inputTopLayout: true,\n width: '214px',\n display: 'flex',\n flexDirection: 'column-reverse',\n borderRadius: '4px',\n swatchesListMarginRight: '-8px',\n swatchesListMarginBottom: '-8px',\n clickableInvalidBorderColor: base.accentColorNegative,\n Swatch: {\n marginRight: '8px',\n marginBottom: '8px',\n borderRadius: '2px',\n border: \"1px solid \".concat(base.interactiveColorBorder),\n transparentPatternEvenColor: base.transparent,\n transparentPatternOddColor: 'rgba(0, 0, 0, 0.2)',\n transparentBackgroundColor: base.white,\n textBoxSwatch: true,\n focusBorderColor: base.focusColor,\n nullLineColor: base.accentColorNegative,\n boxShadow: base.focusShadow,\n smallSize: '22px'\n },\n Input: {\n width: 'calc(100% - 2px)',\n marginBottom: '8px',\n position: 'relative'\n }\n },\n ControlGroup: {\n labelColor: base.contentColorMuted,\n labelPadding: '8px 0',\n labelWithTooltipPadding: '0',\n helpColor: base.contentColorMuted,\n boxInvalidColor: base.accentColorNegative\n },\n Date: {\n position: 'relative',\n letterSpacing: '2px',\n spacedFormat: true,\n width: '152px',\n widthLarge: '160px',\n widthSmall: '128px',\n shouldRenderIcon: true,\n iconColor: base.contentColorDefault,\n iconDisabledColor: base.contentColorDisabled\n },\n File: {\n cloudIcon: true,\n cloudColor: base.contentColorDefault,\n linkColor: base.linkColor,\n mediumDropTargetBoxBorderColor: base.contentColorMuted,\n mediumDropTargetBoxDisabledFileCount0BackgroundColor: base.transparent,\n mediumDropTargetBoxDisabledColor: base.contentColorDisabled,\n largeDropTargetBoxDisabledColor: base.contentColorDisabled,\n borderDragOver: \"1px dashed \".concat(base.interactiveColorBorderHover),\n iconFill: base.contentColorMuted,\n iconErrorFill: base.accentColorNegative,\n iconDisabledFill: base.contentColorDisabled,\n padding: '8px',\n backgroundColorDragOver: base.interactiveColorOverlayActive,\n errorTextColor: base.accentColorNegative,\n errorBorder: \"1px dashed \".concat(base.accentColorNegative),\n disabledBorder: \"1px solid \".concat(base.contentColorDisabled),\n linkFocusShadow: base.focusShadow,\n windowDropBorder: \"5px solid \".concat(base.interactiveColorPrimary),\n Item: {\n itemRemovable: true,\n boxColor: base.contentColorDefault,\n labelColor: base.contentColorActive,\n backgroundColor: base.transparent,\n boxBackgroundColor: base.interactiveColorBackground,\n labelDisabledBackgroundColor: base.interactiveColorBackgroundDisabled,\n labelDisabledTextColor: base.contentColorDisabled,\n labelErrorTextColor: base.accentColorNegative,\n borderRadius: base.borderRadius,\n fontSize: '12px',\n padding: \"4px 0 3px 8px\",\n flex: 'none',\n removeClickableBorderRadius: '50%',\n labelErrorBackgroundColor: base.interactiveColorBackground,\n removeClickableColor: base.contentColorDefault,\n removeClickableBackgroundColor: base.transparent,\n removeClickableErrorBorder: 'none',\n removeClickableErrorBackgroundColor: base.transparent,\n removeClickableErrorHoverBackgroundColor: base.accentColorNegative,\n removeClickableErrorFocusBackgroundColor: base.accentColorNegative,\n removeClickableFocusShadow: 'none',\n removeClickableFocusBackgroundColor: base.interactiveColorOverlayHover,\n removeClickableFocusColor: base.contentColorMuted,\n removeClickableHoverBackgroundColor: base.interactiveColorOverlayHover,\n removeClickableHoverColor: base.contentColorActive,\n removeClickableSmallFlexBasis: 'auto',\n removeClickableSmallTop: '6px',\n removeClickablePadding: '3px 0'\n }\n },\n Heading: {\n fontSize: base.fontSize,\n fontWeight: base.fontWeightBold,\n h1FontSize: '36px',\n h2FontSize: '24px',\n h3FontSize: '20px',\n h4FontSize: '16px',\n h5FontSize: '13px',\n h1LineHeight: '48px',\n h2LineHeight: '24px',\n h3LineHeight: '24px',\n h4LineHeight: '24px',\n h5LineHeight: '16px',\n headingColor: base.contentColorActive,\n sectionColor: base.contentColorDefault\n },\n Image: {\n cloudIcon: true,\n overflow: 'hidden',\n borderRadius: base.borderRadius,\n boxBackgroundColor: base.interactiveColorBackground,\n boxColor: base.contentColorMuted,\n labelColor: base.contentColorDefault,\n labelDisabledBackgroundColor: base.interactiveColorBackgroundDisabled,\n padding: '8px 10px',\n fontSize: '12px',\n lineHeight: '16px',\n removeClickableColor: base.contentColorDefault,\n removeClickableFlex: 'none',\n removeClickableBorderRadius: '50%',\n removeClickableBackgroundColor: base.interactiveColor,\n removeClickableHoverBackgroundColor: base.interactiveColorOverlayHover,\n removeClickableHoverColor: base.contentColorActive,\n removeClickableFocusColor: base.contentColorActive,\n removeClickableFocusShadow: 'none',\n removeClickableFocusBackgroundColor: base.interactiveColorOverlayHover\n },\n JSONTree: {\n TreeNode: {\n propertyColor: base.syntaxRed,\n expandLinkClickableColor: base.interactiveColorPrimary,\n typeColorNumber: base.syntaxBlue,\n typeColorBoolean: base.syntaxPurple,\n typeColorString: base.syntaxTeal,\n typeColorNull: base.syntaxBrown,\n typeColorObject: base.contentColorDefault\n }\n },\n Link: {\n clickableColor: base.linkColor,\n focusShadow: base.focusShadow,\n disabledColor: base.contentColorDisabled,\n focusTextDecoration: 'underline',\n externalMargin: '0 0 0 4px',\n borderRadius: '1px'\n },\n Markdown: {\n codeBlockBackgroundColor: base.backgroundColorSection,\n codeInlineBackgroundColor: base.neutral200\n },\n Menu: {\n backgroundColor: base.backgroundColorPopup,\n Divider: {\n borderColor: base.neutral200\n },\n Heading: {\n borderTop: \"1px solid \".concat(base.neutral200),\n padding: '13px 16px 10px 16px'\n },\n Item: {\n backgroundColorHover: base.interactiveColorOverlayHover,\n backgroundColorFocus: base.interactiveColorOverlayHover,\n backgroundColorActive: base.interactiveColorOverlayHover,\n checkboxPaddingLeft: '42px',\n clickableColor: base.contentColorActive,\n disabledSelectedIconColor: base.contentColorDisabled,\n descriptionLineHeight: '16px',\n descriptionColor: base.contentColorDefault,\n focusShadowInset: base.focusShadowInset,\n itemIconPaddingRight: '8px',\n itemIconVertical: 'initial',\n itemSelectedIconColor: base.contentColorActive,\n itemSelectedIconLeft: null,\n itemSelectedIconTop: null,\n itemSelectedIconRight: '16px',\n lineHeight: '24px',\n matchColorBackground: base.interactiveColorPrimary,\n matchColor: base.contentColorInverted,\n padding: '12px 16px',\n spacingHalf: '16px',\n selectablePaddingLeft: '16px',\n selectablePaddingRight: '44px',\n selectablePosition: 'right',\n submenuColor: base.contentColorMuted,\n switchLeft: '16px',\n switchTop: '6px'\n }\n },\n Message: {\n smallIcon: true,\n iconTop: '0px',\n iconPaddingTop: '8px',\n iconWidth: '24px',\n iconColor: base.white,\n iconInfoColor: base.contentColorActive,\n iconSuccessColor: base.accentColorPositive,\n iconWarningColor: base.accentColorWarning,\n iconErrorColor: base.accentColorNegative,\n iconFillColor: base.backgroundColorPopup,\n iconInfoBackgroundColor: base.contentColorActive,\n iconSuccessBackgroundColor: base.accentColorPositive,\n iconWarningBackgroundColor: base.accentColorWarning,\n iconErrorBackgroundColor: base.accentColorNegative,\n contentColor: base.contentColorActive,\n contentFillColor: base.contentColorActive,\n boxInfoBackgroundColor: base.backgroundColorPopup,\n boxSuccessBackgroundColor: base.backgroundColorPopup,\n boxWarningBackgroundColor: base.backgroundColorPopup,\n boxErrorBackgroundColor: base.backgroundColorPopup,\n boxPadding: \"10px 0px 10px 32px\",\n boxPaddingWithRemoveIcon: '10px 40px 10px 32px',\n boxBorderRadius: base.borderRadius,\n boxInfoBorderColor: base.transparent,\n boxSuccessBorderColor: base.transparent,\n boxWarningBorderColor: base.transparent,\n boxErrorBorderColor: base.transparent,\n removeIconColor: base.contentColorDefault,\n removeIconTop: '2px',\n removeIconRight: '2px',\n removeIconPadding: '10px',\n removeIconBorderRadius: '50%',\n removeIconHoverColor: 'inherit',\n removeIconHoverBorder: 'inhert',\n removeIconActiveBoxshadow: 'none',\n removeIconFocusShadow: base.focusShadow,\n removeIconHoverBackground: base.interactiveColorOverlayHover,\n removeIconActiveBackground: base.interactiveColorOverlayActive,\n bannerTextColorLight: base.contentColorInverted,\n bannerTextColorDark: base.contentColorActive,\n bannerInfoBackgroundColor: base.contentColorMuted,\n bannerSuccessBackgroundColor: base.accentColorPositive,\n bannerWarningBackgroundColor: base.accentColorWarning,\n bannerErrorBackgroundColor: base.accentColorNegative,\n Link: {\n focusShadow: base.focusShadow\n }\n },\n Modal: {\n boxShadow: base.modalShadow,\n Body: {\n boxBackgroundColor: base.backgroundColorModal\n },\n Footer: {\n boxBackgroundColor: base.backgroundColorModal,\n boxBorderTopColor: base.interactiveColorBorder\n },\n Header: {\n boxBackgroundColor: base.backgroundColorModal,\n boxBorderBottomColor: base.interactiveColorBorder,\n titleColor: base.contentColorActive,\n boxPadding: '24px',\n closeAndPeekPaddingRight: '88px',\n closeOrPeekPaddingRight: '52px',\n titleFontWeightSemiBold: '500',\n titleLineHeight: '24px',\n subTitleLineHeight: '24px',\n iconBackgroundColor: base.transparent\n }\n },\n ModalLayer: {\n backgroundColor: base.backgroundColorScrim\n },\n Monogram: {\n sizeSmall: '36px',\n color: base.contentColorActive,\n backgroundColor: base.neutral100,\n clickableHoverBoxShadow: 'none',\n clickableFocusBoxShadow: base.focusShadow,\n clickableFocusHoverBorder: \"1px solid \".concat(base.transparent),\n clickableActiveBorder: \"1px solid \".concat(base.transparent),\n clickableActiveBackgroundColor: base.neutral,\n clickableActiveOpacity: 1,\n clickableFocusHoverBackgroundColor: base.neutral200,\n backgroundColors: ['#006d9c', '#ec9960', '#af575a', '#62b3b2', '#4fa484', '#f8be34', '#5a4575', '#708794', '#294e70', '#b6c75a', '#5cc05c', '#007abd', '#dc4e41', '#f1813f', '#f8be34', '#53a051', '#006d9c', '#77d6d8', '#f589ad', '#6a2c5d']\n },\n Multiselect: {\n Normal: {\n border: \"1px solid \".concat(base.interactiveColorBorder),\n borderColorHover: base.interactiveColorBorderHover,\n boxBackgroundColor: base.transparent,\n boxDisabledBackgroundColor: base.transparent,\n boxDisabledBorderColor: base.interactiveColorBorderDisabled,\n boxFocusBorderColor: base.focusColor,\n boxFocusShadow: 'none',\n boxInvalidBorderColor: base.accentColorNegative,\n boxInvalidColor: base.accentColorNegative,\n boxPadding: '0',\n inputPadding: '7px 10px'\n },\n Compact: {\n filterBorderBottom: \"1px solid \".concat(base.neutral200),\n filterBorderTop: \"1px solid \".concat(base.neutral200),\n filterPadding: '10px 16px',\n toggleAllControlsBorderBottom: \"1px solid \".concat(base.neutral200),\n toggleAllControlsBorderTop: \"1px solid \".concat(base.neutral200),\n toggleAllControlsPadding: '10px 16px'\n }\n },\n Number: {\n incrementorWidth: '22px',\n mediumWidth: '116px',\n appearance: 'scp'\n },\n Paginator: {\n chevronLeftMargin: '-3px 6px 0 0',\n chevronRightMargin: '-3px 0 0 6px',\n Button: {\n buttonSimpleMarginLeft: '8px',\n buttonSimplePadding: base.spacingQuarter,\n buttonSimpleFontWeight: 'normal',\n buttonSimpleSelectedFontWeight: base.fontWeightBold\n }\n },\n Paragraph: {\n marginBottom: '14px'\n },\n Popover: {\n align: 'edge',\n lightBorder: base.transparent,\n lightBoxShadow: base.overlayShadow,\n lightBackgroundColor: base.backgroundColorPopup,\n lightBorderRadius: base.borderRadius,\n lightColor: base.contentColorDefault,\n darkBackgroundColor: base.backgroundColorFloating,\n darkColor: base.contentColorInverted,\n darkBorderRadius: base.borderRadius,\n arrowHeightPixel: 0,\n paddingPixel: 8 // must be same as arrowHeight if arrowHeight is > 0\n\n },\n Progress: {\n backgroundColor: base.neutral200,\n tooltipBackgroundColor: base.interactiveColorPrimary,\n puckWidth: '100%',\n puckBackground: external_tinycolor2_default()(base.statusColorInfo).lighten(10).toRgbString()\n },\n RadioBar: {\n segmentedAppearance: true,\n padding: '1px',\n background: base.interactiveColorBackground,\n borderRadius: base.borderRadius,\n disabledBackground: base.interactiveColorBackgroundDisabled,\n errorBorder: \"1px solid \".concat(base.accentColorNegative),\n Option: {\n backgroundColor: 'inherit',\n activeBackgroundColor: base.interactiveColorOverlayActive,\n hoverFocusBackgroundColor: base.interactiveColorOverlayHover,\n selectedBackgroundColor: base.radioBarOptionSelectedBackgroundColor,\n selectedDisabledBackgroundColor: base.backgroundColorPage,\n selectedShadow: base.embossShadow,\n focusShadow: base.focusShadow,\n borderRadius: '3px',\n marginLeft: '2px',\n boxShadow: 'none',\n minHeight: '32px',\n lineHeight: '18px',\n disabledTextColor: base.contentColorDisabled,\n selectedTextColor: base.contentColorActive,\n hoverTextColor: base.contentColorActive,\n textColor: base.contentColorDefault,\n disabledIconColor: base.contentColorDisabled,\n selectedIconColor: base.contentColorDefault,\n hoverIconColor: base.contentColorDefault,\n iconColor: base.contentColorMuted\n }\n },\n Resize: {\n resizeColor: base.contentColorDefault,\n borderColor: base.interactiveColorBackground\n },\n ResultsMenu: {\n backgroundColor: base.backgroundColorPopup,\n borderRadius: base.borderRadius,\n footerColor: base.contentColorMuted,\n footerBorderBottom: \"1px solid \".concat(base.neutral200),\n footerBorderTop: \"1px solid \".concat(base.neutral200),\n footerPadding: '12px 16px',\n loadingMessageColor: base.contentColorMuted,\n loadingLineHeight: '24px',\n loadingPadding: '12px 16px'\n },\n Select: {\n filterBorderBottom: \"1px solid \".concat(base.neutral200),\n filterBorderTop: \"1px solid \".concat(base.neutral200)\n },\n SidePanel: {\n panelBackgroundColor: base.backgroundColorSidebar,\n panelBoxShadow: base.overlayShadow\n },\n Slider: {\n sliderBarHeight: '4px',\n sliderBarStepMarksColor: base.neutral100,\n sliderBarTop: '16px',\n sliderBarDisabledBackgroundColor: base.contentColorDisabled,\n sliderBarLeftSideColor: base.contentColorActive,\n sliderBarRightSideColor: base.interactiveColorBorder,\n labelDisabledColor: base.contentColorDisabled,\n sliderThumbBackgroundColor: base.contentColorActive,\n sliderThumbDisabledBackgroundColor: base.neutral400,\n sliderThumbHoverShadow: 'none',\n sliderThumbFocusShadow: base.focusShadow,\n sliderThumbWidth: 20,\n sliderThumBorderRadius: '10px',\n sliderTooltipTop: '8px'\n },\n StepBar: {\n Step: {\n currentStepColor: base.contentColorActive,\n currentStepFontWeight: base.fontWeightSemiBold,\n grayFill: base.contentColorMuted,\n nextStroke: base.contentColorMuted,\n prevOrActiveFillColor: base.interactiveColorPrimary,\n color: base.contentColorDisabled\n }\n },\n Switch: {\n labelPaddingLeft: '12px',\n labelPosition: 'relative',\n labelShiftWithSmall: '-1px',\n padding: '8px 0',\n wrapperErrorColor: base.accentColorNegative,\n Checkbox: {\n color: base.white,\n borderColor: base.contentColorMuted,\n margin: '3px',\n focusShadow: base.focusShadow,\n hasBackground: true,\n selectedBorderColor: base.interactiveColorPrimary,\n selectedBackgroundColor: base.interactiveColorPrimary,\n disabledBorderColor: base.contentColorDisabled,\n disabledColor: base.contentColorDisabled,\n errorBorderColor: base.accentColorNegative,\n accentColorNegative: base.accentColorNegative,\n selectedErrorBorderColor: base.accentColorNegative,\n someSize: '6px',\n someMargin: '0px',\n top: '1px'\n },\n Radio: {\n color: base.interactiveColorPrimary,\n borderColor: base.contentColorMuted,\n margin: '3px',\n focusShadow: base.focusShadow,\n hasBackground: true,\n selectedBorderColor: base.interactiveColorPrimary,\n disabledColor: base.contentColorDisabled,\n disabledBorderColor: base.contentColorDisabled,\n errorBorderColor: base.accentColorNegative,\n accentColorNegative: base.accentColorNegative,\n selectedErrorBorderColor: base.accentColorNegative,\n top: '-2px'\n },\n Toggle: {\n width: '30px',\n shadow: 'none',\n toggleIndicatorShadowOn: base.embossShadow,\n toggleIndicatorShadowOff: base.embossShadow,\n toggleFocusShadow: base.focusShadow,\n toggleFocusBorderColor: base.transparent,\n indicatorSize: '14px',\n indicatorMargin: '2px',\n indicatorBorderColor: base.transparent,\n toggleIndicatorBorderStyle: 'none',\n backgroundColor: base.contentColorMuted,\n borderColor: base.transparent,\n selectedBorderColor: base.transparent,\n indicatorBackgroundColor: base.white,\n outlineMargin: '-6px',\n outlineBorderRadius: '15px',\n outlineHoverBackgroundColor: base.interactiveColorOverlayHover,\n outlineFocusBackgroundColor: base.focusColor,\n disabledShadow: 'none',\n disabledBorderColor: base.transparent,\n disabledBackgroundColor: base.interactiveColorBackgroundDisabled,\n disabledIndBackgroundColor: external_tinycolor2_default()(base.white).setAlpha(0.3).toRgbString(),\n disabledIndBorderColor: base.transparent,\n selectedBackgroundColor: base.interactiveColorPrimary,\n selectedDisabledBackgroundColor: external_tinycolor2_default()(base.interactiveColorPrimary).setAlpha(0.7).toRgbString(),\n selectedDisabledIndBackgroundColor: external_tinycolor2_default()(base.white).setAlpha(0.3).toRgbString(),\n errorToggleOutlineBorderColor: base.transparent,\n errorToggleBackgroundColor: base.accentColorNegative,\n indicatorHoverBackgroundColor: base.white,\n top: '1px'\n }\n },\n TabBar: {\n borderColor: base.neutral200,\n Tab: {\n clickableBold: true,\n clickableColor: base.contentColorDefault,\n focusColor: base.contentColorActive,\n focusShadowInset: base.focusShadowInset,\n hoverColor: base.contentColorActive,\n labelWithUnderlineMargin: '16px 0 15px',\n labelMargin: '8px 0',\n fontWeight: base.fontWeightSemiBold,\n selectedColor: base.contentColorActive,\n selectedFontWeight: base.fontWeightSemiBold,\n tabUnderlineSize: '1px',\n underlineBackgroundColor: base.transparent,\n underlineHorizontalBottom: '-1px',\n underlineSelectedBackgroundColor: base.contentColorActive,\n borderRadius: base.borderRadius\n }\n },\n Table: {\n focusShadowInset: base.focusShadowInset,\n Cell: {\n clickableHoverBackgroundColor: base.backgroundColorHover,\n clickableExpandIconColor: base.contentColorActive,\n padding: '12px 8px 11px 8px',\n rowActionsPadding: '6px 8px 5px 0',\n expandPadding: '11px 0 0 0',\n linkColor: base.contentColorDefault,\n linkFocusColor: base.focusColor,\n fontSize: base.fontSize,\n lineHeight: '24px',\n verticalAlign: 'middle',\n disabledTextColor: base.contentColorDisabled\n },\n Head: {\n toggleAllWidth: '36px',\n infoWidth: '36px'\n },\n HeadCell: {\n backgroundColor: base.interactiveColorBackground,\n draggingBackgroundColor: base.interactiveColorOverlayActive,\n focusShadow: base.focusShadowInset,\n borderLeftColor: base.transparent,\n moreInfoHeadCellPadding: '3px 0 0 0',\n focusBackgroundColor: base.interactiveColorOverlayHover,\n toggleAllFocusBorderColor: base.contentColorDefault,\n hoverBackgroundColor: base.interactiveColorOverlayHover,\n guideLineBackgroundColor: base.interactiveColorPrimary\n },\n HeadInner: {\n toggleAllPadding: '6px 0',\n color: base.contentColorDefault,\n fontSize: base.fontSizeSmall,\n lineHeight: '16px',\n hoverColor: base.contentColorDefault,\n helperBackgroundColor: base.accentColorD50,\n sortIconColor: base.contentColorMuted,\n sortIconPosition: 'relative',\n sortedIconColor: base.contentColorDefault,\n menuIconColor: base.contentColorDefault,\n menuIconPadding: '1px 0 0 4px',\n padding: '12px 8px',\n dragContainerTop: '0px',\n dragContainerLeft: '0px',\n menuIconRight: '0',\n dragContainerPadding: '12px 12px',\n dragShadow: base.dragShadow\n },\n HeadTable: {\n dockedShadow: 'none'\n },\n Row: {\n backgroundColor: base.transparent,\n stripeHoverBackgroundColor: base.interactiveColorOverlayHover,\n hoverColor: base.interactiveColorOverlayHover,\n stripeNoneClickableHoverBackgroundColor: base.interactiveColorOverlayHover,\n stripeEvenBackgroundColor: base.transparent,\n clickableHoverColor: base.linkColor,\n borderBottom: \"1px solid \".concat(base.neutral100),\n selectedTextColor: base.contentColorActive,\n disabledBackgroundColor: base.interactiveColorBackgroundDisabled,\n linkHoverColor: base.contentColorActive,\n linkFocusBackgroundColor: base.interactiveColorOverlayHover,\n linkActiveBackgroundColor: base.interactiveColorOverlayActive\n },\n RowDragCell: {\n draggablePadding: '17px 0 16px 0',\n draggingBackgroundColor: base.interactiveColorOverlayActive,\n helperBackgroundColor: base.accentColorD50,\n width: '36px',\n shadow: base.dragShadow,\n guideLineBackgroundColor: base.interactiveColorPrimary\n },\n Toggle: {\n inHeadMargin: '-10px 0',\n margin: '-6px 0'\n }\n },\n Text: {\n clearIconRight: '8px',\n clearIconTop: '6px',\n clearIconPadding: '6px',\n inputBackgroundColor: base.transparent,\n inputColor: base.contentColorActive,\n inputDisabledColor: base.contentColorDisabled,\n inputBorder: \"1px solid \".concat(base.interactiveColorBorder),\n inputHoverBorderColor: base.interactiveColorBorderHover,\n inputErrorBorderColor: base.accentColorNegative,\n inputFocusBorderColor: base.focusColor,\n inputFocusColor: base.contentColorActive,\n inputFocusShadow: 'none',\n inputDisabledBackgroundColor: base.transparent,\n inputDisabledBorderColor: base.interactiveColorBorderDisabled,\n inputErrorColor: base.contentColorActive,\n inputClearOrSearchPaddingRight: '40px',\n placeholderColor: base.contentColorMuted,\n placeholderMediumSize: '16px',\n placeholderWithSearchLeft: '40px',\n spacingHalf: '16px',\n spacingQuarter: '7px',\n searchIconWrapperColor: base.contentColorDefault,\n clearColor: base.contentColorMuted,\n disabledSearchIconColor: base.contentColorDisabled,\n searchIconWrapperRight: '12px',\n searchIconWrapperTop: '10px',\n searchIconPosition: 'left',\n searchIconPaddingLeft: '40px',\n titleAndDescriptionWrapperDisplay: 'flex',\n titleAndDescriptionWrapperFlexDirection: 'column'\n },\n Tooltip: {\n compactFontSize: '12px',\n compactLineHeight: '16px',\n compactPadding: '4px 8px',\n contentFontSize: '14px',\n contentLineHeight: '24px',\n contentPadding: '12px 16px',\n defaultQuestionMark: null,\n iconFocusHoverColor: base.contentColorActive,\n iconFocusHoverBackgroundColor: base.interactiveColorOverlayHover,\n iconColor: base.contentColorMuted,\n openDelayPrimary: 300,\n openDelaySecondary: 750,\n placement: 'below',\n linkColor: base.linkColor\n },\n WaitSpinner: {\n circleStroke: base.contentColorDefault\n }\n }\n };\n});\n// CONCATENATED MODULE: ./src/themes/scp.ts\nfunction scp_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction scp_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { scp_ownKeys(Object(source), true).forEach(function (key) { scp_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { scp_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction scp_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\n\n\nvar additions = {\n radioBarOptionSelectedBackgroundColor: 'rgba(255, 255, 255, 0.2)'\n};\n/* harmony default export */ var scp = (scpBase(scp_objectSpread(scp_objectSpread({}, scp_default.a), additions)));\n// EXTERNAL MODULE: external \"@splunk/themes/scpLight\"\nvar scpLight_ = __webpack_require__(93);\nvar scpLight_default = /*#__PURE__*/__webpack_require__.n(scpLight_);\n\n// CONCATENATED MODULE: ./src/themes/scpLight.ts\nfunction scpLight_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction scpLight_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { scpLight_ownKeys(Object(source), true).forEach(function (key) { scpLight_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { scpLight_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction scpLight_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\n\n\nvar scpLight_additions = {\n radioBarOptionSelectedBackgroundColor: '#ffffff'\n};\n/* harmony default export */ var scpLight = (scpBase(scpLight_objectSpread(scpLight_objectSpread({}, scpLight_default.a), scpLight_additions)));\n// CONCATENATED MODULE: ./src/themes/themes.ts\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\n\n\n\n\n\n/**\n * @file\n * A collection of theme data sets and helpers for this library. Example usage:\n *\n * ```js\n * import { themes as reactUIThemes } from '@splunk/react-ui/themes';\n * ```\n */\n\n/**\n * Theme data for Splunk Enterprise.\n * ```js\n * {\n * 'react-ui': {\n * Calendar: {\n * Day: {\n * buttonColor: '#5c6773',\n * },\n * },\n * [...]\n * },\n * ```\n * @public\n */\n\nvar themes_enterprise = enterprise;\n/**\n * Theme data for Splunk Enterprise Dark. See above for an example.\n * @public\n */\n\nvar themes_enterpriseDark = enterpriseDark;\n/**\n * Theme data for Splunk Lite. See above for an example.\n * @public\n */\n\nvar themes_lite = lite;\n/**\n * Theme data for SCP Dark. See above for an example.\n * @public\n */\n\nvar themes_scp = scp;\n/**\n * Theme data for SCP Light. See above for an example.\n * @public\n */\n\nvar themes_scpLight = scpLight;\n/**\n * An object containing all available theme data sets with theme names as keys.\n * ```js\n * {\n * enterprise: {Enterprise Light theme},\n * enterpriseDark: {Enterprise Dark theme},\n * lite: {Splunk Light theme},\n * scp: {SCP Dark theme},\n * scpLight: {SCP Light theme},\n * }\n * ```\n * @public\n */\n\nvar themes = {\n enterprise: themes_enterprise,\n enterpriseDark: themes_enterpriseDark,\n lite: themes_lite,\n scp: themes_scp,\n scpLight: themes_scpLight\n};\n\nvar getTheme = function getTheme(props) {\n return props.theme && props.theme['react-ui'] ? props.theme['react-ui'] : themes_enterprise['react-ui'];\n};\n\nvar variable = function variable() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return function (props) {\n return args.length === 1 ? getTheme(props).base[args[0]] : args.reduce(function (acc, val) {\n return acc && acc[val] ? acc[val] : null;\n }, getTheme(props));\n };\n};\nvar mixin = function mixin(name) {\n return function () {\n for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n args[_key2] = arguments[_key2];\n }\n\n return function (props) {\n var _getTheme$base$mixins;\n\n return (_getTheme$base$mixins = getTheme(props).base.mixins)[name].apply(_getTheme$base$mixins, args);\n };\n };\n};\n\n// CONCATENATED MODULE: ./src/themes/index.ts\n\n\n/***/ })\n\n/******/ });\n\n//# sourceURL=webpack:////build/sa-commoninformationmodel/node_modules/@splunk/react-ui/themes.js?"); +"use strict"; +eval("\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.withConfig = withConfig;\nexports.insertCacheBuster = exports.createURL = exports.createStaticURL = exports.createRESTURL = exports.createDocsURL = exports.createAppDocsURL = void 0;\n\nvar _querystring = __webpack_require__(/*! querystring */ \"../../node_modules/querystring-es3/index.js\");\n\nvar config = _interopRequireWildcard(__webpack_require__(/*! ./config */ \"../../node_modules/@splunk/splunk-utils/config.js\"));\n\nfunction _getRequireWildcardCache() { if (typeof WeakMap !== \"function\") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }\n\nfunction _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") { return { \"default\": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj[\"default\"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n/**\n * A set of functions for generating Splunk Web URLs. They may be imported independently, such as:\n * ```\n * import { createURL, createStaticURL } from '@splunk/splunk-utils/url';\n * ```\n * @file\n */\nfunction withConfig(_ref) {\n var appBuild = _ref.appBuild,\n buildNumber = _ref.buildNumber,\n buildPushNumber = _ref.buildPushNumber,\n locale = _ref.locale,\n rootPath = _ref.rootPath,\n splunkdPath = _ref.splunkdPath;\n\n /**\n * Inserts a cache buster into the given path.\n *\n * @param path {String} - The path to inject the cache buster into.\n * @param configOptions {Object} - Config options including `appBuild`, `buildPushNumber`, and\n * `buildNumber`. Defaults to the values provided by `@splunk/splunk-utils/config`.\n * @return {String} Returns the path with the cache buster `/@9850fc87a5ee`.\n * @private\n */\n function insertCacheBuster(path) {\n var configOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n var options = _objectSpread({\n appBuild: appBuild,\n buildPushNumber: buildPushNumber,\n buildNumber: buildNumber\n }, configOptions);\n\n var match = path.match(/(^|\\w\\w-\\w\\w\\/)static\\//);\n\n if (!match) {\n return path;\n }\n\n var insertPosition = match.index + match[0].length - 1;\n var isApp = path.match(/(^|\\w\\w-\\w\\w|)static\\/app/);\n var appBuildString = isApp ? \":\".concat(options.appBuild || 0) : '';\n var buildPushString = options.buildPushNumber ? \".\".concat(options.buildPushNumber) : '';\n var cacheBusterString = \"/@\".concat(options.buildNumber).concat(buildPushString).concat(appBuildString);\n var before = path.substr(0, insertPosition);\n var after = path.substr(insertPosition);\n return \"\".concat(before).concat(cacheBusterString).concat(after);\n }\n /**\n * Returns a full path for the current appserver location.\n * This is required for proxy compatiblity, localization, and cache busting.\n *\n * For example:\n * ```js\n * createURL('app/search/job'); // \"/splunk/en-US/app/search/job\"\n * createURL('/app/search/job'); // \"/splunk/en-US/app/search/job\"\n * createURL('app/search/job', {id:3, user:'me' }); // \"/splunk/en-US/app/search/job?id=3&user=me\"\n * ```\n *\n * Static paths are augmented with a cache buster:\n * ```js\n * createURL('/static/js/foo.js'); // \"/splunk/en-US/static/@12345/js/foo.js\"\n * createURL('/static/js/foo.js'); // \"/splunk/en-US/static/@12345.1/js/foo.js\"\n * createURL('/static/app/search/js/foo.js'); // \"/splunk/en-US/static/@12345.1:0/app/search/js/foo.js\"\n * ```\n *\n * @public\n * @param path {String}\n * @param [queryParams] {Object} An object of the query parameters.\n * @param configOptions {Object} - Config options including `appBuild`, `buildPushNumber`,\n * `buildNumber`, `rootPath`, and `locale`. Defaults to the values provided by\n * `@splunk/splunk-utils/config`.\n * @return {String} Returns a valid URL with correct root path, locale, and cache buster.\n * @alias createURL\n */\n\n\n function createURL(pathInput, queryParams) {\n var configOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n\n var options = _objectSpread({\n appBuild: appBuild,\n buildPushNumber: buildPushNumber,\n buildNumber: buildNumber,\n rootPath: rootPath,\n locale: locale\n }, configOptions);\n\n var path = pathInput || '/';\n var query = queryParams ? \"?\".concat((0, _querystring.stringify)(queryParams)) : '';\n\n if (path.charAt(0) !== '/') {\n path = \"/\".concat(path);\n }\n\n path = \"\".concat(options.rootPath || '', \"/\").concat(options.locale).concat(path).concat(query);\n return insertCacheBuster(path, options);\n }\n /**\n * Prepends Splunk Web path information necessary to access a static asset. For example:\n * ```\n * createURL('fonts/roboto-regular-webfont.woff'); // \"/splunk/en-US/static/@12345/fonts/roboto-regular-webfont.woff\"\n * createURL('app/search/fonts/roboto-regular-webfont.woff'); // \"/splunk/en-US/static/@12345.1:0/app/search/fonts/roboto-regular-webfont.woff\"\n * ```\n * @public\n * @param {String} path - A path to a static resource.\n * @param [queryParams] {Object} An object of the query parameters.\n * @param configOptions {Object} - Config options including `appBuild`, `buildPushNumber`,\n * `buildNumber`, `rootPath`, and `locale`. Defaults to the values provided by\n * `@splunk/splunk-utils/config`.\n * @return {String} Returns a valid URL with correct root path, locale, and cache buster.\n * @alias createStaticURL\n */\n\n\n function createStaticURL(path) {\n for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n rest[_key - 1] = arguments[_key];\n }\n\n return createURL.apply(void 0, [\"static/\".concat(path)].concat(rest));\n }\n /**\n * Creates a fully qualified URL for the specified endpoint.\n * For example:\n * ```\n * createRESTURL('server/info'); // \"/en-US/splunkd/__raw/services/server/info\"\n * createRESTURL('saved/searches', {app: 'search'}); // \"/en-US/splunkd/__raw/servicesNS/-/search/saved/searches\"\n * ```\n * @public\n * @param {String} endpoint - An endpoint to a REST API.\n * @param {Object} options\n * @param {String} [options.app] - App namespace to use.\n * @param {String} [options.owner] - User namespace to use.\n * @param {Sting} [options.sharing] - Must be one of [ '' | 'app' | 'global' | 'system' ].\n * @param {Object} [configOptions] - Config options including `splunkdPath`. Defaults to the value\n * provided by `@splunk/splunk-utils/config`.\n * @return {String} The URL of the REST API endpoint.\n * @alias createRESTURL\n */\n\n\n function createRESTURL(endpoint) {\n var namespaceOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n var configOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n\n // Return the endpoint if it's a full path.\n if (/^http[s]?:\\/\\//.test(endpoint)) {\n return endpoint;\n }\n\n var basePath = configOptions.splunkdPath || splunkdPath || ''; // If it's an absolute path,\n\n if (/^\\/.*/.test(endpoint)) {\n // Append the splunkdPath if the endpoint includes services. Otherwise, return the endpoint.\n return /^\\/services/.test(endpoint) ? \"\".concat(basePath).concat(endpoint) : endpoint;\n } // If neither an app nor owner is provided, use /services/ endpoint.\n\n\n if (!namespaceOptions.app && !namespaceOptions.owner) {\n return \"\".concat(basePath, \"/services/\").concat(endpoint);\n } // Build a namespaced path.\n\n\n var owner;\n\n if (namespaceOptions.sharing) {\n owner = 'nobody';\n } else if (namespaceOptions.owner) {\n owner = encodeURIComponent(namespaceOptions.owner);\n } else {\n owner = '-';\n }\n\n var app;\n\n if (namespaceOptions.sharing === 'system') {\n app = 'system';\n } else if (namespaceOptions.app) {\n app = encodeURIComponent(namespaceOptions.app);\n } else {\n app = '-';\n }\n\n return \"\".concat(basePath, \"/servicesNS/\").concat(owner, \"/\").concat(app, \"/\").concat(endpoint);\n }\n /** Create docs URL private method.\n * @param {Object} [params]\n * @private\n */\n\n\n function createDocsURLFromParams(params, configOptions) {\n return createURL('/help', params, configOptions);\n }\n /** Create docs URL using location string.\n * For example:\n * ```\n * createDocsURL('learnmore.timerange.picker'); // \"/en-US/help?location=learnmore.timerange.picker\"\n * ```\n * @public\n * @param {String} location - Required.\n * @return {String} The URL of the Splunk help document.\n * @alias createDocsURL\n */\n\n\n function createDocsURL(location, configOptions) {\n return createDocsURLFromParams({\n location: location\n }, configOptions);\n }\n /** Create app docs URL using location string, which needs to add [appName:appVersion] prefix before the location string.\n * For example:\n * ```\n * createAppDocsURL('learnmore.timerange.picker', { appName: 'splunk_app_aws', appVersion: '5.0.3'}); // \"/en-US/help?location=learnmore.timerange.picker\"\n * ```\n * @public\n * @param {String} location - Required.\n * @param {Object} options - Required.\n * @param {String} options.appName - App name.\n * @param {String} options.appVersion - App version.\n * @return {String} The URL of the Splunk app help document.\n * @alias createAppDocsURL\n */\n\n\n function createAppDocsURL(location, _ref2, configOptions) {\n var appName = _ref2.appName,\n appVersion = _ref2.appVersion;\n return createDocsURLFromParams({\n location: \"[\".concat(appName, \":\").concat(appVersion, \"]\").concat(location)\n }, configOptions);\n }\n\n return {\n createAppDocsURL: createAppDocsURL,\n createDocsURL: createDocsURL,\n createRESTURL: createRESTURL,\n createStaticURL: createStaticURL,\n createURL: createURL,\n insertCacheBuster: insertCacheBuster\n };\n}\n\nvar _withConfig = withConfig(config),\n createAppDocsURL = _withConfig.createAppDocsURL,\n createDocsURL = _withConfig.createDocsURL,\n createRESTURL = _withConfig.createRESTURL,\n createStaticURL = _withConfig.createStaticURL,\n createURL = _withConfig.createURL,\n insertCacheBuster = _withConfig.insertCacheBuster;\n\nexports.insertCacheBuster = insertCacheBuster;\nexports.createURL = createURL;\nexports.createStaticURL = createStaticURL;\nexports.createRESTURL = createRESTURL;\nexports.createDocsURL = createDocsURL;\nexports.createAppDocsURL = createAppDocsURL;\n\n//# sourceURL=webpack:////builds/EnterpriseSecurity/sa-commoninformationmodel/node_modules/@splunk/splunk-utils/url.js?"); /***/ }), /***/ "../../node_modules/@splunk/swc-cim/dist/index.js": -/*!***********************************************************************************!*\ - !*** /build/sa-commoninformationmodel/node_modules/@splunk/swc-cim/dist/index.js ***! - \***********************************************************************************/ +/*!*******************************************************************************************************!*\ + !*** /builds/EnterpriseSecurity/sa-commoninformationmodel/node_modules/@splunk/swc-cim/dist/index.js ***! + \*******************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { -eval("!function(e,t){ true?module.exports=t():undefined}(window,(function(){return function(e){function t(t){for(var n,r,o=t[0],a=t[1],s=0,c=[];s1?i-1:0),o=1;o0?\" Additional arguments: \"+r.join(\", \"):\"\")));return x(a)}return y(t,e),t}(Error),P=/^[^\\S\\n]*?\\/\\* sc-component-id:\\s*(\\S+)\\s+\\*\\//gm,I=function(e){var t=\"\"+(e||\"\"),n=[];return t.replace(P,(function(e,t,i){return n.push({componentId:t,matchIndex:i}),e})),n.map((function(e,i){var r=e.componentId,o=e.matchIndex,a=n[i+1];return{componentId:r,cssFromDOM:a?t.slice(o,a.matchIndex):t.slice(o)}}))},N=/^\\s*\\/\\/.*$/gm,D=new r.a({global:!1,cascade:!0,keyframe:!1,prefix:!1,compress:!1,semicolon:!0}),R=new r.a({global:!1,cascade:!0,keyframe:!1,prefix:!0,compress:!1,semicolon:!1}),z=[],j=function(e){if(-2===e){var t=z;return z=[],t}},B=a()((function(e){z.push(e)})),H=void 0,F=void 0,W=void 0,V=function(e,t,n){return t>0&&-1!==n.slice(0,t).indexOf(F)&&n.slice(t-F.length,t)!==F?\".\"+H:e};R.use([function(e,t,n){2===e&&n.length&&n[0].lastIndexOf(F)>0&&(n[0]=n[0].replace(W,V))},B,j]),D.use([B,j]);var q=function(e){return D(\"\",e)};function U(e,t,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:\"&\",r=e.join(\"\").replace(N,\"\"),o=t&&n?n+\" \"+t+\" { \"+r+\" }\":r;return H=i,F=t,W=new RegExp(\"\\\\\"+F+\"\\\\b\",\"g\"),R(n||!t?\"\":t,o)}var G=function(){return n.nc},X=function(e,t,n){n&&((e[t]||(e[t]=Object.create(null)))[n]=!0)},Y=function(e,t){e[t]=Object.create(null)},$=function(e){return function(t,n){return void 0!==e[t]&&e[t][n]}},K=function(e){var t=\"\";for(var n in e)t+=Object.keys(e[n]).join(\" \")+\" \";return t.trim()},Z=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets.length,n=0;n\"+e()+\"\"}},ne=function(e,t){return function(){var n,i=((n={})[_]=K(t),n[\"data-styled-version\"]=\"4.3.2\",n),r=G();return r&&(i.nonce=r),l.a.createElement(\"style\",v({},i,{dangerouslySetInnerHTML:{__html:e()}}))}},ie=function(e){return function(){return Object.keys(e)}},re=function(e){return document.createTextNode(J(e))},oe=function e(t,n){var i=void 0===t?Object.create(null):t,r=void 0===n?Object.create(null):n,o=function(e){var t=r[e];return void 0!==t?t:r[e]=[\"\"]},a=function(){var e=\"\";for(var t in r){var n=r[t][0];n&&(e+=J(t)+n)}return e};return{clone:function(){var t=function(e){var t=Object.create(null);for(var n in e)t[n]=v({},e[n]);return t}(i),n=Object.create(null);for(var o in r)n[o]=[r[o][0]];return e(t,n)},css:a,getIds:ie(r),hasNameForId:$(i),insertMarker:o,insertRules:function(e,t,n){o(e)[0]+=t.join(\" \"),X(i,e,n)},removeRules:function(e){var t=r[e];void 0!==t&&(t[0]=\"\",Y(i,e))},sealed:!1,styleTag:null,toElement:ne(a,i),toHTML:te(a,i)}},ae=function(e,t,n,i,r){if(T&&!n){var o=function(e,t,n){var i=document.createElement(\"style\");i.setAttribute(_,\"\"),i.setAttribute(\"data-styled-version\",\"4.3.2\");var r=G();if(r&&i.setAttribute(\"nonce\",r),i.appendChild(document.createTextNode(\"\")),e&&!t)e.appendChild(i);else{if(!t||!e||!t.parentNode)throw new E(6);t.parentNode.insertBefore(i,n?t:t.nextSibling)}return i}(e,t,i);return O?function(e,t){var n=Object.create(null),i=Object.create(null),r=void 0!==t,o=!1,a=function(t){var r=i[t];return void 0!==r?r:(i[t]=re(t),e.appendChild(i[t]),n[t]=Object.create(null),i[t])},s=function(){var e=\"\";for(var t in i)e+=i[t].data;return e};return{clone:function(){throw new E(5)},css:s,getIds:ie(i),hasNameForId:$(n),insertMarker:a,insertRules:function(e,i,s){for(var l=a(e),c=[],h=i.length,u=0;u0&&(o=!0,t().insertRules(e+\"-import\",c))},removeRules:function(a){var s=i[a];if(void 0!==s){var l=re(a);e.replaceChild(l,s),i[a]=l,Y(n,a),r&&o&&t().removeRules(a+\"-import\")}},sealed:!1,styleTag:e,toElement:ne(s,n),toHTML:te(s,n)}}(o,r):function(e,t){var n=Object.create(null),i=Object.create(null),r=[],o=void 0!==t,a=!1,s=function(e){var t=i[e];return void 0!==t?t:(i[e]=r.length,r.push(0),Y(n,e),i[e])},l=function(){var t=Z(e).cssRules,n=\"\";for(var o in i){n+=J(o);for(var a=i[o],s=ee(r,a),l=s-r[a];l0&&(a=!0,t().insertRules(i+\"-import\",f)),r[h]+=p,X(n,i,c)},removeRules:function(s){var l=i[s];if(void 0!==l){var c=r[l];!function(e,t,n){for(var i=t-n,r=t;r>i;r-=1)e.deleteRule(r)}(Z(e),ee(r,l)-1,c),r[l]=0,Y(n,s),o&&a&&t().removeRules(s+\"-import\")}},sealed:!1,styleTag:e,toElement:ne(l,n),toHTML:te(l,n)}}(o,r)}return oe()},se=/\\s+/,le=void 0;le=T?O?40:1e3:-1;var ce=0,he=void 0,ue=function(){function e(){var t=this,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:T?document.head:null,i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];m(this,e),this.getImportRuleTag=function(){var e=t.importRuleTag;if(void 0!==e)return e;var n=t.tags[0];return t.importRuleTag=ae(t.target,n?n.styleTag:null,t.forceServer,!0)},ce+=1,this.id=ce,this.forceServer=i,this.target=i?null:n,this.tagMap={},this.deferred={},this.rehydratedNames={},this.ignoreRehydratedNames={},this.tags=[],this.capacity=1,this.clones=[]}return e.prototype.rehydrate=function(){if(!T||this.forceServer)return this;var e=[],t=[],n=!1,i=document.querySelectorAll(\"style[\"+_+'][data-styled-version=\"4.3.2\"]'),r=i.length;if(!r)return this;for(var o=0;o0&&void 0!==arguments[0]&&arguments[0];he=new e(void 0,t).rehydrate()},e.prototype.clone=function(){var t=new e(this.target,this.forceServer);return this.clones.push(t),t.tags=this.tags.map((function(e){for(var n=e.getIds(),i=e.clone(),r=0;r1?t-1:0),i=1;i=4;)t=1540483477*(65535&(t=255&e.charCodeAt(r)|(255&e.charCodeAt(++r))<<8|(255&e.charCodeAt(++r))<<16|(255&e.charCodeAt(++r))<<24))+((1540483477*(t>>>16)&65535)<<16),i=1540483477*(65535&i)+((1540483477*(i>>>16)&65535)<<16)^(t=1540483477*(65535&(t^=t>>>24))+((1540483477*(t>>>16)&65535)<<16)),n-=4,++r;switch(n){case 3:i^=(255&e.charCodeAt(r+2))<<16;case 2:i^=(255&e.charCodeAt(r+1))<<8;case 1:i=1540483477*(65535&(i^=255&e.charCodeAt(r)))+((1540483477*(i>>>16)&65535)<<16)}return((i=1540483477*(65535&(i^=i>>>13))+((1540483477*(i>>>16)&65535)<<16))^i>>>15)>>>0}var we=function(e){return String.fromCharCode(e+(e>25?39:97))};function ke(e){var t=\"\",n=void 0;for(n=e;n>52;n=Math.floor(n/52))t=we(n%52)+t;return we(n%52)+t}function Me(e,t){for(var n=0;n2&&void 0!==arguments[2]?arguments[2]:M,i=!!n&&e.theme===n.theme,r=e.theme&&!i?e.theme:t||n.theme;return r},Te=/[[\\].#*$><+~=|^:(),\"'`-]+/g,Oe=/(^-|-$)/g;function Le(e){return e.replace(Te,\"-\").replace(Oe,\"\")}function Ee(e){return\"string\"==typeof e&&!0}var Pe={childContextTypes:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDerivedStateFromProps:!0,propTypes:!0,type:!0},Ie={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},Ne=((Se={})[h.ForwardRef]={$$typeof:!0,render:!0},Se),De=Object.defineProperty,Re=Object.getOwnPropertyNames,ze=Object.getOwnPropertySymbols,je=void 0===ze?function(){return[]}:ze,Be=Object.getOwnPropertyDescriptor,He=Object.getPrototypeOf,Fe=Object.prototype,We=Array.prototype;function Ve(e,t,n){if(\"string\"!=typeof t){var i=He(t);i&&i!==Fe&&Ve(e,i,n);for(var r=We.concat(Re(t),je(t)),o=Ne[e.$$typeof]||Pe,a=Ne[t.$$typeof]||Pe,s=r.length,l=void 0,c=void 0;s--;)if(c=r[s],!(Ie[c]||n&&n[c]||a&&a[c]||o&&o[c])&&(l=Be(t,c)))try{De(e,c,l)}catch(e){}return e}return e}var qe=Object(s.createContext)(),Ue=qe.Consumer,Ge=function(e){function t(n){m(this,t);var i=x(this,e.call(this,n));return i.getContext=Object(u.a)(i.getContext.bind(i)),i.renderInner=i.renderInner.bind(i),i}return y(t,e),t.prototype.render=function(){return this.props.children?l.a.createElement(qe.Consumer,null,this.renderInner):null},t.prototype.renderInner=function(e){var t=this.getContext(this.props.theme,e);return l.a.createElement(qe.Provider,{value:t},l.a.Children.only(this.props.children))},t.prototype.getTheme=function(e,t){if(S(e))return e(t);if(null===e||Array.isArray(e)||\"object\"!==(void 0===e?\"undefined\":g(e)))throw new E(8);return v({},t,e)},t.prototype.getContext=function(e,t){return this.getTheme(e,t)},t}(s.Component),Xe=function(){function e(){m(this,e),this.masterSheet=ue.master,this.instance=this.masterSheet.clone(),this.sealed=!1}return e.prototype.seal=function(){if(!this.sealed){var e=this.masterSheet.clones.indexOf(this.instance);this.masterSheet.clones.splice(e,1),this.sealed=!0}},e.prototype.collectStyles=function(e){if(this.sealed)throw new E(2);return l.a.createElement(Ke,{sheet:this.instance},e)},e.prototype.getStyleTags=function(){return this.seal(),this.instance.toHTML()},e.prototype.getStyleElement=function(){return this.seal(),this.instance.toReactElements()},e.prototype.interleaveWithNodeStream=function(e){throw new E(3)},e}(),Ye=Object(s.createContext)(),$e=Ye.Consumer,Ke=function(e){function t(n){m(this,t);var i=x(this,e.call(this,n));return i.getContext=Object(u.a)(i.getContext),i}return y(t,e),t.prototype.getContext=function(e,t){if(e)return e;if(t)return new ue(t);throw new E(4)},t.prototype.render=function(){var e=this.props,t=e.children,n=e.sheet,i=e.target;return l.a.createElement(Ye.Provider,{value:this.getContext(n,i)},t)},t}(s.Component),Ze={};var Qe=function(e){function t(){m(this,t);var n=x(this,e.call(this));return n.attrs={},n.renderOuter=n.renderOuter.bind(n),n.renderInner=n.renderInner.bind(n),n}return y(t,e),t.prototype.render=function(){return l.a.createElement($e,null,this.renderOuter)},t.prototype.renderOuter=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:ue.master;return this.styleSheet=e,this.props.forwardedComponent.componentStyle.isStatic?this.renderInner():l.a.createElement(Ue,null,this.renderInner)},t.prototype.renderInner=function(e){var t=this.props.forwardedComponent,n=t.componentStyle,i=t.defaultProps,r=(t.displayName,t.foldedComponentIds),o=t.styledComponentId,a=t.target,l=void 0;l=n.isStatic?this.generateAndInjectStyles(M,this.props):this.generateAndInjectStyles(_e(this.props,e,i)||M,this.props);var c=this.props.as||this.attrs.as||a,h=Ee(c),u={},p=v({},this.attrs,this.props),f=void 0;for(f in p)\"forwardedComponent\"!==f&&\"as\"!==f&&(\"forwardedRef\"===f?u.ref=p[f]:\"forwardedAs\"===f?u.as=p[f]:h&&!Object(d.a)(f)||(u[f]=p[f]));return this.props.style&&this.attrs.style&&(u.style=v({},this.attrs.style,this.props.style)),u.className=Array.prototype.concat(r,this.props.className,o,this.attrs.className,l).filter(Boolean).join(\" \"),Object(s.createElement)(c,u)},t.prototype.buildExecutionContext=function(e,t,n){var i=this,r=v({},t,{theme:e});return n.length?(this.attrs={},n.forEach((function(e){var t,n=e,o=!1,a=void 0,s=void 0;for(s in S(n)&&(n=n(r),o=!0),n)a=n[s],o||!S(a)||(t=a)&&t.prototype&&t.prototype.isReactComponent||C(a)||(a=a(r)),i.attrs[s]=a,r[s]=a})),r):r},t.prototype.generateAndInjectStyles=function(e,t){var n=t.forwardedComponent,i=n.attrs,r=n.componentStyle;n.warnTooManyClasses;return r.isStatic&&!i.length?r.generateAndInjectStyles(M,this.styleSheet):r.generateAndInjectStyles(this.buildExecutionContext(e,t,i),this.styleSheet)},t}(s.Component);function Je(e,t,n){var i=C(e),r=!Ee(e),o=t.displayName,a=void 0===o?function(e){return Ee(e)?\"styled.\"+e:\"Styled(\"+A(e)+\")\"}(e):o,s=t.componentId,c=void 0===s?function(e,t,n){var i=\"string\"!=typeof t?\"sc\":Le(t),r=(Ze[i]||0)+1;Ze[i]=r;var o=i+\"-\"+e.generateName(i+r);return n?n+\"-\"+o:o}(Ce,t.displayName,t.parentComponentId):s,h=t.ParentComponent,u=void 0===h?Qe:h,d=t.attrs,f=void 0===d?k:d,g=t.displayName&&t.componentId?Le(t.displayName)+\"-\"+t.componentId:t.componentId||c,m=i&&e.attrs?Array.prototype.concat(e.attrs,f).filter(Boolean):f,b=new Ce(i?e.componentStyle.rules.concat(n):n,m,g),y=void 0,x=function(e,t){return l.a.createElement(u,v({},e,{forwardedComponent:y,forwardedRef:t}))};return x.displayName=a,(y=l.a.forwardRef(x)).displayName=a,y.attrs=m,y.componentStyle=b,y.foldedComponentIds=i?Array.prototype.concat(e.foldedComponentIds,e.styledComponentId):k,y.styledComponentId=g,y.target=i?e.target:e,y.withComponent=function(e){var i=t.componentId,r=function(e,t){var n={};for(var i in e)t.indexOf(i)>=0||Object.prototype.hasOwnProperty.call(e,i)&&(n[i]=e[i]);return n}(t,[\"componentId\"]),o=i&&i+\"-\"+(Ee(e)?e:Le(A(e)));return Je(e,v({},r,{attrs:m,componentId:o,ParentComponent:u}),n)},Object.defineProperty(y,\"defaultProps\",{get:function(){return this._foldedDefaultProps},set:function(t){this._foldedDefaultProps=i?Object(p.a)(e.defaultProps,t):t}}),y.toString=function(){return\".\"+y.styledComponentId},r&&Ve(y,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,styledComponentId:!0,target:!0,withComponent:!0}),y}var et=function(e){return function e(t,n){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:M;if(!Object(h.isValidElementType)(n))throw new E(1,String(n));var r=function(){return t(n,i,ye.apply(void 0,arguments))};return r.withConfig=function(r){return e(t,n,v({},i,r))},r.attrs=function(r){return e(t,n,v({},i,{attrs:Array.prototype.concat(i.attrs,r).filter(Boolean)}))},r}(Je,e)};[\"a\",\"abbr\",\"address\",\"area\",\"article\",\"aside\",\"audio\",\"b\",\"base\",\"bdi\",\"bdo\",\"big\",\"blockquote\",\"body\",\"br\",\"button\",\"canvas\",\"caption\",\"cite\",\"code\",\"col\",\"colgroup\",\"data\",\"datalist\",\"dd\",\"del\",\"details\",\"dfn\",\"dialog\",\"div\",\"dl\",\"dt\",\"em\",\"embed\",\"fieldset\",\"figcaption\",\"figure\",\"footer\",\"form\",\"h1\",\"h2\",\"h3\",\"h4\",\"h5\",\"h6\",\"head\",\"header\",\"hgroup\",\"hr\",\"html\",\"i\",\"iframe\",\"img\",\"input\",\"ins\",\"kbd\",\"keygen\",\"label\",\"legend\",\"li\",\"link\",\"main\",\"map\",\"mark\",\"marquee\",\"menu\",\"menuitem\",\"meta\",\"meter\",\"nav\",\"noscript\",\"object\",\"ol\",\"optgroup\",\"option\",\"output\",\"p\",\"param\",\"picture\",\"pre\",\"progress\",\"q\",\"rp\",\"rt\",\"ruby\",\"s\",\"samp\",\"script\",\"section\",\"select\",\"small\",\"source\",\"span\",\"strong\",\"style\",\"sub\",\"summary\",\"sup\",\"table\",\"tbody\",\"td\",\"textarea\",\"tfoot\",\"th\",\"thead\",\"time\",\"title\",\"tr\",\"track\",\"u\",\"ul\",\"var\",\"video\",\"wbr\",\"circle\",\"clipPath\",\"defs\",\"ellipse\",\"foreignObject\",\"g\",\"image\",\"line\",\"linearGradient\",\"marker\",\"mask\",\"path\",\"pattern\",\"polygon\",\"polyline\",\"radialGradient\",\"rect\",\"stop\",\"svg\",\"text\",\"tspan\"].forEach((function(e){et[e]=et(e)}));var tt=function(){function e(t,n){m(this,e),this.rules=t,this.componentId=n,this.isStatic=Me(t,k),ue.master.hasId(n)||ue.master.deferredInject(n,[])}return e.prototype.createStyles=function(e,t){var n=U(ve(this.rules,e,t),\"\");t.inject(this.componentId,n)},e.prototype.removeStyles=function(e){var t=this.componentId;e.hasId(t)&&e.remove(t)},e.prototype.renderStyles=function(e,t){this.removeStyles(t),this.createStyles(e,t)},e}();function nt(e){for(var t=arguments.length,n=Array(t>1?t-1:0),i=1;i1?t-1:0),i=1;i=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var d={children:a.a.node,elementRef:a.a.func,flex:a.a.bool,inline:a.a.bool};function p(e){var t=e.children,n=e.elementRef,i=e.flex,o=e.inline,a=u(e,[\"children\",\"elementRef\",\"flex\",\"inline\"]);return r.a.createElement(c,h({},Object(s.ref)(n),a,{\"data-inline\":o||void 0,\"data-flex\":i||void 0}),t)}p.propTypes=d,p.defaultProps={flex:!1,inline:!1};var f=p;n.d(t,\"default\",(function(){return f}))},2:function(e,t){e.exports=n(1)},3:function(e,t){e.exports=n(10)}})},101:function(e,t,n){\"use strict\";function i(e){return e&&\"object\"==typeof e&&\"default\"in e?e.default:e}Object.defineProperty(t,\"__esModule\",{value:!0});var r=i(n(604)),o=i(n(605)),a=i(n(606)),s=i(n(608)),l=i(n(609)),c=i(n(246)),h=i(n(611)),u=i(n(613)),d=i(n(1));i(n(6)),i(n(614));var p,f=(p=null,function(){if(null!==p)return p;var e,t,n,i=!1;try{window.addEventListener(\"test\",null,(e={},t=\"passive\",n={get:function(){i=!0}},Object.defineProperty(e,t,n)))}catch(e){}return p=i,i}()),g={capture:!1,passive:!1};function m(e){return u({},g,e)}function b(e,t,n){var i=[e,t];return i.push(f?n:n.capture),i}function v(e,t,n,i){e.addEventListener.apply(e,b(t,n,i))}function y(e,t,n,i){e.removeEventListener.apply(e,b(t,n,i))}function x(e,t){e.children,e.target;var n=h(e,[\"children\",\"target\"]);Object.keys(n).forEach((function(e){if(\"on\"===e.substring(0,2)){var i=n[e],r=c(i),o=\"object\"===r;if(o||\"function\"===r){var a=\"capture\"===e.substr(-7).toLowerCase(),s=e.substring(2).toLowerCase();s=a?s.substring(0,s.length-7):s,o?t(s,i.handler,i.options):t(s,i,m({capture:a}))}}}))}var w=function(e){function t(){return r(this,t),a(this,s(t).apply(this,arguments))}return l(t,e),o(t,[{key:\"componentDidMount\",value:function(){this.applyListeners(v)}},{key:\"componentDidUpdate\",value:function(e){this.applyListeners(y,e),this.applyListeners(v)}},{key:\"componentWillUnmount\",value:function(){this.applyListeners(y)}},{key:\"applyListeners\",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.props,n=t.target;if(n){var i=n;\"string\"==typeof n&&(i=window[n]),x(t,e.bind(null,i))}}},{key:\"render\",value:function(){return this.props.children||null}}]),t}(d.PureComponent);w.propTypes={},t.withOptions=function(e,t){return{handler:e,options:m(t)}},t.default=w},102:function(e,t,n){\"use strict\";t.__esModule=!0,t.default=function(e){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=\"number\"==typeof e[n]?e[n]:e[n].val);return t},e.exports=t.default},103:function(e,t,n){(function(t){(function(){var n,i,r;\"undefined\"!=typeof performance&&null!==performance&&performance.now?e.exports=function(){return performance.now()}:null!=t&&t.hrtime?(e.exports=function(){return(n()-r)/1e6},i=t.hrtime,r=(n=function(){var e;return 1e9*(e=i())[0]+e[1]})()):Date.now?(e.exports=function(){return Date.now()-r},r=Date.now()):(e.exports=function(){return(new Date).getTime()-r},r=(new Date).getTime())}).call(this)}).call(this,n(42))},104:function(e,t,n){(function(t){e.exports=l;var i=n(68).Buffer;l.WritableState=s;var r=n(70);r.inherits=n(41);var o=n(69);function a(e,t,n){this.chunk=e,this.encoding=t,this.callback=n}function s(e,i){var r=n(43),o=(e=e||{}).highWaterMark,a=e.objectMode?16:16384;this.highWaterMark=o||0===o?o:a,this.objectMode=!!e.objectMode,i instanceof r&&(this.objectMode=this.objectMode||!!e.writableObjectMode),this.highWaterMark=~~this.highWaterMark,this.needDrain=!1,this.ending=!1,this.ended=!1,this.finished=!1;var s=!1===e.decodeStrings;this.decodeStrings=!s,this.defaultEncoding=e.defaultEncoding||\"utf8\",this.length=0,this.writing=!1,this.corked=0,this.sync=!0,this.bufferProcessing=!1,this.onwrite=function(e){!function(e,n){var i=e._writableState,r=i.sync,o=i.writecb;if(function(e){e.writing=!1,e.writecb=null,e.length-=e.writelen,e.writelen=0}(i),n)!function(e,n,i,r,o){i?t.nextTick((function(){n.pendingcb--,o(r)})):(n.pendingcb--,o(r));e._writableState.errorEmitted=!0,e.emit(\"error\",r)}(e,i,r,n,o);else{var a=d(e,i);a||i.corked||i.bufferProcessing||!i.buffer.length||u(e,i),r?t.nextTick((function(){h(e,i,a,o)})):h(e,i,a,o)}}(i,e)},this.writecb=null,this.writelen=0,this.buffer=[],this.pendingcb=0,this.prefinished=!1,this.errorEmitted=!1}function l(e){var t=n(43);if(!(this instanceof l||this instanceof t))return new l(e);this._writableState=new s(e,this),this.writable=!0,o.call(this)}function c(e,t,n,i,r,o,a){t.writelen=i,t.writecb=a,t.writing=!0,t.sync=!0,n?e._writev(r,t.onwrite):e._write(r,o,t.onwrite),t.sync=!1}function h(e,t,n,i){n||function(e,t){0===t.length&&t.needDrain&&(t.needDrain=!1,e.emit(\"drain\"))}(e,t),t.pendingcb--,i(),f(e,t)}function u(e,t){if(t.bufferProcessing=!0,e._writev&&t.buffer.length>1){for(var n=[],i=0;i>5==6?2:e>>4==14?3:e>>3==30?4:e>>6==2?-1:-2}function s(e){var t=this.lastTotal-this.lastNeed,n=function(e,t,n){if(128!=(192&t[0]))return e.lastNeed=0,\"�\";if(e.lastNeed>1&&t.length>1){if(128!=(192&t[1]))return e.lastNeed=1,\"�\";if(e.lastNeed>2&&t.length>2&&128!=(192&t[2]))return e.lastNeed=2,\"�\"}}(this,e);return void 0!==n?n:this.lastNeed<=e.length?(e.copy(this.lastChar,t,0,this.lastNeed),this.lastChar.toString(this.encoding,0,this.lastTotal)):(e.copy(this.lastChar,t,0,e.length),void(this.lastNeed-=e.length))}function l(e,t){if((e.length-t)%2==0){var n=e.toString(\"utf16le\",t);if(n){var i=n.charCodeAt(n.length-1);if(i>=55296&&i<=56319)return this.lastNeed=2,this.lastTotal=4,this.lastChar[0]=e[e.length-2],this.lastChar[1]=e[e.length-1],n.slice(0,-1)}return n}return this.lastNeed=1,this.lastTotal=2,this.lastChar[0]=e[e.length-1],e.toString(\"utf16le\",t,e.length-1)}function c(e){var t=e&&e.length?this.write(e):\"\";if(this.lastNeed){var n=this.lastTotal-this.lastNeed;return t+this.lastChar.toString(\"utf16le\",0,n)}return t}function h(e,t){var n=(e.length-t)%3;return 0===n?e.toString(\"base64\",t):(this.lastNeed=3-n,this.lastTotal=3,1===n?this.lastChar[0]=e[e.length-1]:(this.lastChar[0]=e[e.length-2],this.lastChar[1]=e[e.length-1]),e.toString(\"base64\",t,e.length-n))}function u(e){var t=e&&e.length?this.write(e):\"\";return this.lastNeed?t+this.lastChar.toString(\"base64\",0,3-this.lastNeed):t}function d(e){return e.toString(this.encoding)}function p(e){return e&&e.length?this.write(e):\"\"}t.StringDecoder=o,o.prototype.write=function(e){if(0===e.length)return\"\";var t,n;if(this.lastNeed){if(void 0===(t=this.fillLast(e)))return\"\";n=this.lastNeed,this.lastNeed=0}else n=0;return n=0)return r>0&&(e.lastNeed=r-1),r;if(--i=0)return r>0&&(e.lastNeed=r-2),r;if(--i=0)return r>0&&(2===r?r=0:e.lastNeed=r-3),r;return 0}(this,e,t);if(!this.lastNeed)return e.toString(\"utf8\",t);this.lastTotal=n;var i=e.length-(n-this.lastNeed);return e.copy(this.lastChar,0,i),e.toString(\"utf8\",t,i)},o.prototype.fillLast=function(e){if(this.lastNeed<=e.length)return e.copy(this.lastChar,this.lastTotal-this.lastNeed,0,this.lastNeed),this.lastChar.toString(this.encoding,0,this.lastTotal);e.copy(this.lastChar,this.lastTotal-this.lastNeed,0,e.length),this.lastNeed-=e.length}},106:function(e,t,n){e.exports=a;var i=n(43),r=n(70);function o(e,t){this.afterTransform=function(e,n){return function(e,t,n){var i=e._transformState;i.transforming=!1;var o=i.writecb;if(!o)return e.emit(\"error\",new Error(\"no writecb in Transform class\"));i.writechunk=null,i.writecb=null,r.isNullOrUndefined(n)||e.push(n);o&&o(t);var a=e._readableState;a.reading=!1,(a.needReadable||a.lengthh;)if((s=l[h++])!=s)return!0}else for(;c>h;h++)if((e||h in l)&&l[h]===n)return e||h||0;return!e&&-1}}},11:function(e,t,n){var i=n(7),r=n(173),o=n(37),a=Object.defineProperty;t.f=n(13)?Object.defineProperty:function(e,t,n){if(i(e),t=o(t,!0),i(n),r)try{return a(e,t,n)}catch(e){}if(\"get\"in n||\"set\"in n)throw TypeError(\"Accessors not supported!\");return\"value\"in n&&(e[t]=n.value),e}},110:function(e,t,n){var i=n(108)(\"keys\"),r=n(46);e.exports=function(e){return i[e]||(i[e]=r(e))}},111:function(e,t){e.exports=\"constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf\".split(\",\")},112:function(e,t,n){var i=n(32);e.exports=Array.isArray||function(e){return\"Array\"==i(e)}},113:function(e,t,n){var i=n(8).document;e.exports=i&&i.documentElement},114:function(e,t,n){var i=n(5),r=n(7),o=function(e,t){if(r(e),!i(t)&&null!==t)throw TypeError(t+\": can't set as prototype!\")};e.exports={set:Object.setPrototypeOf||(\"__proto__\"in{}?function(e,t,i){try{(i=n(30)(Function.call,n(34).f(Object.prototype,\"__proto__\").set,2))(e,[]),t=!(e instanceof Array)}catch(e){t=!0}return function(e,n){return o(e,n),t?e.__proto__=n:i(e,n),e}}({},!1):void 0),check:o}},115:function(e,t){e.exports=\"\\t\\n\\v\\f\\r   ᠎             　\\u2028\\u2029\\ufeff\"},116:function(e,t,n){var i=n(5),r=n(114).set;e.exports=function(e,t,n){var o,a=t.constructor;return a!==n&&\"function\"==typeof a&&(o=a.prototype)!==n.prototype&&i(o)&&r&&r(e,o),e}},117:function(e,t){e.exports=Math.sign||function(e){return 0==(e=+e)||e!=e?e:e<0?-1:1}},118:function(e,t){var n=Math.expm1;e.exports=!n||n(10)>22025.465794806718||n(10)<22025.465794806718||-2e-17!=n(-2e-17)?function(e){return 0==(e=+e)?e:e>-1e-6&&e<1e-6?e+e*e/2:Math.exp(e)-1}:n},119:function(e,t,n){\"use strict\";var i=n(57),r=n(0),o=n(21),a=n(25),s=n(19),l=n(73),c=n(188),h=n(56),u=n(50),d=n(9)(\"iterator\"),p=!([].keys&&\"next\"in[].keys()),f=function(){return this};e.exports=function(e,t,n,g,m,b,v){c(n,t,g);var y,x,w,k=function(e){if(!p&&e in C)return C[e];switch(e){case\"keys\":case\"values\":return function(){return new n(this,e)}}return function(){return new n(this,e)}},M=t+\" Iterator\",S=\"values\"==m,A=!1,C=e.prototype,_=C[d]||C[\"@@iterator\"]||m&&C[m],T=_||k(m),O=m?S?k(\"entries\"):T:void 0,L=\"Array\"==t&&C.entries||_;if(L&&(w=u(L.call(new e)))!==Object.prototype&&w.next&&(h(w,M,!0),i||s(w,d)||a(w,d,f)),S&&_&&\"values\"!==_.name&&(A=!0,T=function(){return _.call(this)}),i&&!v||!p&&!A&&C[d]||a(C,d,T),l[t]=T,l[M]=f,m)if(y={values:S?T:k(\"values\"),keys:b?T:k(\"keys\"),entries:O},v)for(x in y)x in C||o(C,x,y[x]);else r(r.P+r.F*(p||A),t,y);return y}},12:function(e,t,n){\n/*!\n * Copyright © 2018 Splunk Inc.\n * SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or in part\n * without a valid written license from Splunk Inc. is PROHIBITED.\n */\ne.exports=function(e){var t={};function n(i){if(t[i])return t[i].exports;var r=t[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},n.r=function(e){\"undefined\"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:\"Module\"}),Object.defineProperty(e,\"__esModule\",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&\"object\"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,\"default\",{enumerable:!0,value:e}),2&t&&\"string\"!=typeof e)for(var r in e)n.d(i,r,function(t){return e[t]}.bind(null,r));return i},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,\"a\",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p=\"\",n(n.s=93)}({12:function(e,t){e.exports=n(91)},3:function(e,t){e.exports=n(10)},48:function(e,t){e.exports=n(466)},5:function(e,t){e.exports=n(532)},6:function(e,t){e.exports=n(223)},84:function(e,t){e.exports=n(138)},85:function(e,t){e.exports=n(225)},93:function(e,t,n){\"use strict\";n.r(t);var i=n(3),r=n.n(i),o=n(84),a=n.n(o),s=n(12),l=n.n(s),c=function(e){return{\"react-ui\":{base:e,Button:{iconPaddingRight:\"3px\",iconOnlyPadding:e.spacingQuarter,paddingSmall:e.spacingQuarter,paddingLarge:e.fontSize},ButtonSimple:{Primary:{shadow:\"inset 0 -2px 0 \".concat(l()(\"black\").setAlpha(.1).toRgbString()),selectedShadow:\"inset 0 2px 0 \".concat(l()(\"black\").setAlpha(.1).toRgbString()),focusShadow:\"inset 0 -2px 0 \".concat(l()(\"black\").setAlpha(.1).toRgbString(),\", \").concat(e.focusShadow),selectedFocusShadow:\"inset 0 2px 0 \".concat(l()(\"black\").setAlpha(.1).toRgbString(),\", \").concat(e.focusShadow),color:e.white,backgroundColor:e.brandColor,hoverBackgroundColor:e.brandColorD20,activeBackgroundColor:e.brandColorD30,selectedBackgroundColor:e.brandColorD20,disabledBackgroundColor:e.brandColorL10,disabledTextColor:e.brandColorL30,disabledSelectedBackgroundColor:e.brandColorD20,disabledSelectedBorderColor:e.borderColor,prependBorderLeftColor:e.brandColorD20},Error:{shadow:\"inset 0 -2px 0 \".concat(l()(\"black\").setAlpha(.1).toRgbString()),selectedShadow:\"inset 0 2px 0 \".concat(l()(\"black\").setAlpha(.1).toRgbString()),focusShadow:\"inset 0 -2px 0 \".concat(l()(\"black\").setAlpha(.1).toRgbString(),\", \").concat(e.focusShadow),selectedFocusShadow:\"inset 0 2px 0 \".concat(l()(\"black\").setAlpha(.1).toRgbString(),\", \").concat(e.focusShadow),color:e.white,backgroundColor:e.errorColor,activeBackgroundColor:e.errorColorD30,hoverBackgroundColor:e.errorColorD20,selectedBackgroundColor:e.errorColorD20,disabledBackgroundColor:e.errorColorL10,disabledTextColor:e.errorColorL30,disabledSelectedBackgroundColor:e.errorColorD20,disabledSelectedBorderColor:e.borderColor,prependBorderLeftColor:e.errorColorD20},Default:{shadow:\"inset 0 -1px 0 rgba(0,0,0,0.1)\",hoverShadow:\"inset 0 -1px 0 rgba(0,0,0,0.1)\",activeShadow:\"inset 0 -1px 0 rgba(0,0,0,0.1)\",selectedShadow:\"inset 0 1px 0 rgba(0,0,0,0.1)\",focusShadow:\"inset 0 -1px 0 rgba(0,0,0,0.1), \".concat(e.focusShadow),focusHoverShadow:\"inset 0 -1px 0 rgba(0,0,0,0.1), \".concat(e.focusShadow),focusActiveShadow:\"inset 0 -1px 0 rgba(0,0,0,0.1), \".concat(e.focusShadow),focusSelectedShadow:\"inset 0 1px 0 rgba(0,0,0,0.1), \".concat(e.focusShadow),focusAppendShadow:\"inset 0 -1px 0 rgba(0,0,0,0.1), inset 0 -1px 0 rgba(0,0,0,0.1), \".concat(e.focusShadow,\", inset -1px 0 0 \").concat(e.borderColor),focusAppendSelectedShadow:\"inset 0 1px 0 rgba(0,0,0,0.1), inset 0 -1px 0 rgba(0,0,0,0.1), \".concat(e.focusShadow,\", inset -1px 0 0 \").concat(e.borderColor),color:e.gray45,border:e.border,backgroundColor:e.gray98,selectedBackgroundColor:e.gray92,hoverBackgroundColor:l()(e.gray96).darken(2.5).toHexString(),activeBackgroundColor:e.gray92,disabledBackgroundColor:e.gray96,disabledBorderColor:e.borderLightColor,disabledSelectedBackgroundColor:e.gray92,disabledSelectedBorderColor:e.borderColor,disabledTextColor:e.textDisabledColor,activePrependLeftBorderColor:e.borderColor},Secondary:{shadow:\"inset 0 -1px 0 rgba(0,0,0,0.1)\",hoverShadow:\"inset 0 -1px 0 rgba(0,0,0,0.1)\",activeShadow:\"inset 0 -1px 0 rgba(0,0,0,0.1)\",selectedShadow:\"inset 0 1px 0 rgba(0,0,0,0.1)\",focusShadow:\"inset 0 -1px 0 rgba(0,0,0,0.1), \".concat(e.focusShadow),focusHoverShadow:\"inset 0 -1px 0 rgba(0,0,0,0.1), \".concat(e.focusShadow),focusActiveShadow:\"inset 0 -1px 0 rgba(0,0,0,0.1), \".concat(e.focusShadow),focusSelectedShadow:\"inset 0 1px 0 rgba(0,0,0,0.1), \".concat(e.focusShadow),focusAppendShadow:\"inset 0 -1px 0 rgba(0,0,0,0.1), inset 0 -1px 0 rgba(0,0,0,0.1), \".concat(e.focusShadow,\", inset -1px 0 0 \").concat(e.borderColor),focusAppendSelectedShadow:\"inset 0 1px 0 rgba(0,0,0,0.1), inset 0 -1px 0 rgba(0,0,0,0.1), \".concat(e.focusShadow,\", inset -1px 0 0 \").concat(e.borderColor),color:e.gray45,border:e.border,backgroundColor:e.gray98,selectedBackgroundColor:e.gray92,hoverBackgroundColor:l()(e.gray96).darken(2.5).toHexString(),activeBackgroundColor:e.gray92,disabledBackgroundColor:e.gray96,disabledBorderColor:e.borderLightColor,disabledSelectedBackgroundColor:e.gray92,disabledSelectedBorderColor:e.borderColor,disabledTextColor:e.textDisabledColor,activePrependLeftBorderColor:e.borderColor},Pill:{color:e.gray45,hoverBackgroundColor:e.backgroundColorHover,hoverBorderColor:e.borderColor,hoverColor:e.linkColor,focusColor:e.linkColor,expandedBackgroundColor:e.gray92,invalidColor:e.errorColor,selectedBorderColor:e.accentColor,selectedDisabledBorderColor:e.borderLightColor,disabledTextColor:e.textDisabledColor}},Calendar:{width:\"220px\",padding:\"8px\",DateTable:{tableHeaderColor:e.textGray,paddingBottom:\"2px\",fontSize:e.fontSizeSmall},Day:{buttonColor:e.gray45,buttonHoverColor:e.linkColor,buttonHoverBackgroundColor:e.backgroundColorHover,buttonSelectedBorderColor:e.accentColor,buttonSelectedBorderHoverColor:e.linkColor,buttonSelectedBackgroundColor:\"transparent\",width:\"2em\",lineHeight:\"2em\",border:\"1px solid transparent\",borderRadius:e.borderRadius,focusShadow:e.focusShadow},MonthHeader:{textTransform:\"capitalize\"}},Card:{backgroundColor:e.backgroundColor,clickableSelectedBorderColor:e.focusColor,borderColor:e.borderLightColor,hoverShadow:e.overlayShadow,focusShadow:e.focusShadow,Header:{subtitleColor:e.textGray,padding:e.spacing},Body:{padding:e.spacing,firstChildPaddingTop:\"0\"},Footer:{boxColor:e.textGray,padding:e.spacing,borderTop:\"1px solid \".concat(e.gray92)}},Chip:{clickableBackgroundColor:e.gray92,clickableColor:e.textGray,clickableHoverBackgroundColor:e.gray96,clickableDisabledBackgroundColor:\"rgba(0, 0, 0, 0.05)\",errorColorBackgroundColor:e.errorColorL10,labelColor:e.textColor,iconColor:e.textColor,infoColorBackgroundColor:e.infoColorL10,successColorBackgroundColor:e.successColorL10,warningColorBackgroundColor:e.warningColorL10},Clickable:{disabledColor:e.textDisabledColor},Code:{commentToken:e.syntaxGray,prologToken:e.syntaxGray,doctypeToken:e.syntaxGray,cdataToken:e.syntaxGray,punctuationToken:e.syntaxGray,propertyToken:e.syntaxPurple,tagToken:e.syntaxPurple,booleanToken:e.syntaxPurple,numberToken:e.syntaxPurple,constantToken:e.syntaxPurple,symbolToken:e.syntaxPurple,deletedToken:e.syntaxPurple,selectorToken:e.syntaxGreen,\"attr-nameToken\":e.syntaxGreen,stringToken:e.syntaxGreen,charToken:e.syntaxGreen,builtinToken:e.syntaxGreen,insertedToken:e.syntaxGreen,operatorToken:e.syntaxBrown,entityToken:e.syntaxBrown,urlToken:e.syntaxBrown,atruleToken:e.syntaxBlue,\"attr-valueToken\":e.syntaxBlue,keywordToken:e.syntaxBlue,functionToken:e.syntaxRed,regexToken:e.syntaxOrange,importantToken:e.syntaxOrange,variableToken:e.syntaxOrange},CollapsiblePanel:{minHeight:\"calc(\".concat(e.lineHeight,\" + 12px)\"),marginTop:\"2px\",iconTransition:\"transform 300ms\",iconPosition:\"12px\",iconTransfromClose:\"rotate(90deg)\",titleLineHeight:e.lineHeight,titlePadding:\"6px calc(\".concat(e.spacing,\" + \").concat(e.spacingHalf,\")\"),titleClickableColor:e.textColor,titleClickableCollapsedBackgroundColor:e.gray96,titleClickableHoverBackgroundColor:e.gray92,titleFocusShadow:e.focusShadowInset},Color:{width:\"180px\",clickableInvalidBorderColor:e.errorColor,swatchesListMarginRight:\"-6px\",swatchesListMarginBottom:\"6px\",Swatch:{marginRight:e.spacingQuarter,marginBottom:e.spacingQuarter,nullLineColor:\"#ed1e24\",transparentPatternEvenColor:\"transparent\",transparentPatternOddColor:e.gray80,border:e.border,focusBorderColor:l()(e.focusColor).setAlpha(.8).toRgbString(),boxShadow:e.focusShadow,smallSize:e.inputHeightSmall},Input:{width:\"100%\"}},Concertina:{panelBodyErrorBackgroundColor:e.errorColorL50,panelBodyWarningBackgroundColor:e.warningColorL50,Heading:{clickableColor:e.textColor,clickableBackgroundColor:e.gray96,clickableHoverBackgroundColor:e.gray92,clickableDisabledBackgroundColor:e.gray96}},ControlGroup:{boxInvalidColor:e.errorColor,helpColor:e.textGray},Date:{width:\"105px\",widthLarge:\"130px\",widthSmall:\"80px\"},File:{mediumDropTargetBoxBorderColor:e.borderColor,mediumDropTargetBoxDisabledColor:e.textGray,mediumDropTargetBoxDisabledFileCount0BackgroundColor:e.gray96,largeDropTargetBoxDisabledColor:e.textGray,linkColor:e.linkColor,linkFocusShadow:e.focusShadowInset,iconFill:e.gray60,padding:e.spacingQuarter,borderDragOver:\"1px solid \".concat(e.accentColorL10),disabledBorder:\"none\",windowDropBorder:\"5px solid \".concat(e.accentColorL10),Item:{backgroundColor:\"transparent\",boxBackgroundColor:e.gray92,boxColor:e.textGray,labelColor:e.textColor,labelErrorTextColor:e.errorColor,labelDisabledBackgroundColor:e.gray96,labelDisabledTextColor:e.textGray,removeClickableFocusColor:e.linkColor,removeClickableHoverBackgroundColor:e.gray96,removeClickableHoverColor:e.linkColor,borderRadius:\"2px\",padding:\"3px 0 3px \".concat(e.spacingHalf),flex:\"0 0 \".concat(e.inputHeight),removeClickableBorderRadius:\"0 2px 2px 0\",removeClickablePadding:\"3px 0\",removeClickableErrorBorder:\"1px solid \".concat(e.errorColor),removeClickableFocusShadow:e.focusShadow,removeClickableSmallFlexBasis:e.inputHeightSmall}},Heading:{sectionColor:e.gray45,fontWeight:e.fontWeightSemiBold,fontSize:e.fontSize,h1FontSize:e.fontSizeXXLarge,h2FontSize:e.fontSizeXLarge,h3FontSize:e.fontSizeLarge,h4FontSize:e.fontSize,h5FontSize:\"12px\"},Image:{boxBackgroundColor:e.gray92,boxColor:e.textGray,labelColor:e.textColor,labelDisabledBackgroundColor:e.gray96,removeClickableFocusColor:e.linkColor,removeClickableHoverBackgroundColor:e.gray96,removeClickableHoverColor:e.linkColor,padding:\"3px 0 3px \".concat(e.spacingHalf),removeClickableColor:\"inherit\",removeClickableFlex:\"0 0 \".concat(e.inputHeight),removeClickableFocusShadow:e.focusShadow},JSONTree:{TreeNode:{expandLinkClickableColor:e.linkColor,propertyColor:e.syntaxRed,typeColorString:e.syntaxTeal,typeColorNumber:e.syntaxBlue,typeColorBoolean:e.syntaxPurple,typeColorNull:e.syntaxBrown,typeColorObject:e.textColor}},Link:{clickableColor:e.linkColor,focusShadow:\"0 0 1px 2px \".concat(l()(e.focusColor).setAlpha(.6).toRgbString()),disabledColor:e.textDisabledColor,focusTextDecoration:\"none\",externalMargin:\"0 0 0 3px\"},Logo:{svgTextFill:e.gray20,svgInvertedTextFill:e.white},Markdown:{codeBlockBackgroundColor:e.gray96,codeInlineBackgroundColor:e.gray92},Menu:{backgroundColor:e.backgroundColor,Item:{backgroundColorHover:e.backgroundColorHover,clickableColor:e.gray45,disabledSelectedIconColor:e.gray80,focusShadowInset:e.focusShadowInset,matchColor:e.accentColor,descriptionColor:e.textGray,itemSelectedIconColor:e.accentColorL10,itemSelectedIconLeft:\"8px\",itemSelectedIconTop:\"5px\",itemIconVertical:\"middle\",submenuColor:e.textGray,padding:\"6px \".concat(e.spacingHalf),lineHeight:e.lineHeight,selectablePaddingLeft:\"28px\",selectablePaddingRight:e.spacingHalf,selectablePosition:\"left\",checkboxPaddingLeft:\"32px\"},Heading:{padding:\"\".concat(e.spacingQuarter,\" \").concat(e.spacingHalf,\" 6px\")}},Message:{iconColor:e.white,iconInfoColor:e.infoColor,iconSuccessColor:e.successColor,iconWarningColor:e.warningColor,iconErrorColor:e.errorColor,boxInfoBackgroundColor:e.infoColorL50,boxSuccessBackgroundColor:e.successColorL50,boxWarningBackgroundColor:e.warningColorL50,boxErrorBackgroundColor:e.errorColorL50},Modal:{boxShadow:\"0 1px 5px \".concat(e.black),transform:\"translateX(-50%)\",Body:{boxBackgroundColor:e.backgroundColor},Footer:{boxBackgroundColor:e.backgroundColor,boxBorderTopColor:e.borderColor},Header:{boxBackgroundColor:e.backgroundColor,boxBorderBottomColor:e.borderColor,boxPadding:\"25px 28px\",closeAndPeekPaddingRight:\"94px\",closeOrPeekPaddingRight:\"54px\",titleFontWeightSemiBold:e.fontWeightSemiBold,titleLineHeight:\"22px\",subTitleLineHeight:e.lineHeight}},ModalLayer:{backgroundColor:e.gray30},Monogram:{color:e.white,clickableFocusHoverBoxShadow:e.focusShadowInset,backgroundColors:[\"#006d9c\",\"#ec9960\",\"#af575a\",\"#62b3b2\",\"#4fa484\",\"#f8be34\",\"#5a4575\",\"#708794\",\"#294e70\",\"#b6c75a\",\"#5cc05c\",\"#007abd\",\"#dc4e41\",\"#f1813f\",\"#f8be34\",\"#53a051\",\"#006d9c\",\"#77d6d8\",\"#f589ad\",\"#6a2c5d\"]},Multiselect:{Normal:{boxBackgroundColor:e.white,boxDisabledBackgroundColor:e.gray96,boxInvalidBorderColor:e.errorColor,boxInvalidColor:e.errorColor}},Number:{incrementorWidth:\"20px\",mediumWidth:\"100px\",minusButtonBorderRightColor:e.borderColor,plusButtonBorderRightColor:e.borderColor},Paragraph:{marginBottom:\"calc(\".concat(e.lineHeight,\" / 2)\")},Popover:{align:\"center\",lightBackgroundColor:e.backgroundColor,lightBorder:e.border,lightBoxShadow:\"0 2px 2px \".concat(l()(e.gray20).setAlpha(.1).toRgbString()),lightColor:e.textColor,arrowBorderBottomColor:e.borderColor,darkBackgroundColor:e.gray20,darkColor:e.white,darkArrowBorderBottomColor:e.gray20,arrowHeightPixel:8,paddingPixel:8},Progress:{tooltipBackgroundColor:e.accentColorD10},Resize:{resizeColor:e.borderColor},ResultsMenu:{footerColor:e.textGray,loadingMessageColor:e.textGray},SidePanel:{panelBackgroundColor:e.backgroundColor},Slider:{sliderBarDisabledBackgroundColor:e.gray92,sliderBarLeftSideColor:e.gray45,sliderBarRightSideColor:e.gray80,sliderBarStepMarksColor:e.gray96,sliderThumbBackgroundColor:e.gray45,sliderThumbDisabledBackgroundColor:e.gray92,labelDisabledColor:e.textDisabledColor},StepBar:{Step:{color:e.textDisabledColor,grayFill:e.gray80,nextStroke:e.gray80,prevOrActiveFillColor:e.brandColor}},Switch:{wrapperErrorColor:e.errorColor,labelPaddingLeft:e.spacingQuarter,Checkbox:{color:e.gray45,focusShadow:e.focusShadow,selectedBorderColor:e.gray45,disabledBorderColor:e.gray80,disabledColor:e.gray80,errorColor:e.errorColor,errorBorderColor:e.errorColorL30,selectedErrorBorderColor:e.errorColor},Radio:{color:e.gray45,selectedLeft:\"4px\",selectedTop:\"4px\",focusShadow:e.focusShadow,selectedBorderColor:e.gray45,disabledBorderColor:e.gray80,disabledColor:e.gray80,errorColor:e.errorColor,errorBorderColor:e.errorColorL30,selectedErrorBorderColor:e.errorColor},Toggle:{shadow:\"inset 0 2px 0 rgba(0, 0, 0, 0.1)\",toggleFocusShadow:\"\".concat(e.focusShadow,\", inset 0 2px 0 rgba(0, 0, 0, 0.1)\"),backgroundColor:e.gray98,borderColor:e.borderColor,indicatorBackgroundColor:e.gray98,indicatorBorderColor:e.borderColor,indicatorHoverBackgroundColor:e.gray96,toggleIndicatorBorderStyle:\"solid\",selectedBackgroundColor:e.accentColorL10,selectedBorderColor:e.accentColorL10,disabledBorderColor:e.borderLightColor,disabledBackgroundColor:e.gray96,disabledIndBorderColor:l()(e.borderLightColor).setAlpha(.8).toRgbString(),selectedDisabledBackgroundColor:e.accentColorL40,errorToggleOutlineBorderColor:e.errorColor}},TabBar:{Tab:{clickableColor:e.textColor,focusShadowInset:e.focusShadowInset,underlineSelectedBackgroundColor:e.accentColor}},Table:{focusShadowInset:e.focusShadowInset,Cell:{linkColor:e.linkColor,clickableBackgroundColor:e.accentColorL50,padding:\"6px 12px\",expandPadding:0,verticalAlign:\"top\"},Head:{toggleAllWidth:\"42px\",infoWidth:\"32px\"},HeadCell:{backgroundColor:e.gray92,borderLeftColor:e.backgroundColor,draggingBackgroundColor:e.gray80,guideLineBackgroundColor:e.linkColor,focusShadow:e.focusShadowInset,moreInfoHeadCellPadding:\"5px 0 0 0\"},HeadInner:{hoverColor:e.linkColorHover,helperBackgroundColor:e.accentColorL50,sortIconColor:e.textGray,sortIconPosition:\"absolute\",sortedIconColor:e.accentColor,menuIconColor:e.textGray,menuIconPadding:\"1px 0 0 4px\",padding:\"6px 12px\",dragContainerTop:\"0px\",dragContainerLeft:\"0px\",menuIconRight:\"0\",dragContainerPadding:\"9px 12px\"},Row:{stripeNoneClickableHoverBackgroundColor:e.accentColorL50,stripeEvenBackgroundColor:e.gray96,expandContainerWidth:\"8px\"},RowDragCell:{draggablePadding:\"9px 0\",draggingBackgroundColor:e.gray80,guideLineBackgroundColor:e.linkColor,helperBackgroundColor:e.accentColorL50,width:\"32px\"},Toggle:{inHeadMargin:\"-6px 0\",margin:\"-6px 0\"}},Text:{clearIconRight:\"1px\",clearIconTop:\"2px\",clearIconPadding:\"8px\",inputFocusShadow:e.focusShadow,inputColor:e.textColor,inputBackgroundColor:e.white,inputFocusColor:e.textColor,inputErrorBorderColor:e.errorColor,inputErrorColor:e.errorColor,inputDisabledBackgroundColor:e.gray96,inputDisabledBorderColor:e.gray92,inputDisabledColor:e.textDisabledColor,inputClearOrSearchPaddingRight:\"28px\",placeholderMediumSize:\"11px\",placeholderWithSearchLeft:\"11px\",spacingHalf:e.spacingHalf,spacingQuarter:e.spacingQuarter,searchIconWrapperColor:e.gray60,searchIconWrapperRight:\"8px\",searchIconWrapperTop:\"8px\",clearColor:e.gray60,placeholderColor:e.textGray,searchIconPosition:\"right\"},Tooltip:{linkColor:e.linkColor},WaitSpinner:{circleStroke:e.gray60}}}},h=c(a.a),u=n(48),d=n.n(u),p=n(6),f=n.n(p),g=d()({},c(f.a),{\"react-ui\":{ButtonSimple:{Default:{shadow:\"inset 0 -1px 0 \".concat(f.a.gray30),hoverShadow:\"inset 0 -1px 0 \".concat(f.a.gray25),activeShadow:\"inset 0 -1px 0 \".concat(f.a.gray22),selectedShadow:\"inset 0 1px 0 \".concat(f.a.black),focusShadow:\"inset 0 -1px 0 \".concat(f.a.gray30,\", \").concat(f.a.focusShadow),focusHoverShadow:\"inset 0 -1px 0 \".concat(f.a.gray25,\", \").concat(f.a.focusShadow),focusActiveShadow:\"inset 0 -1px 0 \".concat(f.a.gray22,\", \").concat(f.a.focusShadow),focusSelectedShadow:\"inset 0 1px 0 \".concat(f.a.black,\", \").concat(f.a.focusShadow),focusAppendShadow:\"inset 0 -1px 0 \".concat(f.a.gray30,\", \").concat(f.a.focusShadow,\", inset -1px 0 0 \").concat(f.a.borderColor),focusAppendSelectedShadow:\"inset 0 1px 0 \".concat(f.a.black,\", \").concat(f.a.focusShadow,\", inset -1px 0 0 \").concat(f.a.borderColor),backgroundColor:f.a.gray45,color:f.a.white,selectedBackgroundColor:f.a.gray22,hoverBackgroundColor:f.a.gray30,selectedBorderColor:f.a.gray20,activeBorderColor:f.a.gray20,activeBackgroundColor:f.a.gray22,disabledBackgroundColor:f.a.gray30,disabledBorderColor:f.a.gray30,disabledSelectedBackgroundColor:f.a.gray22,disabledSelectedBorderColor:f.a.gray20},Secondary:{shadow:\"inset 0 -1px 0 \".concat(f.a.gray30),hoverShadow:\"inset 0 -1px 0 \".concat(f.a.gray25),activeShadow:\"inset 0 -1px 0 \".concat(f.a.gray22),selectedShadow:\"inset 0 1px 0 \".concat(f.a.black),focusShadow:\"inset 0 -1px 0 \".concat(f.a.gray30,\", \").concat(f.a.focusShadow),focusHoverShadow:\"inset 0 -1px 0 \".concat(f.a.gray25,\", \").concat(f.a.focusShadow),focusActiveShadow:\"inset 0 -1px 0 \".concat(f.a.gray22,\", \").concat(f.a.focusShadow),focusSelectedShadow:\"inset 0 1px 0 \".concat(f.a.black,\", \").concat(f.a.focusShadow),focusAppendShadow:\"inset 0 -1px 0 \".concat(f.a.gray30,\", \").concat(f.a.focusShadow,\", inset -1px 0 0 \").concat(f.a.borderColor),focusAppendSelectedShadow:\"inset 0 1px 0 \".concat(f.a.black,\", \").concat(f.a.focusShadow,\", inset -1px 0 0 \").concat(f.a.borderColor),backgroundColor:f.a.gray45,color:f.a.white,selectedBackgroundColor:f.a.gray22,hoverBackgroundColor:f.a.gray30,selectedBorderColor:f.a.gray20,activeBorderColor:f.a.gray20,activeBackgroundColor:f.a.gray22,disabledBackgroundColor:f.a.gray30,disabledBorderColor:f.a.gray30,disabledSelectedBackgroundColor:f.a.gray22,disabledSelectedBorderColor:f.a.gray20},Pill:{color:f.a.white,hoverColor:f.a.white,focusColor:f.a.white,expandedBackgroundColor:f.a.gray22}},Calendar:{Day:{buttonColor:f.a.gray98}},Chip:{clickableBackgroundColor:f.a.gray45,clickableHoverBackgroundColor:f.a.gray30,clickableDisabledBackgroundColor:\"rgba(0, 0, 0, 0.15)\"},Code:{color:f.a.gray92,commentToken:f.a.gray60,prologToken:f.a.gray60,doctypeToken:f.a.gray60,cdataToken:f.a.gray60,punctuationToken:f.a.gray60,propertyToken:f.a.syntaxPurpleLight,tagToken:f.a.syntaxPurpleLight,booleanToken:f.a.syntaxPurpleLight,numberToken:f.a.syntaxPurpleLight,constantToken:f.a.syntaxPurpleLight,symbolToken:f.a.syntaxPurpleLight,deletedToken:f.a.syntaxPurpleLight,selectorToken:f.a.syntaxGreenLight,\"attr-nameToken\":f.a.syntaxGreenLight,stringToken:f.a.syntaxGreenLight,charToken:f.a.syntaxGreenLight,builtinToken:f.a.syntaxGreenLight,insertedToken:f.a.syntaxGreenLight,operatorToken:f.a.syntaxBrown,entityToken:f.a.syntaxBrown,urlToken:f.a.syntaxBrown,atruleToken:f.a.syntaxBlueLight,\"attr-valueToken\":f.a.syntaxBlueLight,keywordToken:f.a.syntaxBlueLight,functionToken:f.a.syntaxRedLight,regexToken:f.a.syntaxOrange,importantToken:f.a.syntaxOrange,variableToken:f.a.syntaxOrange},CollapsiblePanel:{titleClickableCollapsedBackgroundColor:f.a.gray45,titleClickableHoverBackgroundColor:f.a.gray30},Concertina:{panelBodyErrorBackgroundColor:l()(f.a.errorColor).setAlpha(.5).toRgbString(),panelBodyWarningBackgroundColor:l()(f.a.warningColor).setAlpha(.5).toRgbString(),Heading:{clickableBackgroundColor:f.a.gray45,clickableHoverBackgroundColor:f.a.gray30,clickableDisabledBackgroundColor:f.a.gray80}},File:{mediumDropTargetBoxBorderColor:f.a.textGray,mediumDropTargetBoxDisabledFileCount0BackgroundColor:f.a.gray60,iconFill:f.a.gray80,Item:{boxBackgroundColor:f.a.gray45,removeClickableHoverBackgroundColor:f.a.gray30,labelDisabledBackgroundColor:f.a.gray60}},Heading:{sectionColor:f.a.gray80},JSONTree:{TreeNode:{propertyColor:f.a.syntaxRedLight,expandLinkClickableColor:f.a.accentColorL40,typeColorNumber:f.a.syntaxBlueLight,typeColorBoolean:f.a.syntaxPurpleLight}},Logo:{svgTextFill:f.a.white,svgInvertedTextFill:f.a.gray20},Markdown:{codeBlockBackgroundColor:f.a.gray22,codeInlineBackgroundColor:f.a.gray22},Menu:{Item:{clickableColor:f.a.gray96}},Message:{boxInfoBackgroundColor:l()(f.a.infoColor).setAlpha(.5).toRgbString(),boxSuccessBackgroundColor:l()(f.a.successColor).setAlpha(.5).toRgbString(),boxWarningBackgroundColor:l()(f.a.warningColor).setAlpha(.5).toRgbString(),boxErrorBackgroundColor:l()(f.a.errorColor).setAlpha(.5).toRgbString()},Modal:{Footer:{boxBorderTopColor:f.a.gray20},Header:{boxBorderBottomColor:f.a.gray20}},Multiselect:{Normal:{boxBackgroundColor:f.a.gray22,boxBorderColor:f.a.gray20,boxDisabledBackgroundColor:f.a.gray22,boxDisabledBorderColor:f.a.gray30}},Number:{incrementorBorderColor:f.a.gray20,incrementorDisabledBorderColor:f.a.gray22},Popover:{lightBorder:f.a.borderDark,lightBoxShadow:\"0 1px 2px #000\",arrowBorderBottomColor:f.a.borderDarkColor,darkBackgroundColor:f.a.white,darkColor:f.a.gray20,darkArrowBorderBottomColor:f.a.white},Resize:{resizeColor:f.a.gray92},Slider:{sliderBarStepMarksColor:f.a.gray20},Switch:{Checkbox:{color:f.a.gray80,borderColor:f.a.gray80,selectedBorderColor:f.a.gray80,disabledBorderColor:f.a.gray45,disabledColor:f.a.gray45,errorBorderColor:f.a.errorColor},Radio:{color:f.a.gray80,borderColor:f.a.gray80,selectedBorderColor:f.a.gray80,disabledBorderColor:f.a.gray45,disabledColor:f.a.gray45,errorBorderColor:f.a.errorColor},Toggle:{backgroundColor:f.a.gray45,indicatorBackgroundColor:f.a.gray80,indicatorHoverBackgroundColor:l()(f.a.gray80).darken(6).toRgbString(),disabledBorderColor:f.a.borderColor,disabledBackgroundColor:f.a.gray30,disabledIndBackgroundColor:f.a.gray45,disabledIndBorderColor:f.a.gray22,selectedDisabledBackgroundColor:f.a.accentColorD20}},Table:{Cell:{clickableBackgroundColor:f.a.accentColorD50},HeadCell:{backgroundColor:\"#212527\",draggingBackgroundColor:f.a.gray20},HeadInner:{helperBackgroundColor:f.a.accentColorD50},Row:{stripeNoneClickableHoverBackgroundColor:f.a.accentColorD50,stripeEvenBackgroundColor:f.a.gray25,stripeOddBackgroundColor:f.a.gray22},RowDragCell:{draggingBackgroundColor:f.a.gray20,helperBackgroundColor:f.a.accentColorD50}},Text:{inputBackgroundColor:f.a.gray22,inputBorderColor:f.a.gray20,inputDisabledBackgroundColor:f.a.gray22,inputDisabledBorderColor:f.a.gray30,searchIconWrapperColor:f.a.white,clearColor:f.a.white},WaitSpinner:{circleStroke:f.a.white}}}),m=n(85),b=c(n.n(m).a),v=n(5),y=n.n(v),x=c(y.a);delete x[\"react-ui\"].ButtonSimple.Pill,delete x[\"react-ui\"].Table.Cell.clickableBackgroundColor;var w=d()({},x,{\"react-ui\":{Button:{disabledIconColor:y.a.textDisabledColor,iconColor:y.a.gray68,iconOnlyColor:y.a.gray96,iconOnlyDisabledColor:y.a.textDisabledColor,iconPaddingRight:\"8px\",iconOnlyPadding:\"12px\",paddingSmall:\"6px\",paddingLarge:\"16px\",primaryIconColor:y.a.gray96},ButtonSimple:{Primary:{shadow:\"none\",selectedShadow:\"none\",focusShadow:\"none\",selectedFocusShadow:\"none\",borderRadius:\"24px\",color:y.a.gray96,backgroundColor:y.a.blue1,activeBackgroundColor:y.a.blue3,focusBackgroundColor:y.a.blue2,hoverBackgroundColor:y.a.blue2,selectedBackgroundColor:y.a.blue2,disabledBackgroundColor:y.a.gray35,disabledSelectedBackgroundColor:y.a.gray29,disabledTextColor:y.a.gray68,prependBorderLeftColor:y.a.blue2},Error:{shadow:\"none\",selectedShadow:\"none\",focusShadow:\"none\",selectedFocusShadow:\"none\",disabledTextColor:y.a.gray68},Default:{shadow:\"none\",hoverShadow:\"none\",activeShadow:\"none\",selectedShadow:\"none\",focusShadow:\"none\",focusHoverShadow:\"none\",focusActiveShadow:\"none\",focusSelectedShadow:\"none\",focusAppendShadow:\"none\",focusAppendSelectedShadow:\"none\",color:y.a.gray96,border:y.a.borderLight,borderRadius:\"24px\",backgroundColor:y.a.transparent,activeBackgroundColor:y.a.gray29,focusBackgroundColor:y.a.gray35,hoverBackgroundColor:y.a.gray35,selectedBackgroundColor:y.a.gray29,disabledBackgroundColor:y.a.transparent,disabledBorderColor:y.a.gray29,disabledSelectedBackgroundColor:y.a.gray20,disabledTextColor:y.a.textDisabledColor,activePrependLeftBorderColor:y.a.gray68},Secondary:{shadow:\"none\",hoverShadow:\"none\",activeShadow:\"none\",selectedShadow:\"none\",focusShadow:\"none\",focusHoverShadow:\"none\",focusActiveShadow:\"none\",focusSelectedShadow:\"none\",focusAppendShadow:\"none\",focusAppendSelectedShadow:\"none\",color:y.a.gray96,border:\"1px solid \".concat(y.a.transparent),borderRadius:\"24px\",backgroundColor:y.a.transparent,activeBackgroundColor:y.a.gray17,focusBackgroundColor:y.a.gray35,hoverBackgroundColor:y.a.gray35,selectedBackgroundColor:y.a.gray29,disabledBackgroundColor:y.a.transparent,disabledBorderColor:y.a.transparent,disabledTextColor:y.a.textDisabledColor,disabledSelectedBackgroundColor:y.a.gray20,activePrependLeftBorderColor:y.a.transparent,disabledSelectedBorderColor:y.a.transparent,selectedPrependLeftBorderColor:y.a.transparent},Toggle:{border:y.a.border,color:y.a.gray96,activeBorderColor:y.a.gray35,activeBackgroundColor:y.a.gray20,focusBackgroundColor:y.a.gray35,hoverBackgroundColor:y.a.gray35,selectedBackgroundColor:y.a.gray35,disabledBorderColor:y.a.gray29,disabledTextColor:y.a.textDisabledColor,disabledSelectedBackgroundColor:y.a.gray17},Flat:{border:\"1px solid \".concat(y.a.transparent),color:y.a.gray96,backgroundColor:y.a.gray29,activeBackgroundColor:y.a.gray29,focusBackgroundColor:y.a.gray35,hoverBackgroundColor:y.a.gray35,selectedBackgroundColor:y.a.gray35,disabledBackgroundColor:y.a.gray20,disabledTextColor:y.a.textDisabledColor,disabledSelectedBackgroundColor:y.a.gray17}},Calendar:{width:\"332px\",padding:\"16px\",DateTable:{paddingBottom:\"6px\",fontSize:\"14px\"},Day:{buttonColor:y.a.gray96,buttonHoverColor:y.a.gray96,buttonHoverBackgroundColor:y.a.gray35,buttonFocusBackgroundColor:y.a.gray35,buttonSelectedBorderColor:\"none\",buttonSelectedColor:y.a.gray11,buttonSelectedBackgroundColor:y.a.gray96,buttonSelectedFontWeight:y.a.fontWeightBold,width:\"36px\",lineHeight:\"36px\",border:\"none\",borderRadius:\"50%\",focusShadow:\"none\"},MonthHeader:{fontSize:\"20px\",fontWeight:y.a.fontWeightBold,textTransform:\"uppercase\",wordSpacing:\"32px\",textColor:y.a.gray96,shortForm:!0}},Card:{backgroundColor:y.a.gray17,clickableSelectedBorderColor:y.a.transparent,borderColor:y.a.transparent,borderRadius:y.a.borderRadius,hoverShadow:\"none\",focusShadow:\"none\",hoverBackgroundColor:y.a.gray29,focusBackgroundColor:y.a.gray29,selectedBackgroundColor:y.a.gray29,Header:{padding:\"12px 8px 12px 16px\"},Body:{padding:\"16px\",firstChildPaddingTop:\"16px\"},Footer:{padding:\"8px 16px 16px\",borderTop:\"none\"}},Chip:{clickableColor:y.a.gray96,clickableBackgroundColor:y.a.gray29,clickableHoverBackgroundColor:y.a.gray35,clickableDisabledBackgroundColor:y.a.gray20,labelColor:y.a.gray96,iconColor:y.a.gray96,errorColorBackgroundColor:y.a.red1},Code:{commentToken:y.a.gray52,prologToken:y.a.gray52,doctypeToken:y.a.gray52,cdataToken:y.a.gray52,punctuationToken:y.a.gray52,propertyToken:y.a.syntaxPurpleLight,tagToken:y.a.syntaxPurpleLight,booleanToken:y.a.syntaxPurpleLight,numberToken:y.a.syntaxPurpleLight,constantToken:y.a.syntaxPurpleLight,symbolToken:y.a.syntaxPurpleLight,deletedToken:y.a.syntaxPurpleLight,selectorToken:y.a.syntaxGreenLight,\"attr-nameToken\":y.a.syntaxGreenLight,stringToken:y.a.syntaxGreenLight,charToken:y.a.syntaxGreenLight,builtinToken:y.a.syntaxGreenLight,insertedToken:y.a.syntaxGreenLight,operatorToken:y.a.syntaxBrown,entityToken:y.a.syntaxBrown,urlToken:y.a.syntaxBrown,atruleToken:y.a.syntaxBlueLight,\"attr-valueToken\":y.a.syntaxBlueLight,keywordToken:y.a.syntaxBlueLight,functionToken:y.a.syntaxRedLight,regexToken:y.a.syntaxOrange,importantToken:y.a.syntaxOrange,variableToken:y.a.syntaxOrange},CollapsiblePanel:{minHeight:\"40px\",backgroundColor:y.a.gray17,marginTop:\"1px\",iconTransition:\"transform 200ms\",iconPosition:\"calc(100% - 24px);\",iconTransfromOpen:\"rotate(90deg)\",iconTransfromClose:\"translateY(-2px) rotate(-90deg)\",iconTransfromOrigin:\"center\",paddingBottom:\"2px\",titleLineHeight:\"24px\",titlePadding:\"8px 16px\",titleBackgroundColor:y.a.gray11,titleClickableCollapsedBackgroundColor:y.a.gray11,titleClickableHoverBackgroundColor:y.a.gray11,titleClickableColor:y.a.white,titleClickableCollapsedColor:y.a.gray52,titleBorder:\"1px solid transparent\",titleFocusBorder:\"1px solid \".concat(y.a.gray68),titleShadow:\"0px -1px 0px rgba(255, 255, 255, 0.1), 0px 1px 0px rgba(255, 255, 255, 0.1)\",titleFocusShadow:\"none\",descriptionPosition:\"relative\",descriptionPositionRight:\"20px\"},Color:{inputTopLayout:!0,width:\"214px\",display:\"flex\",flexDirection:\"column-reverse\",borderRadius:\"4px\",swatchesListMarginRight:\"-8px\",swatchesListMarginBottom:\"-8px\",Swatch:{marginRight:\"8px\",marginBottom:\"8px\",borderRadius:\"2px\",border:\"1px solid \".concat(y.a.gray35),transparentPatternEvenColor:y.a.transparent,transparentPatternOddColor:\"rgba(0, 0, 0, 0.2)\",transparentBackgroundColor:y.a.white,textBoxSwatch:!0,focusBorderColor:y.a.gray35,smallSize:\"22px\"},Input:{width:\"calc(100% - 2px)\",marginBottom:\"8px\",position:\"relative\"}},Date:{position:\"relative\",letterSpacing:\"2px\",spacedFormat:!0,width:\"145px\",widthLarge:\"155px\",widthSmall:\"125px\",shouldRenderIcon:!0},File:{cloudIcon:!0,mediumDropTargetBoxBorderColor:y.a.gray52,mediumDropTargetBoxDisabledFileCount0BackgroundColor:y.a.transparent,borderDragOver:\"1px dashed \".concat(y.a.gray52),iconFill:y.a.white,iconErrorFill:y.a.errorColor,iconDisabledFill:y.a.gray52,padding:\"8px\",backgroundColorDragOver:y.a.gray35,errorTextColor:y.a.errorColor,disabledBorder:\"1px solid \".concat(y.a.gray35),linkErrorColor:y.a.errorColor,linkFocusShadow:\"none\",windowDropBorder:\"5px solid \".concat(y.a.blue2),Item:{itemRemoveable:!0,boxColor:y.a.white,labelColor:y.a.white,boxBackgroundColor:y.a.gray29,labelDisabledBackgroundColor:y.a.gray29,labelDisabledTextColor:y.a.textDisabledColor,borderRadius:y.a.borderRadius,fontSize:\"12px\",padding:\"4px 0 3px 8px\",cursor:\"pointer\",flex:\"none\",labelHoverBackgroundColor:y.a.gray35,labelErrorBackgroundColor:\"rgba(254, 58, 58, 0.1)\",labelErrorHoverBackgroundColor:\"rgba(254, 58, 58, 0.2)\",removeClickableBackgroundColor:y.a.gray35,removeClickableBorderRadius:\"50%\",removeClickableErrorBorder:\"none\",removeClickableErrorBackgroundColor:l()(y.a.errorColor).setAlpha(.7).toRgbString(),removeClickableErrorHoverBackgroundColor:y.a.errorColor,removeClickableErrorFocusBackgroundColor:y.a.errorColor,removeClickableFocusShadow:\"none\",removeClickableFocusBackgroundColor:y.a.gray52,removeClickableFocusColor:y.a.white,removeClickableHoverBackgroundColor:y.a.gray52,removeClickableHoverColor:y.a.white,removeClickableSmallFlexBasis:\"auto\",removeClickableSmallTop:\"6px\"}},Heading:{fontSize:y.a.fontSize,fontWeight:y.a.fontWeightBold,h1FontSize:\"36px\",h2FontSize:\"24px\",h3FontSize:\"20px\",h4FontSize:\"16px\",h5FontSize:\"13px\",h1LineHeight:\"48px\",h2LineHeight:\"24px\",h3LineHeight:\"24px\",h4LineHeight:\"24px\",h5LineHeight:\"16px\",headingColor:y.a.gray96,sectionColor:y.a.gray68},Image:{cloudIcon:!0,overflow:\"hidden\",borderRadius:y.a.borderRadius,boxBackgroundColor:y.a.gray29,boxBackgroundHoverColor:y.a.gray35,cursor:\"pointer\",labelColor:y.a.white,padding:\"8px 10px\",fontSize:\"12px\",lineHeight:\"16px\",removeClickableColor:y.a.white,removeClickableFlex:\"none\",removeClickableBorderRadius:\"50%\",removeClickableBackgroundColor:y.a.gray52,removeClickableHoverBackgroundColor:y.a.gray68,removeClickableHoverLabelBackgroundColor:y.a.gray68,removeClickableHoverColor:y.a.white,removeClickableFocusColor:y.a.white,removeClickableFocusShadow:\"none\",removeClickableFocusBackgroundColor:y.a.gray68},JSONTree:{TreeNode:{propertyColor:y.a.syntaxRedLight,expandLinkClickableColor:y.a.accentColorL40,typeColorNumber:y.a.syntaxBlueLight,typeColorBoolean:y.a.syntaxPurpleLight}},Link:{focusShadow:\"none\",disabledColor:y.a.gray52,focusTextDecoration:\"underline\",focusActiveTextDecoration:\"none\",externalMargin:\"0 0 0 4px\"},Logo:{svgTextFill:y.a.white,svgInvertedTextFill:y.a.gray20},Markdown:{codeBlockBackgroundColor:y.a.gray29,codeInlineBackgroundColor:y.a.gray29},Menu:{backgroundColor:y.a.gray29,Divider:{borderColor:y.a.gray35},Item:{clickableColor:y.a.gray96,matchColorBackground:y.a.gray96,matchColor:y.a.gray11,descriptionLineHeight:\"16px\",descriptionColor:y.a.gray68,backgroundColorHover:y.a.gray35,backgroundColorFocus:y.a.gray35,backgroundColorActive:y.a.gray35,focusShadowInset:\"inset 0 0 0 0 \".concat(y.a.transparent),itemIconMarginRight:\"16px\",itemIconVertical:\"initial\",itemSelectedIconColor:y.a.gray96,itemSelectedIconLeft:\"initial\",itemSelectedIconTop:\"11px\",itemSelectedIconRight:\"16px\",disabledSelectedIconColor:y.a.gray52,lineHeight:\"24px\",spacingHalf:\"16px\",padding:\"12px 16px\",selectablePaddingLeft:\"16px\",selectablePaddingRight:\"44px\",selectablePosition:\"right\",checkboxPaddingLeft:\"56px\"},Heading:{padding:\"13px 16px 10px 16px\"}},Message:{boxInfoBackgroundColor:l()(y.a.infoColor).setAlpha(.5).toRgbString(),boxSuccessBackgroundColor:l()(y.a.successColor).setAlpha(.5).toRgbString(),boxWarningBackgroundColor:l()(y.a.warningColor).setAlpha(.5).toRgbString(),boxErrorBackgroundColor:l()(y.a.errorColor).setAlpha(.5).toRgbString()},Modal:{boxShadow:\"0px 4px 8px 0px rgba(0,0,0,0.5)\",verticalAlign:\"center\",transform:\"translate(-50%, -50%)\",Body:{boxBackgroundColor:y.a.gray20},Footer:{boxBackgroundColor:y.a.gray20,boxBorderTopColor:y.a.gray29},Header:{boxBackgroundColor:y.a.gray20,boxBorderBottomColor:y.a.gray29,titleColor:y.a.gray96,boxPadding:\"24px\",closeAndPeekPaddingRight:\"88px\",closeOrPeekPaddingRight:\"52px\",titleFontWeightSemiBold:\"500\",titleLineHeight:\"24px\",subTitleLineHeight:\"24px\",iconBackgroundColor:y.a.gray29}},ModalLayer:{backgroundColor:y.a.gray11},Multiselect:{Normal:{boxBackgroundColor:y.a.gray17,boxBorderColor:y.a.gray29,boxDisabledBackgroundColor:y.a.gray29,boxDisabledBorderColor:y.a.gray23}},Number:{controlsBorder:\"1px solid transparent\",incrementorBackgroundColor:y.a.gray20,incrementorBorderColor:y.a.transparent,incrementorColor:y.a.gray68,incrementorDisabledBorderColor:y.a.transparent,incrementorDisabledColor:y.a.gray35,incrementorHoverColor:y.a.gray96,incrementorWidth:\"22px\",mediumWidth:\"116px\",minusButtonBorderRightColor:y.a.transparent,plusButtonBorderRightColor:y.a.transparent},Paragraph:{marginBottom:\"14px\"},Popover:{align:\"edge\",lightBorder:y.a.transparent,lightBoxShadow:\"0px 4px 8px 0px rgba(0,0,0,0.5)\",lightBackgroundColor:y.a.gray17,lightColor:y.a.gray96,darkBackgroundColor:y.a.gray96,darkColor:y.a.gray17,darkBorderRadius:y.a.borderRadius,arrowHeightPixel:0,paddingPixel:8},Resize:{resizeColor:y.a.gray96},Slider:{sliderBarStepMarksColor:y.a.gray20,sliderBarDisabledBackgroundColor:y.a.gray23,sliderBarLeftSideColor:y.a.gray35,sliderBarRightSideColor:y.a.gray68,sliderThumbBackgroundColor:y.a.gray35,sliderThumbDisabledBackgroundColor:y.a.gray23},StepBar:{Step:{currentStepColor:y.a.gray96,currentStepFontWeight:y.a.fontWeightSemiBold,grayFill:y.a.gray68,nextStroke:y.a.gray68,prevOrActiveFillColor:y.a.blue2}},Switch:{labelPaddingLeft:\"12px\",labelLineHeight:\"24px\",Checkbox:{color:y.a.white,borderColor:y.a.gray52,top:\"3px\",margin:\"3px\",focusShadow:\"none\",hasBackground:!0,selectedBorderColor:y.a.blue2,selectedBackgroundColor:y.a.blue2,disabledBorderColor:y.a.gray52,disabledColor:y.a.gray52,errorBorderColor:y.a.errorColor,someSize:\"6px\",someMargin:\"0px\"},Radio:{color:y.a.white,borderColor:y.a.gray52,margin:\"3px\",focusShadow:\"none\",hasBackground:!0,selectedBorderColor:y.a.white,disabledColor:y.a.gray35,disabledBorderColor:y.a.gray35,errorBorderColor:y.a.errorColor},Toggle:{top:\"3px\",width:\"30px\",toggleShadow:\"none\",toggleIndicatorShadowOn:\"0px 3px 8px rgba(0, 0, 0, 0.25)\",toggleIndicatorShadowOff:\"0px 1px 3px rgba(0, 0, 0, 0.25)\",toggleFocusShadow:\"none\",toggleFocusBorderColor:y.a.transparent,indicatorSize:\"14px\",indicatorMargin:\"2px\",toggleIndicatorBorderStyle:\"none\",backgroundColor:y.a.gray35,borderColor:y.a.transparent,selectedBorderColor:y.a.transparent,indicatorBackgroundColor:y.a.white,outlineMargin:\"-6px\",outlineBorderRadius:\"15px\",outlineHoverBackgroundColor:\"rgba(255, 255, 255, 0.15)\",outlineFocusBackgroundColor:\"rgba(255, 255, 255, 0.15)\",disabledBorderColor:y.a.gray20,disabledBackgroundColor:y.a.gray20,disabledIndBackgroundColor:y.a.gray35,disabledIndBorderColor:y.a.transparent,selectedBackgroundColor:y.a.blue2,selectedDisabledBackgroundColor:y.a.gray29,selectedDisabledIndBackgroundColor:y.a.gray52,errorToggleOutlineBorderColor:y.a.transparent,errorToggleBackgroundColor:y.a.errorColor}},TabBar:{Tab:{afterColor:\"transparent\",afterContent:\"attr(title)\",afterDisplay:\"block\",afterFontWeight:\"bold\",afterHeight:\"0px\",afterOverflow:\"hidden\",afterVisibility:\"hidden\",clickableColor:y.a.gray68,hoverColor:y.a.gray96,focusColor:y.a.gray96,focusShadowInset:\"inset 0 0 0 0 \".concat(y.a.transparent),selectedColor:y.a.gray96,selectedFontWeight:\"bold\",underlineSelectedBackgroundColor:y.a.borderLightColor}},Table:{focusShadowInset:\"none\",Cell:{clickableHoverBackgroundColor:y.a.gray20,clickableExpandIconColor:y.a.white,expandContainerHoverBackgroundColor:y.a.gray20,padding:\"12px 8px 11px 8px\",firstChildColor:y.a.gray96,rowActionsPadding:\"6px 8px 5px 0\",expandPadding:\"6px 2px 0 0\",linkColor:y.a.gray68,linkFocusColor:y.a.white,fontSize:y.a.fontSize,lineHeight:\"24px\",verticalAlign:\"middle\",disabledTextColor:y.a.gray52},Head:{toggleAllWidth:\"36px\",infoWidth:\"36px\"},HeadCell:{backgroundColor:y.a.gray11,draggingBackgroundColor:y.a.gray04,focusShadow:\"none\",borderLeftColor:y.a.transparent,moreInfoHeadCellPadding:\"7px 9px 8px 6px\",focusBackgroundColor:y.a.gray35,toggleAllFocusBorderColor:y.a.gray96},HeadInner:{sortIconColor:y.a.gray96,sortIconPosition:\"relative\",sortedIconColor:y.a.gray96,menuIconColor:y.a.gray96,menuIconPadding:\"0 0 0 4px\",helperBackgroundColor:y.a.accentColorD50,hoverColor:y.a.gray96,borderRadius:y.a.borderRadius,padding:\"8px 0\",toggleAllPadding:\"6px 0\",toggleAllFocusBorderColor:y.a.gray96,labelPadding:\"4px 8px\",menuIconRight:\"16px\",color:y.a.gray96,fontSize:y.a.fontSizeSmall,lineHeight:\"16px\",dragContainerTop:\"8px\",dragContainerLeft:\"10px\",dragContainerPadding:\"5px 16px 5px 8px\",focusBackgroundColor:y.a.gray35},Row:{backgroundColor:y.a.gray11,stripeHoverBackgroundColor:y.a.gray20,hoverColor:y.a.gray96,stripeNoneClickableHoverBackgroundColor:y.a.gray20,stripeEvenBackgroundColor:y.a.gray11,clickableHoverColor:y.a.gray96,borderBottom:\"1px solid \".concat(y.a.gray29),toggleAllFocusBorderColor:y.a.gray96,toggleFocusBackgroundColor:y.a.gray35,toggleFocusBorderColor:y.a.transparent,expandContainerWidth:\"36px\",borderRadius:\"18px\",padding:\"4px 0 8px\",selectedTextColor:y.a.gray96,disabledBackgroundColor:y.a.gray17,linkHoverColor:y.a.gray96,linkFocusBackgroundColor:y.a.gray20,linkActiveBackgroundColor:y.a.gray17},RowDragCell:{draggablePadding:\"17px 0 16px 0\",draggingBackgroundColor:y.a.gray04,helperBackgroundColor:y.a.accentColorD50,width:\"36px\",toggleAllFocusBorderColor:y.a.gray96},Toggle:{inHeadMargin:\"-10px 0\",margin:\"-6px 0\",position:\"relative\",top:\"-3px\"}},Text:{clearIconRight:\"8px\",clearIconTop:\"6px\",clearIconPadding:\"6px\",inputBackgroundColor:y.a.gray17,inputColor:y.a.gray96,inputDisabledColor:y.a.textDisabledColor,inputErrorBorderColor:y.a.red1,inputFocusBorderColor:y.a.gray52,inputFocusColor:y.a.gray96,inputFocusShadow:\"none\",inputDisabledBackgroundColor:y.a.gray17,inputDisabledBorderColor:y.a.gray17,inputErrorColor:y.a.gray96,inputClearOrSearchPaddingRight:\"40px\",placeholderMediumSize:\"16px\",placeholderWithSearchLeft:\"40px\",spacingHalf:\"16px\",spacingQuarter:\"7px\",searchIconWrapperColor:y.a.gray68,clearColor:y.a.gray68,disabledSearchIconColor:y.a.textDisabledColor,searchIconWrapperRight:\"12px\",searchIconWrapperTop:\"10px\",searchIconPosition:\"left\",searchIconPaddingLeft:\"40px\"},WaitSpinner:{circleStroke:y.a.white}}});var k=h,M=g,S=b,A=w,C={enterprise:k,enterpriseDark:M,lite:S,scp:A},_=function(e){return e.theme&&e.theme[\"react-ui\"]?e.theme[\"react-ui\"]:k[\"react-ui\"]},T=function(){for(var e=arguments.length,t=new Array(e),n=0;n1?arguments[1]:void 0,n),l=a>2?arguments[2]:void 0,c=void 0===l?n:r(l,n);c>s;)t[s++]=e;return t}},126:function(e,t,n){\"use strict\";var i=n(7);e.exports=function(){var e=i(this),t=\"\";return e.global&&(t+=\"g\"),e.ignoreCase&&(t+=\"i\"),e.multiline&&(t+=\"m\"),e.unicode&&(t+=\"u\"),e.sticky&&(t+=\"y\"),t}},127:function(e,t,n){var i=n(7),r=n(31),o=n(9)(\"species\");e.exports=function(e,t){var n,a=i(e).constructor;return void 0===a||null==(n=i(a)[o])?t:r(n)}},128:function(e,t,n){\"use strict\";var i=n(8),r=n(13),o=n(57),a=n(90),s=n(25),l=n(60),c=n(4),h=n(59),u=n(33),d=n(14),p=n(200),f=n(49).f,g=n(11).f,m=n(125),b=n(56),v=i.ArrayBuffer,y=i.DataView,x=i.Math,w=i.RangeError,k=i.Infinity,M=v,S=x.abs,A=x.pow,C=x.floor,_=x.log,T=x.LN2,O=r?\"_b\":\"buffer\",L=r?\"_l\":\"byteLength\",E=r?\"_o\":\"byteOffset\";function P(e,t,n){var i,r,o,a=Array(n),s=8*n-t-1,l=(1<>1,h=23===t?A(2,-24)-A(2,-77):0,u=0,d=e<0||0===e&&1/e<0?1:0;for((e=S(e))!=e||e===k?(r=e!=e?1:0,i=l):(i=C(_(e)/T),e*(o=A(2,-i))<1&&(i--,o*=2),(e+=i+c>=1?h/o:h*A(2,1-c))*o>=2&&(i++,o/=2),i+c>=l?(r=0,i=l):i+c>=1?(r=(e*o-1)*A(2,t),i+=c):(r=e*A(2,c-1)*A(2,t),i=0));t>=8;a[u++]=255&r,r/=256,t-=8);for(i=i<0;a[u++]=255&i,i/=256,s-=8);return a[--u]|=128*d,a}function I(e,t,n){var i,r=8*n-t-1,o=(1<>1,s=r-7,l=n-1,c=e[l--],h=127&c;for(c>>=7;s>0;h=256*h+e[l],l--,s-=8);for(i=h&(1<<-s)-1,h>>=-s,s+=t;s>0;i=256*i+e[l],l--,s-=8);if(0===h)h=1-a;else{if(h===o)return i?NaN:c?-k:k;i+=A(2,t),h-=a}return(c?-1:1)*i*A(2,h-t)}function N(e){return e[3]<<24|e[2]<<16|e[1]<<8|e[0]}function D(e){return[255&e]}function R(e){return[255&e,e>>8&255]}function z(e){return[255&e,e>>8&255,e>>16&255,e>>24&255]}function j(e){return P(e,52,8)}function B(e){return P(e,23,4)}function H(e,t,n){g(e.prototype,t,{get:function(){return this[n]}})}function F(e,t,n,i){var r=p(+n);if(r+t>e[L])throw w(\"Wrong index!\");var o=e[O]._b,a=r+e[E],s=o.slice(a,a+t);return i?s:s.reverse()}function W(e,t,n,i,r,o){var a=p(+n);if(a+t>e[L])throw w(\"Wrong index!\");for(var s=e[O]._b,l=a+e[E],c=i(+r),h=0;hG;)(V=U[G++])in v||s(v,V,M[V]);o||(q.constructor=v)}var X=new y(new v(2)),Y=y.prototype.setInt8;X.setInt8(0,2147483648),X.setInt8(1,2147483649),!X.getInt8(0)&&X.getInt8(1)||l(y.prototype,{setInt8:function(e,t){Y.call(this,e,t<<24>>24)},setUint8:function(e,t){Y.call(this,e,t<<24>>24)}},!0)}else v=function(e){h(this,v,\"ArrayBuffer\");var t=p(e);this._b=m.call(Array(t),0),this[L]=t},y=function(e,t,n){h(this,y,\"DataView\"),h(e,v,\"DataView\");var i=e[L],r=u(t);if(r<0||r>i)throw w(\"Wrong offset!\");if(r+(n=void 0===n?i-r:d(n))>i)throw w(\"Wrong length!\");this[O]=e,this[E]=r,this[L]=n},r&&(H(v,\"byteLength\",\"_l\"),H(y,\"buffer\",\"_b\"),H(y,\"byteLength\",\"_l\"),H(y,\"byteOffset\",\"_o\")),l(y.prototype,{getInt8:function(e){return F(this,1,e)[0]<<24>>24},getUint8:function(e){return F(this,1,e)[0]},getInt16:function(e){var t=F(this,2,e,arguments[1]);return(t[1]<<8|t[0])<<16>>16},getUint16:function(e){var t=F(this,2,e,arguments[1]);return t[1]<<8|t[0]},getInt32:function(e){return N(F(this,4,e,arguments[1]))},getUint32:function(e){return N(F(this,4,e,arguments[1]))>>>0},getFloat32:function(e){return I(F(this,4,e,arguments[1]),23,4)},getFloat64:function(e){return I(F(this,8,e,arguments[1]),52,8)},setInt8:function(e,t){W(this,1,e,D,t)},setUint8:function(e,t){W(this,1,e,D,t)},setInt16:function(e,t){W(this,2,e,R,t,arguments[2])},setUint16:function(e,t){W(this,2,e,R,t,arguments[2])},setInt32:function(e,t){W(this,4,e,z,t,arguments[2])},setUint32:function(e,t){W(this,4,e,z,t,arguments[2])},setFloat32:function(e,t){W(this,4,e,B,t,arguments[2])},setFloat64:function(e,t){W(this,8,e,j,t,arguments[2])}});b(v,\"ArrayBuffer\"),b(y,\"DataView\"),s(y.prototype,a.VIEW,!0),t.ArrayBuffer=v,t.DataView=y},129:function(e,t){t.BITS=32,t.GROUPS=4,t.RE_ADDRESS=/^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/g,t.RE_SUBNET_STRING=/\\/\\d{1,2}$/},13:function(e,t,n){e.exports=!n(4)((function(){return 7!=Object.defineProperty({},\"a\",{get:function(){return 7}}).a}))},130:function(e,t){t.BITS=128,t.GROUPS=8,t.SCOPES={0:\"Reserved\",1:\"Interface local\",2:\"Link local\",4:\"Admin local\",5:\"Site local\",8:\"Organization local\",14:\"Global\",15:\"Reserved\"},t.TYPES={\"ff01::1/128\":\"Multicast (All nodes on this interface)\",\"ff01::2/128\":\"Multicast (All routers on this interface)\",\"ff02::1/128\":\"Multicast (All nodes on this link)\",\"ff02::2/128\":\"Multicast (All routers on this link)\",\"ff05::2/128\":\"Multicast (All routers in this site)\",\"ff02::5/128\":\"Multicast (OSPFv3 AllSPF routers)\",\"ff02::6/128\":\"Multicast (OSPFv3 AllDR routers)\",\"ff02::9/128\":\"Multicast (RIP routers)\",\"ff02::a/128\":\"Multicast (EIGRP routers)\",\"ff02::d/128\":\"Multicast (PIM routers)\",\"ff02::16/128\":\"Multicast (MLDv2 reports)\",\"ff01::fb/128\":\"Multicast (mDNSv6)\",\"ff02::fb/128\":\"Multicast (mDNSv6)\",\"ff05::fb/128\":\"Multicast (mDNSv6)\",\"ff02::1:2/128\":\"Multicast (All DHCP servers and relay agents on this link)\",\"ff05::1:2/128\":\"Multicast (All DHCP servers and relay agents in this site)\",\"ff02::1:3/128\":\"Multicast (All DHCP servers on this link)\",\"ff05::1:3/128\":\"Multicast (All DHCP servers in this site)\",\"::/128\":\"Unspecified\",\"::1/128\":\"Loopback\",\"ff00::/8\":\"Multicast\",\"fe80::/10\":\"Link-local unicast\"},t.RE_BAD_CHARACTERS=/([^0-9a-f:\\/%])/gi,t.RE_BAD_ADDRESS=/([0-9a-f]{5,}|:{3,}|[^:]:$|^:[^:]|\\/$)/gi,t.RE_SUBNET_STRING=/\\/\\d{1,3}(?=%|$)/,t.RE_ZONE_STRING=/%.*$/,t.RE_URL=new RegExp(/^\\[{0,1}([0-9a-f:]+)\\]{0,1}/),t.RE_URL_WITH_PORT=new RegExp(/\\[([0-9a-f:]+)\\]:([0-9]{1,5})/)},131:function(e,t){e.exports=function(e){return\"string\"!=typeof e?e:(/^['\"].*['\"]$/.test(e)&&(e=e.slice(1,-1)),/[\"'() \\t\\n]/.test(e)?'\"'+e.replace(/\"/g,'\\\\\"').replace(/\\n/g,\"\\\\n\")+'\"':e)}},132:function(e,t,n){var i=n(479),r=n(485);e.exports=function(e,t){var n=r(e,t);return i(n)?n:void 0}},133:function(e,t,n){var i=n(76),r=n(51);e.exports=function(e){if(!r(e))return!1;var t=i(e);return\"[object Function]\"==t||\"[object GeneratorFunction]\"==t||\"[object AsyncFunction]\"==t||\"[object Proxy]\"==t}},134:function(e,t,n){var i=n(62).Symbol;e.exports=i},135:function(e,t,n){var i=n(211);e.exports=function(e,t,n){\"__proto__\"==t&&i?i(e,t,{configurable:!0,enumerable:!0,value:n,writable:!0}):e[t]=n}},136:function(e,t){var n=Array.isArray;e.exports=n},137:function(e,t,n){var i=n(133),r=n(215);e.exports=function(e){return null!=e&&r(e.length)&&!i(e)}},138:function(e,t,n){\"use strict\";Object.defineProperty(t,\"__esModule\",{value:!0});var i,r=Object.assign||function(e){for(var t=1;t0&&void 0!==arguments[0]?arguments[0]:\"inline\",r=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return i({},r?t:{},{all:\"initial\",fontFamily:e.fontFamily,fontSize:e.fontSize,lineHeight:e.lineHeight,color:e.textColor,boxSizing:\"border-box\",display:n,borderWidth:\"1px\",visibility:\"inherit\",outline:\"medium none \"+e.focusColor})}},t.clearfix=function(){return{\"&::after\":{display:\"table\",content:'\"\"',clear:\"both\"}}},t.ellipsis=function(){return{overflow:\"hidden\",textOverflow:\"ellipsis\",whiteSpace:\"nowrap\"}},t.printWidth100Percent=function(){return{maxWidth:\"100% !important\",width:\"100% !important\",overflow:\"hidden !important\"}},t.printHide=function(){return{display:\"none !important\"}},t.printNoBackground=function(){return{background:\"none !important\"}},t.printWrapAll=function(){return{wordBreak:\"break-all !important\",wordWrap:\"break-word !important\",overflowWrap:\"break-word !important\",whiteSpace:\"normal !important\"}}},14:function(e,t,n){var i=n(33),r=Math.min;e.exports=function(e){return e>0?r(i(e),9007199254740991):0}},140:function(e,t,n){\"use strict\";!function e(){if(\"undefined\"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&\"function\"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE){0;try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(e){console.error(e)}}}(),e.exports=n(536)},141:function(e,t,n){var i=n(78);e.exports=function(e,t){if(!i(e))return e;var n,r;if(t&&\"function\"==typeof(n=e.toString)&&!i(r=n.call(e)))return r;if(\"function\"==typeof(n=e.valueOf)&&!i(r=n.call(e)))return r;if(!t&&\"function\"==typeof(n=e.toString)&&!i(r=n.call(e)))return r;throw TypeError(\"Can't convert object to primitive value\")}},142:function(e,t){var n=Math.ceil,i=Math.floor;e.exports=function(e){return isNaN(e=+e)?0:(e>0?i:n)(e)}},143:function(e,t){e.exports=function(e){if(null==e)throw TypeError(\"Can't call method on \"+e);return e}},144:function(e,t){e.exports=!0},145:function(e,t){e.exports={}},146:function(e,t,n){var i=n(77),r=n(551),o=n(150),a=n(148)(\"IE_PROTO\"),s=function(){},l=function(){var e,t=n(228)(\"iframe\"),i=o.length;for(t.style.display=\"none\",n(556).appendChild(t),t.src=\"javascript:\",(e=t.contentWindow.document).open(),e.write(\" + % if theme is not UNDEFINED: + + % else: + + % endif + + % if theme is not UNDEFINED: + + % else: + + % endif + - - + <% page_path = "/static/app/" + app_name + "/cim_setup.js" %> @@ -31,4 +47,4 @@ - \ No newline at end of file + diff --git a/default/app.conf b/default/app.conf index d3d8a72..52a4b8d 100644 --- a/default/app.conf +++ b/default/app.conf @@ -3,12 +3,12 @@ [install] is_configured = true state = enabled -build = 6 +build = 34 [launcher] author=Splunk description=The Common Information Model add-on provides a collection of datamodels that make building apps and add-ons easier. -version=4.20.0 +version=5.0.1 [triggers] # unchanged except at upgrade @@ -40,9 +40,10 @@ reload.postprocess = simple reload.tsidx_retention = simple [ui] -is_visible = false -label = Splunk Common Information Model -setup_view = cim_setup +is_visible = true +show_in_nav = false +label = Splunk Common Information Model +setup_view = cim_setup [package] id = Splunk_SA_CIM diff --git a/default/data/models/Change.json b/default/data/models/Change.json index 833463f..9237c59 100644 --- a/default/data/models/Change.json +++ b/default/data/models/Change.json @@ -544,11 +544,14 @@ "created", "deleted", "modified", - "read", "stopped", + "lockout", + "read", + "logoff", "updated", "started", - "restarted" + "restarted", + "unlocked" ], "recommended": true }, diff --git a/default/data/models/Data_Access.json b/default/data/models/Data_Access.json index 82e418b..455b6cb 100644 --- a/default/data/models/Data_Access.json +++ b/default/data/models/Data_Access.json @@ -390,16 +390,16 @@ "expression": "if(isnull(src) OR src=\"\",\"unknown\",src)" }, { - "calculationID": "Data_Access_fillnull_tenant_id", + "calculationID": "Data_Access_fillnull_vendor_account", "calculationType": "Eval", "outputFields": [ { "comment": { - "description": "Tenant ID in multi-tenant environments.", + "description": "The account that manages the user that initiated the request.", "recommended": true }, - "fieldName": "tenant_id", - "displayName": "tenant_id", + "fieldName": "vendor_account", + "displayName": "vendor_account", "type": "string", "fieldSearch": "", "required": false, @@ -407,7 +407,7 @@ "hidden": false } ], - "expression": "if(isnull(tenant_id) OR tenant_id=\"\",\"unknown\",tenant_id)" + "expression": "if(isnull(vendor_account) OR vendor_account=\"\",\"unknown\",vendor_account)" }, { "calculationID": "All_Changes_fillnull_user", diff --git a/default/data/ui/views/datamodel_audit.xml b/default/data/ui/views/datamodel_audit.xml index c22bdc0..3291bc9 100644 --- a/default/data/ui/views/datamodel_audit.xml +++ b/default/data/ui/views/datamodel_audit.xml @@ -1,4 +1,4 @@ - + diff --git a/default/data/ui/views/eventtype_tag_center.xml b/default/data/ui/views/eventtype_tag_center.xml index a0acc03..bfde404 100644 --- a/default/data/ui/views/eventtype_tag_center.xml +++ b/default/data/ui/views/eventtype_tag_center.xml @@ -1,4 +1,4 @@ -
    + diff --git a/default/data/ui/views/modaction_api_key.xml b/default/data/ui/views/modaction_api_key.xml index ed543f0..69b9e97 100644 --- a/default/data/ui/views/modaction_api_key.xml +++ b/default/data/ui/views/modaction_api_key.xml @@ -1,10 +1,6 @@ - + - - -
    - - - +

    This view has been deprecated.

    +