You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
169 KiB
1 line
169 KiB
require(["app/DA-ITSI-CP-aws-dashboards/js/libs/jquery-ui","splunkjs/mvc","app/DA-ITSI-CP-aws-dashboards/js/libs/underscore","app/DA-ITSI-CP-aws-dashboards/js/libs/jquery","app/DA-ITSI-CP-aws-dashboards/js/libs/backbone","app/DA-ITSI-CP-aws-dashboards/js/swc-aws/index","splunkjs/mvc/searchmanager","splunkjs/mvc/tokenforwarder","splunkjs/mvc/simplexml/ready!","splunkjs/mvc/multidropdownview"],function(n,e,t,r,o,i,a,l,s,d){return function(n){var e={};function t(r){if(e[r])return e[r].exports;var o=e[r]={exports:{},id:r,loaded:!1};return n[r].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}return t.m=n,t.c=e,t.p="stage/",t(0)}([function(n,e,t){var r,o;t.p=function(){function n(n,e){if(window.$C&&window.$C.hasOwnProperty(n))return window.$C[n];if(void 0!==e)return e;throw new Error("getConfigValue - "+n+" not set, no default provided")}return function(){for(var e,t,r="",o=0,i=arguments.length;o<i;o++)(t=(e=arguments[o].toString()).length)>1&&"/"==e.charAt(t-1)&&(e=e.substring(0,t-1)),"/"!=e.charAt(0)?r+="/"+e:r+=e;if("/"!=r){var a=r.split("/"),l=a[1];if("static"==l||"modules"==l){var s=r.substring(l.length+2,r.length);r="/"+l,window.$C.BUILD_NUMBER&&(r+="/@"+window.$C.BUILD_NUMBER),window.$C.BUILD_PUSH_NUMBER&&(r+="."+window.$C.BUILD_PUSH_NUMBER),"app"==a[2]&&(r+=":"+n("APP_BUILD",0)),r+="/"+s}}var d=n("MRSPARKLE_ROOT_PATH","/"),c=n("DJANGO_ROOT_PATH",""),A=n("LOCALE","en-US"),u="";return u=c&&r.substring(0,c.length)===c?r.replace(c,c+"/"+A.toLowerCase()):"/"+A+r,""==d||"/"==d?u:d+u}("/static/app/DA-ITSI-CP-aws-dashboards")+"/"}(),r=[t(1),t(4),t(2),t(59),t(60),t(61),t(65),t(67),t(9),t(7),t(34),t(48),t(32),t(49),t(39),t(71),t(73),t(42)],void 0===(o=function(n,e,t,r,o,i,a,l,s,d){"use strict";var c=new r,A=t.Components.get("default"),u=A.get("earliest"),p=A.get("latest");new i({el:$("#headerContainer"),model:c}).render();var h=new a({model:c}),g=new l({el:"#"+s.CHART_CONTAINER_ID,model:c}).render();new o(c,u,p),A.on("change:base",function(){c.changeSingleData(A.get("base"))}),A.on("change:payment",h.formatData.bind(h)),g.on(s.EVENT.RESET,function(){A.set("earliest",u),A.set("latest",p),c.changeSingleData(A.get("base"))}),g.on(s.EVENT.DRAG_POINT,c.dragPointToModifySingleData.bind(c)),$("#"+s.CHART_CONTAINER_ID).on(s.EVENT.SELECT_TIME,function(n,e,t){var r=d.timeToIndex(e),o=d.timeToIndex(t),i=d.start.getTime()+r*s.ONE_DAY_MIS,a=d.start.getTime()+(o+1)*s.ONE_DAY_MIS-1;A.set("earliest",i*s.TIMESTAMP_TO_SPLUNK_TIME_COEF),A.set("latest",a*s.TIMESTAMP_TO_SPLUNK_TIME_COEF),c.selectTimeToModifySingleData(r,o)})}.apply(e,r))||(n.exports=o)},function(e,t){e.exports=n},function(n,t){n.exports=e},,function(n,e){n.exports=t},function(n,e){n.exports=r},function(n,e){n.exports=o},function(n,e,t){var r,o,i=function(){return function(n,e){if(Array.isArray(n))return n;if(Symbol.iterator in Object(n))return function(n,e){var t=[],r=!0,o=!1,i=void 0;try{for(var a,l=n[Symbol.iterator]();!(r=(a=l.next()).done)&&(t.push(a.value),!e||t.length!==e);r=!0);}catch(n){o=!0,i=n}finally{try{!r&&l.return&&l.return()}finally{if(o)throw i}}return t}(n,e);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}();r=[t(5),t(4),t(8),t(9)],void 0===(o=function(n,e,t,r){"use strict";var o=t.moment,a={generateIHSPL:function(t){var a=t.aws_account_id,l=t.region,s=t.instance_type,d=t.platform,c=t.tenancy,A=t.base,u=t.normalFactor,p=t.dedupSpl,h=r.RI,g=l+"*",m=s,C="";if(this.checkSizeFlexibility(d,c)){h=r.SIZE_FLEXIBILITY_RI;var f=s.split("."),b=i(f,2),$=b[0];b[1];m=$+"*",C=u}var x={dedupSpl:p,region:l,platform:d,tenancy:c,accountId:a,location:g,type:m,refer:C},B=e.template(h),v=n.extend({slice:"h",name:"current_ih"},x),y=n.extend({slice:"d",name:"current_d"},x),k=B(v);if("prediction"===A){var w=o().add(1,"y").isLeapYear(),I=r.ONE_YEAR_DAY+(w?1:0);k+=e.template(r.PREDICT_RI)({oneYearHour:I*r.ONE_DAY_HOUR,oneYearDay:I,instanceHourSPL:B(y)})}return k},generateRecommSPL:function(n){var e=n.base,t=n.payment,r=n.instance_type;return"| rirecommendation "+e+" "+n.region+" "+r+" "+t+' "'+n.platform+'" "'+n.tenancy+'"'},generateRISPL:function(n){return a.generateIHSPL(n)+a.generateRecommSPL(n)},calRI:function(n,e,t){if(0===t)return 0;var r=n.slice().sort(function(n,e){return n-e}),o=parseInt(e/t*n.length),i=Math.min(Math.max(n.length-o-1,0),n.length-1);return parseInt(Math.round(r[i]))},calRICost:function(n,e,t,o){var i=n.map(function(n){return parseFloat(n)}),a=i.reduce(function(n,e){return n+e},0),l=i.reduce(function(n,t){var r=t-e;return n+(r>0?r:0)},0),s=a*o,d=l*o+e*t*n.length;return n.length<r.ONE_YEAR_DAY*r.ONE_DAY_HOUR&&(s=parseInt(Math.round(s/n.length*r.ONE_YEAR_DAY*r.ONE_DAY_HOUR)),d=parseInt(Math.round(d/n.length*r.ONE_YEAR_DAY*r.ONE_DAY_HOUR)),l=parseInt(Math.round(l/n.length*r.ONE_YEAR_DAY*r.ONE_DAY_HOUR))),{onDemandCost:s,riCost:d,totalUnCoveredHours:l}},timeToIndex:function(n){return Math.floor((n-a.start.getTime())/r.ONE_DAY_MIS)},addPlotLine:function(e,t,r,o,i,a){var l={color:i,dashStyle:"shortdot",value:o,width:2,id:t,label:{rotation:0,text:r}};n.extend(l.label,a),e.addPlotLine(l)},timeToXText:function(n){return o(n).format("MMM DD,YYYY")},buildCacheId:function(n,e,t){return[t.aws_account_id,t.region,t.platform,t.tenancy,t.instance_type,n,e,t.regionLabel,t.platformLabel,t.tenancyLabel].join("_")},_hoursWeightCmp:function(n,e){if(n.diff!==e.diff)return n.diff>e.diff?-1:1;if(n.value===e.value)return 0;var t=1,r=0,o=0;n.value>e.value?(t=-1,r=n.value,o=e.value):(r=e.value,o=n.value);var i=o/r,a=Math.floor(o+1)/(r<1?1:Math.floor(r)),l=Math.floor(o)/Math.floor(r+1),s=Math.abs(a-i),d=Math.abs(l-i);return s===d?0:s<d?-1*t:1*t},distributeDayAccordingHour:function(n,e){var t=this;if(0===n.length||0===e.length||n.length!==e.length/r.ONE_DAY_HOUR)return[];for(var o=Array.apply(null,Array(n.length*r.ONE_DAY_HOUR)).map(Number.prototype.valueOf,0),i=function(i){var a=Math.round(n[i]);if(0===a)return"continue";var l=a,s=[],d=e.slice(i*r.ONE_DAY_HOUR,(i+1)*r.ONE_DAY_HOUR),c=d.reduce(function(n,e){return n+e},0);d=d.map(function(n){return 0===c?1/r.ONE_DAY_HOUR:n/c});for(var A=0;A<r.ONE_DAY_HOUR;A++){o[i*r.ONE_DAY_HOUR+A]=Math.floor(d[A]*a);var u=d[A]*a-Math.floor(d[A]*a);l-=o[i*r.ONE_DAY_HOUR+A],s.push({index:A,diff:u,value:o[i*r.ONE_DAY_HOUR+A]})}if(l>0)for(s.sort(t._hoursWeightCmp);l>0&&s.length>0;)o[i*r.ONE_DAY_HOUR+s.shift().index]+=1,l-=1},a=0;a<n.length;a++)i(a);return o},accumulateToMap:function(n,t,r){r=parseFloat(r),e.isNaN(r)&&(r=0);for(var o=n,i=0;i<t.length;i++)t[i]in o?i==t.length-1&&(o[t[i]]+=r):i==t.length-1?o[t[i]]=r:o[t[i]]={},o=o[t[i]]},getValueFromMap:function(n,e){for(var t=n,r=0;r<e.length;r++){if(!(e[r]in t))return 0;t=t[e[r]]}return t},checkSizeFlexibility:function(n,e){return"Linux"==n&&"On Demand"==e}};return a}.apply(e,r))||(n.exports=o)},function(n,e){n.exports=i},function(n,e,t){var r,o;function i(n,e,t){return e in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}r=[t(5),t(10)],void 0===(o=function(n,e){var t;return i(t={ONE_YEAR_DAY:365,ONE_DAY_HOUR:24,ONE_HOUR_SECOND:3600,ONE_YEAR_MONTH:12,ONE_DAY_MIS:864e5,ONE_HOUR_MIS:36e5,TIMESTAMP_TO_SPLUNK_TIME_COEF:.001,DEFAULT_SMALLEST_SIZE:"small",CHART_CONTAINER_ID:"chartContainer",DEDUP_PREFIX:"instance_hour.",EVENT:{DRAG_POINT:"point",SELECT_TIME:"time",RESET:"reset"},NO_DESCRIPTION_MESSAGE:"It requires metadata data to get existing reserved instance information.",PARAM:'| tstats `aws-data-model-acceleration` count FROM datamodel=Instance_Hour where instance_hour.AvailabilityZone!="Unspecified" by instance_hour.LinkedAccountId instance_hour.instance_type instance_hour.platform instance_hour.tenancy instance_hour.AvailabilityZone | rename instance_hour.AvailabilityZone as availability_zone, instance_hour.LinkedAccountId as aws_account_id, instance_hour.instance_type as instance_type, instance_hour.platform as platform, instance_hour.tenancy as tenancy | eval availability_zone_len=len(availability_zone), region=substr(availability_zone, 0, availability_zone_len-1)| lookup regions region OUTPUT label as regionLabel | lookup ri_billing_to_description billing as platform OUTPUT description as platformLabel | lookup ri_billing_to_description billing as tenancy OUTPUT description as tenancyLabel| stats count by aws_account_id, region, platform, tenancy, instance_type, regionLabel, platformLabel, tenancyLabel',RI:'| tstats `aws-data-model-acceleration` count as <%=name %> FROM datamodel=Instance_Hour where <%= dedupSpl %> AND instance_hour.LinkedAccountId="<%= accountId %>" AND instance_hour.AvailabilityZone="<%= location %>" AND instance_hour.instance_type="<%= type %>" AND instance_hour.platform="<%= platform %>" AND instance_hour.tenancy="<%= tenancy %>" by _time span=1h | timechart span=1<%=slice %> sum(<%=name %>) as <%=name %> | fillnull',SIZE_FLEXIBILITY_RI:'| tstats `aws-data-model-acceleration` count FROM datamodel=Instance_Hour where <%= dedupSpl %> AND instance_hour.LinkedAccountId="<%= accountId %>" AND instance_hour.AvailabilityZone="<%= location %>" AND instance_hour.instance_type="<%= type %>" AND instance_hour.platform="<%= platform %>" AND instance_hour.tenancy="<%= tenancy %>" by instance_hour.instance_type, _time span=1h | rename instance_hour.instance_type as instance_type | eval size=split(instance_type, "."), size=mvindex(size, 1)| lookup ri_normal_factor size OUTPUT factor | eval unit = count * factor / <%= refer %> | timechart span=1<%=slice %> sum(unit) as <%= name %> | fillnull',BILLING_REPORT_ENDTIME:'| inputlookup billing_report_s3key | search eventtype="aws_billing_detail_report" | rex field=source ".*aws-billing-detailed-line-items-.*(?<timestr>\\d{4}-\\d{2}).csv.zip" | sort 0 - timestr',PREDICT_RI:"| predict current_ih as recommended_ih future_timespan=<%= oneYearHour %> | appendcols [<%= instanceHourSPL %> | predict current_d as recommended_d future_timespan=<%= oneYearDay %> | eval d_time=_time]",BOUGHT_RI:'`aws-metadata("*", "*", "ec2_reserved_instances","ReservedInstancesId")` | search state="active" | stats sum(instance_count) as instance_count by aws_account_id, region, description, instance_tenancy, Scope, instance_type | rename description as platform, instance_tenancy as tenancy',FLEXIBILITY_FAMILY_INFO:'| inputlookup price | append [|inputlookup cn_price] | where os="Linux" AND tenancy="Shared" | sort on_demand_hourly | eval instance_type=split(instance_type,"."), family=mvindex(instance_type,0), size=mvindex(instance_type,1) | fields region, family, size | mvcombine size',NORMAL_FACTOR:"| inputlookup ri_normal_factor"},"EVENT",{DRAG_POINT:"point",SELECT_TIME:"time",RESET:"reset"}),i(t,"TABLE",{SORT_INDEX:[8,7,6],EXISTING_RI_INDEX:6,OPTIMAL_RI_INDEX:7,YEARLY_SAVING_INDEX:8,MESSAGE_INDEX:9,MESSAGE:"Details",ITEM_NAME:{SINGLE:"item",PLURAL:"items"},columnName:["","Account ID","Region","Platform","Tenancy","Instance type","Existing RIs","Optimal RIs","Estimated yearly savings","Details"],columnType:[["expand"],["sort"],["sort"],["sort"],["sort"],["sort"],["sort","tooltip"],["sort","headerTooltip","tooltip"],["sort"],["tooltip","drilldown"]],headerParams:{"Optimal RIs":{tooltipTemplate:e}},footerParams:{"":{colspan:8},"Estimated yearly savings":{colspan:2}},columnParams:{Details:{tooltipPlacement:"top",tooltipOnClick:"return false;"},"Existing RIs":{tooltipPlacement:"top",tooltipOnClick:"return false;"},"Optimal RIs":{tooltipPlacement:"top",tooltipOnClick:"return false;"}}}),i(t,"FILTERS",{BASE_OPTIONS:[{value:"history",label:"History"},{value:"prediction",label:"Prediction"}],PAYMENT_OPTIONS:[{value:"all",label:"All upfront"},{value:"partial",label:"Partial upfront"},{value:"no",label:"No upfront"}]}),t}.apply(e,r))||(n.exports=o)},function(n,e){n.exports='<span data-html="true" class="icon-info-circle optimal-RI-tooltip" data-toggle="tooltip" data-placement="bottom" data-original-title=\'\n <div>\n <p align="left">If the optimal RI number exceeds the number of RIs currently in use, it is recommended that you stay with the existing number and purchase additional RIs only when needed.</p>\n</div>\n\'></span>'},,function(n,e){n.exports='<span data-html="true" class="icon-info-circle RI-basis-tooltip" data-toggle="tooltip" data-placement="bottom" data-original-title=\'\n <div>\n <p align="left">\n <strong>History</strong> insight helps you to understand your payment for the <strong>past</strong> year, and our recommended instance package and optimized payment in the same period.\n </p>\n <p style="line-height: 20%"></p>\n <p align="left">\n <strong>Prediction</strong> insight helps you to understand your payment for the <strong>following</strong> year, and our recommended instance package and optimized payment in the same period.\n </p>\n </div>\n\'></span>'},,,,,,,,,,,,,,function(n,e){n.exports=function(){var n=[];return n.toString=function(){for(var n=[],e=0;e<this.length;e++){var t=this[e];t[2]?n.push("@media "+t[2]+"{"+t[1]+"}"):n.push(t[1])}return n.join("")},n.i=function(e,t){"string"==typeof e&&(e=[[null,e,""]]);for(var r={},o=0;o<this.length;o++){var i=this[o][0];"number"==typeof i&&(r[i]=!0)}for(o=0;o<e.length;o++){var a=e[o];"number"==typeof a[0]&&r[a[0]]||(t&&!a[2]?a[2]=t:t&&(a[2]="("+a[2]+") and ("+t+")"),n.push(a))}},n}},function(n,e,t){var r={},o=function(n){var e;return function(){return void 0===e&&(e=n.apply(this,arguments)),e}},i=o(function(){return/msie [6-9]\b/.test(self.navigator.userAgent.toLowerCase())}),a=o(function(){return document.head||document.getElementsByTagName("head")[0]}),l=null,s=0,d=[];function c(n,e){for(var t=0;t<n.length;t++){var o=n[t],i=r[o.id];if(i){i.refs++;for(var a=0;a<i.parts.length;a++)i.parts[a](o.parts[a]);for(;a<o.parts.length;a++)i.parts.push(g(o.parts[a],e))}else{var l=[];for(a=0;a<o.parts.length;a++)l.push(g(o.parts[a],e));r[o.id]={id:o.id,refs:1,parts:l}}}}function A(n){for(var e=[],t={},r=0;r<n.length;r++){var o=n[r],i=o[0],a={css:o[1],media:o[2],sourceMap:o[3]};t[i]?t[i].parts.push(a):e.push(t[i]={id:i,parts:[a]})}return e}function u(n,e){var t=a(),r=d[d.length-1];if("top"===n.insertAt)r?r.nextSibling?t.insertBefore(e,r.nextSibling):t.appendChild(e):t.insertBefore(e,t.firstChild),d.push(e);else{if("bottom"!==n.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");t.appendChild(e)}}function p(n){n.parentNode.removeChild(n);var e=d.indexOf(n);e>=0&&d.splice(e,1)}function h(n){var e=document.createElement("style");return e.type="text/css",u(n,e),e}function g(n,e){var t,r,o;if(e.singleton){var i=s++;t=l||(l=h(e)),r=f.bind(null,t,i,!1),o=f.bind(null,t,i,!0)}else n.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(t=function(n){var e=document.createElement("link");return e.rel="stylesheet",u(n,e),e}(e),r=function(n,e){var t=e.css,r=e.sourceMap;r&&(t+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */");var o=new Blob([t],{type:"text/css"}),i=n.href;n.href=URL.createObjectURL(o),i&&URL.revokeObjectURL(i)}.bind(null,t),o=function(){p(t),t.href&&URL.revokeObjectURL(t.href)}):(t=h(e),r=function(n,e){var t=e.css,r=e.media;r&&n.setAttribute("media",r);if(n.styleSheet)n.styleSheet.cssText=t;else{for(;n.firstChild;)n.removeChild(n.firstChild);n.appendChild(document.createTextNode(t))}}.bind(null,t),o=function(){p(t)});return r(n),function(e){if(e){if(e.css===n.css&&e.media===n.media&&e.sourceMap===n.sourceMap)return;r(n=e)}else o()}}n.exports=function(n,e){void 0===(e=e||{}).singleton&&(e.singleton=i()),void 0===e.insertAt&&(e.insertAt="bottom");var t=A(n);return c(t,e),function(n){for(var o=[],i=0;i<t.length;i++){var a=t[i];(l=r[a.id]).refs--,o.push(l)}n&&c(A(n),e);for(i=0;i<o.length;i++){var l;if(0===(l=o[i]).refs){for(var s=0;s<l.parts.length;s++)l.parts[s]();delete r[l.id]}}}};var m,C=(m=[],function(n,e){return m[n]=e,m.filter(Boolean).join("\n")});function f(n,e,t,r){var o=t?"":r.css;if(n.styleSheet)n.styleSheet.cssText=C(e,o);else{var i=document.createTextNode(o),a=n.childNodes;a[e]&&n.removeChild(a[e]),a.length?n.insertBefore(i,a[e]):n.appendChild(i)}}},,,,,function(n,e,t){var r,o;r=[t(4),t(8),t(33)],void 0===(o=function(n,e,t){"use strict";var r=e.utils.getPageInfo().app;return{search:function(e,o,i){o||(o={});var a,l=i?{tokens:!0}:null,s=$.Deferred(),d=new t($.extend({id:n.uniqueId("adhoc"),search:e,preview:!1,app:r,count:1e4,offset:0},o),l);return d.once("search:done",function(){(a=d.data(o.data||"results",{output_mode:"json",count:1e4})).once("data",function(){s.resolve(a.data().results)}),a.once("error",s.reject),a.fetch()}),d.once("search:error search:fail search:cancelled",s.reject),s.always(function(){a&&a.destroy(),d.cancel()}).promise()}}}.apply(e,r))||(n.exports=o)},function(n,e){n.exports=a},function(n,e,t){var r,o,i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n};r=[t(2),t(35),t(8)],void 0===(o=function(n,e,t){"use strict";t.utils,t.splunkd_utils;var r=/\$PREFIX\$/g,o='timechart span=1d sum(cost) as "Cost"',a={USD:"$",CNY:"¥",JPY:"¥",EUR:"€"},l=n.Components.getInstance("default");n.setFilter("currency2Symbol",function(n){if(n)return n in a?a[n]:""}),["countspl","costspl"].forEach(function(e){n.setFilter("groupby2"+e,function(n){var t="countspl"===e?'timechart sum(count) as "Instance Hours" span=1d':o,r="countspl"===e?"instance_hour":"detailed_billing";if(!(n&&n.length>0))return n;switch(n){case"none":return"by _time span=1d | "+t;case"reservation":return'by _time instance_hour.ReservedInstance span=1d | eval Reserved=if(\'instance_hour.ReservedInstance\'="Y", count, 0) | eval count=if(\'instance_hour.ReservedInstance\'="N", count, 0) | fields _time count Reserved | timechart sum(count) as "On-demand" sum(Reserved) as Reserved span=1d';default:return"by _time "+r+"."+n+" span=1d | eval "+r+"."+n+"=if('"+r+"."+n+'\'=="", "No Value", \''+r+"."+n+"') | "+t+" by "+r+"."+n}}),n.setFilter("curgroupby2"+e,function(n){var t="countspl"===e?'timechart sum(count) as "Instance Hours" span=1d':o,r="countspl"===e?"instance_hour_cur":"detailed_billing_cur";if(!(n&&n.length>0))return n;switch(n){case"none":return"by _time span=1d | "+t;case"reservation":return'by _time instance_hour_cur.ReservedInstance span=1d | eval Reserved=if(\'instance_hour_cur.ReservedInstance\'="Y", count, 0) | eval count=if(\'instance_hour_cur.ReservedInstance\'="N", count, 0) | fields _time count Reserved | timechart sum(count) as "On-demand" sum(Reserved) as Reserved span=1d';default:return"by _time "+r+"."+n+" span=1d | eval "+r+"."+n+"=if('"+r+"."+n+'\'=="", "No Value", \''+r+"."+n+"') | "+t+" by "+r+"."+n}})}),n.setFilter("costbygroups",function(n){if(n&&n.length>0){var e=n.split("|");return"by "+e.map(function(n){return"detailed_billing."+n}).join(" ")+" | rename "+e.map(function(n){return"detailed_billing."+n+" as "+n}).join(", ")}return n}),n.setFilter("curcostbygroups",function(n){if(n&&n.length>0){var e=n.split("|");return"by "+e.map(function(n){return"detailed_billing_cur."+n}).join(" ")+" | rename "+e.map(function(n){return"detailed_billing_cur."+n+" as "+n}).join(", ")}return n});var s=function(n,e){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:",",r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:" OR ";return function(o){if(o&&o.length>0){var i=o.split(t).map(n).join(r);return e(i)}return o}};return n.setFilter("id2InstanceId",s(function(n){return'metric_dimensions="InstanceId=['+n+']"'},function(n){return"("+n+")"})),n.setFilter("id2VolumeId",s(function(n){return'metric_dimensions="VolumeId=['+n+']"'},function(n){return"("+n+")"})),n.setFilter("id2description",s(function(n){return'id="'+n+'"'},function(n){return"("+n+")"})),n.setFilter("VolumeId2description",s(function(n){return'VolumeId="'+n+'"'},function(n){return"("+n+")"})),n.setFilter("InstanceId2description",s(function(n){return'InstanceId="'+n+'"'},function(n){return"("+n+")"})),["tag2description","tag2config"].forEach(function(e){n.setFilter(e,s(function(n){return n.replace(r,"tags.")},function(n){return"|search "+n},"||"," AND "))}),n.setFilter("ebstag2description",function(n){if(n.length>0){for(var e=n.replaceAll("$PREFIX$",""),t=e.split(" "),r=[],o=0;o<t.length;o++)"AND"==t[o]?r.push("AND"):"OR"==t[o]&&r.push("OR");var i=e.split(" OR "),a=[];for(o=0;o<i.length;o++){var l=i[o].split(" AND ");a.push(l)}a=a.toString().split(","),n="";for(o=0;o<a.length;o++){var s=a[o].toString().split("="),d=s[1].slice(0,s[1].length-1)+'\\"';o==a.length-1?n+='tagskeyvalue="{\\"Key\\": \\"'+s[0]+'\\", \\"Value\\": \\'+d+'}"':n+='tagskeyvalue="{\\"Key\\": \\"'+s[0]+'\\", \\"Value\\": \\'+d+'}" '+r[o]+" "}return"| search "+n}return n}),n.setFilter("tag2notification",s(function(n){return n.replace(r,"configurationItem.tags.")},function(n){return"|search "+n},"||"," AND ")),n.setFilter("tag2billing",s(function(n){return'"'+(n=n.replace(r,"user:"))+'"'},function(n){return"|search "+n},"||"," AND ")),n.setFilter("tag2detailed_billing",s(function(n){return n.replace(r,"detailed_billing.")},function(n){return n},"||"," AND ")),n.setFilter("tag2detailed_billing_cur",s(function(n){return n.replace(r,"detailed_billing_cur.")},function(n){return n},"||"," AND ")),n.setFilter("tag2instance_hour",s(function(n){return n.replace(r,"instance_hour.")},function(n){return n},"||"," AND ")),n.setFilter("tag2instance_hour_cur",s(function(n){return n.replace(r,"instance_hour_cur.")},function(n){return n},"||"," AND ")),n.setFilter("tag2topology",function(n){if(n&&n.length>0){for(var e=n.split(" OR "),t='| fillnull value="" tags | search ',o=0;o<e.length;o++){var i=e[o].replace(r,""),a=i.split("="),l=a[0],s=a[1],d=!1,c=!1;if("NOT"===l.substr(0,3)?(c=!0,l=l.substr(4)):"*"===s[1]&&"*"===s[s.length-2]&&(d=!0),s=s.substring(1,s.length-1),d)t+='tags="\\S*'+l+",\\S*"+(s=s.substring(1,s.length-1))+'\\S*"';else if(c)t+='tags="^(?!.*'+l+',)"';else{var A=i.split("=");if(-1==i.search("AND")&&(t+='(tags="*'+A[0]+","+A[1].slice(1,A[1].length-1)+'*")'),-1!=i.search("AND"))for(var u=i.split(" AND "),p=0;p<u.length;p++){var h=u[p].split("=");t+='(tags="*'+h[0]+","+h[1].slice(1,h[1].length-1)+'*")',p!=u.length-1&&(t+=" AND ")}}o!=e.length-1&&(t+=" OR ")}return t}return n}),{createLocalStorageToken:function(n,t,r){if(l.get("disableLocalToken"))return null;l.on("change:"+t,function(e,t){void 0!==(void 0===t?"undefined":i(t))&&void 0!==t||(t="*"),localStorage.setItem(n,t)});var o=localStorage.getItem(n)||"*",a=new URLSearchParams(location.search).get(t);void 0!==(void 0===a?"undefined":i(a))&&void 0!==a&&null!==a?l.set(n,a):l.set(n,o),new e(["$"+n+"$"],"$"+t+"$",r)},resetTokenValue:function(n,e,t){l.on("change:"+n,function(){l.set(e,t)})}}}.apply(e,r))||(n.exports=o)},function(n,e){n.exports=l},,,,function(n,e,t){var r=t(40);"string"==typeof r&&(r=[[n.id,r,""]]);t(27)(r,{});r.locals&&(n.exports=r.locals)},function(n,e,t){(n.exports=t(26)()).push([n.id,'/* Splunk: Variables */\n/* ================================================== */\n/* Variables to customize the look and feel of Bootstrap (splunk version) */\n\n\n/* STATIC PATHS */\n/* ------------------------- */\n\n\n/* COLOR PALETTE */\n/* ------------------------- */\n\n/* Enterprise */\n\n/* Light */\n\n/* Grayscale - DO NOT USE DIRECTLY WHENEVER POSSIBLE!!! Use text, border or table variables instead. */\n\n/* Accent colors */ /* sky */\n\n\n/* TYPOGRAPHY */\n/* ------------------------- */ /* 18px; */ /* Lite listing pages */ /* empty to use BS default, $baseFontFamily */ /* instead of browser default, bold */ /* empty to use BS default, $textColor */ /* #08c; */\n\n\n/* SCAFFOLDING */\n/* ------------------------- */ /* aliases: $tableBorderColor $tableBorderColorVertical */\n/* also see: $interactiveBorderColor */ /* For containers without a wrapper */ /* For for containers with a wrapper, like popdown */ /* 44px */ /* 26px */ /* 22px */\n\n\n/* Horizontal forms & lists */\n/* ------------------------- */\n\n\n/* Z-INDEX */\n/* ------------------------- */\n/* 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 */\n\n\n/* TABLES */\n/* ------------------------- */ /* overall background-color */ /* for hover */ /* for striping */ /* for striping */ /* table and cell border */ /* table and cell border */ /* table and cell border */\n\n\n\n\n/* FORMS */\n/* ------------------------- */ /* base line-height + 8px vertical padding + 2px top/bottom border */ /* This is generally overridden. */\n\n/* BASE INTERACTIVE */\n/* -------------------------- */\n/* text */\n/* background */\n/* borders */\n/* shadow */ /* Active state in Radio Button Control */\n\n\n/* BASE INTERACTIVE ERROR */\n/* -------------------------- */\n/* text */\n/* background */\n/* borders */\n\n\n/* PRIMARY BUTTONS */\n/* -------------------------- */\n/* text */\n/* background */\n/* borders */\n/* shadow */\n\n\n/* PILL BUTTONS */\n/* -------------------------- */\n/* text */\n/* background */\n\n\n\n/* BUTTONS */\n/* ------------------------- */\n/* Used in non-standard buttons - Legacy Bootstrap classes only */\n\n\n\n/* COMPONENT VARIABLES */\n/* -------------------------------------------------- */\n\n\n/* Navbar */\n/* ------------------------- */ /* Fixes issue for escaped Dashboards. */\n\n/* Inverted navbar */\n\n\n/* Tooltips and popovers */\n/* ------------------------- */\n\n/* GRID */\n/* -------------------------- */\n/* Default 940px grid */\n\n/* 1200px min */\n\n/* 768px-979px */\n\n\n/* Fluid grid */\n/* ------------------------- */\n\n/* 1200px min */\n\n/* 768px-979px */\n\n\n/* Responsive Variables */\n\n\n/* SELECTORS FOR CUSTOMIZING SPECIFIC LOCALES */\n/* -------------------------- */\n\n\n/* BUILD COMMENT */\n/* -------------------------- */\n/* Hide the Build Comment. The make file sets this to true. */\n\n/* LEGACY BUILD */\n/* -------------------------- */\n/* This is set to true when building the less for splunk components. */\n/* Splunk: Mixins */\n/* ================== */\n/* Snippets of reusable CSS to develop faster and keep code readable */\n\n/* Splunk: Mixins */\n/* ================== */\n/* Snippets of reusable CSS to develop faster and keep code readable */\n\n\n/* Mixins */\n/* -------------------------------------------------- */\n\n\n/* UTILITY MIXINS */\n/* -------------------------------------------------- */\n\n/* Link */\n/* ------------------ */\n\n\n/* Clearfix */\n/* -------- */\n/* For clearing floats like a boss h5bp.com/q */\n\n/* Webkit-style focus */\n/* ------------------ */\n\n/* Center-align a block level element */\n/* ---------------------------------- */\n\n/* Sizing shortcuts */\n/* ------------------------- */\n\n/* Placeholder text */\n/* ------------------------- */\n\n/* Text overflow */\n/* ------------------------- */\n/* Requires inline-block or block for proper styling */\n\n/* CSS image replacement */\n/* ------------------------- */\n/* Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757 */\n\n\n/* FONTS */\n/* -------------------------------------------------- */\n\n\n/* FORMS */\n/* -------------------------------------------------- */\n\n/* Block level inputs */\n\n/* Mixin for form field states */\n\n\n/* CSS3 PROPERTIES */\n/* -------------------------------------------------- */\n\n\n/* Single Side Border Radius */\n\n\n/* Transformations */\n\n\n\n/* Resize anything */\n\n/* CSS3 Content Columns */\n\n/* Optional hyphenation */\n\n\n\n\n/* BACKGROUNDS */\n/* -------------------------------------------------- */\n\n/* Gradient Bar Colors for buttons and alerts */\n\n/* Gradients */\n\n/* Reset filters for IE */\n\n\n\n/* COMPONENT MIXINS */\n/* -------------------------------------------------- */\n\n/* Horizontal dividers */\n/* ------------------------- */\n/* Dividers (basically an hr) within dropdowns and nav lists */\n\n/* Button backgrounds */\n/* ------------------ */\n\n/* Navbar vertical align */\n/* ------------------------- */\n/* Vertically center elements in the navbar. */\n/* Example: an element has a height of 30px, so write out `.navbarVerticalAlign(30px);` to calculate the appropriate top margin. */\n\n\n\n/* Disable highlighting text */\n/* ------------------------- */\n\n/* Printing */\n/* ------------------ */\n\n\n/* Popdown */\n/* ------------------ *//* .popdown-dialog */\n\n/* popdown body */\n\n\n\n/* Flex\n/* ------------- */\n\n/* Full Page Layout */\n/* ------------- */\n\n\n\n\n/* Grid System */\n/* ----------- */\n\n/* Centered container element */\n\n/* Table columns */\n\n/* Make a Grid */\n/* Use .makeRow and .makeColumn to assign semantic layouts grid system behavior */\n\n/* The Grid */\n\n/* Interactive */\n/* -------------------------------------------------- */\n/* These are by any element that can be clicked, such as buttons, menus and table headings. */\n\n/* Hover state */\n\n/* Interactive Error */\n/* These are by any interactive element that is is in an error state */\n\n\n/* primary */\n\n/* primary hover state */\n\n/* Overlays (Modal, Popdown, Search Assistant) */\n\n\n/* Focus States */\n/* ----------------------------- */\n\n/* Text entry boxes change their border color and glow */\n\n/* Clickable buttons change their border color and glow */\n\n/* Block elements change the background color */\n/* Block elements change the background color and spread via box-shadow */\n\n/* Docking Elements */\n/* ------------------ */\n\n/* Webkit-style focus */\n/* ------------------ */\n\n/* Draggable Handle */\n.single-total {\n position: relative;\n text-align: center;\n font-size: 0.8vw;\n font-weight: 200 !important;\n line-height: 0.8vw;\n color: grey;\n font-family: "Roboto","Droid","Helvetica Neue",Helvetica,Arial,sans-serif;\n}\ntd.data-bar-cell {\n padding: 1px 8px !important;\n}\n\n.data-bar-wrapper {\n background-color: #eeeeee;\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;\n margin-bottom: 4px;\n}\n\ntd.data-bar-cell .data-bar-wrapper .data-bar {\n min-width: 1px;\n color: #31708F;\n background-color: #428bca;\n box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.30) inset;\n border-right: 1px solid #bb401f;\n}\n\n.data-bar-custom-text {\n margin-right: 2px;\n margin-top: 3px;\n padding-top: 2px;\n padding-bottom: 2px;\n text-align: right;\n}\n\n.data-bar-badge {\n background-color: #fff;\n border: 1px solid #d3d3d3;\n border-radius: 2px;\n color: #800080;\n opacity: 0.88;\n padding-left: 2px;\n padding-right: 2px;\n}\n/* Cell Highlighting */\n\ntd.range-low {\n background-color: #DFF0D8 !important;\n color: #3C763D !important;\n font-weight: bold;\n}\n\ntd.range-elevated {\n background-color: #FCF8E3 !important;\n color: #8A6D3B !important;\n font-weight: bold;\n}\n\ntd.range-severe {\n background-color: #F2DEDE !important;\n color: #A94442 !important;\n font-weight: bold;\n}\n\ntd.range-unauth {\n font-weight: bold;\n color: #d9534f !important;\n}\n\ntd.range-auth {\n font-weight: bold;\n color: #428bca !important;\n}\n\ntd.range-err {\n font-weight: bold;\n color: orange !important;\n}\n\ntd.inbound {\n background-color: #D9EDF7 !important;\n border-color: #BCE8F1 !important;\n color: #31708F !important;\n font-weight: bold !important;\n}\n\ntd.outbound {\n background-color: #F5E0EC !important;\n border-color: #BDA8B3 !important;\n color: #7E6974 !important;\n font-weight: bold !important;\n}\n#awstags {\n display: inline-block;\n margin-right: 10px;\n}\n\n.tag-autocomplete {\n position: absolute;\n z-index: 999;\n border: 1px solid rgba(82, 168, 236, 0.8);\n background-color: white;\n margin-top: -9px;\n width: 218px;\n max-height: 200px;\n overflow-y: auto;\n display: none;\n}\n\n.tag-autocomplete > ul {\n list-style-type: none;\n margin: 0;\n}\n\n.tag-autocomplete > ul > li {\n border-top: 1px dotted #ccc;\n color: #1e93c6;\n padding-left: 5px;\n line-height: 23px;\n cursor: pointer;\n}\n\n.tag-autocomplete > ul > li.active {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.tag-autocomplete > ul > li:hover {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.tag-autocomplete > ul > li.tag-loading {\n cursor: default;\n color: black;\n}\n\n.tag-autocomplete > ul > li.tag-loading > .loading-img {\n width: 16px;\n height: 16px;\n margin-top: 2px;\n margin-right: 5px;\n display: block;\n float: left;\n background-image: url('+t(41)+");\n}\n.hide-messages {\n margin-left: 30px;\n margin-bottom: 10px;\n display: inline-block;\n}\n\n.sourcetype-checker {\n margin-bottom: 0px;\n}\n\n.slidenavList.scroll-group{\n max-height:350px !important;\n}","",{version:3,sources:["/./webcore_components/SplunkWebCore/search_mrsparkle/exposed/pcss/base/variables-enterprise.pcss","/./webcore_components/SplunkWebCore/search_mrsparkle/exposed/pcss/base/mixins-enterprise.pcss","/./webcore_components/SplunkWebCore/search_mrsparkle/exposed/pcss/base/mixins-shared.pcss","/./DA-ITSI-CP-aws-dashboards/appserver/static/pcss/dashboards/SingleValueRenderer.pcss","/./DA-ITSI-CP-aws-dashboards/appserver/static/pcss/dashboards/TableBarRenderer.pcss","/./DA-ITSI-CP-aws-dashboards/appserver/static/pcss/dashboards/TableCellRenderer.pcss","/./DA-ITSI-CP-aws-dashboards/appserver/static/pcss/dashboards/TagInputView.pcss","/./DA-ITSI-CP-aws-dashboards/appserver/static/pcss/dashboards/MessageView.pcss","/./DA-ITSI-CP-aws-dashboards/appserver/static/pcss/dashboards/common.pcss"],names:[],mappings:"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",file:"common.pcss",sourcesContent:["/* Splunk: Variables */\n/* ================================================== */\n/* Variables to customize the look and feel of Bootstrap (splunk version) */\n\n$theme: enterprise;\n\n\n/* STATIC PATHS */\n/* ------------------------- */\n$staticPath: /static;\n$staticImagePath: /static/img;\n$staticFontPath: /static/fonts;\n\n\n/* COLOR PALETTE */\n/* ------------------------- */\n\n/* Enterprise */\n$splunkGray: \t #97999B;\n$splunkGreen: #65A637;\n\n/* Light */\n$splunkLiteOrange: #F58220;\n$splunkLiteBlack: #333;\n\n/* Grayscale - DO NOT USE DIRECTLY WHENEVER POSSIBLE!!! Use text, border or table variables instead. */\n$black: #000;\n$grayDarker: #222;\n$grayDark: #333;\n$gray: #555;\n$grayLight: #999;\n$grayLightMedium: #ccc;\n$grayLighter: #eee;\n$offWhite: #f5f5f5;\n$white: #fff;\n\n/* Accent colors */\n$blue: #1e93c6; /* sky */\n$blueDark: #3863a0;\n$green: #a2cc3e;\n$red: #d6563c;\n$yellow: #f2b827;\n$yellowLight: color($yellow l(+28%));\n$yellowLighter: color($yellow l(+38%));\n$orange: #ed8440;\n$pink: #cc5068;\n$purple: #6a5c9e;\n$teal: #11a88b;\n\n$focusColor: #52A8EC;\n\n\n/* TYPOGRAPHY */\n/* ------------------------- */\n\n\n$baseFontSizeLarge: 16px;\n$baseFontSize: 12px;\n$baseFontSizeSmall: 11px;\n$baseLineHeight: 16px; /* 18px; */\n\n$fontSizeLarge: calc($baseFontSize * 1.25);\n$fontSizeSmall: calc($baseFontSize * 0.85);\n$fontSizeMini: calc($baseFontSize * 0.75);\n\n$serifFontFamily: Georgia, \"Times New Roman\", Times, serif;\n$sansFontFamily: \"Roboto\", \"Droid\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n$monoFontFamily: 'Droid Sans Mono', 'Consolas', 'Monaco', 'Courier New', Courier, monospace;\n$baseFontFamily: $sansFontFamily;\n\n$textColor: #333;\n$textGrayDark: #666;\n$textGray: #999;\n$textDisabledColor: #bbb;\n$placeholderText: $textGray;\n\n$textTileColor: \t#ccc; /* Lite listing pages */\n\n$headingsFontFamily: inherit; /* empty to use BS default, $baseFontFamily */\n$headingsFontWeight: bold; /* instead of browser default, bold */\n$headingsColor: inherit; /* empty to use BS default, $textColor */\n\n$linkColor: $blue ; /* #08c; */\n$linkColorHover: $blueDark;\n\n\n/* SCAFFOLDING */\n/* ------------------------- */\n$borderDarkColor: \t\t#999;\n$borderColor: \t\t\t#ccc;\n$borderLightColor: \t #d5d5d5; /* aliases: $tableBorderColor $tableBorderColorVertical */\n/* also see: $interactiveBorderColor */\n\n$baseBorderRadius: 4px;\n$containerBorderRadius: 2px; /* For containers without a wrapper */\n$containerOuterBorderRadius: 3px; /* For for containers with a wrapper, like popdown */\n$containerInnerBorderRadius: 3px;\n$borderRadiusLarge: 6px;\n$borderRadiusSmall: 3px;\n\n$bodyBackgroundColor: #eee;\n$containerBackgroundColor: $offWhite;\n$containerBackgroundGradientStart: #e0e0e0;\n\n$sideNavWidth: 300px;\n\n$paddingLarge: 11px 19px; /* 44px */\n$paddingSmall: 2px 10px; /* 26px */\n$paddingMini: 0 6px; /* 22px */\n\n$hrBorder: $grayLighter;\n\n\n/* Horizontal forms & lists */\n/* ------------------------- */\n$horizontalComponentOffset: 180px;\n\n\n/* Z-INDEX */\n/* ------------------------- */\n/* If a variable does not suit your purpose, set a value relatively such as, $zindexModal +1 */\n$zindexHeaderTable: 406;\n$zindexDropdown: 1000;\n$zindexPopover: 1010;\n$zindexTooltip: 1020;\n$zindexFixedNavbar: 1030;\n$zindexSideNavBackdrop: 1032; /* Splunk Lite */\n$zindexSideNav: 1034; /* Splunk Lite */\n$zindexSideBarBackdrop: 1036; /* Sidebar Component */\n$zindexSideBar: 1038; /* Sidebar Component */\n$zindexModalBackdrop: 1040;\n$zindexModal: 1050;\n$zindexPopdown: 1060; /* timerange popdown needs to be above modal + backdrop */\n$zindexTooltip: 1070; /* top interactive element */\n$zindexDatePicker: 1070; /* top interactive element */\n$zindexModalNoConnection: 1080; /* top uninteractive */\n$zindexModalDisconnect: 1090; /* top uninteractive */\n\n\n/* TABLES */\n/* ------------------------- */\n\n$tableBackground: transparent; /* overall background-color */\n$tableBackgroundHover: #e4e4e4; /* for hover */\n$tableBackgroundAccent: #f5f5f5; /* for striping */\n$tableBackgroundAccentHover: #ebebeb; /* for striping */\n$tableBackgroundFocus: color($focusColor a(12%) s(100%));\n$tableBorder: $borderLightColor; /* table and cell border */\n$tableBorderVertical: $borderLightColor; /* table and cell border */\n$tableSortIconColor: #bbb; /* table and cell border */\n$tableTextDisabledColor: #7C7C7C;\n\n\n\n\n/* FORMS */\n/* ------------------------- */\n$inputHeight: calc($baseLineHeight + 10px); /* base line-height + 8px vertical padding + 2px top/bottom border */\n$inputBackground: $white;\n$inputBorder: $borderColor;\n$inputBorderRadius: $baseBorderRadius; /* This is generally overridden. */\n$inputDisabledBackground: $grayLighter;\n\n$formActionsBackground: $offWhite;\n\n$warningText: \t\tcolor($yellow l(-10%));\n$warningBackground: \t\t$yellowLighter;\n$warningBorder: \t\tcolor($yellow l(-10%));\n\n$errorText: \t\t$red;\n$errorBackground: \t\tcolor($red l(+40%));\n$errorBorder: \t\t$red;\n\n$successText: \t\t$green;\n$successBackground: \t\tcolor($green l(+40%));\n$successBorder: \t\t$green;\n\n$infoText: \t\t#3a87ad;\n$infoBackground: \t\t#d9edf7;\n$infoBorder: \t\tcolor($infoBackground h(-10) l(+7%));\n\n/* BASE INTERACTIVE */\n/* -------------------------- */\n/* text */\n$interactiveColor: #eee;\n/* background */\n$interactiveBackgroundColor: $interactiveColor;\n$interactiveDisabledBackgroundColor:#e6e6e6;\n$interactiveGradientStartColor: color($interactiveBackgroundColor l(+4%));\n$interactiveGradientEndColor: $interactiveBackgroundColor;\n$interactiveBackgroundColorHover: #f8f8f8;\n$interactiveGradientStartColorHover:$interactiveBackgroundColorHover;\n$interactiveGradientEndColorHover: $interactiveBackgroundColorHover;\n/* borders */\n$interactiveBorderColor: #bfbfbf;\n$interactiveBorderTopColor: $interactiveBorderColor;\n$interactiveBorderBottomColor: $interactiveBorderColor;\n$interactiveBorderColorHover: color($interactiveBorderColor l(+3%));\n$interactiveBorderTopColorHover: $interactiveBorderColorHover;\n$interactiveBorderBottomColorHover: $interactiveBorderColorHover;\n$interactiveBorderRadius: $baseBorderRadius;\n/* shadow */\n$interactiveBoxShadow: inset 0px 1px 0 color($interactiveGradientStartColor l(+2%));\n$interactiveBoxShadowHover: 0px 1px 1px rgba(0,0,0,0.08);\n$interactiveBoxShadowActive: inset 0px 2px 2px rgba(0, 0, 0, 0.125);\n\n$btnBoxShadowFocus:\t\t\t\t\t0 0 8px color($focusColor a(60%)); /* Active state in Radio Button Control */\n\n\n/* BASE INTERACTIVE ERROR */\n/* -------------------------- */\n/* text */\n$interactiveErrorTextColor: $errorText;\n/* background */\n$interactiveErrorBackgroundColor: color($errorBackground blend($red 20%));\n$interactiveErrorGradientStartColor: $interactiveErrorBackgroundColor;\n$interactiveErrorGradientEndColor: color($errorBackground blend($red 40%));\n$interactiveErrorBackgroundColorHover: color($errorBackground blend($red 10%));\n$interactiveErrorGradientStartColorHover:$interactiveErrorBackgroundColorHover;\n$interactiveErrorGradientEndColorHover: color($errorBackground blend($red 30%));\n/* borders */\n$interactiveErrorBorderColor: color($errorBackground blend($red 80%) s(-30%));\n$interactiveErrorBorderTopColor: $interactiveErrorBorderColor;\n$interactiveErrorBorderBottomColor: $interactiveErrorBorderColor;\n$interactiveErrorBorderColorHover: color($errorBackground blend($red 75%) s(-30%));\n$interactiveErrorBorderTopColorHover: $interactiveErrorBorderColorHover;\n$interactiveErrorBorderBottomColorHover: $interactiveErrorBorderColorHover;\n\n\n/* PRIMARY BUTTONS */\n/* -------------------------- */\n/* text */\n$primaryTextColor: $white;\n/* background */\n$primaryBackgroundColor: $splunkGreen;\n$primaryGradientStartColor: $splunkGreen;\n$primaryGradientEndColor: color($splunkGreen l(-4%));\n$primaryBackgroundColorHover: color($splunkGreen l(+10%));\n$primaryGradientStartColorHover: color($splunkGreen l(+5%) h(-5));\n$primaryGradientEndColorHover: $splunkGreen;\n/* borders */\n$primaryBorderColor: color($splunkGreen l(-10%));\n$primaryBorderTopColor: color($splunkGreen l(-10%));\n$primaryBorderBottomColor: color($splunkGreen l(-10%));\n$primaryBorderColorHover: color($splunkGreen l(-10%) h(-5));\n$primaryBorderTopColorHover: color($splunkGreen l(-10%) h(-5));\n$primaryBorderBottomColorHover: color($splunkGreen l(-10%) h(-5));\n/* shadow */\n$primaryBoxShadow: inset 0px 1px 0 color($primaryGradientStartColor l(+2%));\n$primaryBoxShadowHover: $interactiveBoxShadowHover;\n$primaryBoxShadowActive: inset 0px 2px 2px rgba(0, 0, 0, 0.125);\n\n\n/* PILL BUTTONS */\n/* -------------------------- */\n/* text */\n$pillTextColor: $linkColor;\n$pillTextColorHover: $linkColorHover;\n/* background */\n$pillBackgroundColorHover: color($black a(5%));\n$pillBackgroundColorFocus: color($focusColor a(12%) s(100%));\n\n\n\n/* BUTTONS */\n/* ------------------------- */\n/* Used in non-standard buttons - Legacy Bootstrap classes only */\n$btnSuccessBackground: #62c462;\n$btnSuccessBackgroundHighlight: #51a351;\n\n$btnDangerBackground: #ee5f5b;\n$btnDangerBackgroundHighlight: #bd362f;\n\n\n\n/* COMPONENT VARIABLES */\n/* -------------------------------------------------- */\n\n\n/* Navbar */\n/* ------------------------- */\n$navbarCollapseWidth: 979px;\n$navbarCollapseDesktopWidth: calc($navbarCollapseWidth + 1px);\n\n$navbarHeight: 25px;\n$navbarHeightLite: 40px; /* Fixes issue for escaped Dashboards. */\n$navbarBackgroundHighlight: #ffffff;\n$navbarBackground: $black;;\n$navbarBorder: color($navbarBackground l(-12%));\n\n$navbarText: #777;\n$navbarLinkColor: #777;\n$navbarLinkColorHover: $grayDark;\n$navbarLinkColorActive: $gray;\n$navbarLinkBackgroundHover: transparent;\n$navbarLinkBackgroundActive: color($navbarBackground l(-5%));\n\n$navbarBrandColor: $navbarLinkColor;\n\n/* Inverted navbar */\n$navbarInverseBackground: #111111;\n$navbarInverseBackgroundHighlight: #222222;\n$navbarInverseBorder: #252525;\n\n$navbarInverseText: $grayLight;\n$navbarInverseLinkColor: $grayLight;\n$navbarInverseLinkColorHover: $white;\n$navbarInverseLinkColorActive: $navbarInverseLinkColorHover;\n$navbarInverseLinkBackgroundHover: transparent;\n$navbarInverseLinkBackgroundActive: $navbarInverseBackground;\n\n$navbarInverseSearchBackground: color($navbarInverseBackground l(+25%));\n$navbarInverseSearchBackgroundFocus: $white;\n$navbarInverseSearchBorder: $navbarInverseBackground;\n$navbarInverseSearchPlaceholderColor: #ccc;\n\n$navbarInverseBrandColor: $navbarInverseLinkColor;\n\n\n/* Tooltips and popovers */\n/* ------------------------- */\n$tooltipColor: #fff;\n$tooltipBackground: #000;\n$tooltipArrowWidth: 5px;\n$tooltipArrowColor: $tooltipBackground;\n\n/* GRID */\n/* -------------------------- */\n/* Default 940px grid */\n$gridColumns: 12;\n$gridColumnWidth: 60px;\n$gridGutterWidth: 20px;\n$gridRowWidth: calc(($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1)));\n\n/* 1200px min */\n$gridColumnWidth1200: 70px;\n$gridGutterWidth1200: 30px;\n$gridRowWidth1200: calc(($gridColumns * $gridColumnWidth1200) + ($gridGutterWidth1200 * ($gridColumns - 1)));\n\n/* 768px-979px */\n$gridColumnWidth768: 42px;\n$gridGutterWidth768: 20px;\n$gridRowWidth768: calc(($gridColumns * $gridColumnWidth768) + ($gridGutterWidth768 * ($gridColumns - 1)));\n\n\n/* Fluid grid */\n/* ------------------------- */\n$fluidGridColumnWidth: 6.382978723%;\n$fluidGridGutterWidth: 2.127659574%;\n\n/* 1200px min */\n$fluidGridColumnWidth1200: calc(100% * $gridColumnWidth1200 / $gridRowWidth1200);\n$fluidGridGutterWidth1200: calc(100% * $gridGutterWidth1200 / $gridRowWidth1200);\n\n/* 768px-979px */\n$fluidGridColumnWidth768: calc(100% * $gridColumnWidth768 / $gridRowWidth768);\n$fluidGridGutterWidth768: calc(100% * $gridGutterWidth768 / $gridRowWidth768);\n\n\n/* Responsive Variables */\n$responsive-screen-height: 700px;\n\n\n/* SELECTORS FOR CUSTOMIZING SPECIFIC LOCALES */\n/* -------------------------- */\n$wideTextLocaleSelector: body.locale-de;\n\n\n/* BUILD COMMENT */\n/* -------------------------- */\n/* Hide the Build Comment. The make file sets this to true. */\n$buildComment: false;\n\n/* LEGACY BUILD */\n/* -------------------------- */\n/* This is set to true when building the less for splunk components. */\n$version5AndEarlier: false;\n",'/* Splunk: Mixins */\n/* ================== */\n/* Snippets of reusable CSS to develop faster and keep code readable */\n\n@import "mixins-shared.pcss";\n\n/* Interactive */\n/* -------------------------------------------------- */\n/* These are by any element that can be clicked, such as buttons, menus and table headings. */\n@define-mixin interactive {\n\t@mixin gradient-vertical $interactiveGradientStartColor, $interactiveGradientEndColor;\n\tbackground-color: $interactiveBackgroundColor;\n\tborder: 1px solid $interactiveBorderColor;\n\tborder-top-color: $interactiveBorderTopColor;\n\tborder-bottom-color: $interactiveBorderBottomColor;\n\n\tcolor: $textColor;\n\tbox-shadow: $interactiveBoxShadow;\n\ttext-shadow: none;\n}\n\n/* Hover state */\n@define-mixin interactive-hover {\n\t@mixin gradient-vertical $interactiveGradientStartColorHover, $interactiveGradientEndColorHover;\n\tbackground-color: $interactiveBackgroundColorHover;\n\tborder-color: $interactiveBorderColorHover;\n\tborder-top-color: $interactiveBorderTopColorHover;\n\tborder-bottom-color: $interactiveBorderBottomColorHover;\n\tbackground-position: 0 0;\n\tbox-shadow: $interactiveBoxShadowHover;\n\tcolor: $textColor;\n text-decoration:none;\n}\n\n/* Interactive Error */\n/* These are by any interactive element that is is in an error state */\n@define-mixin interactive-error {\n\t/* .gradient-vertical($interactiveErrorGradientStartColor, $interactiveErrorGradientEndColor); */\n\tbackground-color: $interactiveErrorBackgroundColor;\n\tborder-color: $interactiveErrorBorderColor;\n\tcolor: $interactiveErrorTextColor;\n\ttext-shadow: none;\n}\n@define-mixin interactive-error-hover {\n\t/* .gradient-vertical($interactiveErrorGradientStartColorHover, $interactiveErrorGradientEndColorHover); */\n\tbackground-color: $interactiveErrorBackgroundColorHover;\n\tborder-color: $interactiveErrorBorderColorHover;\n\tcolor: $interactiveErrorTextColor;\n}\n\n\n/* primary */\n@define-mixin interactive-primary {\n\t@mixin gradient-vertical $primaryGradientStartColor, $primaryGradientEndColor;\n\tbackground-color: $splunkGreen;\n\tborder: 1px solid $primaryBorderColor;\n\tborder-bottom-color: $primaryBorderBottomColor;\n\tborder-top-color: $primaryBorderTopColor;\n\tcolor: $primaryTextColor;\n\tbox-shadow: $primaryBoxShadow;\n\ttext-shadow: none;\n}\n\n/* primary hover state */\n@define-mixin interactive-primary-hover {\n\t@mixin gradient-vertical $primaryGradientStartColorHover, $primaryGradientEndColorHover;\n\tbackground-color: $primaryBackgroundColorHover;\n\tborder-color: $primaryBorderColorHover;\n\tborder-bottom-color: $primaryBorderBottomColorHover;\n\tborder-top-color: $primaryBorderTopColorHover;\n\tbox-shadow: $primaryBoxShadowHover;\n\tcolor: $primaryTextColor;\n text-decoration:none;\n}\n\n/* Overlays (Modal, Popdown, Search Assistant) */\n@define-mixin overlay-box-shadow {\n\tbox-shadow: 0 3px 7px rgba(0,0,0,0.3);\n}\n\n\n/* Focus States */\n/* ----------------------------- */\n\n/* Text entry boxes change their border color and glow */\n@define-mixin focus-field {\n\tborder-color: color($focusColor a(80%));\n\toutline: 0;\n\tborder-collapse: separate; /* Fix IE9 Issue with box-shadow */\n\tbox-shadow: 0 0 8px color($focusColor a(60%));\n}\n\n/* Clickable buttons change their border color and glow */\n@define-mixin focus-button {\n\t@mixin focus-field;\n\tbackground-position: 0; /* bootstrap tries to animate this on hover & focus */\n}\n\n/* Block elements change the background color */\n@define-mixin focus-pill {\n\toutline: 0;\n\ttext-decoration: none;\n\tbackground: $pillBackgroundColorFocus;\n\tbox-shadow: none; /* override default focus-link() */\n}\n/* Block elements change the background color and spread via box-shadow */\n@define-mixin focus-link {\n\tbox-shadow: 0 0 0 2px $pillBackgroundColorFocus;\n\tbackground-color: $pillBackgroundColorFocus;\n\toutline: 0;\n}\n\n/* Docking Elements */\n/* ------------------ */\n@define-mixin affix-top-shadow {\n\tbox-shadow: 0 4px 8px rgba(0,0,0,0.2)\n}\n\n/* Webkit-style focus */\n/* ------------------ */\n@define-mixin tab-focus {\n\t/* Default */\n\toutline: thin dotted $grayDark;\n\t/* Webkit */\n\toutline: 3px auto -webkit-focus-ring-color;\n\toutline-offset: -2px;\n}\n\n/* Draggable Handle */\n@define-mixin draggable-handle-background {\n\tbackground: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQIW2M0Njb+f/bsWUYYzciABuAyOFUAAKKMEAXhn6ySAAAAAElFTkSuQmCC) repeat;\n\topacity: 0.5;\n\tcursor: move;\n}\n','/* Splunk: Mixins */\n/* ================== */\n/* Snippets of reusable CSS to develop faster and keep code readable */\n\n\n/* Mixins */\n/* -------------------------------------------------- */\n\n\n/* UTILITY MIXINS */\n/* -------------------------------------------------- */\n\n/* Link */\n/* ------------------ */\n@define-mixin link {\n color: $linkColor;\n text-decoration: none;\n cursor: pointer;\n\n &:hover {\n color: $linkColorHover;\n text-decoration: underline;\n }\n &:focus {\n @mixin focus-link;\n }\n}\n\n\n/* Clearfix */\n/* -------- */\n/* For clearing floats like a boss h5bp.com/q */\n\n@define-mixin clearfix {\n &:before,\n &:after {\n display: table;\n content: "";\n /* Fixes Opera/contenteditable bug: */\n /* http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952 */\n line-height: 0;\n }\n &:after {\n clear: both;\n }\n}\n\n/* Webkit-style focus */\n/* ------------------ */\n@define-mixin tab-focus {\n /* Default */\n outline: thin dotted #333;\n /* Webkit */\n outline: 5px auto -webkit-focus-ring-color;\n outline-offset: -2px;\n}\n\n/* Center-align a block level element */\n/* ---------------------------------- */\n@define-mixin center-block {\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\n\n/* Sizing shortcuts */\n/* ------------------------- */\n@define-mixin size $height, $width {\n width: $width;\n height: $height;\n}\n@define-mixin square $size {\n @mixin size $size, $size;\n}\n\n/* Placeholder text */\n/* ------------------------- */\n@define-mixin placeholder $color: $placeholderText {\n &::placeholder {\n color: $color;\n }\n}\n\n/* Text overflow */\n/* ------------------------- */\n/* Requires inline-block or block for proper styling */\n@define-mixin text-overflow {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/* CSS image replacement */\n/* ------------------------- */\n/* Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757 */\n@define-mixin hide-text {\n font: 0/0 a;\n color: transparent;\n text-shadow: none;\n background-color: transparent;\n border: 0;\n}\n\n\n/* FONTS */\n/* -------------------------------------------------- */\n\n\n@define-mixin font-family-serif {\n font-family: $serifFontFamily;\n}\n@define-mixin font-family-sans-serif {\n font-family: $sansFontFamily;\n}\n@define-mixin font-family-monospace {\n font-family: $monoFontFamily;\n}\n@define-mixin font-shorthand $size: $baseFontSize, $weight: normal, $lineHeight: $baseLineHeight {\n font-size: $size;\n font-weight: $weight;\n line-height: $lineHeight;\n}\n@define-mixin font-serif $size: $baseFontSize, $weight: normal, $lineHeight: $baseLineHeight {\n @mixin font-family-serif;\n @mixin font-shorthand $size, $weight, $lineHeight;\n}\n@define-mixin font-sans-serif $size: $baseFontSize, $weight: normal, $lineHeight: $baseLineHeight {\n @mixin font-family-serif;\n @mixin font-shorthand $size, $weight, $lineHeight;\n}\n@define-mixin font-monospace $size: $baseFontSize, $weight: normal, $lineHeight: $baseLineHeight {\n @mixin font-family-monospace;\n @mixin font-shorthand $size, $weight, $lineHeight;\n}\n\n\n/* FORMS */\n/* -------------------------------------------------- */\n\n/* Block level inputs */\n@define-mixin input-block-level {\n display: block;\n width: 100%;\n min-height: $inputHeight; /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */\n box-sizing: border-box; /* Makes inputs behave like true block-level elements */\n}\n\n/* Mixin for form field states */\n@define-mixin formFieldState $textColor: #555, $borderColor: #ccc, $backgroundColor: #f5f5f5 {\n /* Set the text color */\n .control-label,\n .help-block,\n .help-inline {\n color: $textColor;\n }\n /* Style inputs accordingly */\n .checkbox,\n .radio,\n input,\n select,\n textarea {\n color: $textColor;\n }\n input,\n select,\n textarea {\n border-color: $borderColor;\n box-shadow: inset 0 1px 1px rgba(0,0,0,.075); /* Redeclare so transitions work */\n &:focus {\n border-color: color($borderColor l(-10%));\n $shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px color($borderColor l(+20%));\n box-shadow: $shadow;\n }\n }\n /* Give a small background color for input-prepend/-append */\n .input-prepend .add-on,\n .input-append .add-on {\n color: $textColor;\n background-color: $backgroundColor;\n border-color: $textColor;\n }\n}\n\n\n/* CSS3 PROPERTIES */\n/* -------------------------------------------------- */\n\n\n/* Single Side Border Radius */\n@define-mixin border-top-radius $radius {\n border-top-right-radius: $radius;\n border-top-left-radius: $radius;\n}\n@define-mixin border-right-radius $radius {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n}\n@define-mixin border-bottom-radius $radius {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n}\n@define-mixin border-left-radius $radius {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n}\n\n\n/* Transformations */\n@define-mixin rotate $degrees {\n transform: rotate($degrees);\n}\n@define-mixin scale $ratio {\n transform: scale($ratio);\n}\n@define-mixin translate $x, $y {\n transform: translate($x, $y);\n}\n@define-mixin skew $x, $y {\n transform: skew($x, $y);\n backface-visibility: hidden; /* See https://github.com/twitter/bootstrap/issues/5319 */\n}\n\n\n\n/* Resize anything */\n@define-mixin resizable $direction {\n resize: $direction; /* Options: horizontal, vertical, both */\n overflow: auto; /* Safari fix */\n}\n\n/* CSS3 Content Columns */\n@define-mixin content-columns $columnCount, $columnGap: $gridGutterWidth {\n column-count: $columnCount;\n column-gap: $columnGap;\n}\n\n/* Optional hyphenation */\n@define-mixin hyphens $mode: auto {\n word-wrap: break-word;\n hyphens: $mode;\n}\n\n\n\n\n/* BACKGROUNDS */\n/* -------------------------------------------------- */\n\n/* Gradient Bar Colors for buttons and alerts */\n@define-mixin gradientBar $primaryColor, $secondaryColor, $textColor: #fff, $textShadow: 0 -1px 0 rgba(0,0,0,.25) {\n color: $textColor;\n text-shadow: $textShadow;\n @mixin gradient-vertical $primaryColor, $secondaryColor;\n border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);\n}\n\n/* Gradients */\n@define-mixin gradient-horizontal $startColor: #555, $endColor: #333 {\n background-color: $endColor;\n background-image: linear-gradient(to right, $startColor, $endColor); /* Standard, IE10 */\n background-repeat: repeat-x;\n}\n@define-mixin gradient-vertical $startColor: #555, $endColor: #333 {\n background-color: color($startColor blend($endColor 40%));\n background-image: linear-gradient(to bottom, $startColor, $endColor); /* Standard, IE10 */\n background-repeat: repeat-x;\n}\n@define-mixin gradient-directional $startColor: #555, $endColor: #333, $deg: 45deg {\n background-color: $endColor;\n background-repeat: repeat-x;\n background-image: linear-gradient($deg, $startColor, $endColor); /* Standard, IE10 */\n}\n@define-mixin gradient-horizontal-three-colors $startColor: #00b3ee, $midColor: #7a43b6, $colorStop: 50%, $endColor: #c3325f {\n background-color: color($midColor blend($endColor 30%));\n background-image: linear-gradient(to right, $startColor, $midColor $colorStop, $endColor);\n background-repeat: no-repeat;\n}\n@define-mixin gradient-vertical-three-colors $startColor: #00b3ee, $midColor: #7a43b6, $colorStop: 50%, $endColor: #c3325f {\n background-color: color($midColor blend($endColor 30%));\n background-image: linear-gradient($startColor, $midColor $colorStop, $endColor);\n background-repeat: no-repeat;\n}\n@define-mixin gradient-radial $innerColor: #555, $outerColor: #333 {\n background-color: $outerColor;\n background-repeat: no-repeat;\n}\n@define-mixin gradient-striped $color: #555, $angle: 45deg {\n background-color: $color;\n background-image: linear-gradient($angle, 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);\n}\n@define-mixin gradient-vertical-two-color-stops $startColor: $interactiveGradientStartColor, $colorStop: 50%, $endColor: $interactiveGradientEndColor, $endColorStop: 100% {\n\tbackground-color: color($startColor blend($endColor 20%)); /* Old browsers */\n\tbackground-image: linear-gradient(to bottom, $startColor $colorStop, $endColor $endColorStop); /* W3C */\n}\n@define-mixin gradient-horizontal-two-color-stops $startColor, $colorStop, $endColor, $IE9ImageFallback {\n background: $endColor $IE9ImageFallback left top repeat-y;\n background: linear-gradient(to right, $startColor calc($colorStop - 1), transparent $colorStop ), $endColor; /* w3c */\n}\n\n/* Reset filters for IE */\n@define-mixin reset-filter {\n filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));\n}\n\n\n\n/* COMPONENT MIXINS */\n/* -------------------------------------------------- */\n\n/* Horizontal dividers */\n/* ------------------------- */\n/* Dividers (basically an hr) within dropdowns and nav lists */\n@define-mixin nav-divider $color: $borderColor {\n height: 1px;\n margin: calc(($baseLineHeight / 2) - 1px) 1px; /* 8px 1px */\n overflow: hidden;\n background-color: $color;\n}\n\n/* Button backgrounds */\n/* ------------------ */\n@define-mixin buttonBackground $startColor, $endColor, $textColor: #fff, $textShadow: 0 -1px 0 rgba(0,0,0,.25) {\n /* gradientBar will set the background to a pleasing blend of these, to support IE<=9 */\n @mixin gradientBar $startColor, $endColor, $textColor, $textShadow;\n @mixin reset-filter;\n\n /* in these cases the gradient won\'t cover the background, so we override */\n &:hover, &:focus, &:active, &.active, &.disabled, &[disabled] {\n color: $textColor;\n background-color: $endColor;\n }\n}\n\n/* Navbar vertical align */\n/* ------------------------- */\n/* Vertically center elements in the navbar. */\n/* Example: an element has a height of 30px, so write out `.navbarVerticalAlign(30px);` to calculate the appropriate top margin. */\n@define-mixin navbarVerticalAlign $elementHeight {\n margin-top: calc(($navbarHeight - $elementHeight) / 2);\n}\n\n\n\n/* Disable highlighting text */\n/* ------------------------- */\n@define-mixin disable-text-highlight {\n\t-webkit-touch-callout: none;\n\tuser-select: none;\n}\n\n/* Printing */\n/* ------------------ */\n@define-mixin print-width-100-percent {\n\tmax-width: 100% !important;\n\twidth: 100% !important;\n\toverflow: hidden !important;\n}\n\n@define-mixin print-hide {\n\tdisplay: none !important;\n}\n\n@define-mixin print-no-background {\n\tbackground: none !important;\n}\n\n@define-mixin print-wrap-all {\n\tword-break: break-all !important;\n\tword-wrap: break-word !important;\n\toverflow-wrap: break-word !important;\n\twhite-space: normal !important;\n}\n\n@define-mixin print-table {\n table {\n @mixin print-width-100-percent;\n table-layout: auto !important;\n }\n\n .scrolling-table-wrapper, .results-wrapper, .results-table, .events-viewer-wrapper {\n @mixin print-width-100-percent;\n }\n\n td,\n th {\n @mixin print-no-background;\n @mixin print-wrap-all;\n width: auto !important;\n page-break-inside:auto;\n }\n\n .table-chrome .sorts:after {\n content: \'\';\n }\n\n .header-table-docked,\n .table-scroll-bar-docked {\n @mixin print-hide;\n }\n}\n\n\n/* Popdown */\n/* ------------------ */\n@define-mixin popdown-dialog {\n\tbackground-color: $interactiveColor;\n\tborder: 1px solid $interactiveBorderColor;\n\t/* border-bottom-color: $interactiveBorderBottomColor; */\n\t/* border-top-color: $interactiveBorderTopColor; */\n\n\t/* remove gradient for IE to fix clipping */\n\t@mixin reset-filter;\n\n\tbox-shadow: 1px 2px 5px rgba(0,0,0,0.2);\n\n\tborder-radius: $containerOuterBorderRadius;\n\n\ttop:100%;\n\tleft: 50%;\n\tmargin: 8px 0 0 -103px;\n\n\tdisplay:none;\n\tposition:absolute;\n\tz-index: $zindexPopdown;\n\t/* placement of arrow */\n\n\twhite-space: normal; /* prevent inheriting nowrap from btn-group */\n\n\t.arrow {\n\t\twidth: 0;\n\t\theight: 0;\n\t\tborder-left: 8px solid transparent;\n\t\tborder-right: 8px solid transparent;\n\n\t\tborder-bottom: 8px solid $interactiveBorderTopColor;\n\t\tposition: absolute;\n\t\ttop: -8px;\n\t\tleft: 50%;\n\t\tmargin-left: -4px;\n\n\t\t/* generated arrow */\n\t\t&:before {\n\t\t\tcontent: "";\n\t\t\tdisplay: block;\n\t\t\twidth: 0;\n\t\t\theight: 0;\n\t\t\tborder-left: 8px solid transparent;\n\t\t\tborder-right: 8px solid transparent;\n\n\t\t\tborder-bottom: 8px solid $white;\n\t\t\tposition: absolute;\n\t\t\ttop: 1px;\n\t\t\tleft:0;\n\t\t\tmargin-left: -8px;\n\t\t}\n\t}\n\n\t&.up {\n\t\tmargin-top: 0;\n\n\t\t/* placement of arrow */\n\t\t> .arrow {\n\t\t\tborder-top: 8px solid $interactiveBorderBottomColor;\n\t\t\tborder-bottom: none;\n\t\t\ttop: auto;\n\t\t\tbottom: -8px;\n\n\t\t\t&:before {\n\t\t\t\tborder-top: 8px solid $white;\n\t\t\t\tborder-bottom: none;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: auto;\n\t\t\t\tbottom: 1px;\n\t\t\t}\n\t\t}\n\t}\n\t&.right { /* point left */\n\t\tmargin-left: 5px;\n\t\tmargin-top: 0;\n\n\t\t/* placement of arrow */\n\t\t.arrow {\n\t\t\tborder-right: 8px solid $interactiveBorderBottomColor;\n\t\t\tborder-top: 8px solid transparent;\n\t\t\tborder-bottom: 8px solid transparent;\n\t\t\tborder-left: none;\n\t\t\ttop: 50%;\n\t\t\tleft: -8px;\n\t\t\tmargin: -8px 0 0 0 ;\n\n\t\t\t&:before {\n\t\t\t\tborder-right: 8px solid $white;\n\t\t\t\tborder-top: 8px solid transparent;\n\t\t\t\tborder-bottom: 8px solid transparent;\n\t\t\t\tborder-left: none;\n\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 1px;\n\t\t\t\tmargin: -8px 0 0 0 ;\n\t\t\t}\n\t\t}\n\t}\n\n\n\t/* position of arrow when floated right */\n\t&.pull-right .arrow {\n\t\tleft: auto;\n\t\tright: 8px;\n\t}\n\t/* open state */\n\t&.open {\n\t\tdisplay:block;\n\t}\n}/* .popdown-dialog */\n\n/* popdown body */\n@define-mixin popdown-dialog-body {\n\tmargin: 0;\n\tborder-radius: $containerInnerBorderRadius;\n\tbackground-color: $white;\n\t@mixin clearfix;\n}\n\n\n\n/* Flex\n/* ------------- */\n\n@define-mixin display-flex $direction: row {\n display: flex;\n flex-direction: $direction;\n}\n\n@define-mixin flex-fit-or-fill {\n /* IE10, IE11 */\n -ms-flex-positive: 0; /*Not sure why IE10 requires the broken out values.*/\n -ms-flex-negative: 1;\n -ms-flex-preferred-size: auto;\n -ms-flex: 0 1 auto; //Shrink if you are too big.\n\n /* Firefox, maybe MS Edge */\n flex: 1 0 0px; /* Just fill the space. *\n\n /* Chrome and Safari */\n -webkit-flex: 0 1 auto; /* Shrink if you are too big. */\n\n /* Temp Chrome bug. This can be removed when fixed in Chrome 48.\n /* https://code.google.com/p/chromium/issues/detail?id=546034#c6 */\n min-height: 0;\n min-width: 0;\n}\n\n/* Full Page Layout */\n/* ------------- */\n@define-mixin application-layout $leftColWidth: 400px {\n html {\n height: 100% !important;\n }\n\n body {\n height: 100% !important;\n }\n\n .shared-page {\n height: 100% !important;\n }\n\n .layoutCol {\n overflow: hidden;\n position: absolute;\n top: 0;\n bottom: 0;\n }\n\n .layoutRow {\n overflow: hidden;\n position: absolute;\n left: 0;\n right: 0;\n }\n\n .scroll-x {\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n\n .scroll-y {\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n }\n\n /* Pane configuration */\n .main-section-body {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0px;\n top: 25px; /* this makes room for splunkbar. */\n min-height:0px !important;\n }\n\n .layoutBodyColumns {\n bottom: 0px;\n background-color: $white;\n overflow: auto;\n }\n\n .layoutColLeft {\n width: $leftColWidth;\n }\n\n .layoutColRight {\n right: 0px;\n left: $leftColWidth; /* left equals width of layoutColLeft */\n }\n\n}\n\n\n\n\n/* Grid System */\n/* ----------- */\n\n/* Centered container element */\n@define-mixin container-fixed {\n margin-right: auto;\n margin-left: auto;\n @mixin clearfix;\n}\n\n/* Table columns */\n@define-mixin tableColumns $columnSpan: 1 {\n float: none; /* undo default grid column styles */\n width: calc((($gridColumnWidth) * $columnSpan) + ($gridGutterWidth * ($columnSpan - 1px)) - 16px); /* 16 is total padding on left and right of table cells */\n margin-left: 0; /* undo default grid column styles */\n}\n\n/* Make a Grid */\n/* Use .makeRow and .makeColumn to assign semantic layouts grid system behavior */\n@define-mixin makeRow {\n margin-left: calc($gridGutterWidth * -1);\n @mixin clearfix;\n}\n@define-mixin makeColumn $columns: 1, $offset: 0 {\n float: left;\n margin-left: calc(($gridColumnWidth * $offset) + ($gridGutterWidth * ($offset - 1px)) + ($gridGutterWidth * 2));\n width: calc(($gridColumnWidth * $columns) + ($gridGutterWidth * ($columns - 1)));\n}\n\n/* The Grid */\n\n\n@define-mixin grid-core-span $gridColumns {\n width: calc(($gridColumnWidth * $gridColumns) + ($gridGutterWidth * ($gridColumns - 1)));\n}\n\n@define-mixin grid-core-offset ($gridColumns) {\n margin-left: calc(($gridColumnWidth * $gridColumns) + ($gridGutterWidth * ($gridColumns + 1)));\n}\n\n@define-mixin grid-core ($gridColumnWidth, $gridGutterWidth) {\n @for $index from 1 to 12 {\n .span$(index) {\n @mixin grid-core-span $index;\n float: left;\n min-height: 1px; /* prevent collapsing columns */\n margin-left: $gridGutterWidth;\n }\n }\n\n @for $index from 1 to 12 {\n .offset$(index) {\n @mixin grid-core-offset $index;\n }\n }\n\n .row {\n margin-left: calc($gridGutterWidth * -1);\n @mixin clearfix;\n }\n\n /* Set the container width, and override it for fixed navbars in media queries */\n .container,\n .navbar-static-top .container,\n .navbar-fixed-top .container,\n .navbar-fixed-bottom .container {\n @mixin grid-core-span $gridColumns;\n }\n}\n\n@define-mixin grid-fluid-span $index {\n width: calc(($fluidGridColumnWidth * $index) + ($fluidGridGutterWidth * ($index - 1)));\n}\n\n@define-mixin grid-fluid-offset $index {\n margin-left: calc(($fluidGridColumnWidth * $index) + ($fluidGridGutterWidth * ($index - 1)) + ($fluidGridGutterWidth * 2));\n}\n\n@define-mixin grid-fluid-offsetFirstChild $index {\n margin-left: calc(($fluidGridColumnWidth * $index) + ($fluidGridGutterWidth * ($index - 1)) + ($fluidGridGutterWidth));\n}\n\n@define-mixin grid-fluid $fluidGridColumnWidth, $fluidGridGutterWidth {\n .row-fluid {\n width: 100%;\n @mixin clearfix;\n\n @for $index from 1 to 12 {\n .span$(index) {\n @mixin input-block-level;\n @mixin grid-fluid-span $index;\n\n float: left;\n margin-left: $fluidGridGutterWidth;\n\n &:first-child {\n margin-left: 0;\n }\n }\n }\n\n @for $index from 1 to 12 {\n .offset$(index) {\n @mixin grid-fluid-offset $index;\n }\n }\n\n /* Space grid-sized controls properly if multiple per line */\n .controls-row [class*="span"] + [class*="span"] {\n margin-left: $fluidGridGutterWidth;\n }\n }\n}\n\n@define-mixin grid-input-span $columns {\n width: calc((($gridColumnWidth) * $columns) + ($gridGutterWidth * ($columns - 1)) - 14px);\n}\n\n\n@define-mixin grid-input $gridColumnWidth, $gridGutterWidth {\n @for $index from 1 to 12 {\n .span$(index) {\n @mixin grid-input-span $index;\n }\n }\n\n input,\n textarea,\n .uneditable-input {\n margin-left: 0; /* override margin-left from core grid system */\n }\n\n /* Space grid-sized controls properly if multiple per line */\n .controls-row [class*="span"] + [class*="span"] {\n margin-left: $gridGutterWidth;\n }\n}\n','.single-total {\n position: relative;\n text-align: center;\n font-size: 0.8vw;\n font-weight: 200 !important;\n line-height: 0.8vw;\n color: grey;\n font-family: "Roboto","Droid","Helvetica Neue",Helvetica,Arial,sans-serif;\n}',"td.data-bar-cell {\n padding: 1px 8px !important;\n}\n\n.data-bar-wrapper {\n background-color: #eeeeee;\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;\n margin-bottom: 4px;\n}\n\ntd.data-bar-cell .data-bar-wrapper .data-bar {\n min-width: 1px;\n color: #31708F;\n background-color: #428bca;\n box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.30) inset;\n border-right: 1px solid #bb401f;\n}\n\n.data-bar-custom-text {\n margin-right: 2px;\n margin-top: 3px;\n padding-top: 2px;\n padding-bottom: 2px;\n text-align: right;\n}\n\n.data-bar-badge {\n background-color: #fff;\n border: 1px solid #d3d3d3;\n border-radius: 2px;\n color: #800080;\n opacity: 0.88;\n padding-left: 2px;\n padding-right: 2px;\n}","/* Cell Highlighting */\n\ntd.range-low {\n background-color: #DFF0D8 !important;\n color: #3C763D !important;\n font-weight: bold;\n}\n\ntd.range-elevated {\n background-color: #FCF8E3 !important;\n color: #8A6D3B !important;\n font-weight: bold;\n}\n\ntd.range-severe {\n background-color: #F2DEDE !important;\n color: #A94442 !important;\n font-weight: bold;\n}\n\ntd.range-unauth {\n font-weight: bold;\n color: #d9534f !important;\n}\n\ntd.range-auth {\n font-weight: bold;\n color: #428bca !important;\n}\n\ntd.range-err {\n font-weight: bold;\n color: orange !important;\n}\n\ntd.inbound {\n background-color: #D9EDF7 !important;\n border-color: #BCE8F1 !important;\n color: #31708F !important;\n font-weight: bold !important;\n}\n\ntd.outbound {\n background-color: #F5E0EC !important;\n border-color: #BDA8B3 !important;\n color: #7E6974 !important;\n font-weight: bold !important;\n}\n\n",'#awstags {\n display: inline-block;\n margin-right: 10px;\n}\n\n.tag-autocomplete {\n position: absolute;\n z-index: 999;\n border: 1px solid rgba(82, 168, 236, 0.8);\n background-color: white;\n margin-top: -9px;\n width: 218px;\n max-height: 200px;\n overflow-y: auto;\n display: none;\n\n\n\n > ul {\n list-style-type: none;\n margin: 0;\n\n > li {\n border-top: 1px dotted #ccc;\n color: #1e93c6;\n padding-left: 5px;\n line-height: 23px;\n cursor: pointer;\n\n &.active {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &.tag-loading {\n cursor: default;\n color: black;\n\n > .loading-img {\n width: 16px;\n height: 16px;\n margin-top: 2px;\n margin-right: 5px;\n display: block;\n float: left;\n background-image: url("../../img/loading-16.gif");\n }\n }\n }\n }\n}\n',".hide-messages {\n margin-left: 30px;\n margin-bottom: 10px;\n display: inline-block;\n}\n\n.sourcetype-checker {\n margin-bottom: 0px;\n}",'@import "./SingleValueRenderer.pcss";\n@import "./TableBarRenderer.pcss";\n@import "./TableCellRenderer.pcss";\n@import "./TagInputView.pcss";\n@import "./MessageView.pcss";\n\n.slidenavList.scroll-group{\n max-height:350px !important;\n}'],sourceRoot:"webpack://"}])},function(n,e){n.exports="data:image/gif;base64,R0lGODlhEAAQAPIFANLS0qmpqVhYWCAgIIKCgu7u7v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUAo/eHBhY2tldCBiACH5BAkKAAUALAAAAAAQABAAAAMiWLo1KiwuV4CUDhZyZ4FcF4VFIC6Aea4d4LpsLM90bd9MAgAh+QQJCgAGACwEAAAACwAGAAADFjhmsrRLMfNgnDVA1Za21lcA4AKQRgIAIfkECQoABQAsAgAAAAsABQAAAxRYJUoaKrYC4lDMQVoudEqlXJKYAAAh+QQJCgAFACwAAAAACwAGAAADFVhapKFgFeNkEaq9uLBeQ2cpQzgWCQAh+QQJCgAHACwAAAAACAAIAAADFnh6obCnOEVUe5QdIFaFggGNy2AOUAIAIfkECQoABgAsAAAAAAYACwAAAxVoarCuQTVoClmR3beEF5wzDMoALgkAIfkECQoABQAsAAACAAUACwAAAxJYBdocbsHWiCWUClG4Gg34KQkAIfkECQoABgAsAAAEAAYACwAAAxQItlzK0IQZYiRkkWoE9Aw4RCMzJgAh+QQJCgAGACwAAAcACAAJAAADFggK1v4vhMgMgdYUM9o1AoeJTkhCQwIAIfkECQoABQAsAAAJAAsABwAAAxdYBaCuTYVHpxJlOEsK1pThUUo3ZuRZJAAh+QQJCgAHACwCAAoACwAGAAADGHgH2tNMkWPOi+FMoZ4q2gE2RxYeHCmpCQAh+QQJCgAFACwEAAkACwAHAAADF1i6FcNMrKdCK3KBS1QuxgUVm9iN1pgAACH5BAkKAAUALAcABwAJAAkAAAMXWFrTvTAWISRRpoISyl1b54FYtHGmpCQAIfkECQoABgAsCQAEAAcACwAAAxRoqrPQK0ZBqYyFxLB0MZyjhJcYJQAh+QQFCgAFACwKAAIABgALAAADFlg1qtyviCZmu4VojZUJDdCAhYiZRQIAOw=="},function(n,e){n.exports=s},,,,,,function(n,e,t){var r,o;r=[t(5),t(4),t(6),t(2),t(33),t(42)],void 0===(o=function(n,e,t,r,o){"use strict";var i={"services/saas-aws/da_itsi_cp_aws_recommendation":"aws:cloudwatch","datamodel=Detailed_Billing":"aws:billing","datamodel=Instance_Hour":"aws:billing","datamodel=Detailed_Billing_CUR":"aws:billing:cur","datamodel=Instance_Hour_CUR":"aws:billing:cur","datamodel CloudFront_Access_Log":"aws:cloudfront:accesslogs"},a=/sourcetype\s*=[\s'"]*(aws:.+?)[\s'"]{1}/g,l=e.extend(t.Events);return setInterval(function(){var n=!1,e=Object.keys(r.Components.attributes).map(function(n){var e=r.Components.get(n),t=null;return e instanceof o?t=e:e.manager&&e.manager instanceof o&&(t=e.manager),t}).filter(function(n){return null!==n}).map(function(n){return n.has("data")?n.get("data").eventSearch+n.get("data").reportSearch:null}).filter(function(n){return!!n}).map(function(e){!n&&function(n){return n.indexOf("services/saas-aws/da_itsi_cp_aws_recommendation")>-1}(e)&&(n=!0);var t=[],r=e.match(a);for(var o in r&&(t=r.map(function(n){var e=a.exec(n);return e&&e.length>1?e[1]:null}).filter(function(n){return null!==n})),i)new RegExp("\\b"+o+"\\b","g").test(e)&&t.push(i[o]);return t}).reduce(function(n,e){return e.forEach(function(e){n[e]=!0}),n},{});n&&l.trigger("change:recommendation",!0),l.trigger("change:sourcetype",Object.keys(e))},4e3),l}.apply(e,r))||(n.exports=o)},function(n,e,t){var r,o;r=[t(4),t(2),t(8),t(50),t(52)],void 0===(o=function(n,e,t,r,o){"use strict";var i=o.list_of_ids_with_all,a=o.list_of_ids_without_all;Object.keys(e.Components.attributes).forEach(function(n){for(var t=e.Components.get(n),o=n,l=0;l<i.length;l++)-1!=o.search(i[l])&&(t.val=r.multiSelectVal_persist_all);for(var s=0;s<a.length;s++)-1!=o.search(a[s])&&(t.val=r.multiSelectVal)})}.apply(e,r))||(n.exports=o)},function(n,e,t){var r,o;r=[t(4),t(51)],void 0===(o=function(n,e){return{multiSelectVal:function(){var t=arguments[0];if(n.isArray(t)&&t.length>1){var r=t.indexOf("*");0===r?t=n.without(t,"*"):r===t.length-1&&(t=["*"]),arguments[0]=t}return e.prototype.val.apply(this,arguments)},multiSelectVal_persist_all:function(){var t=arguments[0];if(n.isArray(t)&&0==t.length&&(arguments[0]="*"),n.isArray(t)&&t.length>1){var r=t.indexOf("*");0===r?t=n.without(t,"*"):r===t.length-1&&(t=["*"]),arguments[0]=t}return e.prototype.val.apply(this,arguments)}}}.apply(e,r))||(n.exports=o)},function(n,e){n.exports=d},function(n,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.list_of_ids_without_all=["ip1","ip2","ip3","region","account"],e.list_of_ids_with_all=["input1_all","input2_all","recommendation_filter","select_severity"]},,,,,,,function(n,e,t){var r,o;r=[t(4),t(5),t(6),t(2),t(7),t(9)],void 0===(o=function(n,e,t,r,o,i){return t.Model.extend({defaults:{hourlyData:null,singleData:null,dailyData:null,priceInfo:null,filtersEnabled:!1},changeSingleData:function(n){var e=this.get("hourlyData")[n];if("prediction"===n){var t=this.get("dailyData")[n].data;e=o.distributeDayAccordingHour(t,e)}this.set("singleData",e)},selectTimeToModifySingleData:function(n,e){var t=n*i.ONE_DAY_HOUR,r=(e+1)*i.ONE_DAY_HOUR;this.set("singleData",this.get("hourlyData").history.slice(t,r))},dragPointToModifySingleData:function(n){var e=this.get("hourlyData").prediction;this.set("singleData",o.distributeDayAccordingHour(n,e))}})}.apply(e,r))||(n.exports=o)},function(n,e,t){var r,o,i=function(){function n(n,e){for(var t=0;t<e.length;t++){var r=e[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(n,r.key,r)}}return function(e,t,r){return t&&n(e.prototype,t),r&&n(e,r),e}}();r=[t(5),t(4),t(2),t(33),t(7),t(9)],void 0===(o=function(n,e,t,r,o,a){return function(){function l(e,r,o){var i=this;!function(n,e){if(!(n instanceof e))throw new TypeError("Cannot call a class as a function")}(this,l),this.model=e,this.tokens=t.Components.get("default"),this.model.set("filtersEnabled",!1);var a=this.instanceHourSearch(r,o),s=this.riInfoSearch();n.when(a,s).done(function(){i.model.set("filtersEnabled",!0)}.bind(this))}return i(l,[{key:"instanceHourSearch",value:function(e,t){var i=this,a=n.Deferred(),l={dedupSpl:decodeURIComponent(this.tokens.get("dedupSpl")),aws_account_id:this.tokens.get("accountId"),region:this.tokens.get("region"),platform:this.tokens.get("platform"),tenancy:this.tokens.get("tenancy"),instance_type:this.tokens.get("instance_type"),normalFactor:this.tokens.get("normalFactor")};this.tokens.set("ihSearchSPL",o.generateIHSPL(n.extend({base:"history"},l)));var s=new r({id:"ihSearch",search:o.generateIHSPL(n.extend({base:"prediction"},l)),earliest_time:e,latest_time:t,preview:!1});return s.on("search:done",function(n){if(0===n.content.resultCount)a.resolve();else{var e=s.data("results",{output_mode:"json",count:0});e.once("data",function(){var n=e.data().results;i._parseSearchDataForChart(n),i._parseSearchDataForSingleViews(n),a.resolve()})}}),a}},{key:"riInfoSearch",value:function(){var e=this,t=n.Deferred(),i=this,a={base:"",payment:"",region:this.tokens.get("region"),platform:this.tokens.get("platform"),tenancy:this.tokens.get("tenancy"),instance_type:this.tokens.get("instance_type")},l=o.generateRecommSPL(a),s=new r({id:"riInfoSearch",search:l,preivew:!1});return s.on("search:done",function(){var n=s.data("results",{output_mode:"json",count:0});n.once("data",function(){var r=n.data().results;e.model.set("priceInfo",{onDemandHourly:parseFloat(r[0].on_demand_hourly),reservedOneAllYearly:parseFloat(r[0].reserved_one_all_yearly),reservedOnePartialYearly:parseFloat(r[0].reserved_one_partial_yearly),reservedOnePartialHourly:parseFloat(r[0].reserved_one_partial_hourly),reservedOneNoHourly:parseFloat(r[0].reserved_one_no_hourly)}),t.resolve()}.bind(i))}.bind(i)),t}},{key:"_parseSearchDataForChart",value:function(n){var t=n.filter(function(n){return!e.isUndefined(n.recommended_d)}),r=n.filter(function(n){return!e.isUndefined(n.current_d)});t=t.slice(r.length);var i=r.map(function(n){return Math.max(Math.round(n.current_d,0))});o.start=new Date(r[0].d_time/a.TIMESTAMP_TO_SPLUNK_TIME_COEF);var l=t.map(function(n){return Math.max(Math.round(n.recommended_d),0)});this.model.set("dailyData",{history:{data:i,start:r[0].d_time/a.TIMESTAMP_TO_SPLUNK_TIME_COEF,end:r[r.length-1].d_time/a.TIMESTAMP_TO_SPLUNK_TIME_COEF},prediction:{data:l,start:t[0].d_time/a.TIMESTAMP_TO_SPLUNK_TIME_COEF,end:t[t.length-1].d_time/a.TIMESTAMP_TO_SPLUNK_TIME_COEF}})}},{key:"_parseSearchDataForSingleViews",value:function(n){var t=n.filter(function(n){return!e.isUndefined(n.current_ih)}),r=n.filter(function(n){return e.isUndefined(n.current_ih)});r=r.map(function(n){return Math.max(parseFloat(n.recommended_ih),0)}),t=t.map(function(n){return Math.max(parseInt(Math.round(parseFloat(n.current_ih))),0)}),this.model.set("hourlyData",{history:t,prediction:r}),this.model.changeSingleData(this.tokens.get("base"))}}]),l}()}.apply(e,r))||(n.exports=o)},function(n,e,t){var r,o;r=[t(4),t(6),t(8),t(62),t(64)],void 0===(o=function(n,e,t,r,o){var i=t.BaseView;return i.extend({initialize:function(){i.prototype.initialize.apply(this,arguments),this.listenTo(this.model,"change:filtersEnabled",this._changeFiltersState.bind(this))},_changeFiltersState:function(){this.model.get("filtersEnabled")?this.filterView.enableFilters():this.filterView.disableFilters()},render:function(){return this.$el.html("<div id='infoContainer'></div><div id='filterContainer'></div>"),this.infoView=new r({el:this.$("#infoContainer")}).render(),this.filterView=new o({el:this.$("#filterContainer")}).render(),this}})}.apply(e,r))||(n.exports=o)},function(n,e,t){var r,o,i=function(){return function(n,e){if(Array.isArray(n))return n;if(Symbol.iterator in Object(n))return function(n,e){var t=[],r=!0,o=!1,i=void 0;try{for(var a,l=n[Symbol.iterator]();!(r=(a=l.next()).done)&&(t.push(a.value),!e||t.length!==e);r=!0);}catch(n){o=!0,i=n}finally{try{!r&&l.return&&l.return()}finally{if(o)throw i}}return t}(n,e);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}();r=[t(4),t(6),t(8),t(2),t(7),t(63)],void 0===(o=function(n,e,t,r,o,a){"use strict";var l=t.BaseView;return l.extend({tagName:"div",initialize:function(){l.prototype.initialize.apply(this,arguments),this.tokens=r.Components.get("default")},render:function(){var e=o.checkSizeFlexibility(this.tokens.get("platform"),this.tokens.get("tenancy")),t=this.tokens.get("instance_type").split("."),r=i(t,2),l=r[0],s=(r[1],n.template(a));return this.$el.html(s({accountId:this.tokens.get("accountId"),platform:this.tokens.get("platformLabel"),tenancy:this.tokens.get("tenancyLabel"),region:this.tokens.get("regionLabel"),type:this.tokens.get("instance_type"),applyFlexibility:e,family:l})),this}})}.apply(e,r))||(n.exports=o)},function(n,e){n.exports="<div>Summary</div>\n<table>\n <tr>\n <td>Account ID:</td>\n <td><strong><%= accountId %></strong></td>\n </tr>\n <tr>\n <td>Region:</td>\n <td><strong><%= region %></strong></td>\n </tr>\n <td>Platform:</td>\n <td><strong><%= platform %></strong></td>\n </tr>\n <tr>\n <td>Tenancy:</td>\n <td><strong><%= tenancy %></strong></td>\n </tr>\n <tr>\n <% if (applyFlexibility) {%>\n <td>Family:</td>\n <td><strong><%= family %></strong></td>\n <% }else { %>\n <td>Instance type:</td>\n <td><strong><%= type %></strong></td>\n <% } %>\n </tr>\n <tr>\n</table>"},function(n,e,t){var r,o;r=[t(5),t(4),t(6),t(2),t(8),t(12),t(9)],void 0===(o=function(n,e,t,r,o,i,a){var l=o.BaseView,s=o.ControlGroup;return l.extend({initialize:function(){var n=this;l.prototype.initialize.apply(this,arguments),this.tokens=r.Components.get("default"),this.stateModel=new t.Model,this.stateModel.set("base",this.tokens.get("base")),this.stateModel.set("payment",this.tokens.get("payment")),this.stateModel.on("change:base",function(){n.tokens.set("base",n.stateModel.get("base"))}.bind(this)),this.stateModel.on("change:payment",function(){n.tokens.set("payment",n.stateModel.get("payment"))}.bind(this))},enableFilters:function(){this.baseRadio.enable(),this.paymentRadio.enable()},disableFilters:function(){this.baseRadio.disable(),this.paymentRadio.disable()},render:function(){this.$el.html('<div id="base-input" class="filter-input"></div><div id="payment-input" class="filter-input"></div>'),this.baseRadio=new s({el:n("#base-input"),label:"Basis for insight",controlType:"SyntheticRadio",controlOptions:{model:this.stateModel,modelAttribute:"base",items:a.FILTERS.BASE_OPTIONS}}),this.$el.append(this.baseRadio.render().$el),this.$("#base-input .control-label").append(" "+i),this.$('[data-toggle="tooltip"]').tooltip({container:"#headerContainer"}),this.paymentRadio=new s({el:n("#payment-input"),label:"Payment option(one-year term)",controlType:"SyntheticRadio",controlOptions:{model:this.stateModel,modelAttribute:"payment",items:a.FILTERS.PAYMENT_OPTIONS}}),this.$el.append(this.paymentRadio.render().$el),this.disableFilters()}})}.apply(e,r))||(n.exports=o)},function(n,e,t){var r,o;r=[t(5),t(4),t(6),t(2),t(8),t(7),t(9),t(10),t(66)],void 0===(o=function(n,e,t,r,o,i,a,l,s){var d=o.BaseView,c=r.Components.get("submitted");return d.extend({initialize:function(){d.prototype.initialize.apply(this,arguments),this.model=this.options.model,this.tokens=r.Components.get("default"),this.formula=null,this.applyFlexibility=i.checkSizeFlexibility(this.tokens.get("platform"),this.tokens.get("tenancy")),this.normalFactor=this.applyFlexibility?parseFloat(this.tokens.get("normalFactor")):1,this.listenTo(this.model,"change:singleData",this.formatData.bind(this)),this.listenTo(this.tokens,"change:base",this._updateDrilldown.bind(this)),this.listenTo(r.Components.get("existingRi"),"rendered",this._renderExistingRi.bind(this)),this.listenTo(r.Components.get("ri"),"rendered",this._renderRi.bind(this)),this.listenTo(r.Components.get("riCost"),"rendered",this._renderRiCost.bind(this))},formatData:function(){var n=this.tokens.get("payment"),t=this.model.get("priceInfo"),r=this.model.get("singleData"),o=t.onDemandHourly,l=o*a.ONE_DAY_HOUR*a.ONE_YEAR_DAY,d=0;switch(n){case"all":o=t.reservedOneAllYearly/(a.ONE_DAY_HOUR*a.ONE_YEAR_DAY),l=t.reservedOneAllYearly;break;case"partial":o=t.reservedOnePartialYearly/(a.ONE_DAY_HOUR*a.ONE_YEAR_DAY)+t.reservedOnePartialHourly,l=t.reservedOnePartialYearly,d=t.reservedOnePartialHourly*a.ONE_DAY_HOUR*(a.ONE_YEAR_DAY/a.ONE_YEAR_MONTH);break;case"no":o=t.reservedOneNoHourly,l=0,d=t.reservedOneNoHourly*a.ONE_DAY_HOUR*(a.ONE_YEAR_DAY/a.ONE_YEAR_MONTH)}var A=parseInt(i.calRI(r,o,t.onDemandHourly)),u=i.calRICost(r,A,o,t.onDemandHourly),p=u.onDemandCost,h=u.riCost,g=u.totalUnCoveredHours,m=e.template(s);this.formula=m({remainedDisplay:this.applyFlexibility?"Remained Units":"Remained Hours",RI:A*this.normalFactor,yearly:parseInt(l/this.normalFactor),monthly:parseFloat(d/this.normalFactor).toFixed(2),hours:parseInt(g*this.normalFactor),hourly:parseFloat(t.onDemandHourly/this.normalFactor).toFixed(2),currencySign:this.tokens.get("currency")}),this.tokens.set("ri",A*this.normalFactor),this.tokens.set("onDemandCost",p),this.tokens.set("riCost",h),this.tokens&&c&&c.set(this.tokens.toJSON())},_updateDrilldown:function(){var n=r.Components.getInstance("ri"),e=this.tokens.get("base");n.getVisualization(function(n){"history"===e?n.settings.set("drilldown","all"):n.settings.set("drilldown","none")})},_renderRi:function(){n("#ri .optimal-RI-tooltip").length<=0&&(n("#ri .dashboard-element-title").append(" "+l),n(".optimal-RI-tooltip").tooltip({container:"#ri"})),this.applyFlexibility&&n("#ri .under-label").length>0&&n("#ri .under-label").text("Unit")},_renderRiCost:function(){if(n("#riCost .delta-label").length>0){var t=n("#riCost .delta-label").text();t=t.indexOf("-")>=0?t.slice(1):t,n("#riCost .delta-label").text(t),n("#riCost text.delta-label").attr("fill","#5cc05c")}n("#riCost .delta-indicator polyline").length>0&&n("#riCost .delta-indicator polyline").attr({stroke:"#5cc05c"}),n("#riCost .delta-indicator line").length>0&&n("#riCost .delta-indicator line").attr({fill:"#5cc05c",stroke:"#5cc05c"}),n("#riCost .single-result-unit").length>0&&n("#riCost .single-result-unit").text(this.tokens.get("currency")),n("#riCost .RI-formula-tooltip").length>0&&(n("#riCost .tooltip").remove(),n("#riCost .RI-formula-tooltip").remove()),e.isEmpty(this.formula)||(n("#riCost .dashboard-element-title").append(" "+this.formula),n(".RI-formula-tooltip").tooltip({container:"#riCost"}))},_renderExistingRi:function(){this.applyFlexibility&&n("#existingRi .under-label").length>0&&n("#existingRi .under-label").text("Unit")}})}.apply(e,r))||(n.exports=o)},function(n,e){n.exports='<span data-html="true" class="icon-info-circle RI-formula-tooltip" data-toggle="tooltip" data-placement="bottom" data-original-title=\'\n<table>\n <tr>\n <th colspan="11">Recommened Cost =<div class="riCostSpan">RI Cost</div> + <div class="onDemandCostSpan">On Demand Cost</div></th>\n </tr>\n <tr>\n <td><div class="riCostSpan">RI Cost</div></td>\n <td>=</td>\n <td class="formulaNum"><%=RI%></td>\n <td>x</td>\n <td class="formulaNum"><%=currencySign %><%=yearly%></td>\n <td>+</td>\n <td class="formulaNum"><%=RI%></td>\n <td>x</td>\n <td class="formulaNum"><%=currencySign %><%=monthly%></td>\n <td>x</td>\n <td class="formulaNum">12</td>\n </tr>\n <tr>\n <td></td>\n <td></td>\n <td class="formulaConst">RI</td>\n <td></td>\n <td class="formulaConst">Reserved Yearly Cost</td>\n <td></td>\n <td class="formulaConst">RI</td>\n <td></td>\n <td class="formulaConst">Reserved Monthly Cost</td>\n <td></td>\n <td class="formulaConst">Months</td>\n </tr>\n <tr>\n <td><div class="onDemandCostSpan">On Demand Cost</div></td>\n <td>=</td>\n <td class="formulaNum"><%=hours%></td>\n <td>x</td>\n <td class="formulaNum"><%=currencySign %><%=hourly%></td>\n <td></td>\n <td></td>\n <td></td>\n <td></td>\n <td></td>\n <td></td>\n </tr>\n <tr>\n <td></td>\n <td></td>\n <td class="formulaConst"><%= remainedDisplay %></td>\n <td></td>\n <td class="formulaConst">On-demand Hourly Cost</td>\n <td></td>\n <td></td>\n <td></td>\n <td></td>\n <td></td>\n <td></td>\n </tr>\n</table>\'></span>\n'},function(n,e,t){var r,o;r=[t(5),t(4),t(6),t(2),t(8),t(7),t(9),t(68),t(69),t(70)],void 0===(o=function(n,e,t,r,o,i,a,l,s,d){var c=o.BaseView;return c.extend({events:{"click .btn":"reset"},initialize:function(){c.prototype.initialize.apply(this,arguments),this.model=this.options.model,this.tokens=r.Components.get("default"),this.chartData=null,this.chart=new d.Chart(l.CHART),this.helper=s.getInstance(),this.predictionDay=null,this.dragPredictionDay=null,this.historyLength=0;var e=i.checkSizeFlexibility(this.tokens.get("platform"),this.tokens.get("tenancy"));this.normalFactor=e?this.tokens.get("normalFactor"):1,n("#"+a.CHART_CONTAINER_ID).on(a.EVENT.DRAG_POINT,this._dragEnd.bind(this)),this.listenTo(this.model,"change:dailyData",this.drawChart.bind(this)),this.listenTo(this.tokens,"change:base",this.redrawChart.bind(this))},render:function(){this.$el.append('<div class="chart-button"><a class="btn btn-primary hidden">Reset</a></div>')},_formatData:function(){var t=this,r=this.model.get("dailyData"),o={min:r.history.start,max:r.history.end},s={min:r.history.start,max:r.prediction.end},d=e.template(l.HISTORY_SERIES.name)({historyFrom:i.timeToXText(r.history.start),historyTo:i.timeToXText(r.history.end)}),c=e.template(l.PREDICTION_SERIES.name)({predictionFrom:i.timeToXText(r.prediction.start),predictionTo:i.timeToXText(r.prediction.end)}),A={pointStart:r.history.start,pointInterval:a.ONE_DAY_MIS},u=r.history.data.slice(0).map(function(n){return n*t.normalFactor}),p=r.prediction.data.slice(0).map(function(n){return n*t.normalFactor});this.predictionDay=p.slice();var h=[n.extend({},l.HISTORY_SERIES,n.extend({},A,{name:d+"<br>Adjust the history time range<br>by horizontal dragging",data:u}))];this.historyLength=u.length;var g=p.length;p=Array(this.historyLength).fill(null).concat(p);var m=[n.extend({},l.HISTORY_SERIES,n.extend({},A,{name:d,data:u.concat(Array(g).fill(null))})),n.extend({},l.PREDICTION_SERIES,n.extend({},A,{name:c,data:p}))];this.chartData={historyMask:{id:"historyMask",from:r.history.start,to:r.history.end,color:"rgba(0, 0, 0, 0.05)"},reloadParams:{start:i.timeToIndex(r.prediction.start),end:this.historyLength+g-1},history:{xAxisParams:o,series:h},prediction:{xAxisParams:s,series:m},predictionData:p}},drawChart:function(){this.$(".btn").removeClass("hidden"),this.chart.reflow(),this.chart.setTitle(null,{text:""}),this._formatData(),this._baseDrawChart()},reset:function(){"history"===this.tokens.get("base")?this._removeMask():(this.chart.series[1].update({data:this.chartData.predictionData.slice()},!0),this.helper.reload(this.chartData.reloadParams)),this.trigger(a.EVENT.RESET)},_dragEnd:function(){for(var n=this.helper.startAnchor,e=this.helper.endAnchor,t=n;t<=e;t++)this.dragPredictionDay[t-this.historyLength]=parseFloat(this.chart.series[1].data[t].y)/this.normalFactor;this.trigger(a.EVENT.DRAG_POINT,this.dragPredictionDay)},_removeMask:function(){this.chart.xAxis[0].removePlotBand("selectionMask"),this.chart.xAxis[0].removePlotLine("maskLeftLine"),this.chart.xAxis[0].removePlotLine("maskRightLine")},redrawChart:function(){for(;this.chart.series.length>0;)this.chart.series[0].remove(!1);this._baseDrawChart()},_baseDrawChart:function(){var e=this;this.helper.reload(this.chartData.reloadParams);var t=this.tokens.get("base");this.chart.xAxis[0].update(this.chartData[t].xAxisParams),this.chartData[t].series.forEach(function(t){e.chart.addSeries(n.extend(!0,{},t),!1)}),this.chart.redraw(),"prediction"===t?(this._removeMask(),this.chart.xAxis[0].addPlotBand(this.chartData.historyMask),this.chart.pointer.zoomX=!1,this.dragPredictionDay=this.predictionDay.slice()):(this.chart.xAxis[0].removePlotBand("historyMask"),this.chart.pointer.zoomX=!0)}})}.apply(e,r))||(n.exports=o)},function(n,e,t){var r,o;r=[t(5),t(2),t(8),t(7),t(9)],void 0===(o=function(n,e,t,r,o){var i=t.moment,a=e.Components.get("default");return{HISTORY_SERIES:{cursor:"pointer",name:"<strong>The past year</strong><br><%= historyFrom %>-<%= historyTo %>",inDrag:!1,color:"#4a90e2",marker:{symbol:"circle"}},PREDICTION_SERIES:{name:"<strong>The following year</strong><br><%= predictionFrom %>-<%= predictionTo %><br>Adjust the prediction line<br>by vertical dragging points",inDrag:!1,drag:!0,color:"#f07a35",dashStyle:"dash",marker:{symbol:"circle"},cursor:"ns-resize"},CHART:{chart:{renderTo:"chartContainer",animation:!1,height:300,zoomType:"x",events:{selection:function(e){if(e.xAxis){var t=e.xAxis[0],i=new Date(Math.floor(t.min/o.ONE_HOUR_MIS)*o.ONE_HOUR_MIS),a=new Date(Math.ceil(t.max/o.ONE_HOUR_MIS)*o.ONE_HOUR_MIS),l=this.xAxis[0];i=Math.max(l.min,i),a=Math.min(l.max,a),l.removePlotBand("selectionMask"),l.addPlotBand({id:"selectionMask",from:i,to:a,color:"rgba(0, 0, 0, 0.05)"}),l.removePlotLine("maskLeftLine"),l.removePlotLine("maskRightLine"),r.addPlotLine(l,"maskLeftLine",r.timeToXText(i),i,"#4a90e2",{textAlign:"right",y:15,x:-5,verticalAlign:"top"}),r.addPlotLine(l,"maskRightLine",r.timeToXText(a),a,"#4a90e2",{textAlign:"left",y:15,verticalAlign:"top"}),n("#chartContainer").trigger("time",[i,a])}return!1}},resetZoomButton:{theme:{display:"none"}}},yAxis:{min:0,minTickleInterval:1,title:{text:r.checkSizeFlexibility(a.get("platform"),a.get("tenancy"))?"Normalized Instances Hours in Unit":"Instances Hours in Count"}},xAxis:{title:{text:"Time"},type:"datatime",minRange:864e5,labels:{formatter:function(){return i(this.value).format("MMM DD,YYYY")}},tickPositioner:function(){var n=(this.max-this.min)/864e5==365?5:6,e=[],t=this.min,r=Math.ceil((this.max-this.min)/n);if(null!==this.min&&null!==this.max)for(;t<=this.max;t+=r){var o=new Date(t);e.push(new Date(o.getFullYear(),o.getMonth(),o.getDate()).getTime())}return e}},credits:{enabled:!1},legend:{useHTML:!0,align:"right",verticalAlign:"middle",layout:"vertical",itemMarginTop:15,itemStyle:{fontWeight:"normal"}},tooltip:{backgroundColor:"#000000",formatter:function(){return.25*Math.round(this.y/.25)},style:{color:"#ffffff"}},title:{text:"Running instances over time",align:"left",style:{fontSize:"14px",fontWeight:"bold"}},subtitle:{text:"Loading...",align:"left",style:{fontSize:"12px"}},plotOptions:{line:{marker:{enabled:!1},point:{events:{mouseOver:function(n){if(!this.series.options.inDrag){var e=this.series.chart.xAxis[0],t=r.timeToXText(this.category);r.addPlotLine(e,"pointLine",t,this.x,this.series.color,{textAlign:"left",y:-10,verticalAlign:"bottom"})}},mouseOut:function(n){this.series.options.inDrag||this.series.chart.xAxis[0].removePlotLine("pointLine")},click:function(n){if(null!==this.series.yData[0]){var e="search?q="+a.get("ihSearchSPL")+" | eval ri="+a.get("ri")+' | rename current_ih as "Instance hour count", ri as "Optimal RI"';e+="&earliest="+this.category*o.TIMESTAMP_TO_SPLUNK_TIME_COEF+"&latest="+(this.category+o.ONE_DAY_MIS)*o.TIMESTAMP_TO_SPLUNK_TIME_COEF,window.open(e)}}}}}}}}}.apply(e,r))||(n.exports=o)},function(n,e,t){var r,o,i=function(){function n(n,e){for(var t=0;t<e.length;t++){var r=e[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(n,r.key,r)}}return function(e,t,r){return t&&n(e.prototype,t),r&&n(e,r),e}}();r=[t(4)],void 0===(o=function(n){var e=function(){function n(){!function(n,e){if(!(n instanceof e))throw new TypeError("Cannot call a class as a function")}(this,n)}return i(n,[{key:"reload",value:function(n){this.anchorList=[],this.startAnchor=n.start,this.endAnchor=n.end,this._insertList(this.anchorList,this.startAnchor),this._insertList(this.anchorList,this.endAnchor)}},{key:"dragStart",value:function(n,e){this.curIndex=n,this.oldY=e,this._insertList(this.anchorList,n)}},{key:"dragInProgress",value:function(n,e){var t=[],r=Math.max(this._findBiggestSmallerThanValue(this.anchorList,this.curIndex),0),o=Math.min(this._findSmallestBiggerThanValue(this.anchorList,this.curIndex),this.anchorList.length-1);if(this.startAnchor=this.anchorList[r],this.endAnchor=this.anchorList[o],this.startAnchor<this.curIndex){var i=this._calProportion(this.curIndex-this.startAnchor,e-this.oldY);this._floodToNeighbors(n,this.startAnchor,this.startAnchor+1,this.curIndex-1,i,t)}if(this.curIndex<this.endAnchor){var a=this._calProportion(this.curIndex-this.endAnchor,e-this.oldY);this._floodToNeighbors(n,this.endAnchor,this.curIndex+1,this.endAnchor-1,a,t)}return t}},{key:"deleteAnchor",value:function(n){if(n!==this.startAnchor&&n!==this.endAnchor){var e=this.anchorList.indexOf(n);e>-1&&this.anchorList.splice(e,1)}}},{key:"addAnchor",value:function(n){this._insertList(this.anchorList,n)}},{key:"_floodToNeighbors",value:function(n,e,t,r,o,i){for(var a=t;a<=r;a++){var l=Math.max(this._calDiff(a-e,o)+n[a],0);i.push({x:a,y:l})}}},{key:"_findBiggestSmallerThanValue",value:function(n,e){for(var t=0,r=n.length-1;t<=r;){var o=parseInt((t+r)/2);e<=n[o]?r=o-1:t=o+1}return r}},{key:"_findSmallestBiggerThanValue",value:function(n,e){for(var t=0,r=n.length-1;t<=r;){var o=parseInt((t+r)/2);e<n[o]?r=o-1:t=o+1}return t}},{key:"_insertList",value:function(n,e){for(var t=n.length,r=0,o=t-1;r<=o;){var i=parseInt((r+o)/2);if(e==n[i])return;e<n[i]?o=i-1:r=i+1}n.push(e);for(var a=t;a>r;a--){var l=n[a];n[a]=n[a-1],n[a-1]=l}}},{key:"_calDiff",value:function(n,e){return e*n}},{key:"_calProportion",value:function(n,e){return 0===n?0:e/n}}]),n}(),t=void 0;return{getInstance:function(){return t||(t=new e),t}}}.apply(e,r))||(n.exports=o)},function(n,e,t){var r,o;r=[t(5),t(69),t(7),t(9),t(8)],void 0===(o=function(n,e,t,r,o){var i=o.HighCharts,a=e.getInstance();return i.Chart.prototype.callbacks.push(function(e){var o=void 0,l=void 0,s=void 0,d=void 0,c=void 0,A=void 0;function u(i){o&&(e.series.forEach(function(n){n.options.inDrag=!1}),A&&o.options.selected?(o.update({marker:{enabled:!1}}),o.options.selected=!1,a.deleteAnchor(t.timeToIndex(o.x))):(o.update({marker:{enabled:!0,radius:6}}),o.options.selected=!0,A?a.addAnchor(t.timeToIndex(o.x)):n("#"+r.CHART_CONTAINER_ID).trigger(r.EVENT.DRAG_POINT)),o=l=void 0)}i.addEvent(e.container,"mousedown",function(n){var r=n.originalEvent||n,i=e.hoverPoint;null===r.target.getAttribute("class")&&i&&i.series.options.drag&&!1!==i.drag&&(o=i,l=n.pageY,s=o.plotY+(e.plotHeight-(o.yBottom||e.plotHeight)),d=o.series.data.map(function(n){return n.y}),a.dragStart(t.timeToIndex(o.x),o.y),c=o.series,e.series.forEach(function(n){n.options.inDrag=!0}),A=!0)}),i.addEvent(e.container,"mousemove",function(n){if(n.preventDefault(),o){A=!1;var t=n.pageY,r=s-(l-t),i=Math.max(c.yAxis.toValue(r,!0),0),u={x:o.x,y:i},p=c.kdTree;o.update(u,!1),c.halo&&(c.halo=c.halo.destroy()),e.tooltip&&e.tooltip.refresh(o),a.dragInProgress(d,i).forEach(function(n){c.data[n.x].update({x:c.data[n.x].category,y:n.y},!1)}),c.redraw(),c.kdTree=p}}),i.addEvent(e.container,"mouseup",u),i.addEvent(e.container,"mouseleave",u)}),i}.apply(e,r))||(n.exports=o)},function(n,e,t){var r=t(72);"string"==typeof r&&(r=[[n.id,r,""]]);t(27)(r,{});r.locals&&(n.exports=r.locals)},function(n,e,t){(n.exports=t(26)()).push([n.id,"/* Splunk: Variables */\n/* ================================================== */\n/* Variables to customize the look and feel of Bootstrap (splunk version) */\n\n\n/* STATIC PATHS */\n/* ------------------------- */\n\n\n/* COLOR PALETTE */\n/* ------------------------- */\n\n/* Enterprise */\n\n/* Light */\n\n/* Grayscale - DO NOT USE DIRECTLY WHENEVER POSSIBLE!!! Use text, border or table variables instead. */\n\n/* Accent colors */ /* sky */\n\n\n/* TYPOGRAPHY */\n/* ------------------------- */ /* 18px; */ /* Lite listing pages */ /* empty to use BS default, $baseFontFamily */ /* instead of browser default, bold */ /* empty to use BS default, $textColor */ /* #08c; */\n\n\n/* SCAFFOLDING */\n/* ------------------------- */ /* aliases: $tableBorderColor $tableBorderColorVertical */\n/* also see: $interactiveBorderColor */ /* For containers without a wrapper */ /* For for containers with a wrapper, like popdown */ /* 44px */ /* 26px */ /* 22px */\n\n\n/* Horizontal forms & lists */\n/* ------------------------- */\n\n\n/* Z-INDEX */\n/* ------------------------- */\n/* 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 */\n\n\n/* TABLES */\n/* ------------------------- */ /* overall background-color */ /* for hover */ /* for striping */ /* for striping */ /* table and cell border */ /* table and cell border */ /* table and cell border */\n\n\n\n\n/* FORMS */\n/* ------------------------- */ /* base line-height + 8px vertical padding + 2px top/bottom border */ /* This is generally overridden. */\n\n/* BASE INTERACTIVE */\n/* -------------------------- */\n/* text */\n/* background */\n/* borders */\n/* shadow */ /* Active state in Radio Button Control */\n\n\n/* BASE INTERACTIVE ERROR */\n/* -------------------------- */\n/* text */\n/* background */\n/* borders */\n\n\n/* PRIMARY BUTTONS */\n/* -------------------------- */\n/* text */\n/* background */\n/* borders */\n/* shadow */\n\n\n/* PILL BUTTONS */\n/* -------------------------- */\n/* text */\n/* background */\n\n\n\n/* BUTTONS */\n/* ------------------------- */\n/* Used in non-standard buttons - Legacy Bootstrap classes only */\n\n\n\n/* COMPONENT VARIABLES */\n/* -------------------------------------------------- */\n\n\n/* Navbar */\n/* ------------------------- */ /* Fixes issue for escaped Dashboards. */\n\n/* Inverted navbar */\n\n\n/* Tooltips and popovers */\n/* ------------------------- */\n\n/* GRID */\n/* -------------------------- */\n/* Default 940px grid */\n\n/* 1200px min */\n\n/* 768px-979px */\n\n\n/* Fluid grid */\n/* ------------------------- */\n\n/* 1200px min */\n\n/* 768px-979px */\n\n\n/* Responsive Variables */\n\n\n/* SELECTORS FOR CUSTOMIZING SPECIFIC LOCALES */\n/* -------------------------- */\n\n\n/* BUILD COMMENT */\n/* -------------------------- */\n/* Hide the Build Comment. The make file sets this to true. */\n\n/* LEGACY BUILD */\n/* -------------------------- */\n/* This is set to true when building the less for splunk components. */\n/* Splunk: Mixins */\n/* ================== */\n/* Snippets of reusable CSS to develop faster and keep code readable */\n\n/* Splunk: Mixins */\n/* ================== */\n/* Snippets of reusable CSS to develop faster and keep code readable */\n\n\n/* Mixins */\n/* -------------------------------------------------- */\n\n\n/* UTILITY MIXINS */\n/* -------------------------------------------------- */\n\n/* Link */\n/* ------------------ */\n\n\n/* Clearfix */\n/* -------- */\n/* For clearing floats like a boss h5bp.com/q */\n\n/* Webkit-style focus */\n/* ------------------ */\n\n/* Center-align a block level element */\n/* ---------------------------------- */\n\n/* Sizing shortcuts */\n/* ------------------------- */\n\n/* Placeholder text */\n/* ------------------------- */\n\n/* Text overflow */\n/* ------------------------- */\n/* Requires inline-block or block for proper styling */\n\n/* CSS image replacement */\n/* ------------------------- */\n/* Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757 */\n\n\n/* FONTS */\n/* -------------------------------------------------- */\n\n\n/* FORMS */\n/* -------------------------------------------------- */\n\n/* Block level inputs */\n\n/* Mixin for form field states */\n\n\n/* CSS3 PROPERTIES */\n/* -------------------------------------------------- */\n\n\n/* Single Side Border Radius */\n\n\n/* Transformations */\n\n\n\n/* Resize anything */\n\n/* CSS3 Content Columns */\n\n/* Optional hyphenation */\n\n\n\n\n/* BACKGROUNDS */\n/* -------------------------------------------------- */\n\n/* Gradient Bar Colors for buttons and alerts */\n\n/* Gradients */\n\n/* Reset filters for IE */\n\n\n\n/* COMPONENT MIXINS */\n/* -------------------------------------------------- */\n\n/* Horizontal dividers */\n/* ------------------------- */\n/* Dividers (basically an hr) within dropdowns and nav lists */\n\n/* Button backgrounds */\n/* ------------------ */\n\n/* Navbar vertical align */\n/* ------------------------- */\n/* Vertically center elements in the navbar. */\n/* Example: an element has a height of 30px, so write out `.navbarVerticalAlign(30px);` to calculate the appropriate top margin. */\n\n\n\n/* Disable highlighting text */\n/* ------------------------- */\n\n/* Printing */\n/* ------------------ */\n\n\n/* Popdown */\n/* ------------------ *//* .popdown-dialog */\n\n/* popdown body */\n\n\n\n/* Flex\n/* ------------- */\n\n/* Full Page Layout */\n/* ------------- */\n\n\n\n\n/* Grid System */\n/* ----------- */\n\n/* Centered container element */\n\n/* Table columns */\n\n/* Make a Grid */\n/* Use .makeRow and .makeColumn to assign semantic layouts grid system behavior */\n\n/* The Grid */\n\n/* Interactive */\n/* -------------------------------------------------- */\n/* These are by any element that can be clicked, such as buttons, menus and table headings. */\n\n/* Hover state */\n\n/* Interactive Error */\n/* These are by any interactive element that is is in an error state */\n\n\n/* primary */\n\n/* primary hover state */\n\n/* Overlays (Modal, Popdown, Search Assistant) */\n\n\n/* Focus States */\n/* ----------------------------- */\n\n/* Text entry boxes change their border color and glow */\n\n/* Clickable buttons change their border color and glow */\n\n/* Block elements change the background color */\n/* Block elements change the background color and spread via box-shadow */\n\n/* Docking Elements */\n/* ------------------ */\n\n/* Webkit-style focus */\n/* ------------------ */\n\n/* Draggable Handle */\n.dashboard-row .dashboard-panel .panel-body.html, #headerContainer {\n background-color: #eee;\n padding: 0px;\n}\n.icon-info-circle {\n font-size: 12px;\n cursor: pointer;\n}\n.tooltip.in {\n opacity: 0.9;\n filter: alpha(opacity=90);\n}\n.hidden {\n display: none;\n}\n#headerContainer .tooltip-inner, #ri .tooltip-inner {\n min-width: 300px;\n}\n#infoContainer {\n border-right: 1px solid #ddd;\n padding-bottom: 10px;\n float:left;\n}\n#infoContainer tr>td:first-child {\n text-align: right;\n}\n#infoContainer tr>td:last-child {\n padding-left: 20px;\n padding-right: 25px;\n}\n#filterContainer {\n display: inline;\n}\n#filterContainer .filter-input {\n display: inline-block;\n margin-left: 20px;\n}\n#filterContainer #base-input {\n width: 164.5px;\n}\n#filterContainer #payment-input {\n width: 287px;\n}\n#riCost .tooltip-inner {\n min-width: 400px;\n}\n#riCost .riCostSpan {\n background-color:#4a90e2;\n padding: 1px 2px 1px 2px;\n display: inline;\n}\n#riCost .onDemandCostSpan {\n background-color:#f07a35;\n padding: 1px 2px 1px 2px;\n display: inline;\n}\n#riCost .formulaNum {\n font-size: 20px;\n}\n#riCost #riCostContainer th {\n height: 35px;\n text-align: left;\n valign: center;\n border-bottom: 1px solid #9b9b9b;\n}\n#riCost #riCostContainer td {\n width: 4.5%;\n text-align: center;\n}\n#riCost #riCostContainer td:first-child {\n width: 29%;\n text-align: right;\n}\n#riCost #riCostContainer td:nth-child(5) {\n width: 15%;\n}\n#riCost #riCostContainer td:nth-child(9) {\n width: 20%;\n}\n#riCost .formulaConst {\n font-size:10px;\n color: #9b9b9b;\n}\n#chartContainer .chart-button {\n float:right;\n position:relative;\n top:-290px;\n right: 10px;\n z-index:2;\n}\n#message-view {\n background-color: #eee;\n}","",{version:3,sources:["/./webcore_components/SplunkWebCore/search_mrsparkle/exposed/pcss/base/variables-enterprise.pcss","/./webcore_components/SplunkWebCore/search_mrsparkle/exposed/pcss/base/mixins-enterprise.pcss","/./webcore_components/SplunkWebCore/search_mrsparkle/exposed/pcss/base/mixins-shared.pcss","/./DA-ITSI-CP-aws-dashboards/appserver/static/pcss/pages/insights/RI_planner_detail.pcss"],names:[],mappings:"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",file:"RI_planner_detail.pcss",sourcesContent:["/* Splunk: Variables */\n/* ================================================== */\n/* Variables to customize the look and feel of Bootstrap (splunk version) */\n\n$theme: enterprise;\n\n\n/* STATIC PATHS */\n/* ------------------------- */\n$staticPath: /static;\n$staticImagePath: /static/img;\n$staticFontPath: /static/fonts;\n\n\n/* COLOR PALETTE */\n/* ------------------------- */\n\n/* Enterprise */\n$splunkGray: \t #97999B;\n$splunkGreen: #65A637;\n\n/* Light */\n$splunkLiteOrange: #F58220;\n$splunkLiteBlack: #333;\n\n/* Grayscale - DO NOT USE DIRECTLY WHENEVER POSSIBLE!!! Use text, border or table variables instead. */\n$black: #000;\n$grayDarker: #222;\n$grayDark: #333;\n$gray: #555;\n$grayLight: #999;\n$grayLightMedium: #ccc;\n$grayLighter: #eee;\n$offWhite: #f5f5f5;\n$white: #fff;\n\n/* Accent colors */\n$blue: #1e93c6; /* sky */\n$blueDark: #3863a0;\n$green: #a2cc3e;\n$red: #d6563c;\n$yellow: #f2b827;\n$yellowLight: color($yellow l(+28%));\n$yellowLighter: color($yellow l(+38%));\n$orange: #ed8440;\n$pink: #cc5068;\n$purple: #6a5c9e;\n$teal: #11a88b;\n\n$focusColor: #52A8EC;\n\n\n/* TYPOGRAPHY */\n/* ------------------------- */\n\n\n$baseFontSizeLarge: 16px;\n$baseFontSize: 12px;\n$baseFontSizeSmall: 11px;\n$baseLineHeight: 16px; /* 18px; */\n\n$fontSizeLarge: calc($baseFontSize * 1.25);\n$fontSizeSmall: calc($baseFontSize * 0.85);\n$fontSizeMini: calc($baseFontSize * 0.75);\n\n$serifFontFamily: Georgia, \"Times New Roman\", Times, serif;\n$sansFontFamily: \"Roboto\", \"Droid\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n$monoFontFamily: 'Droid Sans Mono', 'Consolas', 'Monaco', 'Courier New', Courier, monospace;\n$baseFontFamily: $sansFontFamily;\n\n$textColor: #333;\n$textGrayDark: #666;\n$textGray: #999;\n$textDisabledColor: #bbb;\n$placeholderText: $textGray;\n\n$textTileColor: \t#ccc; /* Lite listing pages */\n\n$headingsFontFamily: inherit; /* empty to use BS default, $baseFontFamily */\n$headingsFontWeight: bold; /* instead of browser default, bold */\n$headingsColor: inherit; /* empty to use BS default, $textColor */\n\n$linkColor: $blue ; /* #08c; */\n$linkColorHover: $blueDark;\n\n\n/* SCAFFOLDING */\n/* ------------------------- */\n$borderDarkColor: \t\t#999;\n$borderColor: \t\t\t#ccc;\n$borderLightColor: \t #d5d5d5; /* aliases: $tableBorderColor $tableBorderColorVertical */\n/* also see: $interactiveBorderColor */\n\n$baseBorderRadius: 4px;\n$containerBorderRadius: 2px; /* For containers without a wrapper */\n$containerOuterBorderRadius: 3px; /* For for containers with a wrapper, like popdown */\n$containerInnerBorderRadius: 3px;\n$borderRadiusLarge: 6px;\n$borderRadiusSmall: 3px;\n\n$bodyBackgroundColor: #eee;\n$containerBackgroundColor: $offWhite;\n$containerBackgroundGradientStart: #e0e0e0;\n\n$sideNavWidth: 300px;\n\n$paddingLarge: 11px 19px; /* 44px */\n$paddingSmall: 2px 10px; /* 26px */\n$paddingMini: 0 6px; /* 22px */\n\n$hrBorder: $grayLighter;\n\n\n/* Horizontal forms & lists */\n/* ------------------------- */\n$horizontalComponentOffset: 180px;\n\n\n/* Z-INDEX */\n/* ------------------------- */\n/* If a variable does not suit your purpose, set a value relatively such as, $zindexModal +1 */\n$zindexHeaderTable: 406;\n$zindexDropdown: 1000;\n$zindexPopover: 1010;\n$zindexTooltip: 1020;\n$zindexFixedNavbar: 1030;\n$zindexSideNavBackdrop: 1032; /* Splunk Lite */\n$zindexSideNav: 1034; /* Splunk Lite */\n$zindexSideBarBackdrop: 1036; /* Sidebar Component */\n$zindexSideBar: 1038; /* Sidebar Component */\n$zindexModalBackdrop: 1040;\n$zindexModal: 1050;\n$zindexPopdown: 1060; /* timerange popdown needs to be above modal + backdrop */\n$zindexTooltip: 1070; /* top interactive element */\n$zindexDatePicker: 1070; /* top interactive element */\n$zindexModalNoConnection: 1080; /* top uninteractive */\n$zindexModalDisconnect: 1090; /* top uninteractive */\n\n\n/* TABLES */\n/* ------------------------- */\n\n$tableBackground: transparent; /* overall background-color */\n$tableBackgroundHover: #e4e4e4; /* for hover */\n$tableBackgroundAccent: #f5f5f5; /* for striping */\n$tableBackgroundAccentHover: #ebebeb; /* for striping */\n$tableBackgroundFocus: color($focusColor a(12%) s(100%));\n$tableBorder: $borderLightColor; /* table and cell border */\n$tableBorderVertical: $borderLightColor; /* table and cell border */\n$tableSortIconColor: #bbb; /* table and cell border */\n$tableTextDisabledColor: #7C7C7C;\n\n\n\n\n/* FORMS */\n/* ------------------------- */\n$inputHeight: calc($baseLineHeight + 10px); /* base line-height + 8px vertical padding + 2px top/bottom border */\n$inputBackground: $white;\n$inputBorder: $borderColor;\n$inputBorderRadius: $baseBorderRadius; /* This is generally overridden. */\n$inputDisabledBackground: $grayLighter;\n\n$formActionsBackground: $offWhite;\n\n$warningText: \t\tcolor($yellow l(-10%));\n$warningBackground: \t\t$yellowLighter;\n$warningBorder: \t\tcolor($yellow l(-10%));\n\n$errorText: \t\t$red;\n$errorBackground: \t\tcolor($red l(+40%));\n$errorBorder: \t\t$red;\n\n$successText: \t\t$green;\n$successBackground: \t\tcolor($green l(+40%));\n$successBorder: \t\t$green;\n\n$infoText: \t\t#3a87ad;\n$infoBackground: \t\t#d9edf7;\n$infoBorder: \t\tcolor($infoBackground h(-10) l(+7%));\n\n/* BASE INTERACTIVE */\n/* -------------------------- */\n/* text */\n$interactiveColor: #eee;\n/* background */\n$interactiveBackgroundColor: $interactiveColor;\n$interactiveDisabledBackgroundColor:#e6e6e6;\n$interactiveGradientStartColor: color($interactiveBackgroundColor l(+4%));\n$interactiveGradientEndColor: $interactiveBackgroundColor;\n$interactiveBackgroundColorHover: #f8f8f8;\n$interactiveGradientStartColorHover:$interactiveBackgroundColorHover;\n$interactiveGradientEndColorHover: $interactiveBackgroundColorHover;\n/* borders */\n$interactiveBorderColor: #bfbfbf;\n$interactiveBorderTopColor: $interactiveBorderColor;\n$interactiveBorderBottomColor: $interactiveBorderColor;\n$interactiveBorderColorHover: color($interactiveBorderColor l(+3%));\n$interactiveBorderTopColorHover: $interactiveBorderColorHover;\n$interactiveBorderBottomColorHover: $interactiveBorderColorHover;\n$interactiveBorderRadius: $baseBorderRadius;\n/* shadow */\n$interactiveBoxShadow: inset 0px 1px 0 color($interactiveGradientStartColor l(+2%));\n$interactiveBoxShadowHover: 0px 1px 1px rgba(0,0,0,0.08);\n$interactiveBoxShadowActive: inset 0px 2px 2px rgba(0, 0, 0, 0.125);\n\n$btnBoxShadowFocus:\t\t\t\t\t0 0 8px color($focusColor a(60%)); /* Active state in Radio Button Control */\n\n\n/* BASE INTERACTIVE ERROR */\n/* -------------------------- */\n/* text */\n$interactiveErrorTextColor: $errorText;\n/* background */\n$interactiveErrorBackgroundColor: color($errorBackground blend($red 20%));\n$interactiveErrorGradientStartColor: $interactiveErrorBackgroundColor;\n$interactiveErrorGradientEndColor: color($errorBackground blend($red 40%));\n$interactiveErrorBackgroundColorHover: color($errorBackground blend($red 10%));\n$interactiveErrorGradientStartColorHover:$interactiveErrorBackgroundColorHover;\n$interactiveErrorGradientEndColorHover: color($errorBackground blend($red 30%));\n/* borders */\n$interactiveErrorBorderColor: color($errorBackground blend($red 80%) s(-30%));\n$interactiveErrorBorderTopColor: $interactiveErrorBorderColor;\n$interactiveErrorBorderBottomColor: $interactiveErrorBorderColor;\n$interactiveErrorBorderColorHover: color($errorBackground blend($red 75%) s(-30%));\n$interactiveErrorBorderTopColorHover: $interactiveErrorBorderColorHover;\n$interactiveErrorBorderBottomColorHover: $interactiveErrorBorderColorHover;\n\n\n/* PRIMARY BUTTONS */\n/* -------------------------- */\n/* text */\n$primaryTextColor: $white;\n/* background */\n$primaryBackgroundColor: $splunkGreen;\n$primaryGradientStartColor: $splunkGreen;\n$primaryGradientEndColor: color($splunkGreen l(-4%));\n$primaryBackgroundColorHover: color($splunkGreen l(+10%));\n$primaryGradientStartColorHover: color($splunkGreen l(+5%) h(-5));\n$primaryGradientEndColorHover: $splunkGreen;\n/* borders */\n$primaryBorderColor: color($splunkGreen l(-10%));\n$primaryBorderTopColor: color($splunkGreen l(-10%));\n$primaryBorderBottomColor: color($splunkGreen l(-10%));\n$primaryBorderColorHover: color($splunkGreen l(-10%) h(-5));\n$primaryBorderTopColorHover: color($splunkGreen l(-10%) h(-5));\n$primaryBorderBottomColorHover: color($splunkGreen l(-10%) h(-5));\n/* shadow */\n$primaryBoxShadow: inset 0px 1px 0 color($primaryGradientStartColor l(+2%));\n$primaryBoxShadowHover: $interactiveBoxShadowHover;\n$primaryBoxShadowActive: inset 0px 2px 2px rgba(0, 0, 0, 0.125);\n\n\n/* PILL BUTTONS */\n/* -------------------------- */\n/* text */\n$pillTextColor: $linkColor;\n$pillTextColorHover: $linkColorHover;\n/* background */\n$pillBackgroundColorHover: color($black a(5%));\n$pillBackgroundColorFocus: color($focusColor a(12%) s(100%));\n\n\n\n/* BUTTONS */\n/* ------------------------- */\n/* Used in non-standard buttons - Legacy Bootstrap classes only */\n$btnSuccessBackground: #62c462;\n$btnSuccessBackgroundHighlight: #51a351;\n\n$btnDangerBackground: #ee5f5b;\n$btnDangerBackgroundHighlight: #bd362f;\n\n\n\n/* COMPONENT VARIABLES */\n/* -------------------------------------------------- */\n\n\n/* Navbar */\n/* ------------------------- */\n$navbarCollapseWidth: 979px;\n$navbarCollapseDesktopWidth: calc($navbarCollapseWidth + 1px);\n\n$navbarHeight: 25px;\n$navbarHeightLite: 40px; /* Fixes issue for escaped Dashboards. */\n$navbarBackgroundHighlight: #ffffff;\n$navbarBackground: $black;;\n$navbarBorder: color($navbarBackground l(-12%));\n\n$navbarText: #777;\n$navbarLinkColor: #777;\n$navbarLinkColorHover: $grayDark;\n$navbarLinkColorActive: $gray;\n$navbarLinkBackgroundHover: transparent;\n$navbarLinkBackgroundActive: color($navbarBackground l(-5%));\n\n$navbarBrandColor: $navbarLinkColor;\n\n/* Inverted navbar */\n$navbarInverseBackground: #111111;\n$navbarInverseBackgroundHighlight: #222222;\n$navbarInverseBorder: #252525;\n\n$navbarInverseText: $grayLight;\n$navbarInverseLinkColor: $grayLight;\n$navbarInverseLinkColorHover: $white;\n$navbarInverseLinkColorActive: $navbarInverseLinkColorHover;\n$navbarInverseLinkBackgroundHover: transparent;\n$navbarInverseLinkBackgroundActive: $navbarInverseBackground;\n\n$navbarInverseSearchBackground: color($navbarInverseBackground l(+25%));\n$navbarInverseSearchBackgroundFocus: $white;\n$navbarInverseSearchBorder: $navbarInverseBackground;\n$navbarInverseSearchPlaceholderColor: #ccc;\n\n$navbarInverseBrandColor: $navbarInverseLinkColor;\n\n\n/* Tooltips and popovers */\n/* ------------------------- */\n$tooltipColor: #fff;\n$tooltipBackground: #000;\n$tooltipArrowWidth: 5px;\n$tooltipArrowColor: $tooltipBackground;\n\n/* GRID */\n/* -------------------------- */\n/* Default 940px grid */\n$gridColumns: 12;\n$gridColumnWidth: 60px;\n$gridGutterWidth: 20px;\n$gridRowWidth: calc(($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1)));\n\n/* 1200px min */\n$gridColumnWidth1200: 70px;\n$gridGutterWidth1200: 30px;\n$gridRowWidth1200: calc(($gridColumns * $gridColumnWidth1200) + ($gridGutterWidth1200 * ($gridColumns - 1)));\n\n/* 768px-979px */\n$gridColumnWidth768: 42px;\n$gridGutterWidth768: 20px;\n$gridRowWidth768: calc(($gridColumns * $gridColumnWidth768) + ($gridGutterWidth768 * ($gridColumns - 1)));\n\n\n/* Fluid grid */\n/* ------------------------- */\n$fluidGridColumnWidth: 6.382978723%;\n$fluidGridGutterWidth: 2.127659574%;\n\n/* 1200px min */\n$fluidGridColumnWidth1200: calc(100% * $gridColumnWidth1200 / $gridRowWidth1200);\n$fluidGridGutterWidth1200: calc(100% * $gridGutterWidth1200 / $gridRowWidth1200);\n\n/* 768px-979px */\n$fluidGridColumnWidth768: calc(100% * $gridColumnWidth768 / $gridRowWidth768);\n$fluidGridGutterWidth768: calc(100% * $gridGutterWidth768 / $gridRowWidth768);\n\n\n/* Responsive Variables */\n$responsive-screen-height: 700px;\n\n\n/* SELECTORS FOR CUSTOMIZING SPECIFIC LOCALES */\n/* -------------------------- */\n$wideTextLocaleSelector: body.locale-de;\n\n\n/* BUILD COMMENT */\n/* -------------------------- */\n/* Hide the Build Comment. The make file sets this to true. */\n$buildComment: false;\n\n/* LEGACY BUILD */\n/* -------------------------- */\n/* This is set to true when building the less for splunk components. */\n$version5AndEarlier: false;\n",'/* Splunk: Mixins */\n/* ================== */\n/* Snippets of reusable CSS to develop faster and keep code readable */\n\n@import "mixins-shared.pcss";\n\n/* Interactive */\n/* -------------------------------------------------- */\n/* These are by any element that can be clicked, such as buttons, menus and table headings. */\n@define-mixin interactive {\n\t@mixin gradient-vertical $interactiveGradientStartColor, $interactiveGradientEndColor;\n\tbackground-color: $interactiveBackgroundColor;\n\tborder: 1px solid $interactiveBorderColor;\n\tborder-top-color: $interactiveBorderTopColor;\n\tborder-bottom-color: $interactiveBorderBottomColor;\n\n\tcolor: $textColor;\n\tbox-shadow: $interactiveBoxShadow;\n\ttext-shadow: none;\n}\n\n/* Hover state */\n@define-mixin interactive-hover {\n\t@mixin gradient-vertical $interactiveGradientStartColorHover, $interactiveGradientEndColorHover;\n\tbackground-color: $interactiveBackgroundColorHover;\n\tborder-color: $interactiveBorderColorHover;\n\tborder-top-color: $interactiveBorderTopColorHover;\n\tborder-bottom-color: $interactiveBorderBottomColorHover;\n\tbackground-position: 0 0;\n\tbox-shadow: $interactiveBoxShadowHover;\n\tcolor: $textColor;\n text-decoration:none;\n}\n\n/* Interactive Error */\n/* These are by any interactive element that is is in an error state */\n@define-mixin interactive-error {\n\t/* .gradient-vertical($interactiveErrorGradientStartColor, $interactiveErrorGradientEndColor); */\n\tbackground-color: $interactiveErrorBackgroundColor;\n\tborder-color: $interactiveErrorBorderColor;\n\tcolor: $interactiveErrorTextColor;\n\ttext-shadow: none;\n}\n@define-mixin interactive-error-hover {\n\t/* .gradient-vertical($interactiveErrorGradientStartColorHover, $interactiveErrorGradientEndColorHover); */\n\tbackground-color: $interactiveErrorBackgroundColorHover;\n\tborder-color: $interactiveErrorBorderColorHover;\n\tcolor: $interactiveErrorTextColor;\n}\n\n\n/* primary */\n@define-mixin interactive-primary {\n\t@mixin gradient-vertical $primaryGradientStartColor, $primaryGradientEndColor;\n\tbackground-color: $splunkGreen;\n\tborder: 1px solid $primaryBorderColor;\n\tborder-bottom-color: $primaryBorderBottomColor;\n\tborder-top-color: $primaryBorderTopColor;\n\tcolor: $primaryTextColor;\n\tbox-shadow: $primaryBoxShadow;\n\ttext-shadow: none;\n}\n\n/* primary hover state */\n@define-mixin interactive-primary-hover {\n\t@mixin gradient-vertical $primaryGradientStartColorHover, $primaryGradientEndColorHover;\n\tbackground-color: $primaryBackgroundColorHover;\n\tborder-color: $primaryBorderColorHover;\n\tborder-bottom-color: $primaryBorderBottomColorHover;\n\tborder-top-color: $primaryBorderTopColorHover;\n\tbox-shadow: $primaryBoxShadowHover;\n\tcolor: $primaryTextColor;\n text-decoration:none;\n}\n\n/* Overlays (Modal, Popdown, Search Assistant) */\n@define-mixin overlay-box-shadow {\n\tbox-shadow: 0 3px 7px rgba(0,0,0,0.3);\n}\n\n\n/* Focus States */\n/* ----------------------------- */\n\n/* Text entry boxes change their border color and glow */\n@define-mixin focus-field {\n\tborder-color: color($focusColor a(80%));\n\toutline: 0;\n\tborder-collapse: separate; /* Fix IE9 Issue with box-shadow */\n\tbox-shadow: 0 0 8px color($focusColor a(60%));\n}\n\n/* Clickable buttons change their border color and glow */\n@define-mixin focus-button {\n\t@mixin focus-field;\n\tbackground-position: 0; /* bootstrap tries to animate this on hover & focus */\n}\n\n/* Block elements change the background color */\n@define-mixin focus-pill {\n\toutline: 0;\n\ttext-decoration: none;\n\tbackground: $pillBackgroundColorFocus;\n\tbox-shadow: none; /* override default focus-link() */\n}\n/* Block elements change the background color and spread via box-shadow */\n@define-mixin focus-link {\n\tbox-shadow: 0 0 0 2px $pillBackgroundColorFocus;\n\tbackground-color: $pillBackgroundColorFocus;\n\toutline: 0;\n}\n\n/* Docking Elements */\n/* ------------------ */\n@define-mixin affix-top-shadow {\n\tbox-shadow: 0 4px 8px rgba(0,0,0,0.2)\n}\n\n/* Webkit-style focus */\n/* ------------------ */\n@define-mixin tab-focus {\n\t/* Default */\n\toutline: thin dotted $grayDark;\n\t/* Webkit */\n\toutline: 3px auto -webkit-focus-ring-color;\n\toutline-offset: -2px;\n}\n\n/* Draggable Handle */\n@define-mixin draggable-handle-background {\n\tbackground: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQIW2M0Njb+f/bsWUYYzciABuAyOFUAAKKMEAXhn6ySAAAAAElFTkSuQmCC) repeat;\n\topacity: 0.5;\n\tcursor: move;\n}\n','/* Splunk: Mixins */\n/* ================== */\n/* Snippets of reusable CSS to develop faster and keep code readable */\n\n\n/* Mixins */\n/* -------------------------------------------------- */\n\n\n/* UTILITY MIXINS */\n/* -------------------------------------------------- */\n\n/* Link */\n/* ------------------ */\n@define-mixin link {\n color: $linkColor;\n text-decoration: none;\n cursor: pointer;\n\n &:hover {\n color: $linkColorHover;\n text-decoration: underline;\n }\n &:focus {\n @mixin focus-link;\n }\n}\n\n\n/* Clearfix */\n/* -------- */\n/* For clearing floats like a boss h5bp.com/q */\n\n@define-mixin clearfix {\n &:before,\n &:after {\n display: table;\n content: "";\n /* Fixes Opera/contenteditable bug: */\n /* http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952 */\n line-height: 0;\n }\n &:after {\n clear: both;\n }\n}\n\n/* Webkit-style focus */\n/* ------------------ */\n@define-mixin tab-focus {\n /* Default */\n outline: thin dotted #333;\n /* Webkit */\n outline: 5px auto -webkit-focus-ring-color;\n outline-offset: -2px;\n}\n\n/* Center-align a block level element */\n/* ---------------------------------- */\n@define-mixin center-block {\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\n\n/* Sizing shortcuts */\n/* ------------------------- */\n@define-mixin size $height, $width {\n width: $width;\n height: $height;\n}\n@define-mixin square $size {\n @mixin size $size, $size;\n}\n\n/* Placeholder text */\n/* ------------------------- */\n@define-mixin placeholder $color: $placeholderText {\n &::placeholder {\n color: $color;\n }\n}\n\n/* Text overflow */\n/* ------------------------- */\n/* Requires inline-block or block for proper styling */\n@define-mixin text-overflow {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/* CSS image replacement */\n/* ------------------------- */\n/* Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757 */\n@define-mixin hide-text {\n font: 0/0 a;\n color: transparent;\n text-shadow: none;\n background-color: transparent;\n border: 0;\n}\n\n\n/* FONTS */\n/* -------------------------------------------------- */\n\n\n@define-mixin font-family-serif {\n font-family: $serifFontFamily;\n}\n@define-mixin font-family-sans-serif {\n font-family: $sansFontFamily;\n}\n@define-mixin font-family-monospace {\n font-family: $monoFontFamily;\n}\n@define-mixin font-shorthand $size: $baseFontSize, $weight: normal, $lineHeight: $baseLineHeight {\n font-size: $size;\n font-weight: $weight;\n line-height: $lineHeight;\n}\n@define-mixin font-serif $size: $baseFontSize, $weight: normal, $lineHeight: $baseLineHeight {\n @mixin font-family-serif;\n @mixin font-shorthand $size, $weight, $lineHeight;\n}\n@define-mixin font-sans-serif $size: $baseFontSize, $weight: normal, $lineHeight: $baseLineHeight {\n @mixin font-family-serif;\n @mixin font-shorthand $size, $weight, $lineHeight;\n}\n@define-mixin font-monospace $size: $baseFontSize, $weight: normal, $lineHeight: $baseLineHeight {\n @mixin font-family-monospace;\n @mixin font-shorthand $size, $weight, $lineHeight;\n}\n\n\n/* FORMS */\n/* -------------------------------------------------- */\n\n/* Block level inputs */\n@define-mixin input-block-level {\n display: block;\n width: 100%;\n min-height: $inputHeight; /* Make inputs at least the height of their button counterpart (base line-height + padding + border) */\n box-sizing: border-box; /* Makes inputs behave like true block-level elements */\n}\n\n/* Mixin for form field states */\n@define-mixin formFieldState $textColor: #555, $borderColor: #ccc, $backgroundColor: #f5f5f5 {\n /* Set the text color */\n .control-label,\n .help-block,\n .help-inline {\n color: $textColor;\n }\n /* Style inputs accordingly */\n .checkbox,\n .radio,\n input,\n select,\n textarea {\n color: $textColor;\n }\n input,\n select,\n textarea {\n border-color: $borderColor;\n box-shadow: inset 0 1px 1px rgba(0,0,0,.075); /* Redeclare so transitions work */\n &:focus {\n border-color: color($borderColor l(-10%));\n $shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px color($borderColor l(+20%));\n box-shadow: $shadow;\n }\n }\n /* Give a small background color for input-prepend/-append */\n .input-prepend .add-on,\n .input-append .add-on {\n color: $textColor;\n background-color: $backgroundColor;\n border-color: $textColor;\n }\n}\n\n\n/* CSS3 PROPERTIES */\n/* -------------------------------------------------- */\n\n\n/* Single Side Border Radius */\n@define-mixin border-top-radius $radius {\n border-top-right-radius: $radius;\n border-top-left-radius: $radius;\n}\n@define-mixin border-right-radius $radius {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n}\n@define-mixin border-bottom-radius $radius {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n}\n@define-mixin border-left-radius $radius {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n}\n\n\n/* Transformations */\n@define-mixin rotate $degrees {\n transform: rotate($degrees);\n}\n@define-mixin scale $ratio {\n transform: scale($ratio);\n}\n@define-mixin translate $x, $y {\n transform: translate($x, $y);\n}\n@define-mixin skew $x, $y {\n transform: skew($x, $y);\n backface-visibility: hidden; /* See https://github.com/twitter/bootstrap/issues/5319 */\n}\n\n\n\n/* Resize anything */\n@define-mixin resizable $direction {\n resize: $direction; /* Options: horizontal, vertical, both */\n overflow: auto; /* Safari fix */\n}\n\n/* CSS3 Content Columns */\n@define-mixin content-columns $columnCount, $columnGap: $gridGutterWidth {\n column-count: $columnCount;\n column-gap: $columnGap;\n}\n\n/* Optional hyphenation */\n@define-mixin hyphens $mode: auto {\n word-wrap: break-word;\n hyphens: $mode;\n}\n\n\n\n\n/* BACKGROUNDS */\n/* -------------------------------------------------- */\n\n/* Gradient Bar Colors for buttons and alerts */\n@define-mixin gradientBar $primaryColor, $secondaryColor, $textColor: #fff, $textShadow: 0 -1px 0 rgba(0,0,0,.25) {\n color: $textColor;\n text-shadow: $textShadow;\n @mixin gradient-vertical $primaryColor, $secondaryColor;\n border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);\n}\n\n/* Gradients */\n@define-mixin gradient-horizontal $startColor: #555, $endColor: #333 {\n background-color: $endColor;\n background-image: linear-gradient(to right, $startColor, $endColor); /* Standard, IE10 */\n background-repeat: repeat-x;\n}\n@define-mixin gradient-vertical $startColor: #555, $endColor: #333 {\n background-color: color($startColor blend($endColor 40%));\n background-image: linear-gradient(to bottom, $startColor, $endColor); /* Standard, IE10 */\n background-repeat: repeat-x;\n}\n@define-mixin gradient-directional $startColor: #555, $endColor: #333, $deg: 45deg {\n background-color: $endColor;\n background-repeat: repeat-x;\n background-image: linear-gradient($deg, $startColor, $endColor); /* Standard, IE10 */\n}\n@define-mixin gradient-horizontal-three-colors $startColor: #00b3ee, $midColor: #7a43b6, $colorStop: 50%, $endColor: #c3325f {\n background-color: color($midColor blend($endColor 30%));\n background-image: linear-gradient(to right, $startColor, $midColor $colorStop, $endColor);\n background-repeat: no-repeat;\n}\n@define-mixin gradient-vertical-three-colors $startColor: #00b3ee, $midColor: #7a43b6, $colorStop: 50%, $endColor: #c3325f {\n background-color: color($midColor blend($endColor 30%));\n background-image: linear-gradient($startColor, $midColor $colorStop, $endColor);\n background-repeat: no-repeat;\n}\n@define-mixin gradient-radial $innerColor: #555, $outerColor: #333 {\n background-color: $outerColor;\n background-repeat: no-repeat;\n}\n@define-mixin gradient-striped $color: #555, $angle: 45deg {\n background-color: $color;\n background-image: linear-gradient($angle, 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);\n}\n@define-mixin gradient-vertical-two-color-stops $startColor: $interactiveGradientStartColor, $colorStop: 50%, $endColor: $interactiveGradientEndColor, $endColorStop: 100% {\n\tbackground-color: color($startColor blend($endColor 20%)); /* Old browsers */\n\tbackground-image: linear-gradient(to bottom, $startColor $colorStop, $endColor $endColorStop); /* W3C */\n}\n@define-mixin gradient-horizontal-two-color-stops $startColor, $colorStop, $endColor, $IE9ImageFallback {\n background: $endColor $IE9ImageFallback left top repeat-y;\n background: linear-gradient(to right, $startColor calc($colorStop - 1), transparent $colorStop ), $endColor; /* w3c */\n}\n\n/* Reset filters for IE */\n@define-mixin reset-filter {\n filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));\n}\n\n\n\n/* COMPONENT MIXINS */\n/* -------------------------------------------------- */\n\n/* Horizontal dividers */\n/* ------------------------- */\n/* Dividers (basically an hr) within dropdowns and nav lists */\n@define-mixin nav-divider $color: $borderColor {\n height: 1px;\n margin: calc(($baseLineHeight / 2) - 1px) 1px; /* 8px 1px */\n overflow: hidden;\n background-color: $color;\n}\n\n/* Button backgrounds */\n/* ------------------ */\n@define-mixin buttonBackground $startColor, $endColor, $textColor: #fff, $textShadow: 0 -1px 0 rgba(0,0,0,.25) {\n /* gradientBar will set the background to a pleasing blend of these, to support IE<=9 */\n @mixin gradientBar $startColor, $endColor, $textColor, $textShadow;\n @mixin reset-filter;\n\n /* in these cases the gradient won\'t cover the background, so we override */\n &:hover, &:focus, &:active, &.active, &.disabled, &[disabled] {\n color: $textColor;\n background-color: $endColor;\n }\n}\n\n/* Navbar vertical align */\n/* ------------------------- */\n/* Vertically center elements in the navbar. */\n/* Example: an element has a height of 30px, so write out `.navbarVerticalAlign(30px);` to calculate the appropriate top margin. */\n@define-mixin navbarVerticalAlign $elementHeight {\n margin-top: calc(($navbarHeight - $elementHeight) / 2);\n}\n\n\n\n/* Disable highlighting text */\n/* ------------------------- */\n@define-mixin disable-text-highlight {\n\t-webkit-touch-callout: none;\n\tuser-select: none;\n}\n\n/* Printing */\n/* ------------------ */\n@define-mixin print-width-100-percent {\n\tmax-width: 100% !important;\n\twidth: 100% !important;\n\toverflow: hidden !important;\n}\n\n@define-mixin print-hide {\n\tdisplay: none !important;\n}\n\n@define-mixin print-no-background {\n\tbackground: none !important;\n}\n\n@define-mixin print-wrap-all {\n\tword-break: break-all !important;\n\tword-wrap: break-word !important;\n\toverflow-wrap: break-word !important;\n\twhite-space: normal !important;\n}\n\n@define-mixin print-table {\n table {\n @mixin print-width-100-percent;\n table-layout: auto !important;\n }\n\n .scrolling-table-wrapper, .results-wrapper, .results-table, .events-viewer-wrapper {\n @mixin print-width-100-percent;\n }\n\n td,\n th {\n @mixin print-no-background;\n @mixin print-wrap-all;\n width: auto !important;\n page-break-inside:auto;\n }\n\n .table-chrome .sorts:after {\n content: \'\';\n }\n\n .header-table-docked,\n .table-scroll-bar-docked {\n @mixin print-hide;\n }\n}\n\n\n/* Popdown */\n/* ------------------ */\n@define-mixin popdown-dialog {\n\tbackground-color: $interactiveColor;\n\tborder: 1px solid $interactiveBorderColor;\n\t/* border-bottom-color: $interactiveBorderBottomColor; */\n\t/* border-top-color: $interactiveBorderTopColor; */\n\n\t/* remove gradient for IE to fix clipping */\n\t@mixin reset-filter;\n\n\tbox-shadow: 1px 2px 5px rgba(0,0,0,0.2);\n\n\tborder-radius: $containerOuterBorderRadius;\n\n\ttop:100%;\n\tleft: 50%;\n\tmargin: 8px 0 0 -103px;\n\n\tdisplay:none;\n\tposition:absolute;\n\tz-index: $zindexPopdown;\n\t/* placement of arrow */\n\n\twhite-space: normal; /* prevent inheriting nowrap from btn-group */\n\n\t.arrow {\n\t\twidth: 0;\n\t\theight: 0;\n\t\tborder-left: 8px solid transparent;\n\t\tborder-right: 8px solid transparent;\n\n\t\tborder-bottom: 8px solid $interactiveBorderTopColor;\n\t\tposition: absolute;\n\t\ttop: -8px;\n\t\tleft: 50%;\n\t\tmargin-left: -4px;\n\n\t\t/* generated arrow */\n\t\t&:before {\n\t\t\tcontent: "";\n\t\t\tdisplay: block;\n\t\t\twidth: 0;\n\t\t\theight: 0;\n\t\t\tborder-left: 8px solid transparent;\n\t\t\tborder-right: 8px solid transparent;\n\n\t\t\tborder-bottom: 8px solid $white;\n\t\t\tposition: absolute;\n\t\t\ttop: 1px;\n\t\t\tleft:0;\n\t\t\tmargin-left: -8px;\n\t\t}\n\t}\n\n\t&.up {\n\t\tmargin-top: 0;\n\n\t\t/* placement of arrow */\n\t\t> .arrow {\n\t\t\tborder-top: 8px solid $interactiveBorderBottomColor;\n\t\t\tborder-bottom: none;\n\t\t\ttop: auto;\n\t\t\tbottom: -8px;\n\n\t\t\t&:before {\n\t\t\t\tborder-top: 8px solid $white;\n\t\t\t\tborder-bottom: none;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: auto;\n\t\t\t\tbottom: 1px;\n\t\t\t}\n\t\t}\n\t}\n\t&.right { /* point left */\n\t\tmargin-left: 5px;\n\t\tmargin-top: 0;\n\n\t\t/* placement of arrow */\n\t\t.arrow {\n\t\t\tborder-right: 8px solid $interactiveBorderBottomColor;\n\t\t\tborder-top: 8px solid transparent;\n\t\t\tborder-bottom: 8px solid transparent;\n\t\t\tborder-left: none;\n\t\t\ttop: 50%;\n\t\t\tleft: -8px;\n\t\t\tmargin: -8px 0 0 0 ;\n\n\t\t\t&:before {\n\t\t\t\tborder-right: 8px solid $white;\n\t\t\t\tborder-top: 8px solid transparent;\n\t\t\t\tborder-bottom: 8px solid transparent;\n\t\t\t\tborder-left: none;\n\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 1px;\n\t\t\t\tmargin: -8px 0 0 0 ;\n\t\t\t}\n\t\t}\n\t}\n\n\n\t/* position of arrow when floated right */\n\t&.pull-right .arrow {\n\t\tleft: auto;\n\t\tright: 8px;\n\t}\n\t/* open state */\n\t&.open {\n\t\tdisplay:block;\n\t}\n}/* .popdown-dialog */\n\n/* popdown body */\n@define-mixin popdown-dialog-body {\n\tmargin: 0;\n\tborder-radius: $containerInnerBorderRadius;\n\tbackground-color: $white;\n\t@mixin clearfix;\n}\n\n\n\n/* Flex\n/* ------------- */\n\n@define-mixin display-flex $direction: row {\n display: flex;\n flex-direction: $direction;\n}\n\n@define-mixin flex-fit-or-fill {\n /* IE10, IE11 */\n -ms-flex-positive: 0; /*Not sure why IE10 requires the broken out values.*/\n -ms-flex-negative: 1;\n -ms-flex-preferred-size: auto;\n -ms-flex: 0 1 auto; //Shrink if you are too big.\n\n /* Firefox, maybe MS Edge */\n flex: 1 0 0px; /* Just fill the space. *\n\n /* Chrome and Safari */\n -webkit-flex: 0 1 auto; /* Shrink if you are too big. */\n\n /* Temp Chrome bug. This can be removed when fixed in Chrome 48.\n /* https://code.google.com/p/chromium/issues/detail?id=546034#c6 */\n min-height: 0;\n min-width: 0;\n}\n\n/* Full Page Layout */\n/* ------------- */\n@define-mixin application-layout $leftColWidth: 400px {\n html {\n height: 100% !important;\n }\n\n body {\n height: 100% !important;\n }\n\n .shared-page {\n height: 100% !important;\n }\n\n .layoutCol {\n overflow: hidden;\n position: absolute;\n top: 0;\n bottom: 0;\n }\n\n .layoutRow {\n overflow: hidden;\n position: absolute;\n left: 0;\n right: 0;\n }\n\n .scroll-x {\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n\n .scroll-y {\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n }\n\n /* Pane configuration */\n .main-section-body {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0px;\n top: 25px; /* this makes room for splunkbar. */\n min-height:0px !important;\n }\n\n .layoutBodyColumns {\n bottom: 0px;\n background-color: $white;\n overflow: auto;\n }\n\n .layoutColLeft {\n width: $leftColWidth;\n }\n\n .layoutColRight {\n right: 0px;\n left: $leftColWidth; /* left equals width of layoutColLeft */\n }\n\n}\n\n\n\n\n/* Grid System */\n/* ----------- */\n\n/* Centered container element */\n@define-mixin container-fixed {\n margin-right: auto;\n margin-left: auto;\n @mixin clearfix;\n}\n\n/* Table columns */\n@define-mixin tableColumns $columnSpan: 1 {\n float: none; /* undo default grid column styles */\n width: calc((($gridColumnWidth) * $columnSpan) + ($gridGutterWidth * ($columnSpan - 1px)) - 16px); /* 16 is total padding on left and right of table cells */\n margin-left: 0; /* undo default grid column styles */\n}\n\n/* Make a Grid */\n/* Use .makeRow and .makeColumn to assign semantic layouts grid system behavior */\n@define-mixin makeRow {\n margin-left: calc($gridGutterWidth * -1);\n @mixin clearfix;\n}\n@define-mixin makeColumn $columns: 1, $offset: 0 {\n float: left;\n margin-left: calc(($gridColumnWidth * $offset) + ($gridGutterWidth * ($offset - 1px)) + ($gridGutterWidth * 2));\n width: calc(($gridColumnWidth * $columns) + ($gridGutterWidth * ($columns - 1)));\n}\n\n/* The Grid */\n\n\n@define-mixin grid-core-span $gridColumns {\n width: calc(($gridColumnWidth * $gridColumns) + ($gridGutterWidth * ($gridColumns - 1)));\n}\n\n@define-mixin grid-core-offset ($gridColumns) {\n margin-left: calc(($gridColumnWidth * $gridColumns) + ($gridGutterWidth * ($gridColumns + 1)));\n}\n\n@define-mixin grid-core ($gridColumnWidth, $gridGutterWidth) {\n @for $index from 1 to 12 {\n .span$(index) {\n @mixin grid-core-span $index;\n float: left;\n min-height: 1px; /* prevent collapsing columns */\n margin-left: $gridGutterWidth;\n }\n }\n\n @for $index from 1 to 12 {\n .offset$(index) {\n @mixin grid-core-offset $index;\n }\n }\n\n .row {\n margin-left: calc($gridGutterWidth * -1);\n @mixin clearfix;\n }\n\n /* Set the container width, and override it for fixed navbars in media queries */\n .container,\n .navbar-static-top .container,\n .navbar-fixed-top .container,\n .navbar-fixed-bottom .container {\n @mixin grid-core-span $gridColumns;\n }\n}\n\n@define-mixin grid-fluid-span $index {\n width: calc(($fluidGridColumnWidth * $index) + ($fluidGridGutterWidth * ($index - 1)));\n}\n\n@define-mixin grid-fluid-offset $index {\n margin-left: calc(($fluidGridColumnWidth * $index) + ($fluidGridGutterWidth * ($index - 1)) + ($fluidGridGutterWidth * 2));\n}\n\n@define-mixin grid-fluid-offsetFirstChild $index {\n margin-left: calc(($fluidGridColumnWidth * $index) + ($fluidGridGutterWidth * ($index - 1)) + ($fluidGridGutterWidth));\n}\n\n@define-mixin grid-fluid $fluidGridColumnWidth, $fluidGridGutterWidth {\n .row-fluid {\n width: 100%;\n @mixin clearfix;\n\n @for $index from 1 to 12 {\n .span$(index) {\n @mixin input-block-level;\n @mixin grid-fluid-span $index;\n\n float: left;\n margin-left: $fluidGridGutterWidth;\n\n &:first-child {\n margin-left: 0;\n }\n }\n }\n\n @for $index from 1 to 12 {\n .offset$(index) {\n @mixin grid-fluid-offset $index;\n }\n }\n\n /* Space grid-sized controls properly if multiple per line */\n .controls-row [class*="span"] + [class*="span"] {\n margin-left: $fluidGridGutterWidth;\n }\n }\n}\n\n@define-mixin grid-input-span $columns {\n width: calc((($gridColumnWidth) * $columns) + ($gridGutterWidth * ($columns - 1)) - 14px);\n}\n\n\n@define-mixin grid-input $gridColumnWidth, $gridGutterWidth {\n @for $index from 1 to 12 {\n .span$(index) {\n @mixin grid-input-span $index;\n }\n }\n\n input,\n textarea,\n .uneditable-input {\n margin-left: 0; /* override margin-left from core grid system */\n }\n\n /* Space grid-sized controls properly if multiple per line */\n .controls-row [class*="span"] + [class*="span"] {\n margin-left: $gridGutterWidth;\n }\n}\n',".dashboard-row .dashboard-panel .panel-body.html, #headerContainer {\n background-color: #eee;\n padding: 0px;\n}\n.icon-info-circle {\n font-size: 12px;\n cursor: pointer;\n}\n.tooltip.in {\n opacity: 0.9;\n filter: alpha(opacity=90);\n}\n.hidden {\n display: none;\n}\n#headerContainer, #ri {\n .tooltip-inner {\n min-width: 300px;\n }\n}\n#infoContainer {\n border-right: 1px solid #ddd;\n padding-bottom: 10px;\n float:left;\n tr>td:first-child {\n text-align: right;\n }\n tr>td:last-child {\n padding-left: 20px;\n padding-right: 25px;\n }\n}\n#filterContainer {\n display: inline;\n .filter-input {\n display: inline-block;\n margin-left: 20px;\n }\n #base-input {\n width: 164.5px;\n }\n #payment-input {\n width: 287px;\n }\n}\n#riCost {\n .tooltip-inner {\n min-width: 400px;\n }\n .riCostSpan {\n background-color:#4a90e2;\n padding: 1px 2px 1px 2px;\n display: inline;\n }\n .onDemandCostSpan {\n background-color:#f07a35;\n padding: 1px 2px 1px 2px;\n display: inline;\n }\n .formulaNum {\n font-size: 20px;\n }\n #riCostContainer th {\n height: 35px;\n text-align: left;\n valign: center;\n border-bottom: 1px solid #9b9b9b;\n }\n #riCostContainer td {\n width: 4.5%;\n text-align: center;\n }\n #riCostContainer td:first-child {\n width: 29%;\n text-align: right;\n }\n #riCostContainer td:nth-child(5) {\n width: 15%;\n }\n #riCostContainer td:nth-child(9) {\n width: 20%;\n }\n .formulaConst {\n font-size:10px;\n color: #9b9b9b;\n }\n}\n#chartContainer {\n .chart-button {\n float:right;\n position:relative;\n top:-290px;\n right: 10px;\n z-index:2;\n }\n}\n#message-view {\n background-color: #eee;\n}"],sourceRoot:"webpack://"}])},function(n,e,t){var r,o;r=[t(5),t(4),t(2),t(74),t(39),t(42)],void 0===(o=function(n,e,t,r){"use strict";var o=t.Components.get("default"),i=(t.Components.getInstance("submitted"),n("#awstags"));i.length>0&&(new r({el:i}).render(),o.get("tags")||o.set("tags",""))}.apply(e,r))||(n.exports=o)},function(n,e,t){var r,o;r=[t(5),t(4),t(2),t(8),t(75),t(32),t(48)],void 0===(o=function(n,e,t,r,o,i,a){"use strict";r.FormUtils;var l=r.BaseView,s={Config:"| inputlookup tags_config append=t",Metadata:"| inputlookup tags_metadata append=t","Billing (Legacy)":"| `aws-billing-datamodel-tags`","Billing (Cost and Usage Report)":"| `aws-billing-datamodel-tags-cur`"},d=/(.*?)!?=(.*?)\s+(AND|and|OR|or)\s+/g,c=/(.*?)\s+(AND|and|OR|or)\s+/g,A=/(['"])?(.*?)\1(!?=)(.*)/,u=/(["']?)([^\1]*)(\1)(.*)/,p=t.Components.getInstance("default"),h=t.Components.getInstance("submitted"),g=[],m=null;function C(n,e){return{id:n,text:n,stage:e}}var f=["=","!="].map(function(n){return C(n,"STAGE_OPERATOR")}),b=["AND","OR"].map(function(n){return C(n,"STAGE_RELATION")});return l.extend({events:{"keydown input":"onKeydown","input input":"onInput","focus input":"onFocus","mouseleave .tag-autocomplete":"_hideAutocomplete","blur input":"_hideAutocomplete","click ul > li":"_onSelecting"},_loadingTemplate:e.template('<li class="tag-loading">\n <span class="loading-img"></span>\n <span style="font-weight: bold;">Loading</span>\n </li>'),_onSelecting:function(e){var t=this._currentStatus,r=n(e.currentTarget).data("stage"),o=this.$("input").val();switch(r){case"STAGE_KEY":o=o.replace(new RegExp(t.key+"$"),n(e.currentTarget).text());break;case"STAGE_OPERATOR":o+=n(e.currentTarget).text();break;case"STAGE_VALUE":var i=o.lastIndexOf("=");o=o.substring(0,i+1),o+='"'+n(e.currentTarget).text()+'"';break;case"STAGE_RELATION":o=o.replace(new RegExp(t.rel+"$")," "+n(e.currentTarget).text()+" ")}this.$("input").val(o).focus(),this.onInput(),"STAGE_KEY"===r&&this.$(".tag-autocomplete").hide()},onKeydown:function(n){if(38===n.keyCode||40===n.keyCode){var e=this.$(".tag-autocomplete").height(),t=this.$(".tag-autocomplete").scrollTop();if(0===this.$(".tag-autocomplete > ul > li").length)return;var r=this.$(".tag-autocomplete > ul > li.active"),o=null;if(o=40===n.keyCode?0===r.length?this.$(".tag-autocomplete > ul > li").first():r.next():0===r.length?this.$(".tag-autocomplete > ul > li").last():r.prev(),r.removeClass("active"),0===o.length)return;o.addClass("active");var i=o.position().top,a=i+o.height()-e;i<0?this.$(".tag-autocomplete").scrollTop(t+i):a>0&&this.$(".tag-autocomplete").scrollTop(t+a+1),n.preventDefault()}else if(13===n.keyCode){var l=this.$(".tag-autocomplete > ul > li.active");if(0!==l.length&&this.$(".tag-autocomplete").is(":visible"))l.trigger("click");else{var s=this.$("input").val(),d="";if(""!==s.trim()){for(var A=void 0;null!==(A=c.exec(s));){d+=this._processTerm(A[1])+" "+A[2]+" "}d+=this._processTerm(s.replace(c,""))}p.set("tags",d),p&&h&&h.set(p.toJSON())}}},_processTerm:function(n){var e=A.exec(n);return 5===e.length?(e[2]="$PREFIX$"+e[2],e[1]||(e[1]=""),""+e[1]+e[2]+e[1]+e[3]+e[4]):""},onInput:function(){var n=this.$("input").val().replace(d,""),e=this._detectStatus(n);this._handleStatus(e),this._currentStatus=e},onFocus:function(){this._cachedKeys?this.onInput():this._fetchKeys(status.key)},_hideAutocomplete:function(){var n=this;e.delay(function(){n.$("input").is(":focus")||n.$(".tag-autocomplete").hide()},200)},_handleStatus:function(n){var e=[];switch(n.stage){case"STAGE_KEY":this._cachedKeys?(e=this._filterTokens(this._cachedKeys,n.key),this._showAutoComplete(e)):this._fetchKeys(n.key);break;case"STAGE_OPERATOR":e=f,this._showAutoComplete(e);break;case"STAGE_VALUE":this._cachedKey!==n.key?this._fetchValues(n.key,n.value):(e=this._filterTokens(this._cachedValues,n.value),this._showAutoComplete(e));break;case"STAGE_RELATION":e=b,this._showAutoComplete(e)}},_showAutoComplete:function(n){var t=n.map(function(n){var t=e.escape(n.text);return'<li data-stage="'+e.escape(n.stage)+'">'+t+"</li>"}).join("");this.$(".tag-autocomplete > ul").html(t),this.$(".tag-autocomplete").show()},_showLoading:function(){this.$(".tag-autocomplete > ul").html(this._loadingTemplate()),this.$(".tag-autocomplete").show()},_fetchKeys:function(n){var e=this;this._showLoading(),i.search(m+" | stats count by key | fields - count").then(function(t){e._cachedKeys=t.map(function(n){return C(n.key,"STAGE_KEY")}),0===e._cachedKeys.length&&(e._cachedKeys=null);var r=e._filterTokens(e._cachedKeys,n);e._showAutoComplete(r)},function(n){console.log(n)})},_fetchValues:function(n,e){var t=this,r="",o="`aws-billing-cur-tag-value("+n+")`",a="`aws-billing-tag-value("+n+")`";r=m.indexOf("`aws-billing-datamodel-tags`")>-1?m+" | search key=CASE("+n+") | "+a+" | search value=* | fields value":m.indexOf("`aws-billing-datamodel-tags-cur`")>-1?m+" | search key=CASE("+n+") | "+o+" | search value=* | fields value":m+" | search key=CASE("+n+") | dedup value | fields value",this._showLoading(),this._cachedKey=n,i.search(r).then(function(n){t._cachedValues=n.map(function(n){return C(n.value,"STAGE_VALUE")});var r=t._filterTokens(t._cachedValues,e);t._showAutoComplete(r)},function(n){console.log(n)})},_filterTokens:function(n,e){if(!n)return[];var t=n;return e&&(t=n.filter(function(n){return n.text.toUpperCase().indexOf(e.toUpperCase())>-1&&n.text!==e})),t},_detectStatus:function(n){var e={key:null,op:null,value:null,rel:null,stage:null};n.indexOf("!=")>-1?e.op="!=":n.indexOf("=")>-1&&(e.op="=");var t=n.split(e.op);if(e.key=t[0],t.length>1){var r=t[1],o=r.match(u);o&&5===o.length?(e.value=o[2],e.rel=o[4]):e.value=r}return e.stage=this._getStage(e),e},_getStage:function(n){return n.rel?"STAGE_RELATION":n.value||n.op?"STAGE_VALUE":"STAGE_KEY"},initialize:function(){var n=this;this._reset(),this.onInput=e.debounce(this.onInput,50),this.listenTo(a,"change:sourcetype",function(t){var r=t.map(function(n){return o.findInputBySourcetype(n)}).filter(function(n){return!!n});e.isEqual(r,g)||(g=r,m=n._generateSPL(p.get("form.accountId")||"*",r),n.$el.find("input").attr("placeholder","key=value AND|OR key2=value2").prop("disabled",!1))}),p.on("change:accountId",this._reset.bind(this))},render:function(){var n=p.get("tags");n=n?'value="'+n.replace(/\$PREFIX\$/g,"").replace(/\"/g,""")+'"':"",this.$el.html('\n <label>Tags</label>\n <input type="text" placeholder="loading..." disabled '+n+' />\n <div class="tag-autocomplete"><ul></ul></div>\n '),this.$el.show()},_reset:function(){this._cachedKeys=null,this._cachedKey=null,this._cachedValues=null,this._currentStage="STAGE_KEY",this._currentStatus=null},_generateSPL:function(n,e){if(-1!=window.location.href.search(/app\/itsi\/topology/)){var t=p.get("form.accountId"),r='aws_account_id="'+t[0]+'"';if(t.length>1){var o=0;for(o=1;o<t.length;o++)r=r+' OR aws_account_id="'+t[o]+'"'}var i="| inputlookup tags_config append=t where "+r+"| inputlookup tags_metadata append=t where "+r}else i=e.filter(function(n){return n in s}).map(function(e){var t=s[e];return["Metadata","Config"].indexOf(e)>-1&&(t+="*"===n?"":" where aws_account_id="+n),t}).sort(function(n,e){return n.indexOf("`aws-billing-datamodel-tags`")>-1?-1:n.indexOf("`aws-billing-datamodel-tags-cur`")>-1?-1:e.indexOf("`aws-billing-datamodel-tags`")>-1?1:e.indexOf("`aws-billing-datamodel-tags-cur`")>-1?1:0}).join(" ");return i}})}.apply(e,r))||(n.exports=o)},function(n,e,t){var r;void 0===(r=function(){"use strict";var n={"aws:cloudtrail":"CloudTrail","aws:config":"Config","aws:config:notification":"Config","aws:billing":"Billing (Legacy)","aws:billing:cur":"Billing (Cost and Usage Report)","aws:inspector":"Inspector","aws:config:rule":"Config Rule","aws:cloudwatch":"CloudWatch","aws:cloudfront:accesslogs":"CloudFront Access Logs","aws:elb:accesslogs":"ELB Access Logs","aws:s3:accesslogs":"S3 Access Logs","aws:metadata":"Metadata","aws:cloudwatchlogs:vpcflow":"VPC Flow Logs"};return{findInputBySourcetype:function(e){return n[e]}}}.apply(e,[]))||(n.exports=r)}])}); |