File Manager

Editing File: /usr/local/cpanel/base/frontend/jupiter/imunify/assets/static/main-es2015.7c342b435a5dd07c72c6.js

!function(n){function e(e){for(var a,r,l=e[0],d=e[1],p=e[2],m=0,s=[];m<l.length;m++)r=l[m],Object.prototype.hasOwnProperty.call(o,r)&&o[r]&&s.push(o[r][0]),o[r]=0;for(a in d)Object.prototype.hasOwnProperty.call(d,a)&&(n[a]=d[a]);for(c&&c(e);s.length;)s.shift()();return i.push.apply(i,p||[]),t()}function t(){for(var n,e=0;e<i.length;e++){for(var t=i[e],a=!0,l=1;l<t.length;l++){var d=t[l];0!==o[d]&&(a=!1)}a&&(i.splice(e--,1),n=r(r.s=t[0]))}return n}var a={},o={21:0},i=[];function r(e){if(a[e])return a[e].exports;var t=a[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,r),t.l=!0,t.exports}r.e=function(n){var e=[],t=o[n];if(0!==t)if(t)e.push(t[2]);else{var a=new Promise((function(e,a){t=o[n]=[e,a]}));e.push(t[2]=a);var i,l=document.createElement("script");l.charset="utf-8",l.timeout=120,r.nc&&l.setAttribute("nonce",r.nc),l.src=function(n){return r.p+""+({0:"common",1:"default~admin-module-ngfactory~client-module-ngfactory~components-av-av-module-ngfactory~components-~c4c50440",2:"default~admin-module-ngfactory~client-module-ngfactory~components-av-av-module-ngfactory~components-~edf01c4f",3:"default~admin-module-ngfactory~client-module-ngfactory~components-av-av-module-ngfactory~components-~ee252fa5",4:"default~admin-module-ngfactory~client-module-ngfactory~components-av-av-module-ngfactory~components-~9bae375f",5:"default~admin-module-ngfactory~client-module-ngfactory~components-av-av-module-ngfactory",6:"default~admin-module-ngfactory~client-module-ngfactory~components-login-login-module-ngfactory",7:"default~admin-module-ngfactory~client-module-ngfactory",8:"default~admin-module-ngfactory~components-av-av-module-ngfactory",9:"default~admin-module-ngfactory~components-email-email-module-ngfactory",10:"default~components-reputation-reputation-module-ngfactory~reputation-reputation-module-ngfactory",11:"eula-eula-module-ngfactory",12:"features-disabled-features-disabled-module-ngfactory",13:"admin-module-ngfactory",14:"client-module-ngfactory",15:"components-av-av-module-ngfactory",16:"components-dashboard-dashboard-module-ngfactory",17:"components-email-email-module-ngfactory",18:"components-installation-installation-module-ngfactory",19:"components-login-login-module-ngfactory",20:"components-showcase-showcase-module-ngfactory",22:"module-ngfactory",26:"support-module-ngfactory",27:"topojson"}[n]||n)+"-es2015."+{0:"bbd602d0ee84e7d67eff",1:"4fae26241f481c44200e",2:"68a3747aaf8fca8f5a63",3:"74176fc253e2388409c4",4:"2f1410d945733c8b1153",5:"5e8155817615f8ba7b62",6:"302e63f1147edec8f338",7:"458affd286331d8fe131",8:"d47df3e206d3090f5403",9:"9316b693afaf0960a5ff",10:"777c2a1e99f47630995a",11:"557532dfa338fd3f9c73",12:"68fa92d188459fec415a",13:"feeba195b352dcf613bd",14:"48df69fc6cd68566d1de",15:"85d93e182c264985a2c1",16:"b6bf1b3a4c838ff76088",17:"97992dbd14cb3bad39bd",18:"f617a74f83b6a4b7df64",19:"475209875ac12541ed9c",20:"cb52a9d7f45d731d7268",22:"a5d8ceeb1a1435670573",26:"c68d62a4bf94f7d0fdb0",27:"e1401e62f7d620c2f514",29:"07dd9a1f3ebcb9de56df",30:"0e154592fbe17125452c",31:"e3ac159ab399a68a04de",32:"0b3995caff289d53accd",33:"397444049f79e30f6b81",34:"a0fd857b0ed7fbab465c",35:"573e596e38d647010397",36:"011cf499b2b7e476bd96",37:"5dc463716eeee6162081",38:"38d3fded36f75fb1628a",39:"369cca58958bbadc407d"}[n]+".js"}(n);var d=new Error;i=function(e){l.onerror=l.onload=null,clearTimeout(p);var t=o[n];if(0!==t){if(t){var a=e&&("load"===e.type?"missing":e.type),i=e&&e.target&&e.target.src;d.message="Loading chunk "+n+" failed.\n("+a+": "+i+")",d.name="ChunkLoadError",d.type=a,d.request=i,t[1](d)}o[n]=void 0}};var p=setTimeout((function(){i({type:"timeout",target:l})}),12e4);l.onerror=l.onload=i,document.head.appendChild(l)}return Promise.all(e)},r.m=n,r.c=a,r.d=function(n,e,t){r.o(n,e)||Object.defineProperty(n,e,{enumerable:!0,get:t})},r.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},r.t=function(n,e){if(1&e&&(n=r(n)),8&e)return n;if(4&e&&"object"==typeof n&&n&&n.__esModule)return n;var t=Object.create(null);if(r.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:n}),2&e&&"string"!=typeof n)for(var a in n)r.d(t,a,(function(e){return n[e]}).bind(null,a));return t},r.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return r.d(e,"a",e),e},r.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},r.p="",r.oe=function(n){throw console.error(n),n};var l=window.webpackJsonpImunify360=window.webpackJsonpImunify360||[],d=l.push.bind(l);l.push=e,l=l.slice();for(var p=0;p<l.length;p++)e(l[p]);var c=d;i.push([0,28]),t()}({0:function(n,e,t){n.exports=t("iTwO")},"1xS/":function(n,e,t){"use strict";t.d(e,"a",(function(){return s})),t.d(e,"c",(function(){return A})),t.d(e,"b",(function(){return g}));var a=t("TSSN"),o=t("pfGN"),i=t("KqfI"),r=t("wd/R"),l=t("1O3W"),d=t("9gLZ"),p=t("lJxs"),c=t("NlKi");const m=a.l.prototype.getParsedResult,s="panelLang";class A{constructor(n){this.value=n}static for(n){return new this(n||"")}get length(){return this.value.length}toString(){return this.value}}const f=[/^One or more domains provided do not exist.*/,/^malware\.onDemand\.status.*/,/Path .* should be absolute/,/^IP [0-9a-fA-F\.\/\:]* is already in [A-Z]* list/,/^Country [A-F]* is already in [A-Z]* list/,/^[0-9]*\/[0-9]* ip\(s\) were successfully deleted/,/has host bits set$/,/^Noop: /,/^Authentication failed/,/^User name not found/,/^Feature '[a-zA-Z]*' is disabled for user/,/^\[Errno 104\] Connection reset by peer$/,/^Kernel is unsupported/,/^Can't delete KernelCare, because it's not installed$/,/^Request timeout$/,/^Empty response from socket$/,/^Request processing error$/,/^Licenses limit exceeded$/,/^On-demand scan is already running$/,/Too many open files/,/Connection refused$/,/^400 Client Error: BAD REQUEST for url/];a.l.prototype.getParsedResult=function(n,e,t){if(e instanceof A)return e.value;const a=m.call(this,n,e,t);if(a===e&&!f.some(n=>n.test(e))){const n={reason:"Can not find translation",key:e,interpolateParams:t};console.error(n),c.captureException(new Error(JSON.stringify(n)))}return a};class g{constructor(n,e,t){this.translate=n,this.panel=e,this.document=t,this.langs=[{code:"en",moment:"en",name:"English"},{code:"es",moment:"es",name:"Espa\xf1ol"},{code:"ru",moment:"ru",name:"\u0420\u0443\u0441\u0441\u043a\u0438\u0439"},{code:"ja",moment:"ja",name:"\u65e5\u672c\u8a9e"},{code:"de",moment:"de",name:"Deutsch"},{code:"fr",moment:"fr",name:"Fran\xe7ais"},{code:"it",moment:"it",name:"Italiano"},{code:"nl",moment:"nl",name:"Nederlands"},{code:"pt",moment:"pt",name:"Portugu\xeas"},{code:"tr",moment:"tr",name:"T\xfcrk\xe7e"},{code:"zh-cn",moment:"zh-cn",name:"\u7b80\u4f53\u4e2d\u6587"}],this.rtlLangs=[],this.html=this.document.querySelector("html"),this.dirContainer=this.html.getElementsByClassName("i360-app")[0],this.panelLang=this.panel.getLang(this.document),this.initLanguages();const a=l.c.prototype.create;let o;Object.defineProperty(d.b.prototype,"value",{get:()=>o,set:i.a,configurable:!0}),Object.defineProperty(d.b.prototype,"change",{get:()=>r,set:i.a,configurable:!0});const r=n.onLangChange.pipe(Object(p.a)(({lang:n})=>this.getDir(n)));r.subscribe(n=>o=n),l.c.prototype.create=function(n){const e=a.call(this,n);return Object.defineProperty(e._config,"direction",{get:()=>o,set:i.a}),e},this.translate.onLangChange.subscribe(({lang:n})=>this.setMomentLocale(n)),this.translate.onDefaultLangChange.subscribe(()=>this.setMomentLocale(this.currentLang))}getDir(n){return this.rtlLangs.includes(n)?"rtl":"ltr"}use(n){localStorage.setItem(o.a,n),this.logicalLang=n,n!==s&&n||(n=this.panelLang),this.currentLang=this.getAppropriateLang(n,this.langs.map(n=>n.code),"en"),this.translate.use(this.currentLang),this.ensureRtl(this.currentLang)}setMomentLocale(n){let e=this.langs.find(e=>e.code===n);n=e?e.moment:n,r.locale(n)}t(n,e){return this.translate.get(n,e).toPromise()}stream(n,e){return this.translate.stream(n,e)}getAppropriateLang(n,e,t){if(e.includes(n))return n;const[a,o]=n.split("-");return o&&e.includes(a)?a:t}initLanguages(){const n=localStorage.getItem(o.a)||"";this.translate.addLangs(this.langs.map(n=>n.code)),this.translate.setDefaultLang("en"),this.use(n)}ensureRtl(n){if(this.html){const e=this.getDir(n);this.html.classList.remove("rtl","ltr"),this.html.classList.add(e),this.dirContainer&&(this.dirContainer.dir=e)}}}},"58Vl":function(n,e,t){"use strict";t.d(e,"a",(function(){return a}));const a=n=>!1},"8YbO":function(n,e,t){"use strict";t.d(e,"a",(function(){return i}));var a=t("1xS/"),o=t("TSSN");class i{static forRoot(){return{ngModule:i,providers:[a.b,o.l]}}}},FFKa:function(n,e,t){"use strict";t.d(e,"a",(function(){return i}));var a=t("KVRz");const o=[`${a.b}ab-view`,`${a.b}ab-event`],i=(n,e,t)=>{let a=t.value;return t.value=function(n,e){return"POST"===n.method&&!o.includes(n.url)?a.apply(this,[n,e]):e.handle(n)},t}},HASI:function(n,e,t){"use strict";t.r(e),t.d(e,"assetsPath",(function(){return o}));var a=t("qo03");const o=`${"undefined"==typeof adminAssets?"":"undefined"!=typeof i360role&&i360role===a.b.admin?adminAssets:clientAssets}${"undefined"==typeof staticPath?"static/":staticPath}`},KVRz:function(n,e,t){"use strict";t.d(e,"b",(function(){return a})),t.d(e,"a",(function(){return o}));const a="https://api.imunify360.com/api/",o=void 0},MHfa:function(n,e,t){"use strict";t.d(e,"b",(function(){return o})),t.d(e,"e",(function(){return i})),t.d(e,"c",(function(){return r})),t.d(e,"d",(function(){return l})),t.d(e,"a",(function(){return p}));var a=t("NTVj");let o=(()=>{class n{}return n.register=n=>new a.c(["register"],{regkey:n}),n.unregister=()=>new a.c(["unregister"]),n.version=()=>new a.c(["version"]),n.rstatus=()=>new a.c(["rstatus"]),n})();var i=function(n){return n[n.imunifyAV=0]="imunifyAV",n[n.imunifyAVPlus=1]="imunifyAVPlus",n[n.imunify360=2]="imunify360",n}({}),r=function(n){return n.imunifyAV="imunifyAV",n.imunifyAVPlus="imunifyAVPlus",n.imunify360Trial="imunify360Trial",n.imunify360="imunify360",n}({}),l=function(n){return n.imunifyAV="AV",n.imunify360="360",n}({});const d={[i.imunifyAV]:"ImunifyAV",[i.imunifyAVPlus]:"ImunifyAV+",[i.imunify360]:"Imunify360"};class p{constructor(n){this.product=i.imunifyAV,this.message="",this.ip_license=!1,Object.assign(this,n),this.redirect_url=n.redirect_url||"",this.product=this.getProduct(),this.productName=d[this.product]}get cleanupAllowed(){return this.product===i.imunify360||this.product===i.imunifyAVPlus&&this.status}get upgradeAvailable(){return this.product<i.imunify360&&this.license_type!==r.imunify360}isFailed(){return"AV"===l.imunify360&&!this.status}hasMessage(){return!!this.message}isLimitExceeded(){return null!=this.user_count&&this.user_count>this.user_limit}getProduct(){switch("AV"){case l.imunify360:return i.imunify360;case l.imunifyAV:return this.license_type&&this.license_type!==r.imunifyAV?i.imunifyAVPlus:i.imunifyAV;default:throw new Error("Unknown package AV")}}}},NTVj:function(n,e,t){"use strict";t.d(e,"c",(function(){return a})),t.d(e,"b",(function(){return o})),t.d(e,"d",(function(){return i})),t.d(e,"a",(function(){return r}));class a{constructor(n,e={}){this.method=n,this.params=e}toString(){return JSON.stringify(this)}}class o extends a{constructor(n,e=[],t={}){super(e,t),this.command=n,this.method=e,this.params=t}}var i=function(n){return n.ERROR="error",n.WARNING="warnings",n.SUCCESS="success",n}({}),r=function(n){return n.OK="running",n.INSTALLING="installing",n.NOT_INSTALLED="not_installed",n.FAILED_TO_INSTALL="failed_to_install",n.STOPPED="stopped",n}({})},NueE:function(n,e,t){"use strict";t.d(e,"a",(function(){return d}));var a=t("njtI");let o=(()=>{class n{}return n.start=()=>({command:"installation",method:["start"],params:{}}),n.status=({offset:n,limit:e})=>({command:"installation",method:["status"],params:{offset:n,limit:e}}),n})();var i=t("NTVj");i.d.SUCCESS,i.a.INSTALLING,i.d.SUCCESS,i.a.FAILED_TO_INSTALL,i.d.SUCCESS,i.a.NOT_INSTALLED,i.d.SUCCESS,i.a.FAILED_TO_INSTALL;t("dG3u");var r=t("8Y7J"),l=t("oXuz");let d=(()=>{class n extends a.a{constructor(){super(...arguments),this.status=this.rxServiceRequest(o.status),this.start=this.serviceRequest(o.start)}getDefaultMockList(){return[]}}return n.\u0275prov=r.cc({factory:function(){return new n(r.dc(l.a))},token:n,providedIn:"root"}),n})()},NxQh:function(n,e,t){var a={"./de.i18n.txt":["Tj6d",29],"./en.i18n.txt":["2cYC",39],"./es.i18n.txt":["SRhA",30],"./fr.i18n.txt":["WcF+",31],"./it.i18n.txt":["AZpl",32],"./ja.i18n.txt":["AQWp",33],"./nl.i18n.txt":["FHlH",34],"./pt.i18n.txt":["X2CL",35],"./ru.i18n.txt":["d+gH",36],"./tr.i18n.txt":["DQ/Q",37],"./zh-cn.i18n.txt":["WQG/",38]};function o(n){if(!t.o(a,n))return Promise.resolve().then((function(){var e=new Error("Cannot find module '"+n+"'");throw e.code="MODULE_NOT_FOUND",e}));var e=a[n],o=e[0];return t.e(e[1]).then((function(){return t.t(o,7)}))}o.keys=function(){return Object.keys(a)},o.id="NxQh",n.exports=o},Owoi:function(n,e,t){"use strict";t.d(e,"b",(function(){return o})),t.d(e,"a",(function(){return i}));var a=t("NTVj");const o="INVALID_TOKEN";class i{static login(n){return new a.c(["login","pam"],n)}static get(n){return new a.c(["login","get"],n)}}},Q3PY:function(n,e,t){"use strict";t.d(e,"b",(function(){return a})),t.d(e,"a",(function(){return o}));const a="noSentryErrorMessage";class o extends Error{constructor(){super(a),this.noSentry=!0,Object.setPrototypeOf(this,o.prototype)}}},UFdA:function(n,e,t){"use strict";t.d(e,"a",(function(){return r}));var a=t("mrSG"),o=t("8Y7J"),i=t("1xS/");let r=(()=>{class n{constructor(n){this.translate=n,this.notifications=[]}success(n,e=null,t){return this.add(e||"notifications.success",n,"success",t)}error(n,e=null,t){return this.add(e||"notifications.error",n,"error",t)}warning(n,e=null,t){return this.error(n,e||"notifications.warning",t)}remove(n){this.notifications=this.notifications.filter(e=>!this.equal(e,n))}add(n,e,t,o){return Object(a.a)(this,void 0,void 0,(function*(){const a=new l({title:yield this.translate.t(n,o),content:yield this.translate.t(e,o),type:t});for(let n of this.notifications)if(this.equal(n,a))return n.counter++,void(n.ticks=0);a.counter=1,this.notifications.push(a)}))}equal(n,e){return n.type===e.type&&n.title===e.title&&n.content===e.content}}return n.\u0275prov=o.cc({factory:function(){return new n(o.dc(i.b))},token:n,providedIn:"root"}),n})();class l{constructor(n){this.counter=0,this.ticks=0,this.type=n.type,this.title=n.title,this.content=n.content}}},dG3u:function(n,e,t){"use strict";t.d(e,"a",(function(){return o}));var a=t("wK6y");let o=(()=>{class n{static add(n,e){return{api:n,response:e}}static addFn(n,e){return{api:n,response:e}}}return n.defaultData=a.a,n})()},dqPF:function(n,e){function t(n){var e=new Error("Cannot find module '"+n+"'");throw e.code="MODULE_NOT_FOUND",e}t.keys=function(){return[]},t.resolve=t,n.exports=t,t.id="dqPF"},ec2V:function(n,e,t){"use strict";t.r(e),t.d(e,"LicenseService",(function(){return b})),t.d(e,"\u02750",(function(){return u}));var a=t("mrSG"),o=t("NTVj"),i=t("njtI"),r=t("MHfa"),l=t("2Vo4"),d=t("quSY"),p=t("l5mm"),c=t("58Vl"),m=t("lJxs"),s=t("eIep"),A=t("Owoi"),f=t("gHFe");const g=()=>({status:!window.i360LicenseFail,license_type:"imunify360",expiration:(Date.now()+1728e5)/1e3,user_limit:10,user_count:11,redirect_url:"https://cln.cloudlinux.com",message:"test message from CLN",upgrade_url:"https://ui-test-server:55555/test/test.html",upgrade_url_360:"https://ui-test-server:55555/test/test.html",ip_license:!1}),u=g;class b extends i.a{constructor(n,e,t,a,o,i){super(n),this.request=n,this.router=e,this.modalService=t,this.authService=a,this.configRef=o,this.maliciousCount=i,this.Product=r.e,this.licenseChange=new l.a(new r.a({status:!0})),this.licenseFailed=this.licenseChange.pipe(Object(m.a)(n=>n.isFailed())),this.register=this.serviceRequest(r.b.register),this.getToken=this.rxServiceRequest(A.a.get),this.updateTokenSubscription=d.a.EMPTY,this.updateTokenInterval=15e4,this.licenseChange.subscribe(n=>{this.license=n})}get cleanupBlocked(){let n=this.configRef._configChange.getValue();return!!n&&(this.authService.isAdmin&&this.maliciousCount.maliciousCount&&this.license.product===this.Product.imunifyAV&&n.PERMISSIONS.upgrade_button)}registerViaPanel(){return this.xhr.post(new o.b("applyLicenseFromPanel"))}getLicense(n){return new r.a(Object(c.a)(this.constructor.name)?g():n)}checkLicense(n){return this.licenseChange.next(this.getLicense(n)),!!this.authService.isClient||(this.license.isFailed()&&"/360/admin/license"!==this.router.url?(this.router.navigate(["/","AV","admin","license"]),!1):((this.license.isFailed()||"/360/admin/license"!==this.router.url)&&(this.license.upgradeAvailable||"/AV/upgrade"!==this.router.url)||this.router.navigate(["/"]),!0))}canActivate(n,e){return!this.license.status||(this.router.navigate(["/"]),!1)}getDefaultMockList(){return[]}autoUpdateToken(){this.updateTokenSubscription=Object(p.a)(this.updateTokenInterval).pipe(Object(s.a)(()=>this.getToken({username:this.authService.username}))).subscribe(n=>{this.authService.setToken(n.data.items)})}warningCleanDialog(){return Object(a.a)(this,void 0,void 0,(function*(){(yield this.modalService.open(f.a,{data:{}}))&&(yield this.router.navigate(["/","AV","upgrade"]))}))}}},fGuE:function(n,e,t){"use strict";t.d(e,"a",(function(){return i}));var a=t("2Vo4"),o=t("pLZG");class i{constructor(){this._configChange=new a.a(null),this.configChange=this._configChange.pipe(Object(o.a)(n=>null!==n))}setConfig(n){this.config=n,n.changes.subscribe(n=>{this._configChange.next(n)})}p(n){return null!==n}}},gHFe:function(n,e,t){"use strict";t.d(e,"a",(function(){return r}));var a=t("mrSG"),o=t("MHfa"),i=t("v5YS");class r extends i.a{constructor(n,e){super(),this.dialogRef=n,this.maliciousCount=e,this.imunifyPackage="AV",this.Product=o.e}manualUpgrade(){return Object(a.a)(this,void 0,void 0,(function*(){this.dialogRef.close(),window.open("https://blog.imunify360.com/manual-malware-cleanup","_blank")}))}}},iTwO:function(n,e,t){"use strict";t.r(e),t.d(e,"main",(function(){return En}));t("SYky");var a=t("cUpR"),o=t("8Y7J");let i=[],r=function(n){return n};Object(a.h)(),Object(o.T)(),i=[...i];const l=r;var d=t("jXi5");t("m+po"),t("uWkI");const p=function(){return window},c={floatLabel:"never"};class m{constructor(n,e,t,a){t.isPlesk&&Object(d.c)(),Object(d.e)(n,a,e)}}var s=t("qo03");class A{constructor(n){this.authService=n,n.parseToken(),n.role===s.b.none&&n.goToLoginPage()}}var f=t("pMnS"),g=t("TSSN");class u{}var b=o.xb({encapsulation:2,styles:[],data:{}});function h(n){return o.bc(0,[(n()(),o.zb(0,0,null,null,3,"div",[["id","i360-404-page"]],null,null,null,null,null)),(n()(),o.zb(1,0,null,null,2,"h1",[["translate",""]],null,null,null,null,null)),o.yb(2,8536064,null,0,g.f,[g.l,o.l,o.h],{translate:[0,"translate"]},null),(n()(),o.Yb(-1,null,["noContent.title"]))],(function(n,e){n(e,2,0,"")}),null)}function $(n){return o.bc(0,[(n()(),o.zb(0,0,null,null,1,"no-content",[],null,null,null,h,b)),o.yb(1,49152,null,0,u,[],null,null)],null,null)}var y=o.vb("no-content",u,$,{},{},[]),x=t("iInd"),E=o.xb({encapsulation:2,styles:[],data:{}});function w(n){return o.bc(0,[(n()(),o.zb(0,16777216,null,null,1,"router-outlet",[],null,null,null,null,null)),o.yb(1,212992,null,0,x.r,[x.b,o.Q,o.j,[8,null],o.h],null,null)],(function(n,e){n(e,1,0)}),null)}function k(n){return o.bc(0,[(n()(),o.zb(0,0,null,null,1,"app",[],null,null,null,w,E)),o.yb(1,49152,null,0,A,[s.a],null,null)],null,null)}var B=o.vb("app",A,k,{},{},[]),v=t("SVse"),C=t("fDlF"),I=t("omvX"),U=t("GS7A"),z=t("IheW"),D=t("mrSG"),F=t("FFKa");let V=(()=>{class n{constructor(n){this.authService=n,this.action=()=>this.authService.isAdmin?adminAction:clientAction}intercept(n,e){const t=n.url.startsWith("http")?n.url:this.action()+n.url;return e.handle(n.clone({url:t}))}}return Object(D.b)([F.a],n.prototype,"intercept",null),n})(),S=(()=>{class n{intercept(n,e){let t;return n.body instanceof FormData||(t=n.headers.set("Content-type","application/json; charset=utf-8")),e.handle(n.clone({headers:t}))}}return Object(D.b)([F.a],n.prototype,"intercept",null),n})();var Y=t("wWNr"),N=t("NTVj"),T=t("EY2u"),R=t("LRne"),G=t("JIr8"),M=t("w1tV"),J=t("eIep"),O=t("MHfa"),L=t("NueE");const P="/installation/progress/log",j="/installation/progress/slides";let q=(()=>{class n{constructor(n,e,t){this.router=n,this.injector=e,this.appState=t}intercept(n,e){return e.handle(n).pipe(Object(G.a)(n=>{try{if(n.error.includes("Error: No module named")){const n=this.updateAndCheckStatus(N.a.INSTALLING);if(n)return n}if(n.error.includes("System error 2: No such file or directory"))return this.injector.get(s.a).isClient?(this.updateAndCheckStatus(N.a.INSTALLING),T.a):(this.getInstallationStatus||(this.getInstallationStatus=this.injector.get(L.a).status({offset:0,limit:1}).pipe(Object(M.a)())),this.getInstallationStatus.subscribe(),T.a)}catch(n){}throw n}),Object(J.a)(n=>{if(n instanceof z.h){const e=n.body.status||N.a.OK,t=this.updateAndCheckStatus(e);if(t)return t}return Object(R.a)(n)}))}reload(){location.reload()}updateAndCheckStatus(n){switch(this.appState.imunifyStatus=n,this.appState.imunifyStatus){case N.a.OK:return void(this.router.url.startsWith("/installation")&&(this.router.navigate(["/"],{replaceUrl:!0}),this.reload()));case N.a.INSTALLING:return this.router.url.startsWith("/installation")?void 0:(this.router.navigateByUrl(j,{replaceUrl:!0}),T.a);case N.a.NOT_INSTALLED:return"/installation"!==this.router.url?(this.injector.get(s.a).isClient?this.router.navigateByUrl(j,{replaceUrl:!0}):this.router.navigateByUrl("/installation",{replaceUrl:!0}),T.a):void 0;case N.a.FAILED_TO_INSTALL:return"AV"===O.d.imunify360&&this.router.url!==P?(this.injector.get(s.a).isClient?this.router.navigateByUrl(j,{replaceUrl:!0}):this.router.navigateByUrl(P,{replaceUrl:!0}),T.a):void 0;case N.a.STOPPED:return this.router.navigate(["installation","stopped-service"],{replaceUrl:!0}),T.a;default:return}}}return Object(D.b)([F.a],n.prototype,"intercept",null),n})();var Q=t("lgOS"),_=t("1O3W");class W extends _.e{constructor(n){super(document,n),this.platform=n}_createContainer(){super._createContainer();const n=document.querySelector(".i360-app app");n&&n.appendChild(this._containerElement)}}var K=t("SCoL");let H=(()=>{class n{constructor(n){this.router=n}canActivate(n,e){return Object(D.a)(this,void 0,void 0,(function*(){return this.check(n.routeConfig?n.routeConfig.path:void 0)}))}canLoad(n,e){return this.check(n.path)}check(n){return Object(D.a)(this,void 0,void 0,(function*(){return"AV"===n||(yield this.router.navigate(["/","AV"],{replaceUrl:!0}),!1)}))}}return n.\u0275prov=o.cc({factory:function(){return new n(o.dc(x.m))},token:n,providedIn:"root"}),n})(),Z=(()=>{class n{constructor(n,e){this.authService=n,this.router=e}canActivate(n,e){return Object(D.a)(this,void 0,void 0,(function*(){return this.check(n.routeConfig?n.routeConfig.path:void 0)}))}canLoad(n){return this.check(n.path)}check(n){return Object(D.a)(this,void 0,void 0,(function*(){return n===this.authService.role||(yield this.router.navigate(["/","AV",this.authService.role],{replaceUrl:!0}),!1)}))}}return n.\u0275prov=o.cc({factory:function(){return new n(o.dc(s.a),o.dc(x.m))},token:n,providedIn:"root"}),n})();const X=()=>Promise.all([t.e(1),t.e(2),t.e(3),t.e(4),t.e(5),t.e(6),t.e(8),t.e(7),t.e(9),t.e(0),t.e(13)]).then(t.bind(null,"n5AS")).then(n=>n.AdminModuleNgFactory),nn=()=>Promise.all([t.e(1),t.e(2),t.e(3),t.e(4),t.e(5),t.e(6),t.e(7),t.e(0),t.e(14)]).then(t.bind(null,"WA8r")).then(n=>n.ClientModuleNgFactory),en=()=>Promise.all([t.e(1),t.e(3),t.e(0),t.e(18)]).then(t.bind(null,"+T2a")).then(n=>n.InstallationModuleNgFactory),tn=()=>Promise.all([t.e(1),t.e(2),t.e(3),t.e(4),t.e(5),t.e(8),t.e(0),t.e(15)]).then(t.bind(null,"muZe")).then(n=>n.AvModuleNgFactory),an=()=>Promise.all([t.e(1),t.e(2),t.e(3),t.e(4),t.e(6),t.e(19)]).then(t.bind(null,"lkoz")).then(n=>n.LoginModuleNgFactory),on=()=>Promise.all([t.e(1),t.e(2),t.e(0),t.e(20)]).then(t.bind(null,"KOoM")).then(n=>n.ShowcaseModuleNgFactory);O.d.imunify360,O.d.imunifyAV,s.a;class rn{}var ln=t("fGuE"),dn=t("pfGN"),pn=t("oXuz"),cn=t("Cfvw");class mn extends g.h{getTranslation(n){return Object(cn.a)(t("NxQh")(`./${n}.i18n.txt`))}}var sn=t("1xS/"),An=t("4af/"),fn=t("Q3PY");const gn=t("NlKi");class un{constructor(n,e,t,a){this.configRef=n,this.panel=e,this.authService=t,this.translateService=a,n.configChange.subscribe(n=>{this.tryInitSentry(n)})}static fixPaths(n){return n.replace(/https?:\/\/.*\/imunify(?:360)?\/assets\/static\//g,"https://non-existing-domain-for-sentry.cloudlinux.com/").replace(/\.[\w\d]+\.js\b/,".js")}tryInitSentry(n){try{n.ERROR_REPORTING.enable?this.initSentry():this.terminateSentry()}catch(n){}}initSentry(){gn.isSetup()?this.active||(this.active=!0,console.log("SENTRY resumed")):(gn.config("https://6369d23c9e9b48a2af3f56c2bd639c24@im360.sentry.cloudlinux.com/18",{instrument:{tryCatch:!1},captureUnhandledRejections:!1,tags:{env:"prod",role:this.authService.role,panel:this.panel.name,lang:this.translateService.currentLang,panelLang:this.translateService.panelLang},ignoreErrors:[fn.b],dataCallback:n=>{n.culprit&&(n.culprit=un.fixPaths(n.culprit));let e=n.stacktrace||n.exception&&n.exception.values[0].stacktrace;e&&e.frames.forEach(n=>{n.filename=un.fixPaths(n.filename)})},maxBreadcrumbs:50,sanitizeKeys:["password","chunk"],autoBreadcrumbs:{xhr:!1}}).install(),An.report.uninstall(),gn.setRelease("6.4.4-1"),console.assert(!0===gn.isSetup(),"Raven did not setup"),console.log("SENTRY initialized"),this.active=!0)}terminateSentry(){gn.isSetup()&&(console.log("SENTRY terminated"),this.active=!1)}handleError(n){if(console.log("handle error"),n.noSentry||n.rejection&&n.rejection.noSentry)return;if(!this.active)throw n;let e=n.originalError;e||(n.originalStack?(e=new Error(n.message),e.name=n.name||e.name,e.stack=n.originalStack):e=n),gn.captureException(e)}}var bn=t("8YbO"),hn=t("vrSf"),$n=t("Tj54"),yn=t("Q2Ze"),xn=o.wb(m,[A],(function(n){return o.Lb([o.Mb(512,o.j,o.Z,[[8,[f.a,y,B]],[3,o.j],o.y]),o.Mb(5120,x.a,x.B,[x.m]),o.Mb(4608,x.e,x.e,[]),o.Mb(6144,x.g,null,[x.e]),o.Mb(135680,x.s,x.s,[x.m,o.x,o.i,o.s,x.g]),o.Mb(4608,x.f,x.f,[]),o.Mb(5120,x.G,x.x,[x.m,v.C,x.h]),o.Mb(5120,x.i,x.E,[x.C]),o.Mb(5120,o.b,(function(n){return[n]}),[x.i]),o.Mb(5120,o.v,o.pb,[[3,o.v]]),o.Mb(4608,v.r,v.q,[o.v]),o.Mb(5120,o.lb,o.jb,[o.A]),o.Mb(5120,o.c,o.mb,[]),o.Mb(5120,o.t,o.nb,[]),o.Mb(5120,o.u,o.ob,[]),o.Mb(6144,o.I,null,[a.b]),o.Mb(4608,a.e,a.g,[]),o.Mb(5120,a.c,(function(n,e,t,o,i,r,l,d){return[new a.j(n,e,t),new a.o(o),new a.n(i,r,l,d)]}),[v.d,o.A,o.C,v.d,v.d,a.e,o.ab,[2,a.f]]),o.Mb(4608,a.d,a.d,[a.c,o.A]),o.Mb(135680,a.m,a.m,[v.d]),o.Mb(4608,a.k,a.k,[a.d,a.m,o.c]),o.Mb(5120,C.a,I.e,[]),o.Mb(5120,C.c,I.f,[]),o.Mb(4608,C.b,I.d,[v.d,C.a,C.c]),o.Mb(5120,o.G,I.g,[a.k,C.b,o.A]),o.Mb(6144,a.p,null,[a.m]),o.Mb(4608,o.O,o.O,[o.A]),o.Mb(4608,U.b,I.c,[o.G,v.d]),o.Mb(4608,z.j,z.p,[v.d,o.C,z.n]),o.Mb(4608,z.q,z.q,[z.j,z.o]),o.Mb(5120,z.a,(function(n,e,t,a,o){return[n,new V(e),new S,new Y.a,new q(t,a,o)]}),[z.q,s.a,x.m,o.s,Q.a]),o.Mb(4608,z.m,z.m,[]),o.Mb(6144,z.k,null,[z.m]),o.Mb(4608,z.i,z.i,[z.k]),o.Mb(6144,z.b,null,[z.i]),o.Mb(4608,z.f,z.l,[z.b,o.s]),o.Mb(4608,z.c,z.c,[z.f]),o.Mb(5120,"Window",p,[]),o.Mb(4608,_.e,W,[K.a]),o.Mb(1024,x.v,x.z,[[3,x.m]]),o.Mb(512,x.u,x.c,[]),o.Mb(512,x.b,x.b,[]),o.Mb(256,x.h,{useHash:!0,relativeLinkResolution:"legacy"},[]),o.Mb(1024,v.j,x.y,[v.y,[2,v.a],x.h]),o.Mb(512,v.i,v.i,[v.j,v.y]),o.Mb(512,o.i,o.i,[]),o.Mb(512,o.x,o.L,[o.i,[2,o.M]]),o.Mb(1024,x.j,(function(){return[[{path:"",pathMatch:"full",canActivate:[H],component:u},{path:"360",canActivate:[H],canLoad:[H],children:[{path:"",pathMatch:"full",canActivate:[Z],component:u},{path:"admin",loadChildren:X,canActivate:[Z],canLoad:[Z]},{path:"client",loadChildren:nn,canActivate:[Z],canLoad:[Z]}]},{path:"installation",loadChildren:en},{path:"AV",canActivate:[H],canLoad:[H],loadChildren:tn},{path:"login",loadChildren:an,canLoad:[s.a]},{path:"showcase",loadChildren:on},{path:"**",component:u}]]}),[]),o.Mb(1024,x.m,x.A,[x.u,x.b,v.i,o.s,o.x,o.i,x.j,x.h,[2,x.t],[2,x.l]]),o.Mb(1073742336,x.q,x.q,[[2,x.v],[2,x.m]]),o.Mb(1073742336,rn,rn,[]),o.Mb(1073742336,v.c,v.c,[]),o.Mb(512,ln.a,ln.a,[]),o.Mb(512,dn.b,dn.b,[]),o.Mb(512,s.a,s.a,[pn.a,v.i,o.s]),o.Mb(512,g.m,g.m,[]),o.Mb(512,g.h,mn,[]),o.Mb(512,g.d,g.g,[]),o.Mb(512,g.j,g.e,[]),o.Mb(512,g.c,g.b,[]),o.Mb(256,g.n,void 0,[]),o.Mb(256,g.p,void 0,[]),o.Mb(256,g.o,void 0,[]),o.Mb(256,g.a,void 0,[]),o.Mb(512,g.l,g.l,[g.m,g.h,g.d,g.j,g.c,g.n,g.p,g.o,g.a]),o.Mb(512,sn.b,sn.b,[g.l,dn.b,v.d]),o.Mb(512,un,un,[ln.a,dn.b,s.a,sn.b]),o.Mb(2048,o.m,null,[un]),o.Mb(512,x.C,x.C,[o.s]),o.Mb(1024,o.z,(function(){return[x.w()]}),[]),o.Mb(1024,o.d,(function(n,e){return[x.D(n),a.q(e)]}),[x.C,[2,o.z]]),o.Mb(512,o.e,o.e,[[2,o.d]]),o.Mb(131584,o.g,o.g,[o.A,o.s,o.m,o.j,o.e]),o.Mb(1073742336,o.f,o.f,[o.g]),o.Mb(1073742336,a.a,a.a,[[3,a.a]]),o.Mb(1073742336,I.b,I.b,[]),o.Mb(1073742336,g.i,g.i,[]),o.Mb(1073742336,bn.a,bn.a,[]),o.Mb(1073742336,z.e,z.e,[]),o.Mb(1073742336,z.d,z.d,[]),o.Mb(1073742336,hn.a,hn.a,[]),o.Mb(512,a.b,a.l,[v.d]),o.Mb(512,Q.a,Q.a,[]),o.Mb(1073742336,m,m,[$n.d,a.b,dn.b,Q.a]),o.Mb(256,o.k,o.kb,[]),o.Mb(256,o.cb,"root",[]),o.Mb(256,I.a,"BrowserAnimations",[]),o.Mb(256,z.n,"XSRF-TOKEN",[]),o.Mb(256,z.o,"X-XSRF-TOKEN",[]),o.Mb(256,yn.b,c,[])])}));function En(){return t.p=t("HASI").assetsPath,a.i().bootstrapModuleFactory(xn).then(l).catch(n=>console.error(n))}Object(d.d)(En)},jSh3:function(n,e,t){"use strict";t.r(e);var a=t("FIJr"),o=t.n(a)()(!0);o.push([n.i,"@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,300,400,600,700);"]),o.push([n.i,"@import url(https://fonts.googleapis.com/icon?family=Material+Icons);"]),o.push([n.i,'\n@charset "UTF-8";\n/*\n\nThis program is free software: you can redistribute it and/or modify it under \nthe terms of the GNU General Public License as published by \nthe Free Software Foundation, either version 3 of the License, \nor (at your option) any later version.\n\n\nThis program is distributed in the hope that it will be useful, \nbut WITHOUT ANY WARRANTY; without even the implied warranty of \nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\xa0 \nSee the GNU General Public License for more details.\n\n\nYou should have received a copy of the GNU General Public License\n along with this program.\xa0 If not, see <https://www.gnu.org/licenses/>.\n\nCopyright\xa0\xa9 2019 Cloud Linux Software Inc.\n\nThis software is also available under ImunifyAV commercial license,\nsee <https://www.imunify360.com/legal/eula>\n*/\n/*\n\nThis program is free software: you can redistribute it and/or modify it under \nthe terms of the GNU General Public License as published by \nthe Free Software Foundation, either version 3 of the License, \nor (at your option) any later version.\n\n\nThis program is distributed in the hope that it will be useful, \nbut WITHOUT ANY WARRANTY; without even the implied warranty of \nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\xa0 \nSee the GNU General Public License for more details.\n\n\nYou should have received a copy of the GNU General Public License\n along with this program.\xa0 If not, see <https://www.gnu.org/licenses/>.\n\nCopyright\xa0\xa9 2019 Cloud Linux Software Inc.\n\nThis software is also available under ImunifyAV commercial license,\nsee <https://www.imunify360.com/legal/eula>\n*/\n/*\n\nThis program is free software: you can redistribute it and/or modify it under \nthe terms of the GNU General Public License as published by \nthe Free Software Foundation, either version 3 of the License, \nor (at your option) any later version.\n\n\nThis program is distributed in the hope that it will be useful, \nbut WITHOUT ANY WARRANTY; without even the implied warranty of \nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\xa0 \nSee the GNU General Public License for more details.\n\n\nYou should have received a copy of the GNU General Public License\n along with this program.\xa0 If not, see <https://www.gnu.org/licenses/>.\n\nCopyright\xa0\xa9 2019 Cloud Linux Software Inc.\n\nThis software is also available under ImunifyAV commercial license,\nsee <https://www.imunify360.com/legal/eula>\n*/\nbody #txtCpanelVersion {\n  z-index: 0 !important;\n}\nbody #contentContainer {\n  padding-top: 20px;\n}\n.i360-app.i360-cpanel i360-tabs > div > a {\n  color: #1d1d1d;\n}\n.i360-app.i360-cpanel i360-tabs > div > a:hover, .i360-app.i360-cpanel i360-tabs > div > a:focus {\n  color: #1d1d1d;\n  text-decoration: none;\n}\n/*\n\nThis program is free software: you can redistribute it and/or modify it under \nthe terms of the GNU General Public License as published by \nthe Free Software Foundation, either version 3 of the License, \nor (at your option) any later version.\n\n\nThis program is distributed in the hope that it will be useful, \nbut WITHOUT ANY WARRANTY; without even the implied warranty of \nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\xa0 \nSee the GNU General Public License for more details.\n\n\nYou should have received a copy of the GNU General Public License\n along with this program.\xa0 If not, see <https://www.gnu.org/licenses/>.\n\nCopyright\xa0\xa9 2019 Cloud Linux Software Inc.\n\nThis software is also available under ImunifyAV commercial license,\nsee <https://www.imunify360.com/legal/eula>\n*/\n/*\n\nThis program is free software: you can redistribute it and/or modify it under \nthe terms of the GNU General Public License as published by \nthe Free Software Foundation, either version 3 of the License, \nor (at your option) any later version.\n\n\nThis program is distributed in the hope that it will be useful, \nbut WITHOUT ANY WARRANTY; without even the implied warranty of \nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\xa0 \nSee the GNU General Public License for more details.\n\n\nYou should have received a copy of the GNU General Public License\n along with this program.\xa0 If not, see <https://www.gnu.org/licenses/>.\n\nCopyright\xa0\xa9 2019 Cloud Linux Software Inc.\n\nThis software is also available under ImunifyAV commercial license,\nsee <https://www.imunify360.com/legal/eula>\n*/\n/* Fixes for global styles */\nbody .modal-backdrop {\n  opacity: 0.4;\n  background: #4c4c4c;\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1040;\n}\nbody .modal-backdrop.fade {\n  transition: opacity 0.15s linear;\n}\nbody.modal-open {\n  overflow: visible;\n}\n/* Fixes for plugin content */\n.i360-app.i360-plesk .add_item {\n  color: #333;\n}\n.i360-app.i360-plesk .pagination_nav ul.pagination {\n  margin-bottom: 16px;\n}\n.i360-app.i360-plesk .scanner-status-widget {\n  color: #333;\n}\n.i360-app.i360-plesk table > tbody tr td.expander-column > div {\n  transform: translateY(2px);\n}\n.i360-app.i360-plesk table > tbody tr:hover > th {\n  box-shadow: none;\n  background-color: #f8f8f8;\n}\n.i360-app.i360-plesk table > tbody tr:hover > td {\n  box-shadow: none;\n  background-color: #eff8f2;\n}\n.i360-app.i360-plesk .notification {\n  outline: none;\n}\n.i360-app.i360-plesk .search_block .cross_icon {\n  background-color: inherit;\n}\n.i360-app.i360-plesk .form-control:focus {\n  color: #1d1d1d;\n}\n/*\n\nThis program is free software: you can redistribute it and/or modify it under \nthe terms of the GNU General Public License as published by \nthe Free Software Foundation, either version 3 of the License, \nor (at your option) any later version.\n\n\nThis program is distributed in the hope that it will be useful, \nbut WITHOUT ANY WARRANTY; without even the implied warranty of \nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\xa0 \nSee the GNU General Public License for more details.\n\n\nYou should have received a copy of the GNU General Public License\n along with this program.\xa0 If not, see <https://www.gnu.org/licenses/>.\n\nCopyright\xa0\xa9 2019 Cloud Linux Software Inc.\n\nThis software is also available under ImunifyAV commercial license,\nsee <https://www.imunify360.com/legal/eula>\n*/\n/*\n\nThis program is free software: you can redistribute it and/or modify it under \nthe terms of the GNU General Public License as published by \nthe Free Software Foundation, either version 3 of the License, \nor (at your option) any later version.\n\n\nThis program is distributed in the hope that it will be useful, \nbut WITHOUT ANY WARRANTY; without even the implied warranty of \nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\xa0 \nSee the GNU General Public License for more details.\n\n\nYou should have received a copy of the GNU General Public License\n along with this program.\xa0 If not, see <https://www.gnu.org/licenses/>.\n\nCopyright\xa0\xa9 2019 Cloud Linux Software Inc.\n\nThis software is also available under ImunifyAV commercial license,\nsee <https://www.imunify360.com/legal/eula>\n*/\n/*\n\nThis program is free software: you can redistribute it and/or modify it under \nthe terms of the GNU General Public License as published by \nthe Free Software Foundation, either version 3 of the License, \nor (at your option) any later version.\n\n\nThis program is distributed in the hope that it will be useful, \nbut WITHOUT ANY WARRANTY; without even the implied warranty of \nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\xa0 \nSee the GNU General Public License for more details.\n\n\nYou should have received a copy of the GNU General Public License\n along with this program.\xa0 If not, see <https://www.gnu.org/licenses/>.\n\nCopyright\xa0\xa9 2019 Cloud Linux Software Inc.\n\nThis software is also available under ImunifyAV commercial license,\nsee <https://www.imunify360.com/legal/eula>\n*/\n/* Fixes for plugin content */\n.i360-app.i360-directadmin {\n  margin: auto 10px;\n}\n.i360-app.i360-directadmin * {\n  /* For limit widget, but it causes a problems with focused fields */\n  font-size: inherit;\n  font-family: inherit;\n  line-height: inherit;\n}\n.i360-app.i360-directadmin * .cdk-overlay-pane {\n  pointer-events: none !important;\n  height: -webkit-fit-content;\n  height: -moz-fit-content;\n  height: fit-content;\n}\n.i360-app.i360-directadmin * .cdk-overlay-pane:not(.i360-modal-dialog-panel) {\n  bottom: 0 !important;\n  height: auto;\n  max-height: -webkit-fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n}\n.i360-app.i360-directadmin * .cdk-overlay-pane > mat-dialog-container {\n  max-height: 80%;\n}\n.i360-app.i360-directadmin * .cdk-overlay-pane > * {\n  pointer-events: auto;\n}\n:host-context(.ltr) .i360-app.i360-directadmin * .add-item-container textarea, :host-context(.ltr) .i360-app.i360-directadmin * .add-item-container input {\n  padding-left: 14px;\n}\n:host-context(.rtl) .i360-app.i360-directadmin * .add-item-container textarea, :host-context(.rtl) .i360-app.i360-directadmin * .add-item-container input {\n  padding-right: 14px;\n}\n.i360-app.i360-directadmin * .i360-title {\n  font-size: 22px;\n}\n.i360-app.i360-directadmin * .list-tabs {\n  font-size: 16px;\n}\n.i360-app.i360-directadmin * h1 {\n  font-family: "Open Sans", sans-serif;\n  font-size: 22px;\n}\n.i360-app.i360-directadmin * .title, .i360-app.i360-directadmin * .warning {\n  font-weight: normal;\n  color: inherit;\n}\n.i360-app.i360-directadmin * a {\n  cursor: pointer;\n}\n.i360-app.i360-directadmin * div.checkbox_block {\n  padding-top: 2px;\n}\n.i360-app.i360-directadmin * i360-error {\n  font-size: 11px;\n}\n.i360-app.i360-directadmin .mat-select-placeholder {\n  line-height: 0.8;\n  color: transparent;\n}\n.i360-app.i360-directadmin i360-tabs > div > a {\n  color: #1d1d1d;\n  font-size: 16px;\n  font-family: Open Sans, sans-serif;\n}\n.i360-app.i360-directadmin i360-tabs > div > a:hover, .i360-app.i360-directadmin i360-tabs > div > a:focus {\n  color: #1d1d1d;\n  text-decoration: none;\n}\n@media (min-width: 890px) {\n  .i360-app.i360-directadmin {\n    width: calc(890px - 100px);\n  }\n}\n@media (min-width: 920px) {\n  .i360-app.i360-directadmin {\n    width: calc(920px - 100px);\n  }\n}\n@media (min-width: 950px) {\n  .i360-app.i360-directadmin {\n    width: calc(950px - 100px);\n  }\n}\n@media (min-width: 980px) {\n  .i360-app.i360-directadmin {\n    width: calc(980px - 100px);\n  }\n}\n@media (min-width: 1010px) {\n  .i360-app.i360-directadmin {\n    width: calc(1010px - 100px);\n  }\n}\n@media (min-width: 1040px) {\n  .i360-app.i360-directadmin {\n    width: calc(1040px - 100px);\n  }\n}\n@media (min-width: 1070px) {\n  .i360-app.i360-directadmin {\n    width: calc(1070px - 100px);\n  }\n}\n@media (min-width: 1100px) {\n  .i360-app.i360-directadmin {\n    width: calc(1100px - 100px);\n  }\n}\n@media (min-width: 1130px) {\n  .i360-app.i360-directadmin {\n    width: calc(1130px - 100px);\n  }\n}\n@media (min-width: 1160px) {\n  .i360-app.i360-directadmin {\n    width: calc(1160px - 100px);\n  }\n}\n@media (min-width: 1190px) {\n  .i360-app.i360-directadmin {\n    width: calc(1190px - 100px);\n  }\n}\n@media (min-width: 1220px) {\n  .i360-app.i360-directadmin {\n    width: calc(1220px - 100px);\n  }\n}\n@media (min-width: 1250px) {\n  .i360-app.i360-directadmin {\n    width: calc(1250px - 100px);\n  }\n}\n@media (min-width: 1280px) {\n  .i360-app.i360-directadmin {\n    width: calc(1280px - 100px);\n  }\n}\n@media (max-width: 789px) {\n  .i360-app.i360-directadmin {\n    margin: auto 0;\n  }\n}\n#iframe-container .i360-app.i360-directadmin {\n  height: auto;\n  min-height: 400px;\n  padding-bottom: 50px;\n}\n@font-face {\n  font-family: "i360-icon-font";\n  src: url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff");\n}\n.i360-app .i360-icon::before {\n  font-family: i360-icon-font, monospace !important;\n  font-size: 22px;\n  line-height: 1;\n  font-style: normal;\n  font-weight: normal;\n  font-variant: normal;\n  text-decoration: inherit;\n  text-rendering: optimizeLegibility;\n  text-transform: none;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n}\n.i360-app .i360-icon-add-to-ignore::before {\n  content: "\uf101";\n}\n.i360-app .i360-icon-add-to-quarantine::before {\n  content: "\uf102";\n}\n.i360-app .i360-icon-add::before {\n  content: "\uf103";\n}\n.i360-app .i360-icon-arrow-right::before {\n  content: "\uf104";\n}\n.i360-app .i360-icon-arrow::before {\n  content: "\uf105";\n}\n.i360-app .i360-icon-bell::before {\n  content: "\uf106";\n}\n.i360-app .i360-icon-block::before {\n  content: "\uf107";\n}\n.i360-app .i360-icon-cancel::before {\n  content: "\uf108";\n}\n.i360-app .i360-icon-cleanup::before {\n  content: "\uf109";\n}\n.i360-app .i360-icon-close::before {\n  content: "\uf10a";\n}\n.i360-app .i360-icon-copy::before {\n  content: "\uf10b";\n}\n.i360-app .i360-icon-country::before {\n  content: "\uf10c";\n}\n.i360-app .i360-icon-delete::before {\n  content: "\uf10d";\n}\n.i360-app .i360-icon-done::before {\n  content: "\uf10e";\n}\n.i360-app .i360-icon-edit::before {\n  content: "\uf10f";\n}\n.i360-app .i360-icon-info::before {\n  content: "\uf110";\n}\n.i360-app .i360-icon-ip::before {\n  content: "\uf111";\n}\n.i360-app .i360-icon-key::before {\n  content: "\uf112";\n}\n.i360-app .i360-icon-leaf::before {\n  content: "\uf113";\n}\n.i360-app .i360-icon-link::before {\n  content: "\uf114";\n}\n.i360-app .i360-icon-more::before {\n  content: "\uf115";\n}\n.i360-app .i360-icon-port::before {\n  content: "\uf116";\n}\n.i360-app .i360-icon-question::before {\n  content: "\uf117";\n}\n.i360-app .i360-icon-refresh::before {\n  content: "\uf118";\n}\n.i360-app .i360-icon-remove-from-quarantine::before {\n  content: "\uf119";\n}\n.i360-app .i360-icon-remove-from::before {\n  content: "\uf11a";\n}\n.i360-app .i360-icon-restore-original::before {\n  content: "\uf11b";\n}\n.i360-app .i360-icon-restore::before {\n  content: "\uf11c";\n}\n.i360-app .i360-icon-scan::before {\n  content: "\uf11d";\n}\n.i360-app .i360-icon-search::before {\n  content: "\uf11e";\n}\n.i360-app .i360-icon-settings::before {\n  content: "\uf11f";\n}\n.i360-app .i360-icon-stop::before {\n  content: "\uf120";\n}\n.i360-app .i360-icon-support::before {\n  content: "\uf121";\n}\n.i360-app .i360-icon-upload::before {\n  content: "\uf122";\n}\n.i360-app .i360-icon-users::before {\n  content: "\uf123";\n}\n.i360-app .i360-icon-view-report::before {\n  content: "\uf124";\n}\n.i360-app .i360-icon-view::before {\n  content: "\uf125";\n}\n.i360-app {\n  /*\n\n  This program is free software: you can redistribute it and/or modify it under \n  the terms of the GNU General Public License as published by \n  the Free Software Foundation, either version 3 of the License, \n  or (at your option) any later version.\n\n\n  This program is distributed in the hope that it will be useful, \n  but WITHOUT ANY WARRANTY; without even the implied warranty of \n  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\xa0 \n  See the GNU General Public License for more details.\n\n\n  You should have received a copy of the GNU General Public License\n   along with this program.\xa0 If not, see <https://www.gnu.org/licenses/>.\n\n  Copyright\xa0\xa9 2019 Cloud Linux Software Inc.\n\n  This software is also available under ImunifyAV commercial license,\n  see <https://www.imunify360.com/legal/eula>\n  */\n  /*\n\n  This program is free software: you can redistribute it and/or modify it under \n  the terms of the GNU General Public License as published by \n  the Free Software Foundation, either version 3 of the License, \n  or (at your option) any later version.\n\n\n  This program is distributed in the hope that it will be useful, \n  but WITHOUT ANY WARRANTY; without even the implied warranty of \n  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\xa0 \n  See the GNU General Public License for more details.\n\n\n  You should have received a copy of the GNU General Public License\n   along with this program.\xa0 If not, see <https://www.gnu.org/licenses/>.\n\n  Copyright\xa0\xa9 2019 Cloud Linux Software Inc.\n\n  This software is also available under ImunifyAV commercial license,\n  see <https://www.imunify360.com/legal/eula>\n  */\n  /*\n\n  This program is free software: you can redistribute it and/or modify it under \n  the terms of the GNU General Public License as published by \n  the Free Software Foundation, either version 3 of the License, \n  or (at your option) any later version.\n\n\n  This program is distributed in the hope that it will be useful, \n  but WITHOUT ANY WARRANTY; without even the implied warranty of \n  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\xa0 \n  See the GNU General Public License for more details.\n\n\n  You should have received a copy of the GNU General Public License\n   along with this program.\xa0 If not, see <https://www.gnu.org/licenses/>.\n\n  Copyright\xa0\xa9 2019 Cloud Linux Software Inc.\n\n  This software is also available under ImunifyAV commercial license,\n  see <https://www.imunify360.com/legal/eula>\n  */\n  /*TODO: get rid of !important*/\n  /**\n  to override\n  img {\n      vertical-align: middle;\n  }\n  from scaffolding.less:81 for task WEB-402\n  */\n  /*\n\n  This program is free software: you can redistribute it and/or modify it under \n  the terms of the GNU General Public License as published by \n  the Free Software Foundation, either version 3 of the License, \n  or (at your option) any later version.\n\n\n  This program is distributed in the hope that it will be useful, \n  but WITHOUT ANY WARRANTY; without even the implied warranty of \n  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\xa0 \n  See the GNU General Public License for more details.\n\n\n  You should have received a copy of the GNU General Public License\n   along with this program.\xa0 If not, see <https://www.gnu.org/licenses/>.\n\n  Copyright\xa0\xa9 2019 Cloud Linux Software Inc.\n\n  This software is also available under ImunifyAV commercial license,\n  see <https://www.imunify360.com/legal/eula>\n  */\n  /*\n\n  This program is free software: you can redistribute it and/or modify it under \n  the terms of the GNU General Public License as published by \n  the Free Software Foundation, either version 3 of the License, \n  or (at your option) any later version.\n\n\n  This program is distributed in the hope that it will be useful, \n  but WITHOUT ANY WARRANTY; without even the implied warranty of \n  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\xa0 \n  See the GNU General Public License for more details.\n\n\n  You should have received a copy of the GNU General Public License\n   along with this program.\xa0 If not, see <https://www.gnu.org/licenses/>.\n\n  Copyright\xa0\xa9 2019 Cloud Linux Software Inc.\n\n  This software is also available under ImunifyAV commercial license,\n  see <https://www.imunify360.com/legal/eula>\n  */\n  /*\n\n  This program is free software: you can redistribute it and/or modify it under \n  the terms of the GNU General Public License as published by \n  the Free Software Foundation, either version 3 of the License, \n  or (at your option) any later version.\n\n\n  This program is distributed in the hope that it will be useful, \n  but WITHOUT ANY WARRANTY; without even the implied warranty of \n  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\xa0 \n  See the GNU General Public License for more details.\n\n\n  You should have received a copy of the GNU General Public License\n   along with this program.\xa0 If not, see <https://www.gnu.org/licenses/>.\n\n  Copyright\xa0\xa9 2019 Cloud Linux Software Inc.\n\n  This software is also available under ImunifyAV commercial license,\n  see <https://www.imunify360.com/legal/eula>\n  */\n  /*\n\n  This program is free software: you can redistribute it and/or modify it under \n  the terms of the GNU General Public License as published by \n  the Free Software Foundation, either version 3 of the License, \n  or (at your option) any later version.\n\n\n  This program is distributed in the hope that it will be useful, \n  but WITHOUT ANY WARRANTY; without even the implied warranty of \n  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\xa0 \n  See the GNU General Public License for more details.\n\n\n  You should have received a copy of the GNU General Public License\n   along with this program.\xa0 If not, see <https://www.gnu.org/licenses/>.\n\n  Copyright\xa0\xa9 2019 Cloud Linux Software Inc.\n\n  This software is also available under ImunifyAV commercial license,\n  see <https://www.imunify360.com/legal/eula>\n  */\n  /* Colors for the ripple elements.*/\n  /* stylelint-disable-next-line material/theme-mixin-api */\n  /* stylelint-disable-next-line material/theme-mixin-api */\n  /* stylelint-disable material/no-prefixes */\n  /* stylelint-enable */\n  /*\n\n  This program is free software: you can redistribute it and/or modify it under \n  the terms of the GNU General Public License as published by \n  the Free Software Foundation, either version 3 of the License, \n  or (at your option) any later version.\n\n\n  This program is distributed in the hope that it will be useful, \n  but WITHOUT ANY WARRANTY; without even the implied warranty of \n  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\xa0 \n  See the GNU General Public License for more details.\n\n\n  You should have received a copy of the GNU General Public License\n   along with this program.\xa0 If not, see <https://www.gnu.org/licenses/>.\n\n  Copyright\xa0\xa9 2019 Cloud Linux Software Inc.\n\n  This software is also available under ImunifyAV commercial license,\n  see <https://www.imunify360.com/legal/eula>\n  */\n  /* Colors for the ripple elements.*/\n  /* stylelint-disable-next-line material/theme-mixin-api */\n  /* stylelint-disable-next-line material/theme-mixin-api */\n  /* stylelint-disable material/no-prefixes */\n  /* stylelint-enable */\n  /*\n\n  This program is free software: you can redistribute it and/or modify it under \n  the terms of the GNU General Public License as published by \n  the Free Software Foundation, either version 3 of the License, \n  or (at your option) any later version.\n\n\n  This program is distributed in the hope that it will be useful, \n  but WITHOUT ANY WARRANTY; without even the implied warranty of \n  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\xa0 \n  See the GNU General Public License for more details.\n\n\n  You should have received a copy of the GNU General Public License\n   along with this program.\xa0 If not, see <https://www.gnu.org/licenses/>.\n\n  Copyright\xa0\xa9 2019 Cloud Linux Software Inc.\n\n  This software is also available under ImunifyAV commercial license,\n  see <https://www.imunify360.com/legal/eula>\n  */\n  /*\n\n  This program is free software: you can redistribute it and/or modify it under \n  the terms of the GNU General Public License as published by \n  the Free Software Foundation, either version 3 of the License, \n  or (at your option) any later version.\n\n\n  This program is distributed in the hope that it will be useful, \n  but WITHOUT ANY WARRANTY; without even the implied warranty of \n  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\xa0 \n  See the GNU General Public License for more details.\n\n\n  You should have received a copy of the GNU General Public License\n   along with this program.\xa0 If not, see <https://www.gnu.org/licenses/>.\n\n  Copyright\xa0\xa9 2019 Cloud Linux Software Inc.\n\n  This software is also available under ImunifyAV commercial license,\n  see <https://www.imunify360.com/legal/eula>\n  */\n  /*\n\n  This program is free software: you can redistribute it and/or modify it under \n  the terms of the GNU General Public License as published by \n  the Free Software Foundation, either version 3 of the License, \n  or (at your option) any later version.\n\n\n  This program is distributed in the hope that it will be useful, \n  but WITHOUT ANY WARRANTY; without even the implied warranty of \n  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\xa0 \n  See the GNU General Public License for more details.\n\n\n  You should have received a copy of the GNU General Public License\n   along with this program.\xa0 If not, see <https://www.gnu.org/licenses/>.\n\n  Copyright\xa0\xa9 2019 Cloud Linux Software Inc.\n\n  This software is also available under ImunifyAV commercial license,\n  see <https://www.imunify360.com/legal/eula>\n  */\n  /* Colors for the ripple elements.*/\n  /* stylelint-disable-next-line material/theme-mixin-api */\n  /* stylelint-disable-next-line material/theme-mixin-api */\n  /* stylelint-disable material/no-prefixes */\n  /* stylelint-enable */\n  /*\n\n  This program is free software: you can redistribute it and/or modify it under \n  the terms of the GNU General Public License as published by \n  the Free Software Foundation, either version 3 of the License, \n  or (at your option) any later version.\n\n\n  This program is distributed in the hope that it will be useful, \n  but WITHOUT ANY WARRANTY; without even the implied warranty of \n  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\xa0 \n  See the GNU General Public License for more details.\n\n\n  You should have received a copy of the GNU General Public License\n   along with this program.\xa0 If not, see <https://www.gnu.org/licenses/>.\n\n  Copyright\xa0\xa9 2019 Cloud Linux Software Inc.\n\n  This software is also available under ImunifyAV commercial license,\n  see <https://www.imunify360.com/legal/eula>\n  */\n  /*\n\n  This program is free software: you can redistribute it and/or modify it under \n  the terms of the GNU General Public License as published by \n  the Free Software Foundation, either version 3 of the License, \n  or (at your option) any later version.\n\n\n  This program is distributed in the hope that it will be useful, \n  but WITHOUT ANY WARRANTY; without even the implied warranty of \n  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\xa0 \n  See the GNU General Public License for more details.\n\n\n  You should have received a copy of the GNU General Public License\n   along with this program.\xa0 If not, see <https://www.gnu.org/licenses/>.\n\n  Copyright\xa0\xa9 2019 Cloud Linux Software Inc.\n\n  This software is also available under ImunifyAV commercial license,\n  see <https://www.imunify360.com/legal/eula>\n  */\n  position: relative;\n  max-width: 1500px;\n  min-height: 100%;\n  font: 13px "Open Sans", sans-serif;\n  line-height: 18px;\n}\n.i360-app :root {\n  --blue: #007bff;\n  --indigo: #6610f2;\n  --purple: #6f42c1;\n  --pink: #e83e8c;\n  --red: #dc3545;\n  --orange: #fd7e14;\n  --yellow: #ffc107;\n  --green: #28a745;\n  --teal: #20c997;\n  --cyan: #17a2b8;\n  --white: #fff;\n  --gray: #6c757d;\n  --gray-dark: #343a40;\n  --primary: #007bff;\n  --secondary: #6c757d;\n  --success: #28a745;\n  --info: #17a2b8;\n  --warning: #ffc107;\n  --danger: #dc3545;\n  --light: #f8f9fa;\n  --dark: #343a40;\n  --breakpoint-xs: 0;\n  --breakpoint-sm: 576px;\n  --breakpoint-md: 768px;\n  --breakpoint-lg: 992px;\n  --breakpoint-xl: 1200px;\n  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";\n  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;\n}\n.i360-app .dropup,\n.i360-app .dropright,\n.i360-app .dropdown,\n.i360-app .dropleft {\n  position: relative;\n}\n.i360-app .dropdown-toggle {\n  white-space: nowrap;\n}\n.i360-app .dropdown-toggle::after {\n  display: inline-block;\n  margin-left: 0.255em;\n  vertical-align: 0.255em;\n  content: "";\n  border-top: 0.3em solid;\n  border-right: 0.3em solid transparent;\n  border-bottom: 0;\n  border-left: 0.3em solid transparent;\n}\n.i360-app .dropdown-toggle:empty::after {\n  margin-left: 0;\n}\n.i360-app .dropdown-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: 1000;\n  display: none;\n  float: left;\n  min-width: 10rem;\n  padding: 0.5rem 0;\n  margin: 0.125rem 0 0;\n  font-size: 1rem;\n  color: #212529;\n  text-align: left;\n  list-style: none;\n  background-color: #fff;\n  background-clip: padding-box;\n  border: 1px solid rgba(0, 0, 0, 0.15);\n  border-radius: 0.25rem;\n}\n.i360-app .dropdown-menu-left {\n  right: auto;\n  left: 0;\n}\n.i360-app .dropdown-menu-right {\n  right: 0;\n  left: auto;\n}\n@media (min-width: 576px) {\n  .i360-app .dropdown-menu-sm-left {\n    right: auto;\n    left: 0;\n  }\n  .i360-app .dropdown-menu-sm-right {\n    right: 0;\n    left: auto;\n  }\n}\n@media (min-width: 768px) {\n  .i360-app .dropdown-menu-md-left {\n    right: auto;\n    left: 0;\n  }\n  .i360-app .dropdown-menu-md-right {\n    right: 0;\n    left: auto;\n  }\n}\n@media (min-width: 992px) {\n  .i360-app .dropdown-menu-lg-left {\n    right: auto;\n    left: 0;\n  }\n  .i360-app .dropdown-menu-lg-right {\n    right: 0;\n    left: auto;\n  }\n}\n@media (min-width: 1200px) {\n  .i360-app .dropdown-menu-xl-left {\n    right: auto;\n    left: 0;\n  }\n  .i360-app .dropdown-menu-xl-right {\n    right: 0;\n    left: auto;\n  }\n}\n.i360-app .dropup .dropdown-menu {\n  top: auto;\n  bottom: 100%;\n  margin-top: 0;\n  margin-bottom: 0.125rem;\n}\n.i360-app .dropup .dropdown-toggle::after {\n  display: inline-block;\n  margin-left: 0.255em;\n  vertical-align: 0.255em;\n  content: "";\n  border-top: 0;\n  border-right: 0.3em solid transparent;\n  border-bottom: 0.3em solid;\n  border-left: 0.3em solid transparent;\n}\n.i360-app .dropup .dropdown-toggle:empty::after {\n  margin-left: 0;\n}\n.i360-app .dropright .dropdown-menu {\n  top: 0;\n  right: auto;\n  left: 100%;\n  margin-top: 0;\n  margin-left: 0.125rem;\n}\n.i360-app .dropright .dropdown-toggle::after {\n  display: inline-block;\n  margin-left: 0.255em;\n  vertical-align: 0.255em;\n  content: "";\n  border-top: 0.3em solid transparent;\n  border-right: 0;\n  border-bottom: 0.3em solid transparent;\n  border-left: 0.3em solid;\n}\n.i360-app .dropright .dropdown-toggle:empty::after {\n  margin-left: 0;\n}\n.i360-app .dropright .dropdown-toggle::after {\n  vertical-align: 0;\n}\n.i360-app .dropleft .dropdown-menu {\n  top: 0;\n  right: 100%;\n  left: auto;\n  margin-top: 0;\n  margin-right: 0.125rem;\n}\n.i360-app .dropleft .dropdown-toggle::after {\n  display: inline-block;\n  margin-left: 0.255em;\n  vertical-align: 0.255em;\n  content: "";\n}\n.i360-app .dropleft .dropdown-toggle::after {\n  display: none;\n}\n.i360-app .dropleft .dropdown-toggle::before {\n  display: inline-block;\n  margin-right: 0.255em;\n  vertical-align: 0.255em;\n  content: "";\n  border-top: 0.3em solid transparent;\n  border-right: 0.3em solid;\n  border-bottom: 0.3em solid transparent;\n}\n.i360-app .dropleft .dropdown-toggle:empty::after {\n  margin-left: 0;\n}\n.i360-app .dropleft .dropdown-toggle::before {\n  vertical-align: 0;\n}\n.i360-app .dropdown-menu[x-placement^=top], .i360-app .dropdown-menu[x-placement^=right], .i360-app .dropdown-menu[x-placement^=bottom], .i360-app .dropdown-menu[x-placement^=left] {\n  right: auto;\n  bottom: auto;\n}\n.i360-app .dropdown-divider {\n  height: 0;\n  margin: 0.5rem 0;\n  overflow: hidden;\n  border-top: 1px solid #e9ecef;\n}\n.i360-app .dropdown-item {\n  display: block;\n  width: 100%;\n  padding: 0.25rem 1.5rem;\n  clear: both;\n  font-weight: 400;\n  color: #212529;\n  text-align: inherit;\n  white-space: nowrap;\n  background-color: transparent;\n  border: 0;\n}\n.i360-app .dropdown-item:hover, .i360-app .dropdown-item:focus {\n  color: #16181b;\n  text-decoration: none;\n  background-color: #e9ecef;\n}\n.i360-app .dropdown-item.active, .i360-app .dropdown-item:active {\n  color: #fff;\n  text-decoration: none;\n  background-color: #007bff;\n}\n.i360-app .dropdown-item.disabled, .i360-app .dropdown-item:disabled {\n  color: #adb5bd;\n  pointer-events: none;\n  background-color: transparent;\n}\n.i360-app .dropdown-menu.show {\n  display: block;\n}\n.i360-app .dropdown-header {\n  display: block;\n  padding: 0.5rem 1.5rem;\n  margin-bottom: 0;\n  font-size: 0.875rem;\n  color: #6c757d;\n  white-space: nowrap;\n}\n.i360-app .dropdown-item-text {\n  display: block;\n  padding: 0.25rem 1.5rem;\n  color: #212529;\n}\n.i360-app .table {\n  width: 100%;\n  margin-bottom: 1rem;\n  color: #212529;\n}\n.i360-app .table th,\n.i360-app .table td {\n  padding: 0.75rem;\n  vertical-align: top;\n  border-top: 1px solid #dee2e6;\n}\n.i360-app .table thead th {\n  vertical-align: bottom;\n  border-bottom: 2px solid #dee2e6;\n}\n.i360-app .table tbody + tbody {\n  border-top: 2px solid #dee2e6;\n}\n.i360-app .table-sm th,\n.i360-app .table-sm td {\n  padding: 0.3rem;\n}\n.i360-app .table-bordered {\n  border: 1px solid #dee2e6;\n}\n.i360-app .table-bordered th,\n.i360-app .table-bordered td {\n  border: 1px solid #dee2e6;\n}\n.i360-app .table-bordered thead th,\n.i360-app .table-bordered thead td {\n  border-bottom-width: 2px;\n}\n.i360-app .table-borderless th,\n.i360-app .table-borderless td,\n.i360-app .table-borderless thead th,\n.i360-app .table-borderless tbody + tbody {\n  border: 0;\n}\n.i360-app .table-striped tbody tr:nth-of-type(odd) {\n  background-color: rgba(0, 0, 0, 0.05);\n}\n.i360-app .table-hover tbody tr:hover {\n  color: #212529;\n  background-color: #f8f9fb;\n}\n.i360-app .table-primary,\n.i360-app .table-primary > th,\n.i360-app .table-primary > td {\n  background-color: #b8daff;\n}\n.i360-app .table-primary th,\n.i360-app .table-primary td,\n.i360-app .table-primary thead th,\n.i360-app .table-primary tbody + tbody {\n  border-color: #7abaff;\n}\n.i360-app .table-hover .table-primary:hover {\n  background-color: #9fcdff;\n}\n.i360-app .table-hover .table-primary:hover > td,\n.i360-app .table-hover .table-primary:hover > th {\n  background-color: #9fcdff;\n}\n.i360-app .table-secondary,\n.i360-app .table-secondary > th,\n.i360-app .table-secondary > td {\n  background-color: #d6d8db;\n}\n.i360-app .table-secondary th,\n.i360-app .table-secondary td,\n.i360-app .table-secondary thead th,\n.i360-app .table-secondary tbody + tbody {\n  border-color: #b3b7bb;\n}\n.i360-app .table-hover .table-secondary:hover {\n  background-color: #c8cbcf;\n}\n.i360-app .table-hover .table-secondary:hover > td,\n.i360-app .table-hover .table-secondary:hover > th {\n  background-color: #c8cbcf;\n}\n.i360-app .table-success,\n.i360-app .table-success > th,\n.i360-app .table-success > td {\n  background-color: #c3e6cb;\n}\n.i360-app .table-success th,\n.i360-app .table-success td,\n.i360-app .table-success thead th,\n.i360-app .table-success tbody + tbody {\n  border-color: #8fd19e;\n}\n.i360-app .table-hover .table-success:hover {\n  background-color: #b1dfbb;\n}\n.i360-app .table-hover .table-success:hover > td,\n.i360-app .table-hover .table-success:hover > th {\n  background-color: #b1dfbb;\n}\n.i360-app .table-info,\n.i360-app .table-info > th,\n.i360-app .table-info > td {\n  background-color: #bee5eb;\n}\n.i360-app .table-info th,\n.i360-app .table-info td,\n.i360-app .table-info thead th,\n.i360-app .table-info tbody + tbody {\n  border-color: #86cfda;\n}\n.i360-app .table-hover .table-info:hover {\n  background-color: #abdde5;\n}\n.i360-app .table-hover .table-info:hover > td,\n.i360-app .table-hover .table-info:hover > th {\n  background-color: #abdde5;\n}\n.i360-app .table-warning,\n.i360-app .table-warning > th,\n.i360-app .table-warning > td {\n  background-color: #ffeeba;\n}\n.i360-app .table-warning th,\n.i360-app .table-warning td,\n.i360-app .table-warning thead th,\n.i360-app .table-warning tbody + tbody {\n  border-color: #ffdf7e;\n}\n.i360-app .table-hover .table-warning:hover {\n  background-color: #ffe8a1;\n}\n.i360-app .table-hover .table-warning:hover > td,\n.i360-app .table-hover .table-warning:hover > th {\n  background-color: #ffe8a1;\n}\n.i360-app .table-danger,\n.i360-app .table-danger > th,\n.i360-app .table-danger > td {\n  background-color: #f5c6cb;\n}\n.i360-app .table-danger th,\n.i360-app .table-danger td,\n.i360-app .table-danger thead th,\n.i360-app .table-danger tbody + tbody {\n  border-color: #ed969e;\n}\n.i360-app .table-hover .table-danger:hover {\n  background-color: #f1b0b7;\n}\n.i360-app .table-hover .table-danger:hover > td,\n.i360-app .table-hover .table-danger:hover > th {\n  background-color: #f1b0b7;\n}\n.i360-app .table-light,\n.i360-app .table-light > th,\n.i360-app .table-light > td {\n  background-color: #fdfdfe;\n}\n.i360-app .table-light th,\n.i360-app .table-light td,\n.i360-app .table-light thead th,\n.i360-app .table-light tbody + tbody {\n  border-color: #fbfcfc;\n}\n.i360-app .table-hover .table-light:hover {\n  background-color: #ececf6;\n}\n.i360-app .table-hover .table-light:hover > td,\n.i360-app .table-hover .table-light:hover > th {\n  background-color: #ececf6;\n}\n.i360-app .table-dark,\n.i360-app .table-dark > th,\n.i360-app .table-dark > td {\n  background-color: #c6c8ca;\n}\n.i360-app .table-dark th,\n.i360-app .table-dark td,\n.i360-app .table-dark thead th,\n.i360-app .table-dark tbody + tbody {\n  border-color: #95999c;\n}\n.i360-app .table-hover .table-dark:hover {\n  background-color: #b9bbbe;\n}\n.i360-app .table-hover .table-dark:hover > td,\n.i360-app .table-hover .table-dark:hover > th {\n  background-color: #b9bbbe;\n}\n.i360-app .table-active,\n.i360-app .table-active > th,\n.i360-app .table-active > td {\n  background-color: #f8f9fb;\n}\n.i360-app .table-hover .table-active:hover {\n  background-color: #e8ebf2;\n}\n.i360-app .table-hover .table-active:hover > td,\n.i360-app .table-hover .table-active:hover > th {\n  background-color: #e8ebf2;\n}\n.i360-app .table .thead-dark th {\n  color: #fff;\n  background-color: #343a40;\n  border-color: #454d55;\n}\n.i360-app .table .thead-light th {\n  color: #495057;\n  background-color: #e9ecef;\n  border-color: #dee2e6;\n}\n.i360-app .table-dark {\n  color: #fff;\n  background-color: #343a40;\n}\n.i360-app .table-dark th,\n.i360-app .table-dark td,\n.i360-app .table-dark thead th {\n  border-color: #454d55;\n}\n.i360-app .table-dark.table-bordered {\n  border: 0;\n}\n.i360-app .table-dark.table-striped tbody tr:nth-of-type(odd) {\n  background-color: rgba(255, 255, 255, 0.05);\n}\n.i360-app .table-dark.table-hover tbody tr:hover {\n  color: #fff;\n  background-color: rgba(255, 255, 255, 0.075);\n}\n@media (max-width: 575.98px) {\n  .i360-app .table-responsive-sm {\n    display: block;\n    width: 100%;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n  .i360-app .table-responsive-sm > .table-bordered {\n    border: 0;\n  }\n}\n@media (max-width: 767.98px) {\n  .i360-app .table-responsive-md {\n    display: block;\n    width: 100%;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n  .i360-app .table-responsive-md > .table-bordered {\n    border: 0;\n  }\n}\n@media (max-width: 991.98px) {\n  .i360-app .table-responsive-lg {\n    display: block;\n    width: 100%;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n  .i360-app .table-responsive-lg > .table-bordered {\n    border: 0;\n  }\n}\n@media (max-width: 1199.98px) {\n  .i360-app .table-responsive-xl {\n    display: block;\n    width: 100%;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n  .i360-app .table-responsive-xl > .table-bordered {\n    border: 0;\n  }\n}\n.i360-app .table-responsive {\n  display: block;\n  width: 100%;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n}\n.i360-app .table-responsive > .table-bordered {\n  border: 0;\n}\n.i360-app .container,\n.i360-app .container-fluid,\n.i360-app .container-xl,\n.i360-app .container-lg,\n.i360-app .container-md,\n.i360-app .container-sm {\n  width: 100%;\n  padding-right: 15px;\n  padding-left: 15px;\n  margin-right: auto;\n  margin-left: auto;\n}\n@media (min-width: 576px) {\n  .i360-app .container-sm, .i360-app .container {\n    max-width: 540px;\n  }\n}\n@media (min-width: 768px) {\n  .i360-app .container-md, .i360-app .container-sm, .i360-app .container {\n    max-width: 720px;\n  }\n}\n@media (min-width: 992px) {\n  .i360-app .container-lg, .i360-app .container-md, .i360-app .container-sm, .i360-app .container {\n    max-width: 960px;\n  }\n}\n@media (min-width: 1200px) {\n  .i360-app .container-xl, .i360-app .container-lg, .i360-app .container-md, .i360-app .container-sm, .i360-app .container {\n    max-width: 1140px;\n  }\n}\n.i360-app .row {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -15px;\n  margin-left: -15px;\n}\n.i360-app .no-gutters {\n  margin-right: 0;\n  margin-left: 0;\n}\n.i360-app .no-gutters > .col,\n.i360-app .no-gutters > [class*=col-] {\n  padding-right: 0;\n  padding-left: 0;\n}\n.i360-app .col-xl,\n.i360-app .col-xl-auto, .i360-app .col-xl-12, .i360-app .col-xl-11, .i360-app .col-xl-10, .i360-app .col-xl-9, .i360-app .col-xl-8, .i360-app .col-xl-7, .i360-app .col-xl-6, .i360-app .col-xl-5, .i360-app .col-xl-4, .i360-app .col-xl-3, .i360-app .col-xl-2, .i360-app .col-xl-1, .i360-app .col-lg,\n.i360-app .col-lg-auto, .i360-app .col-lg-12, .i360-app .col-lg-11, .i360-app .col-lg-10, .i360-app .col-lg-9, .i360-app .col-lg-8, .i360-app .col-lg-7, .i360-app .col-lg-6, .i360-app .col-lg-5, .i360-app .col-lg-4, .i360-app .col-lg-3, .i360-app .col-lg-2, .i360-app .col-lg-1, .i360-app .col-md,\n.i360-app .col-md-auto, .i360-app .col-md-12, .i360-app .col-md-11, .i360-app .col-md-10, .i360-app .col-md-9, .i360-app .col-md-8, .i360-app .col-md-7, .i360-app .col-md-6, .i360-app .col-md-5, .i360-app .col-md-4, .i360-app .col-md-3, .i360-app .col-md-2, .i360-app .col-md-1, .i360-app .col-sm,\n.i360-app .col-sm-auto, .i360-app .col-sm-12, .i360-app .col-sm-11, .i360-app .col-sm-10, .i360-app .col-sm-9, .i360-app .col-sm-8, .i360-app .col-sm-7, .i360-app .col-sm-6, .i360-app .col-sm-5, .i360-app .col-sm-4, .i360-app .col-sm-3, .i360-app .col-sm-2, .i360-app .col-sm-1, .i360-app .col,\n.i360-app .col-auto, .i360-app .col-12, .i360-app .col-11, .i360-app .col-10, .i360-app .col-9, .i360-app .col-8, .i360-app .col-7, .i360-app .col-6, .i360-app .col-5, .i360-app .col-4, .i360-app .col-3, .i360-app .col-2, .i360-app .col-1 {\n  position: relative;\n  width: 100%;\n  padding-right: 15px;\n  padding-left: 15px;\n}\n.i360-app .col {\n  flex-basis: 0;\n  flex-grow: 1;\n  max-width: 100%;\n}\n.i360-app .row-cols-1 > * {\n  flex: 0 0 100%;\n  max-width: 100%;\n}\n.i360-app .row-cols-2 > * {\n  flex: 0 0 50%;\n  max-width: 50%;\n}\n.i360-app .row-cols-3 > * {\n  flex: 0 0 33.3333333333%;\n  max-width: 33.3333333333%;\n}\n.i360-app .row-cols-4 > * {\n  flex: 0 0 25%;\n  max-width: 25%;\n}\n.i360-app .row-cols-5 > * {\n  flex: 0 0 20%;\n  max-width: 20%;\n}\n.i360-app .row-cols-6 > * {\n  flex: 0 0 16.6666666667%;\n  max-width: 16.6666666667%;\n}\n.i360-app .col-auto {\n  flex: 0 0 auto;\n  width: auto;\n  max-width: 100%;\n}\n.i360-app .col-1 {\n  flex: 0 0 8.33333333%;\n  max-width: 8.33333333%;\n}\n.i360-app .col-2 {\n  flex: 0 0 16.66666667%;\n  max-width: 16.66666667%;\n}\n.i360-app .col-3 {\n  flex: 0 0 25%;\n  max-width: 25%;\n}\n.i360-app .col-4 {\n  flex: 0 0 33.33333333%;\n  max-width: 33.33333333%;\n}\n.i360-app .col-5 {\n  flex: 0 0 41.66666667%;\n  max-width: 41.66666667%;\n}\n.i360-app .col-6 {\n  flex: 0 0 50%;\n  max-width: 50%;\n}\n.i360-app .col-7 {\n  flex: 0 0 58.33333333%;\n  max-width: 58.33333333%;\n}\n.i360-app .col-8 {\n  flex: 0 0 66.66666667%;\n  max-width: 66.66666667%;\n}\n.i360-app .col-9 {\n  flex: 0 0 75%;\n  max-width: 75%;\n}\n.i360-app .col-10 {\n  flex: 0 0 83.33333333%;\n  max-width: 83.33333333%;\n}\n.i360-app .col-11 {\n  flex: 0 0 91.66666667%;\n  max-width: 91.66666667%;\n}\n.i360-app .col-12 {\n  flex: 0 0 100%;\n  max-width: 100%;\n}\n.i360-app .order-first {\n  order: -1;\n}\n.i360-app .order-last {\n  order: 13;\n}\n.i360-app .order-0 {\n  order: 0;\n}\n.i360-app .order-1 {\n  order: 1;\n}\n.i360-app .order-2 {\n  order: 2;\n}\n.i360-app .order-3 {\n  order: 3;\n}\n.i360-app .order-4 {\n  order: 4;\n}\n.i360-app .order-5 {\n  order: 5;\n}\n.i360-app .order-6 {\n  order: 6;\n}\n.i360-app .order-7 {\n  order: 7;\n}\n.i360-app .order-8 {\n  order: 8;\n}\n.i360-app .order-9 {\n  order: 9;\n}\n.i360-app .order-10 {\n  order: 10;\n}\n.i360-app .order-11 {\n  order: 11;\n}\n.i360-app .order-12 {\n  order: 12;\n}\n.i360-app .offset-1 {\n  margin-left: 8.33333333%;\n}\n.i360-app .offset-2 {\n  margin-left: 16.66666667%;\n}\n.i360-app .offset-3 {\n  margin-left: 25%;\n}\n.i360-app .offset-4 {\n  margin-left: 33.33333333%;\n}\n.i360-app .offset-5 {\n  margin-left: 41.66666667%;\n}\n.i360-app .offset-6 {\n  margin-left: 50%;\n}\n.i360-app .offset-7 {\n  margin-left: 58.33333333%;\n}\n.i360-app .offset-8 {\n  margin-left: 66.66666667%;\n}\n.i360-app .offset-9 {\n  margin-left: 75%;\n}\n.i360-app .offset-10 {\n  margin-left: 83.33333333%;\n}\n.i360-app .offset-11 {\n  margin-left: 91.66666667%;\n}\n@media (min-width: 576px) {\n  .i360-app .col-sm {\n    flex-basis: 0;\n    flex-grow: 1;\n    max-width: 100%;\n  }\n  .i360-app .row-cols-sm-1 > * {\n    flex: 0 0 100%;\n    max-width: 100%;\n  }\n  .i360-app .row-cols-sm-2 > * {\n    flex: 0 0 50%;\n    max-width: 50%;\n  }\n  .i360-app .row-cols-sm-3 > * {\n    flex: 0 0 33.3333333333%;\n    max-width: 33.3333333333%;\n  }\n  .i360-app .row-cols-sm-4 > * {\n    flex: 0 0 25%;\n    max-width: 25%;\n  }\n  .i360-app .row-cols-sm-5 > * {\n    flex: 0 0 20%;\n    max-width: 20%;\n  }\n  .i360-app .row-cols-sm-6 > * {\n    flex: 0 0 16.6666666667%;\n    max-width: 16.6666666667%;\n  }\n  .i360-app .col-sm-auto {\n    flex: 0 0 auto;\n    width: auto;\n    max-width: 100%;\n  }\n  .i360-app .col-sm-1 {\n    flex: 0 0 8.33333333%;\n    max-width: 8.33333333%;\n  }\n  .i360-app .col-sm-2 {\n    flex: 0 0 16.66666667%;\n    max-width: 16.66666667%;\n  }\n  .i360-app .col-sm-3 {\n    flex: 0 0 25%;\n    max-width: 25%;\n  }\n  .i360-app .col-sm-4 {\n    flex: 0 0 33.33333333%;\n    max-width: 33.33333333%;\n  }\n  .i360-app .col-sm-5 {\n    flex: 0 0 41.66666667%;\n    max-width: 41.66666667%;\n  }\n  .i360-app .col-sm-6 {\n    flex: 0 0 50%;\n    max-width: 50%;\n  }\n  .i360-app .col-sm-7 {\n    flex: 0 0 58.33333333%;\n    max-width: 58.33333333%;\n  }\n  .i360-app .col-sm-8 {\n    flex: 0 0 66.66666667%;\n    max-width: 66.66666667%;\n  }\n  .i360-app .col-sm-9 {\n    flex: 0 0 75%;\n    max-width: 75%;\n  }\n  .i360-app .col-sm-10 {\n    flex: 0 0 83.33333333%;\n    max-width: 83.33333333%;\n  }\n  .i360-app .col-sm-11 {\n    flex: 0 0 91.66666667%;\n    max-width: 91.66666667%;\n  }\n  .i360-app .col-sm-12 {\n    flex: 0 0 100%;\n    max-width: 100%;\n  }\n  .i360-app .order-sm-first {\n    order: -1;\n  }\n  .i360-app .order-sm-last {\n    order: 13;\n  }\n  .i360-app .order-sm-0 {\n    order: 0;\n  }\n  .i360-app .order-sm-1 {\n    order: 1;\n  }\n  .i360-app .order-sm-2 {\n    order: 2;\n  }\n  .i360-app .order-sm-3 {\n    order: 3;\n  }\n  .i360-app .order-sm-4 {\n    order: 4;\n  }\n  .i360-app .order-sm-5 {\n    order: 5;\n  }\n  .i360-app .order-sm-6 {\n    order: 6;\n  }\n  .i360-app .order-sm-7 {\n    order: 7;\n  }\n  .i360-app .order-sm-8 {\n    order: 8;\n  }\n  .i360-app .order-sm-9 {\n    order: 9;\n  }\n  .i360-app .order-sm-10 {\n    order: 10;\n  }\n  .i360-app .order-sm-11 {\n    order: 11;\n  }\n  .i360-app .order-sm-12 {\n    order: 12;\n  }\n  .i360-app .offset-sm-0 {\n    margin-left: 0;\n  }\n  .i360-app .offset-sm-1 {\n    margin-left: 8.33333333%;\n  }\n  .i360-app .offset-sm-2 {\n    margin-left: 16.66666667%;\n  }\n  .i360-app .offset-sm-3 {\n    margin-left: 25%;\n  }\n  .i360-app .offset-sm-4 {\n    margin-left: 33.33333333%;\n  }\n  .i360-app .offset-sm-5 {\n    margin-left: 41.66666667%;\n  }\n  .i360-app .offset-sm-6 {\n    margin-left: 50%;\n  }\n  .i360-app .offset-sm-7 {\n    margin-left: 58.33333333%;\n  }\n  .i360-app .offset-sm-8 {\n    margin-left: 66.66666667%;\n  }\n  .i360-app .offset-sm-9 {\n    margin-left: 75%;\n  }\n  .i360-app .offset-sm-10 {\n    margin-left: 83.33333333%;\n  }\n  .i360-app .offset-sm-11 {\n    margin-left: 91.66666667%;\n  }\n}\n@media (min-width: 768px) {\n  .i360-app .col-md {\n    flex-basis: 0;\n    flex-grow: 1;\n    max-width: 100%;\n  }\n  .i360-app .row-cols-md-1 > * {\n    flex: 0 0 100%;\n    max-width: 100%;\n  }\n  .i360-app .row-cols-md-2 > * {\n    flex: 0 0 50%;\n    max-width: 50%;\n  }\n  .i360-app .row-cols-md-3 > * {\n    flex: 0 0 33.3333333333%;\n    max-width: 33.3333333333%;\n  }\n  .i360-app .row-cols-md-4 > * {\n    flex: 0 0 25%;\n    max-width: 25%;\n  }\n  .i360-app .row-cols-md-5 > * {\n    flex: 0 0 20%;\n    max-width: 20%;\n  }\n  .i360-app .row-cols-md-6 > * {\n    flex: 0 0 16.6666666667%;\n    max-width: 16.6666666667%;\n  }\n  .i360-app .col-md-auto {\n    flex: 0 0 auto;\n    width: auto;\n    max-width: 100%;\n  }\n  .i360-app .col-md-1 {\n    flex: 0 0 8.33333333%;\n    max-width: 8.33333333%;\n  }\n  .i360-app .col-md-2 {\n    flex: 0 0 16.66666667%;\n    max-width: 16.66666667%;\n  }\n  .i360-app .col-md-3 {\n    flex: 0 0 25%;\n    max-width: 25%;\n  }\n  .i360-app .col-md-4 {\n    flex: 0 0 33.33333333%;\n    max-width: 33.33333333%;\n  }\n  .i360-app .col-md-5 {\n    flex: 0 0 41.66666667%;\n    max-width: 41.66666667%;\n  }\n  .i360-app .col-md-6 {\n    flex: 0 0 50%;\n    max-width: 50%;\n  }\n  .i360-app .col-md-7 {\n    flex: 0 0 58.33333333%;\n    max-width: 58.33333333%;\n  }\n  .i360-app .col-md-8 {\n    flex: 0 0 66.66666667%;\n    max-width: 66.66666667%;\n  }\n  .i360-app .col-md-9 {\n    flex: 0 0 75%;\n    max-width: 75%;\n  }\n  .i360-app .col-md-10 {\n    flex: 0 0 83.33333333%;\n    max-width: 83.33333333%;\n  }\n  .i360-app .col-md-11 {\n    flex: 0 0 91.66666667%;\n    max-width: 91.66666667%;\n  }\n  .i360-app .col-md-12 {\n    flex: 0 0 100%;\n    max-width: 100%;\n  }\n  .i360-app .order-md-first {\n    order: -1;\n  }\n  .i360-app .order-md-last {\n    order: 13;\n  }\n  .i360-app .order-md-0 {\n    order: 0;\n  }\n  .i360-app .order-md-1 {\n    order: 1;\n  }\n  .i360-app .order-md-2 {\n    order: 2;\n  }\n  .i360-app .order-md-3 {\n    order: 3;\n  }\n  .i360-app .order-md-4 {\n    order: 4;\n  }\n  .i360-app .order-md-5 {\n    order: 5;\n  }\n  .i360-app .order-md-6 {\n    order: 6;\n  }\n  .i360-app .order-md-7 {\n    order: 7;\n  }\n  .i360-app .order-md-8 {\n    order: 8;\n  }\n  .i360-app .order-md-9 {\n    order: 9;\n  }\n  .i360-app .order-md-10 {\n    order: 10;\n  }\n  .i360-app .order-md-11 {\n    order: 11;\n  }\n  .i360-app .order-md-12 {\n    order: 12;\n  }\n  .i360-app .offset-md-0 {\n    margin-left: 0;\n  }\n  .i360-app .offset-md-1 {\n    margin-left: 8.33333333%;\n  }\n  .i360-app .offset-md-2 {\n    margin-left: 16.66666667%;\n  }\n  .i360-app .offset-md-3 {\n    margin-left: 25%;\n  }\n  .i360-app .offset-md-4 {\n    margin-left: 33.33333333%;\n  }\n  .i360-app .offset-md-5 {\n    margin-left: 41.66666667%;\n  }\n  .i360-app .offset-md-6 {\n    margin-left: 50%;\n  }\n  .i360-app .offset-md-7 {\n    margin-left: 58.33333333%;\n  }\n  .i360-app .offset-md-8 {\n    margin-left: 66.66666667%;\n  }\n  .i360-app .offset-md-9 {\n    margin-left: 75%;\n  }\n  .i360-app .offset-md-10 {\n    margin-left: 83.33333333%;\n  }\n  .i360-app .offset-md-11 {\n    margin-left: 91.66666667%;\n  }\n}\n@media (min-width: 992px) {\n  .i360-app .col-lg {\n    flex-basis: 0;\n    flex-grow: 1;\n    max-width: 100%;\n  }\n  .i360-app .row-cols-lg-1 > * {\n    flex: 0 0 100%;\n    max-width: 100%;\n  }\n  .i360-app .row-cols-lg-2 > * {\n    flex: 0 0 50%;\n    max-width: 50%;\n  }\n  .i360-app .row-cols-lg-3 > * {\n    flex: 0 0 33.3333333333%;\n    max-width: 33.3333333333%;\n  }\n  .i360-app .row-cols-lg-4 > * {\n    flex: 0 0 25%;\n    max-width: 25%;\n  }\n  .i360-app .row-cols-lg-5 > * {\n    flex: 0 0 20%;\n    max-width: 20%;\n  }\n  .i360-app .row-cols-lg-6 > * {\n    flex: 0 0 16.6666666667%;\n    max-width: 16.6666666667%;\n  }\n  .i360-app .col-lg-auto {\n    flex: 0 0 auto;\n    width: auto;\n    max-width: 100%;\n  }\n  .i360-app .col-lg-1 {\n    flex: 0 0 8.33333333%;\n    max-width: 8.33333333%;\n  }\n  .i360-app .col-lg-2 {\n    flex: 0 0 16.66666667%;\n    max-width: 16.66666667%;\n  }\n  .i360-app .col-lg-3 {\n    flex: 0 0 25%;\n    max-width: 25%;\n  }\n  .i360-app .col-lg-4 {\n    flex: 0 0 33.33333333%;\n    max-width: 33.33333333%;\n  }\n  .i360-app .col-lg-5 {\n    flex: 0 0 41.66666667%;\n    max-width: 41.66666667%;\n  }\n  .i360-app .col-lg-6 {\n    flex: 0 0 50%;\n    max-width: 50%;\n  }\n  .i360-app .col-lg-7 {\n    flex: 0 0 58.33333333%;\n    max-width: 58.33333333%;\n  }\n  .i360-app .col-lg-8 {\n    flex: 0 0 66.66666667%;\n    max-width: 66.66666667%;\n  }\n  .i360-app .col-lg-9 {\n    flex: 0 0 75%;\n    max-width: 75%;\n  }\n  .i360-app .col-lg-10 {\n    flex: 0 0 83.33333333%;\n    max-width: 83.33333333%;\n  }\n  .i360-app .col-lg-11 {\n    flex: 0 0 91.66666667%;\n    max-width: 91.66666667%;\n  }\n  .i360-app .col-lg-12 {\n    flex: 0 0 100%;\n    max-width: 100%;\n  }\n  .i360-app .order-lg-first {\n    order: -1;\n  }\n  .i360-app .order-lg-last {\n    order: 13;\n  }\n  .i360-app .order-lg-0 {\n    order: 0;\n  }\n  .i360-app .order-lg-1 {\n    order: 1;\n  }\n  .i360-app .order-lg-2 {\n    order: 2;\n  }\n  .i360-app .order-lg-3 {\n    order: 3;\n  }\n  .i360-app .order-lg-4 {\n    order: 4;\n  }\n  .i360-app .order-lg-5 {\n    order: 5;\n  }\n  .i360-app .order-lg-6 {\n    order: 6;\n  }\n  .i360-app .order-lg-7 {\n    order: 7;\n  }\n  .i360-app .order-lg-8 {\n    order: 8;\n  }\n  .i360-app .order-lg-9 {\n    order: 9;\n  }\n  .i360-app .order-lg-10 {\n    order: 10;\n  }\n  .i360-app .order-lg-11 {\n    order: 11;\n  }\n  .i360-app .order-lg-12 {\n    order: 12;\n  }\n  .i360-app .offset-lg-0 {\n    margin-left: 0;\n  }\n  .i360-app .offset-lg-1 {\n    margin-left: 8.33333333%;\n  }\n  .i360-app .offset-lg-2 {\n    margin-left: 16.66666667%;\n  }\n  .i360-app .offset-lg-3 {\n    margin-left: 25%;\n  }\n  .i360-app .offset-lg-4 {\n    margin-left: 33.33333333%;\n  }\n  .i360-app .offset-lg-5 {\n    margin-left: 41.66666667%;\n  }\n  .i360-app .offset-lg-6 {\n    margin-left: 50%;\n  }\n  .i360-app .offset-lg-7 {\n    margin-left: 58.33333333%;\n  }\n  .i360-app .offset-lg-8 {\n    margin-left: 66.66666667%;\n  }\n  .i360-app .offset-lg-9 {\n    margin-left: 75%;\n  }\n  .i360-app .offset-lg-10 {\n    margin-left: 83.33333333%;\n  }\n  .i360-app .offset-lg-11 {\n    margin-left: 91.66666667%;\n  }\n}\n@media (min-width: 1200px) {\n  .i360-app .col-xl {\n    flex-basis: 0;\n    flex-grow: 1;\n    max-width: 100%;\n  }\n  .i360-app .row-cols-xl-1 > * {\n    flex: 0 0 100%;\n    max-width: 100%;\n  }\n  .i360-app .row-cols-xl-2 > * {\n    flex: 0 0 50%;\n    max-width: 50%;\n  }\n  .i360-app .row-cols-xl-3 > * {\n    flex: 0 0 33.3333333333%;\n    max-width: 33.3333333333%;\n  }\n  .i360-app .row-cols-xl-4 > * {\n    flex: 0 0 25%;\n    max-width: 25%;\n  }\n  .i360-app .row-cols-xl-5 > * {\n    flex: 0 0 20%;\n    max-width: 20%;\n  }\n  .i360-app .row-cols-xl-6 > * {\n    flex: 0 0 16.6666666667%;\n    max-width: 16.6666666667%;\n  }\n  .i360-app .col-xl-auto {\n    flex: 0 0 auto;\n    width: auto;\n    max-width: 100%;\n  }\n  .i360-app .col-xl-1 {\n    flex: 0 0 8.33333333%;\n    max-width: 8.33333333%;\n  }\n  .i360-app .col-xl-2 {\n    flex: 0 0 16.66666667%;\n    max-width: 16.66666667%;\n  }\n  .i360-app .col-xl-3 {\n    flex: 0 0 25%;\n    max-width: 25%;\n  }\n  .i360-app .col-xl-4 {\n    flex: 0 0 33.33333333%;\n    max-width: 33.33333333%;\n  }\n  .i360-app .col-xl-5 {\n    flex: 0 0 41.66666667%;\n    max-width: 41.66666667%;\n  }\n  .i360-app .col-xl-6 {\n    flex: 0 0 50%;\n    max-width: 50%;\n  }\n  .i360-app .col-xl-7 {\n    flex: 0 0 58.33333333%;\n    max-width: 58.33333333%;\n  }\n  .i360-app .col-xl-8 {\n    flex: 0 0 66.66666667%;\n    max-width: 66.66666667%;\n  }\n  .i360-app .col-xl-9 {\n    flex: 0 0 75%;\n    max-width: 75%;\n  }\n  .i360-app .col-xl-10 {\n    flex: 0 0 83.33333333%;\n    max-width: 83.33333333%;\n  }\n  .i360-app .col-xl-11 {\n    flex: 0 0 91.66666667%;\n    max-width: 91.66666667%;\n  }\n  .i360-app .col-xl-12 {\n    flex: 0 0 100%;\n    max-width: 100%;\n  }\n  .i360-app .order-xl-first {\n    order: -1;\n  }\n  .i360-app .order-xl-last {\n    order: 13;\n  }\n  .i360-app .order-xl-0 {\n    order: 0;\n  }\n  .i360-app .order-xl-1 {\n    order: 1;\n  }\n  .i360-app .order-xl-2 {\n    order: 2;\n  }\n  .i360-app .order-xl-3 {\n    order: 3;\n  }\n  .i360-app .order-xl-4 {\n    order: 4;\n  }\n  .i360-app .order-xl-5 {\n    order: 5;\n  }\n  .i360-app .order-xl-6 {\n    order: 6;\n  }\n  .i360-app .order-xl-7 {\n    order: 7;\n  }\n  .i360-app .order-xl-8 {\n    order: 8;\n  }\n  .i360-app .order-xl-9 {\n    order: 9;\n  }\n  .i360-app .order-xl-10 {\n    order: 10;\n  }\n  .i360-app .order-xl-11 {\n    order: 11;\n  }\n  .i360-app .order-xl-12 {\n    order: 12;\n  }\n  .i360-app .offset-xl-0 {\n    margin-left: 0;\n  }\n  .i360-app .offset-xl-1 {\n    margin-left: 8.33333333%;\n  }\n  .i360-app .offset-xl-2 {\n    margin-left: 16.66666667%;\n  }\n  .i360-app .offset-xl-3 {\n    margin-left: 25%;\n  }\n  .i360-app .offset-xl-4 {\n    margin-left: 33.33333333%;\n  }\n  .i360-app .offset-xl-5 {\n    margin-left: 41.66666667%;\n  }\n  .i360-app .offset-xl-6 {\n    margin-left: 50%;\n  }\n  .i360-app .offset-xl-7 {\n    margin-left: 58.33333333%;\n  }\n  .i360-app .offset-xl-8 {\n    margin-left: 66.66666667%;\n  }\n  .i360-app .offset-xl-9 {\n    margin-left: 75%;\n  }\n  .i360-app .offset-xl-10 {\n    margin-left: 83.33333333%;\n  }\n  .i360-app .offset-xl-11 {\n    margin-left: 91.66666667%;\n  }\n}\n.i360-app #doctitle h1 img {\n  top: 0 !important;\n}\n.i360-app .error_block {\n  color: red;\n}\n.i360-app #doctitle {\n  display: none;\n}\n.i360-app .dropdown .dropdown-toggle {\n  background-color: #fafafa;\n  border: solid 1px #cecece;\n  border-radius: 2px;\n  outline: none;\n  color: #000;\n  font-size: 13px;\n  height: 32px;\n  line-height: 1;\n  transition: all 0.4s;\n  font-family: "Open Sans", sans-serif;\n}\n.ltr .i360-app .dropdown .dropdown-toggle {\n  margin-right: 3px;\n}\n.rtl .i360-app .dropdown .dropdown-toggle {\n  margin-left: 3px;\n}\n.i360-app .dropdown .dropdown-toggle::after {\n  font-size: 14px;\n  vertical-align: 0.2em;\n}\n.i360-app .dropdown .dropdown-toggle:hover {\n  background-color: #e7e7e7;\n}\n.i360-app .search_input, .i360-app .search_block input {\n  border-color: #d8d8d8 !important;\n  height: 32px !important;\n}\n.i360-app .b_dropdown-menu {\n  background-color: #ffffff;\n  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);\n  border-width: 0px;\n  border-radius: 0;\n  padding: 0;\n}\n.i360-app .b_dropdown-menu > li > a {\n  height: 35px;\n  font-size: 13px;\n  color: #4d4d4e;\n  line-height: 30px;\n  font-family: "Open Sans", sans-serif;\n}\n.ltr .i360-app .b_dropdown-menu > li > a {\n  text-align: left;\n}\n.rtl .i360-app .b_dropdown-menu > li > a {\n  text-align: right;\n}\n.ltr .i360-app .b_dropdown-menu > li > a {\n  padding-left: 40px;\n}\n.rtl .i360-app .b_dropdown-menu > li > a {\n  padding-right: 40px;\n}\n.i360-app .b_dropdown-menu > li > a:focus, .i360-app .b_dropdown-menu > li > a:hover,\n.i360-app .b_dropdown-menu > li.active > a, .i360-app .b_dropdown-menu > li.active > a:focus, .i360-app .b_dropdown-menu > li.active > a:hover {\n  color: #4d4d4e;\n  background-color: rgba(55, 171, 99, 0.11);\n}\n.i360-app .btn-filter {\n  height: 27px !important;\n  border-radius: 2px;\n  background-color: #e2f7e9;\n  border: solid 1px #cecece;\n  color: #000 !important;\n  font-size: 13px;\n  line-height: 32px;\n  transition: all 0.4s;\n  min-width: 120px;\n  font-family: "Open Sans", sans-serif;\n  padding: 0 10px;\n  position: relative;\n}\n.ltr .i360-app .btn-filter {\n  margin-right: 2px;\n}\n.rtl .i360-app .btn-filter {\n  margin-left: 2px;\n}\n.i360-app .btn-filter:hover {\n  background-color: #eff8f2;\n  border: solid 1px #cecece;\n  color: #000 !important;\n}\n.i360-app .dropdown .selected {\n  background-color: rgba(55, 171, 99, 0.11);\n}\n.i360-app .dropdown .selected::before {\n  content: "check";\n  opacity: 1;\n  color: #787878;\n  position: absolute;\n  padding-top: 2px;\n}\n.ltr .i360-app .dropdown .selected::before {\n  left: 8px;\n}\n.rtl .i360-app .dropdown .selected::before {\n  right: 8px;\n}\n.i360-app body .form-control {\n  border-radius: 2px;\n  background-color: #fff;\n  box-shadow: none;\n  border: solid 1px #d8d8d8;\n}\n.i360-app :not(.cl-field-input) > input:focus,\n.i360-app .form-control:focus {\n  box-shadow: inset 0 0 4px 0 #11cb84 !important;\n  border-color: #11cb84 !important;\n  background-color: #ffffff !important;\n}\n.i360-app select.form-control {\n  font-weight: bold;\n  font-size: 12px;\n  color: #5e5e5e;\n  font-family: "Open Sans", sans-serif;\n  outline: none;\n  box-shadow: none;\n  border-color: #d7d7d7;\n  border-radius: 2px;\n}\n.i360-app .form-control:focus {\n  border-color: #d7d7d7;\n  box-shadow: none;\n}\n.i360-app input.form-control {\n  color: #1d1d1d;\n  padding: 5px 7px;\n  box-shadow: none;\n}\n.i360-app .flexer {\n  list-style: none;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n}\n.i360-app table.table {\n  background-color: #f8f8f8;\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.17);\n  border-style: solid;\n  border-width: 1px;\n  border-image-source: linear-gradient(to bottom, #e8e5e5, #dcdcdc);\n  border-image-slice: 1;\n  border-spacing: 0;\n  border-collapse: collapse;\n}\n.i360-app table.table tr {\n  background-color: #ffffff;\n  border: solid 1px #dcdcdc;\n}\n.i360-app table.table tr, .i360-app .attributions-container table.table td {\n  height: 50px;\n}\n.i360-app .table > tr > th, .i360-app .table > tr > td {\n  font-size: 13px;\n  font-weight: normal;\n  font-style: normal;\n  font-stretch: normal;\n  padding: 15px 10px;\n  vertical-align: middle;\n}\n.ltr .i360-app .table > tr > th:first-child, .ltr .i360-app .table > tr > td:first-child {\n  padding-left: 37px;\n}\n.rtl .i360-app .table > tr > th:first-child, .rtl .i360-app .table > tr > td:first-child {\n  padding-right: 37px;\n}\n.i360-app .table td {\n  color: #535353;\n  font-family: "Open Sans", sans-serif;\n}\n.i360-app .table th {\n  color: #4e5665;\n  background-color: #f8f8f8;\n  vertical-align: middle;\n}\n.ltr .i360-app .table th {\n  text-align: left;\n}\n.rtl .i360-app .table th {\n  text-align: right;\n}\n.i360-app .b_btn {\n  position: relative;\n  height: 32px;\n  line-height: 1 !important;\n  padding: 0 15px;\n}\n.i360-app [hidden] {\n  display: none !important;\n}\n.i360-app .rotate90 {\n  /* IE 9 */\n  /* Safari */\n  transform: rotate(90deg);\n  opacity: 1;\n}\n.i360-app .rotate180 {\n  /* IE 9 */\n  /* Safari */\n  transform: rotate(180deg);\n  opacity: 1;\n}\n.i360-app .no_list {\n  color: #299aed;\n  border: solid 2px #fff;\n}\n.i360-app .white_list {\n  background-color: #ffffff;\n  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.27);\n  color: #4d4d4e;\n  border: solid 2px #fff;\n}\n.i360-app .gray_list {\n  background-color: #9f9f9f;\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.46);\n  border: solid 2px #9e9e9e;\n  color: #fff;\n}\n.i360-app .black_list {\n  background-color: #000000;\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.46);\n  border: solid 2px #000000;\n  color: #fff;\n}\n.i360-app .list-type-circle {\n  line-height: 14px;\n}\n.ltr .i360-app .list-type-circle {\n  padding-left: 22px;\n}\n.rtl .i360-app .list-type-circle {\n  padding-right: 22px;\n}\n.i360-app .list-type-circle:before {\n  content: "";\n  width: 14px;\n  height: 14px;\n  position: absolute;\n  border-radius: 100%;\n}\n.ltr .i360-app .list-type-circle:before {\n  margin-left: -22px;\n}\n.rtl .i360-app .list-type-circle:before {\n  margin-right: -22px;\n}\n.i360-app .list-type-white:before {\n  background-color: #ffffff;\n  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.27);\n}\n.i360-app .list-type-black:before {\n  background-color: #000;\n}\n.i360-app .list-type-gray:before {\n  background-color: #b5bbc1;\n}\n.i360-app .plus_ip {\n  color: #299aed;\n}\n.i360-app .time {\n  height: 18px;\n  font-size: 13px;\n  color: #404040;\n  margin-top: 16px;\n}\n.ltr .i360-app .time {\n  float: left;\n}\n.rtl .i360-app .time {\n  float: right;\n}\n.ltr .i360-app .time {\n  margin-left: 10px;\n}\n.rtl .i360-app .time {\n  margin-right: 10px;\n}\n.i360-app .country {\n  width: 20px;\n  height: 12px;\n  margin-top: 18px;\n}\n.ltr .i360-app .country {\n  float: right;\n}\n.rtl .i360-app .country {\n  float: left;\n}\n.ltr .i360-app .country {\n  margin-left: 26px;\n}\n.rtl .i360-app .country {\n  margin-right: 26px;\n}\n.i360-app .name {\n  font-size: 13px;\n  font-weight: 600;\n  color: #000000;\n  margin-top: 16px;\n}\n.i360-app .retries {\n  font-size: 13px;\n  color: #404040;\n  margin-top: 16px;\n}\n.ltr .i360-app .retries {\n  float: left;\n}\n.rtl .i360-app .retries {\n  float: right;\n}\n.ltr .i360-app .retries {\n  margin-left: 10px;\n}\n.rtl .i360-app .retries {\n  margin-right: 10px;\n}\n.i360-app .incident {\n  min-height: 50px;\n  /*     transition: all 0.s; */\n}\n.i360-app table.table tbody tr {\n  transition: background-color 0.3s;\n}\n.i360-app .collapsed:hover, .i360-app table.table tbody tr:hover {\n  background-color: #eff8f2;\n}\n.i360-app .clr {\n  clear: both;\n}\n.i360-app .additions {\n  margin-top: 8px;\n}\n.i360-app .description {\n  font-size: 13px;\n  line-height: 1.5;\n  color: #565656;\n  font-family: "Open Sans", sans-serif;\n}\n.i360-app .additions > div {\n  width: 150px;\n  margin-bottom: 3px;\n}\n.ltr .i360-app .additions > div {\n  float: left;\n}\n.rtl .i360-app .additions > div {\n  float: right;\n}\n.ltr .i360-app .additions > div {\n  text-align: left;\n}\n.rtl .i360-app .additions > div {\n  text-align: right;\n}\n.i360-app .addition_title {\n  font-size: 11px;\n  color: #828282;\n}\n.i360-app .addition_value {\n  opacity: 0.9;\n  font-size: 12px;\n  color: #1e1e1e;\n}\n.i360-app .main_info {\n  min-height: 50px;\n}\n.i360-app .table tr.selected td {\n  background-color: #eff8f2;\n}\n.i360-app .table > tbody > tr > td, .i360-app .table > tfoot > tr > td, .i360-app .table > thead > tr > td {\n  vertical-align: middle;\n}\n.i360-app app h1, .i360-app client-app h1, .i360-app h1.i360-title {\n  font-family: "Open Sans", sans-serif;\n  font-size: 22px;\n  font-weight: normal;\n  font-style: normal;\n  font-stretch: normal;\n  color: #1d1d1d;\n}\n.i360-app .flexbox {\n  display: flex;\n}\n.i360-app .flex_item {\n  padding: 10px;\n  /*     flex: 1 100%; */\n  flex-grow: 1;\n  flex-basis: 100%;\n}\n.i360-app .time_column {\n  flex-grow: 1;\n  flex-basis: 100%;\n}\n.i360-app .abuser_column {\n  flex-grow: 1;\n  flex-basis: 100%;\n}\n.i360-app .retries_column {\n  flex-grow: 1;\n  flex-basis: 100%;\n}\n.i360-app .name_column {\n  flex-grow: 1;\n  flex-basis: 100%;\n}\n.i360-app .actions_column {\n  flex-grow: 1;\n  flex-basis: 100%;\n}\n.i360-app .additions_row {\n  margin-left: 0;\n  margin-right: 0;\n  background-color: #f3fbfd;\n}\n.i360-app .no_result {\n  height: 88px;\n  line-height: 88px;\n  font-family: "Open Sans", sans-serif;\n  font-size: 16px;\n  color: #9e9e9e;\n  text-align: center;\n}\n@media all and (max-width: 1087px) {\n  .i360-app .incident .row > div {\n    padding: 5px;\n  }\n}\n@media all and (max-width: 1240px) {\n  .i360-app .retry_span {\n    display: none;\n  }\n}\n.i360-app img {\n  vertical-align: inherit !important;\n}\n.i360-app .modal-backdrop {\n  background: #4c4c4c;\n}\n.i360-app .modal-backdrop.in {\n  opacity: 0.55;\n}\n.i360-app textarea.underline-input,\n.i360-app input.underline-input[type=text],\n.i360-app input.underline-input[type=password] {\n  border-width: 0 0 2px 0;\n  border-style: solid;\n  border-color: #ccc;\n  width: 100%;\n  padding: 0;\n  font-size: 13px;\n  height: 42px;\n  color: #161616;\n  box-shadow: none !important;\n  outline: none;\n  background-color: transparent;\n}\n.i360-app textarea.underline-input:focus,\n.i360-app input.underline-input[type=text]:focus,\n.i360-app input.underline-input[type=password]:focus {\n  border-color: #11cb84;\n}\n.i360-app textarea.underline-input {\n  resize: none;\n  height: 87px;\n  min-height: 57px;\n  box-sizing: content-box;\n  transition: none;\n}\n.i360-app input[type=text] {\n  background-color: #ffffff;\n}\n.i360-app .i360-dashboard-link {\n  text-decoration: underline;\n  color: inherit;\n}\n.i360-app .i360-dashboard-link:hover, .i360-app .i360-dashboard-link:active {\n  text-decoration: underline;\n  color: inherit !important;\n}\n.i360-app .i360-logo {\n  width: 182px;\n  height: 47px;\n  position: relative;\n  margin: 0 14px;\n  display: block;\n}\n.i360-app .i360-logo .mat-icon {\n  width: auto;\n  height: auto;\n}\n.i360-app .i360-logo.imunifyav-logo {\n  width: 159px;\n}\n.i360-app .i360-logo.imunifyavplus-logo {\n  width: 170px;\n}\n.i360-app .material-icons, .i360-app .dropdown_list ul li.selected::before, .i360-app .dropdown_list ul li.active::before, .i360-app .dropdown .selected::before {\n  font-family: "Material Icons";\n  font-weight: normal;\n  font-style: normal;\n  font-size: 24px;\n  /* Preferred icon size */\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: "liga";\n}\n.i360-app .hoverable-button {\n  color: #535353;\n  cursor: pointer;\n  opacity: 0.5;\n  transition: all 0.3s;\n}\n.i360-app .hoverable-button:hover {\n  opacity: 1 !important;\n}\n.i360-app button.flat-button {\n  background: transparent;\n  border: 0;\n  border-radius: 2px;\n  color: #11cb84;\n  font-size: 15px;\n  height: 36px;\n  margin: 0 8px;\n  min-width: 88px;\n  outline: none;\n  padding: 0 8px;\n}\n.i360-app button.flat-button:focus, .i360-app button.flat-button:hover {\n  background-color: rgba(153, 153, 153, 0.2);\n}\n.i360-app button.flat-button:active {\n  background-color: rgba(153, 153, 153, 0.4);\n}\n.i360-app button.flat-button[disabled] {\n  color: rgba(0, 0, 0, 0.26);\n}\n.i360-app .incident .actions-wrapper {\n  margin-top: 16px;\n}\n.i360-app .flex-nowrap {\n  flex-wrap: nowrap;\n}\n.i360-app textarea[autosize] {\n  resize: none;\n  color: #161616;\n}\n.i360-app .filter_block {\n  display: flex;\n  flex-direction: column;\n}\n.i360-app .align-center {\n  align-items: center;\n}\n.i360-app .as_link {\n  cursor: pointer;\n}\n.i360-app .dropdown_list {\n  position: relative;\n}\n.i360-app .dropdown_list ul {\n  position: absolute;\n  list-style: none;\n  width: -webkit-fit-content;\n  width: -moz-fit-content;\n  width: fit-content;\n  white-space: nowrap;\n  background-color: #ffffff;\n  box-shadow: 0 2px 14px 0 #c2c2c2, 0 0 2px 0 #e0e0e0;\n  border: solid 1px #ffffff;\n  padding: 0;\n  top: 35px;\n  z-index: 99;\n}\n.ltr .i360-app .dropdown_list ul {\n  right: 0;\n}\n.rtl .i360-app .dropdown_list ul {\n  left: 0;\n}\n.i360-app .dropdown_list ul li {\n  font-family: "Open Sans", sans-serif;\n  font-size: 13px;\n  height: 35px;\n  line-height: 35px;\n  color: #4d4d4e;\n  cursor: pointer;\n  padding: 0 40px;\n}\n.ltr .i360-app .dropdown_list ul li {\n  text-align: left;\n}\n.rtl .i360-app .dropdown_list ul li {\n  text-align: right;\n}\n.i360-app .dropdown_list ul li:hover {\n  background-color: #e9f6ee;\n}\n.i360-app .dropdown_list ul li.selected, .i360-app .dropdown_list ul li.active {\n  background-color: rgba(55, 171, 99, 0.11);\n}\n.i360-app .dropdown_list ul li.selected::before, .i360-app .dropdown_list ul li.active::before {\n  content: "check";\n  opacity: 1;\n  color: #787878;\n  position: absolute;\n  padding-top: 4px;\n}\n.ltr .i360-app .dropdown_list ul li.selected::before, .ltr .i360-app .dropdown_list ul li.active::before {\n  left: 8px;\n}\n.rtl .i360-app .dropdown_list ul li.selected::before, .rtl .i360-app .dropdown_list ul li.active::before {\n  right: 8px;\n}\n.i360-app actions div.dropdown_list ul li {\n  padding: 0 20px;\n}\n.i360-app .dropdown .dropdown-menu {\n  position: absolute;\n  top: 100%;\n  background-color: #ffffff;\n  box-shadow: 0 2px 14px 0 #c2c2c2, 0 0 2px 0 #e0e0e0;\n  border-width: 0;\n  border-radius: 0;\n  padding: 0;\n}\n.ltr .i360-app .dropdown .dropdown-menu {\n  left: 0;\n}\n.rtl .i360-app .dropdown .dropdown-menu {\n  right: 0;\n}\n.i360-app .dropdown .dropdown-menu > li:hover {\n  cursor: pointer;\n}\n.i360-app .dropdown .dropdown-menu > li > a {\n  margin: 0;\n  height: 35px;\n  font-size: 13px;\n  color: #4d4d4e;\n  line-height: 30px;\n  box-sizing: border-box;\n  display: block;\n}\n.ltr .i360-app .dropdown .dropdown-menu > li > a {\n  padding: 3px 20px 5px 40px;\n}\n.rtl .i360-app .dropdown .dropdown-menu > li > a {\n  padding: 3px 40px 5px 20px;\n}\n.ltr .i360-app .dropdown .dropdown-menu > li > a {\n  text-align: left;\n}\n.rtl .i360-app .dropdown .dropdown-menu > li > a {\n  text-align: right;\n}\n.i360-app .dropdown .dropdown-menu > li > a:hover, .i360-app .dropdown .dropdown-menu > li > a:active {\n  background-color: #e9f6ee;\n  color: inherit;\n}\n.i360-app .dropdown.selector {\n  width: 100%;\n}\n.i360-app .dropdown.selector button {\n  color: #535353;\n}\n.ltr .i360-app .dropdown.selector button {\n  text-align: left;\n}\n.rtl .i360-app .dropdown.selector button {\n  text-align: right;\n}\n.ltr .i360-app .dropdown.selector button {\n  padding-left: 14px;\n}\n.rtl .i360-app .dropdown.selector button {\n  padding-right: 14px;\n}\n.ltr .i360-app .dropdown.selector button .dropup {\n  float: right;\n}\n.rtl .i360-app .dropdown.selector button .dropup {\n  float: left;\n}\n.i360-app .dropdown.selector button .dropup .caret.up {\n  margin-bottom: 8px;\n}\n.i360-app .dropdown.selector button .dropup .caret.down {\n  position: absolute;\n  border-top: 4px dashed;\n  border-bottom: 0;\n  bottom: 0;\n}\n.ltr .i360-app .dropdown.selector button .dropup .caret.down {\n  left: 0;\n}\n.rtl .i360-app .dropdown.selector button .dropup .caret.down {\n  right: 0;\n}\n.i360-app .typeahead .dropdown-menu {\n  display: table;\n}\n.i360-app .typeahead .dropdown-menu li > a {\n  padding: 7px 0;\n  line-height: 20px;\n}\n.i360-app .typeahead .dropdown-menu .active > a {\n  background-color: #e9f6ee;\n}\n.i360-app .table > tbody > tr > td, .i360-app .table > tbody > tr > th, .i360-app .table > thead > tr > td, .i360-app .table > thead > tr > th {\n  vertical-align: middle;\n}\n.i360-app .table > tbody > tr > td.i360-vertical-align-top, .i360-app .table > tbody > tr > th.i360-vertical-align-top, .i360-app .table > thead > tr > td.i360-vertical-align-top, .i360-app .table > thead > tr > th.i360-vertical-align-top {\n  vertical-align: top;\n}\n.i360-app .btn-link {\n  padding: 0;\n  color: #11cb84;\n}\n.i360-app .btn-link:hover, .i360-app .btn-link:focus, .i360-app .btn-link:active {\n  color: #257142;\n  outline: none;\n  text-decoration: none;\n}\n.i360-app .modal-backdrop.in {\n  opacity: 0.4;\n}\n.i360-app .form-control {\n  border-radius: 2px;\n  background-color: #ffffff;\n  border: solid 1px #d8d8d8;\n  width: 100%;\n}\n.i360-app .form-control:focus-visible {\n  outline: none;\n}\n.i360-app .flexer {\n  flex-direction: row;\n}\n.i360-app .flexer.justify-beetween {\n  justify-content: space-between;\n}\n.i360-app ::-webkit-scrollbar {\n  width: 13px;\n}\n.i360-app ::-webkit-scrollbar-thumb {\n  border-width: 1px;\n  background-color: #53b076;\n}\n.i360-app ::-webkit-scrollbar-track {\n  background-color: #e1f0e7;\n}\n.i360-app ::-webkit-scrollbar-track:hover {\n  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.13), 0 0 6px 0 rgba(0, 0, 0, 0.12);\n}\n.i360-app mat-slide-toggle .mat-slide-toggle-thumb-container {\n  width: 18px;\n  height: 18px;\n  top: 2px;\n  transform: translate3d(2px, 0, 0);\n}\n.i360-app mat-slide-toggle.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container {\n  transform: translate3d(26px, 0, 0);\n}\n.rtl .i360-app mat-slide-toggle.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container {\n  transform: translate3d(-26px, 0, 0);\n}\n.i360-app mat-slide-toggle .mat-slide-toggle-bar {\n  width: 46px;\n  height: 22px;\n  display: flex;\n  align-items: center;\n  border-radius: 12px;\n}\n.i360-app mat-slide-toggle.mat-slide-toggle.mat-checked .mat-slide-toggle-bar::before {\n  opacity: 0.62;\n  font-size: 10px;\n  font-weight: 600;\n  letter-spacing: -0.1px;\n  content: "on";\n  position: absolute;\n}\n.ltr .i360-app mat-slide-toggle.mat-slide-toggle.mat-checked .mat-slide-toggle-bar::before {\n  right: 24px;\n}\n.rtl .i360-app mat-slide-toggle.mat-slide-toggle.mat-checked .mat-slide-toggle-bar::before {\n  left: 24px;\n}\n.i360-app mat-slide-toggle.mat-slide-toggle:not(.mat-checked) .mat-slide-toggle-bar::after {\n  opacity: 0.62;\n  font-size: 10px;\n  font-weight: 600;\n  letter-spacing: -0.1px;\n  content: "off";\n  position: absolute;\n}\n.ltr .i360-app mat-slide-toggle.mat-slide-toggle:not(.mat-checked) .mat-slide-toggle-bar::after {\n  left: 24px;\n}\n.rtl .i360-app mat-slide-toggle.mat-slide-toggle:not(.mat-checked) .mat-slide-toggle-bar::after {\n  right: 24px;\n}\n.i360-app mat-slide-toggle .mat-slide-toggle-thumb {\n  height: 18px;\n  width: 18px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.ltr .i360-app mat-slide-toggle .mat-slide-toggle-input {\n  left: 9px;\n}\n.rtl .i360-app mat-slide-toggle .mat-slide-toggle-input {\n  right: 9px;\n}\n.mat-slide-toggle.cdk-keyboard-focused .cdk-high-contrast-active .i360-app mat-slide-toggle .mat-slide-toggle-bar {\n  outline-offset: 1px;\n}\n.mat-slide-toggle.cdk-keyboard-focused .cdk-high-contrast-active :host .i360-app mat-slide-toggle .mat-slide-toggle-bar {\n  outline-offset: 1px;\n}\n.i360-app mat-slide-toggle .mat-ripple-element.mat-slide-toggle-persistent-ripple {\n  transform: none;\n}\n.i360-app mat-checkbox .mat-checkbox-frame {\n  border-width: 1px;\n}\n.i360-app mat-checkbox .mat-ripple-element.mat-checkbox-persistent-ripple {\n  transform: none;\n}\n.i360-app mat-radio-button .mat-radio-inner-circle,\n.i360-app mat-radio-button .mat-radio-outer-circle,\n.i360-app mat-radio-button .mat-radio-container {\n  height: 16px;\n  width: 16px;\n}\n.i360-app mat-radio-button .mat-radio-outer-circle {\n  border-width: 1px;\n}\n.i360-app mat-radio-button.mat-radio-checked .mat-radio-inner-circle {\n  transform: scale(0.375);\n}\n.i360-app mat-radio-button .mat-ripple-element.mat-radio-persistent-ripple {\n  transform: none;\n}\n.i360-app .mat-badge-content {\n  font-weight: 600;\n  font-size: 12px;\n  font-family: \'Open Sans\', sans-serif;\n}\n.i360-app .mat-badge-small .mat-badge-content {\n  font-size: 9px;\n}\n.i360-app .mat-badge-large .mat-badge-content {\n  font-size: 24px;\n}\n.i360-app .mat-h1, .i360-app .mat-headline, .i360-app .mat-typography h1 {\n  font: 400 24px/32px \'Open Sans\', sans-serif;\n  letter-spacing: normal;\n  margin: 0 0 16px;\n}\n.i360-app .mat-h2, .i360-app .mat-title, .i360-app .mat-typography h2 {\n  font: 500 20px/32px \'Open Sans\', sans-serif;\n  letter-spacing: normal;\n  margin: 0 0 16px;\n}\n.i360-app .mat-h3, .i360-app .mat-subheading-2, .i360-app .mat-typography h3 {\n  font: 400 16px/28px \'Open Sans\', sans-serif;\n  letter-spacing: normal;\n  margin: 0 0 16px;\n}\n.i360-app .mat-h4, .i360-app .mat-subheading-1, .i360-app .mat-typography h4 {\n  font: 400 15px/24px \'Open Sans\', sans-serif;\n  letter-spacing: normal;\n  margin: 0 0 16px;\n}\n.i360-app .mat-h5, .i360-app .mat-typography h5 {\n  font: 400 calc(14px * 0.83)/20px \'Open Sans\', sans-serif;\n  margin: 0 0 12px;\n}\n.i360-app .mat-h6, .i360-app .mat-typography h6 {\n  font: 400 calc(14px * 0.67)/20px \'Open Sans\', sans-serif;\n  margin: 0 0 12px;\n}\n.i360-app .mat-body-strong, .i360-app .mat-body-2 {\n  font: 500 14px/24px \'Open Sans\', sans-serif;\n  letter-spacing: normal;\n}\n.i360-app .mat-body, .i360-app .mat-body-1, .i360-app .mat-typography {\n  font: 400 14px/20px \'Open Sans\', sans-serif;\n  letter-spacing: normal;\n}\n.i360-app .mat-body p, .i360-app .mat-body-1 p, .i360-app .mat-typography p {\n  margin: 0 0 12px;\n}\n.i360-app .mat-small, .i360-app .mat-caption {\n  font: 400 12px/20px \'Open Sans\', sans-serif;\n  letter-spacing: normal;\n}\n.i360-app .mat-display-4, .i360-app .mat-typography .mat-display-4 {\n  font: 300 112px/112px \'Open Sans\', sans-serif;\n  letter-spacing: -0.05em;\n  margin: 0 0 56px;\n}\n.i360-app .mat-display-3, .i360-app .mat-typography .mat-display-3 {\n  font: 400 56px/56px \'Open Sans\', sans-serif;\n  letter-spacing: -0.02em;\n  margin: 0 0 64px;\n}\n.i360-app .mat-display-2, .i360-app .mat-typography .mat-display-2 {\n  font: 400 45px/48px \'Open Sans\', sans-serif;\n  letter-spacing: -0.005em;\n  margin: 0 0 64px;\n}\n.i360-app .mat-display-1, .i360-app .mat-typography .mat-display-1 {\n  font: 400 34px/40px \'Open Sans\', sans-serif;\n  letter-spacing: normal;\n  margin: 0 0 64px;\n}\n.i360-app .mat-bottom-sheet-container {\n  font: 400 14px/20px \'Open Sans\', sans-serif;\n  letter-spacing: normal;\n}\n.i360-app .mat-button, .i360-app .mat-raised-button, .i360-app .mat-icon-button, .i360-app .mat-stroked-button,\n.i360-app .mat-flat-button, .i360-app .mat-fab, .i360-app .mat-mini-fab {\n  font-family: \'Open Sans\', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n}\n.i360-app .mat-button-toggle {\n  font-family: \'Open Sans\', sans-serif;\n}\n.i360-app .mat-card {\n  font-family: \'Open Sans\', sans-serif;\n}\n.i360-app .mat-card-title {\n  font-size: 24px;\n  font-weight: 500;\n}\n.i360-app .mat-card-header .mat-card-title {\n  font-size: 20px;\n}\n.i360-app .mat-card-subtitle,\n.i360-app .mat-card-content {\n  font-size: 14px;\n}\n.i360-app .mat-checkbox {\n  font-family: \'Open Sans\', sans-serif;\n}\n.i360-app .mat-checkbox-layout .mat-checkbox-label {\n  line-height: 24px;\n}\n.i360-app .mat-chip {\n  font-size: 14px;\n  font-weight: 500;\n}\n.i360-app .mat-chip .mat-chip-trailing-icon.mat-icon,\n.i360-app .mat-chip .mat-chip-remove.mat-icon {\n  font-size: 18px;\n}\n.i360-app .mat-table {\n  font-family: \'Open Sans\', sans-serif;\n}\n.i360-app .mat-header-cell {\n  font-size: 12px;\n  font-weight: 500;\n}\n.i360-app .mat-cell, .i360-app .mat-footer-cell {\n  font-size: 14px;\n}\n.i360-app .mat-calendar {\n  font-family: \'Open Sans\', sans-serif;\n}\n.i360-app .mat-calendar-body {\n  font-size: 13px;\n}\n.i360-app .mat-calendar-body-label,\n.i360-app .mat-calendar-period-button {\n  font-size: 14px;\n  font-weight: 500;\n}\n.i360-app .mat-calendar-table-header th {\n  font-size: 11px;\n  font-weight: 400;\n}\n.i360-app .mat-dialog-title {\n  font: 500 20px/32px \'Open Sans\', sans-serif;\n  letter-spacing: normal;\n}\n.i360-app .mat-expansion-panel-header {\n  font-family: \'Open Sans\', sans-serif;\n  font-size: 15px;\n  font-weight: 400;\n}\n.i360-app .mat-expansion-panel-content {\n  font: 400 14px/20px \'Open Sans\', sans-serif;\n  letter-spacing: normal;\n}\n.i360-app .mat-form-field {\n  font-size: inherit;\n  font-weight: 400;\n  line-height: 1.125;\n  font-family: \'Open Sans\', sans-serif;\n  letter-spacing: normal;\n}\n.i360-app .mat-form-field-wrapper {\n  padding-bottom: 1.34375em;\n}\n.i360-app .mat-form-field-prefix .mat-icon,\n.i360-app .mat-form-field-suffix .mat-icon {\n  font-size: 150%;\n  line-height: 1.125;\n}\n.i360-app .mat-form-field-prefix .mat-icon-button,\n.i360-app .mat-form-field-suffix .mat-icon-button {\n  height: 1.5em;\n  width: 1.5em;\n}\n.i360-app .mat-form-field-prefix .mat-icon-button .mat-icon,\n.i360-app .mat-form-field-suffix .mat-icon-button .mat-icon {\n  height: 1.125em;\n  line-height: 1.125;\n}\n.i360-app .mat-form-field-infix {\n  padding: 0.5em 0;\n  border-top: 0.84375em solid transparent;\n}\n.i360-app .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,\n.i360-app .mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\n  transform: translateY(-1.34375em) scale(0.75);\n  width: 133.3333333333%;\n}\n.i360-app .mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {\n  transform: translateY(-1.34375em) scale(0.75);\n  width: 133.3333333333%;\n}\n.i360-app .mat-form-field-label-wrapper {\n  top: -0.84375em;\n  padding-top: 0.84375em;\n}\n.i360-app .mat-form-field-label {\n  top: 1.34375em;\n}\n.i360-app .mat-form-field-underline {\n  bottom: 1.34375em;\n}\n.i360-app .mat-form-field-subscript-wrapper {\n  font-size: 75%;\n  margin-top: 0.6666666667em;\n  top: calc(100% - 1.7916666667em);\n}\n.i360-app .mat-form-field-appearance-legacy .mat-form-field-wrapper {\n  padding-bottom: 1.25em;\n}\n.i360-app .mat-form-field-appearance-legacy .mat-form-field-infix {\n  padding: 0.4375em 0;\n}\n.i360-app .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,\n.i360-app .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\n  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);\n  -ms-transform: translateY(-1.28125em) scale(0.75);\n  width: 133.3333333333%;\n}\n.i360-app .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {\n  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);\n  -ms-transform: translateY(-1.28125em) scale(0.75);\n  width: 133.3333333333%;\n}\n.i360-app .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {\n  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);\n  -ms-transform: translateY(-1.28125em) scale(0.75);\n  width: 133.3333333333%;\n}\n.i360-app .mat-form-field-appearance-legacy .mat-form-field-label {\n  top: 1.28125em;\n}\n.i360-app .mat-form-field-appearance-legacy .mat-form-field-underline {\n  bottom: 1.25em;\n}\n.i360-app .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {\n  margin-top: 0.5416666667em;\n  top: calc(100% - 1.6666666667em);\n}\n@media print {\n  .i360-app .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,\n.i360-app .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\n    transform: translateY(-1.28125em) scale(0.75);\n  }\n  .i360-app .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {\n    transform: translateY(-1.28125em) scale(0.75);\n  }\n  .i360-app .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {\n    transform: translateY(-1.28125em) scale(0.75);\n  }\n}\n.i360-app .mat-form-field-appearance-fill .mat-form-field-infix {\n  padding: 0.25em 0 0.75em 0;\n}\n.i360-app .mat-form-field-appearance-fill .mat-form-field-label {\n  top: 1.09375em;\n  margin-top: -0.5em;\n}\n.i360-app .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,\n.i360-app .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\n  transform: translateY(-0.59375em) scale(0.75);\n  width: 133.3333333333%;\n}\n.i360-app .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {\n  transform: translateY(-0.59375em) scale(0.75);\n  width: 133.3333333333%;\n}\n.i360-app .mat-form-field-appearance-outline .mat-form-field-infix {\n  padding: 1em 0 1em 0;\n}\n.i360-app .mat-form-field-appearance-outline .mat-form-field-label {\n  top: 1.84375em;\n  margin-top: -0.25em;\n}\n.i360-app .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,\n.i360-app .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\n  transform: translateY(-1.59375em) scale(0.75);\n  width: 133.3333333333%;\n}\n.i360-app .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {\n  transform: translateY(-1.59375em) scale(0.75);\n  width: 133.3333333333%;\n}\n.i360-app .mat-grid-tile-header,\n.i360-app .mat-grid-tile-footer {\n  font-size: 14px;\n}\n.i360-app .mat-grid-tile-header .mat-line,\n.i360-app .mat-grid-tile-footer .mat-line {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: block;\n  box-sizing: border-box;\n}\n.i360-app .mat-grid-tile-header .mat-line:nth-child(n+2),\n.i360-app .mat-grid-tile-footer .mat-line:nth-child(n+2) {\n  font-size: 12px;\n}\n.i360-app input.mat-input-element {\n  margin-top: -0.0625em;\n}\n.i360-app .mat-menu-item {\n  font-family: \'Open Sans\', sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n}\n.i360-app .mat-paginator,\n.i360-app .mat-paginator-page-size .mat-select-trigger {\n  font-family: \'Open Sans\', sans-serif;\n  font-size: 12px;\n}\n.i360-app .mat-radio-button {\n  font-family: \'Open Sans\', sans-serif;\n}\n.i360-app .mat-select {\n  font-family: \'Open Sans\', sans-serif;\n}\n.i360-app .mat-select-trigger {\n  height: 1.125em;\n}\n.i360-app .mat-slide-toggle-content {\n  font-family: \'Open Sans\', sans-serif;\n}\n.i360-app .mat-slider-thumb-label-text {\n  font-family: \'Open Sans\', sans-serif;\n  font-size: 12px;\n  font-weight: 500;\n}\n.i360-app .mat-stepper-vertical, .i360-app .mat-stepper-horizontal {\n  font-family: \'Open Sans\', sans-serif;\n}\n.i360-app .mat-step-label {\n  font-size: 14px;\n  font-weight: 400;\n}\n.i360-app .mat-step-sub-label-error {\n  font-weight: normal;\n}\n.i360-app .mat-step-label-error {\n  font-size: 14px;\n}\n.i360-app .mat-step-label-selected {\n  font-size: 14px;\n  font-weight: 500;\n}\n.i360-app .mat-tab-group {\n  font-family: \'Open Sans\', sans-serif;\n}\n.i360-app .mat-tab-label, .i360-app .mat-tab-link {\n  font-family: \'Open Sans\', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n}\n.i360-app .mat-toolbar,\n.i360-app .mat-toolbar h1,\n.i360-app .mat-toolbar h2,\n.i360-app .mat-toolbar h3,\n.i360-app .mat-toolbar h4,\n.i360-app .mat-toolbar h5,\n.i360-app .mat-toolbar h6 {\n  font: 500 20px/32px \'Open Sans\', sans-serif;\n  letter-spacing: normal;\n  margin: 0;\n}\n.i360-app .mat-tooltip {\n  font-family: \'Open Sans\', sans-serif;\n  font-size: 10px;\n  padding-top: 6px;\n  padding-bottom: 6px;\n}\n.i360-app .mat-tooltip-handset {\n  font-size: 14px;\n  padding-top: 8px;\n  padding-bottom: 8px;\n}\n.i360-app .mat-list-item {\n  font-family: \'Open Sans\', sans-serif;\n}\n.i360-app .mat-list-option {\n  font-family: \'Open Sans\', sans-serif;\n}\n.i360-app .mat-list-base .mat-list-item {\n  font-size: 16px;\n}\n.i360-app .mat-list-base .mat-list-item .mat-line {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: block;\n  box-sizing: border-box;\n}\n.i360-app .mat-list-base .mat-list-item .mat-line:nth-child(n+2) {\n  font-size: 14px;\n}\n.i360-app .mat-list-base .mat-list-option {\n  font-size: 16px;\n}\n.i360-app .mat-list-base .mat-list-option .mat-line {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: block;\n  box-sizing: border-box;\n}\n.i360-app .mat-list-base .mat-list-option .mat-line:nth-child(n+2) {\n  font-size: 14px;\n}\n.i360-app .mat-list-base .mat-subheader {\n  font-family: \'Open Sans\', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n}\n.i360-app .mat-list-base[dense] .mat-list-item {\n  font-size: 12px;\n}\n.i360-app .mat-list-base[dense] .mat-list-item .mat-line {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: block;\n  box-sizing: border-box;\n}\n.i360-app .mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {\n  font-size: 12px;\n}\n.i360-app .mat-list-base[dense] .mat-list-option {\n  font-size: 12px;\n}\n.i360-app .mat-list-base[dense] .mat-list-option .mat-line {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: block;\n  box-sizing: border-box;\n}\n.i360-app .mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {\n  font-size: 12px;\n}\n.i360-app .mat-list-base[dense] .mat-subheader {\n  font-family: \'Open Sans\', sans-serif;\n  font-size: 12px;\n  font-weight: 500;\n}\n.i360-app .mat-option {\n  font-family: \'Open Sans\', sans-serif;\n  font-size: 16px;\n}\n.i360-app .mat-optgroup-label {\n  font: 500 14px/24px \'Open Sans\', sans-serif;\n  letter-spacing: normal;\n}\n.i360-app .mat-simple-snackbar {\n  font-family: \'Open Sans\', sans-serif;\n  font-size: 14px;\n}\n.i360-app .mat-simple-snackbar-action {\n  line-height: 1;\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: 500;\n}\n.i360-app .mat-tree {\n  font-family: \'Open Sans\', sans-serif;\n}\n.i360-app .mat-tree-node,\n.i360-app .mat-nested-tree-node {\n  font-weight: 400;\n  font-size: 14px;\n}\n.i360-app .mat-ripple {\n  overflow: hidden;\n  position: relative;\n}\n.i360-app .mat-ripple:not(:empty) {\n  transform: translateZ(0);\n}\n.i360-app .mat-ripple.mat-ripple-unbounded {\n  overflow: visible;\n}\n.i360-app .mat-ripple-element {\n  position: absolute;\n  border-radius: 50%;\n  pointer-events: none;\n  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);\n  transform: scale(0);\n}\n.cdk-high-contrast-active .i360-app .mat-ripple-element {\n  display: none;\n}\n.i360-app .cdk-visually-hidden {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n  white-space: nowrap;\n  outline: 0;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n}\n.i360-app .cdk-overlay-container, .i360-app .cdk-global-overlay-wrapper {\n  pointer-events: none;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.i360-app .cdk-overlay-container {\n  position: fixed;\n  z-index: 1000;\n}\n.i360-app .cdk-overlay-container:empty {\n  display: none;\n}\n.i360-app .cdk-global-overlay-wrapper {\n  display: flex;\n  position: absolute;\n  z-index: 1000;\n}\n.i360-app .cdk-overlay-pane {\n  position: absolute;\n  pointer-events: auto;\n  box-sizing: border-box;\n  z-index: 1000;\n  display: flex;\n  max-width: 100%;\n  max-height: 100%;\n}\n.i360-app .cdk-overlay-backdrop {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1000;\n  pointer-events: auto;\n  -webkit-tap-highlight-color: transparent;\n  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n  opacity: 0;\n}\n.i360-app .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {\n  opacity: 1;\n}\n.cdk-high-contrast-active .i360-app .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {\n  opacity: 0.6;\n}\n.i360-app .cdk-overlay-dark-backdrop {\n  background: rgba(0, 0, 0, 0.32);\n}\n.i360-app .cdk-overlay-transparent-backdrop, .i360-app .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {\n  opacity: 0;\n}\n.i360-app .cdk-overlay-connected-position-bounding-box {\n  position: absolute;\n  z-index: 1000;\n  display: flex;\n  flex-direction: column;\n  min-width: 1px;\n  min-height: 1px;\n}\n.i360-app .cdk-global-scrollblock {\n  position: fixed;\n  width: 100%;\n  overflow-y: scroll;\n}\n@-webkit-keyframes cdk-text-field-autofill-start {\n  /*!*/\n}\n@keyframes cdk-text-field-autofill-start {\n  /*!*/\n}\n@-webkit-keyframes cdk-text-field-autofill-end {\n  /*!*/\n}\n@keyframes cdk-text-field-autofill-end {\n  /*!*/\n}\n.i360-app .cdk-text-field-autofill-monitored:-webkit-autofill {\n  -webkit-animation: cdk-text-field-autofill-start 0s 1ms;\n          animation: cdk-text-field-autofill-start 0s 1ms;\n}\n.i360-app .cdk-text-field-autofill-monitored:not(:-webkit-autofill) {\n  -webkit-animation: cdk-text-field-autofill-end 0s 1ms;\n          animation: cdk-text-field-autofill-end 0s 1ms;\n}\n.i360-app textarea.cdk-textarea-autosize {\n  resize: none;\n}\n.i360-app textarea.cdk-textarea-autosize-measuring {\n  padding: 2px 0 !important;\n  box-sizing: content-box !important;\n  height: auto !important;\n  overflow: hidden !important;\n}\n.i360-app textarea.cdk-textarea-autosize-measuring-firefox {\n  padding: 2px 0 !important;\n  box-sizing: content-box !important;\n  height: 0 !important;\n}\n.i360-app .mat-focus-indicator {\n  position: relative;\n}\n.i360-app .mat-mdc-focus-indicator {\n  position: relative;\n}\n.i360-app .mat-ripple-element {\n  background-color: rgba(0, 0, 0, 0.1);\n}\n.i360-app .mat-option {\n  color: rgba(0, 0, 0, 0.87);\n}\n.i360-app .mat-option:hover:not(.mat-option-disabled), .i360-app .mat-option:focus:not(.mat-option-disabled) {\n  background: rgba(0, 0, 0, 0.04);\n}\n.i360-app .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {\n  background: rgba(0, 0, 0, 0.04);\n}\n.i360-app .mat-option.mat-active {\n  background: rgba(0, 0, 0, 0.04);\n  color: rgba(0, 0, 0, 0.87);\n}\n.i360-app .mat-option.mat-option-disabled {\n  color: rgba(0, 0, 0, 0.38);\n}\n.i360-app .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {\n  color: #11cb84;\n}\n.i360-app .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {\n  color: #f77c00;\n}\n.i360-app .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {\n  color: #ea7474;\n}\n.i360-app .mat-optgroup-label {\n  color: rgba(0, 0, 0, 0.54);\n}\n.i360-app .mat-optgroup-disabled .mat-optgroup-label {\n  color: rgba(0, 0, 0, 0.38);\n}\n.i360-app .mat-pseudo-checkbox {\n  color: rgba(0, 0, 0, 0.54);\n}\n.i360-app .mat-pseudo-checkbox::after {\n  color: #fafafa;\n}\n.i360-app .mat-pseudo-checkbox-disabled {\n  color: #b0b0b0;\n}\n.i360-app .mat-primary .mat-pseudo-checkbox-checked,\n.i360-app .mat-primary .mat-pseudo-checkbox-indeterminate {\n  background: #11cb84;\n}\n.i360-app .mat-pseudo-checkbox-checked,\n.i360-app .mat-pseudo-checkbox-indeterminate,\n.i360-app .mat-accent .mat-pseudo-checkbox-checked,\n.i360-app .mat-accent .mat-pseudo-checkbox-indeterminate {\n  background: #f77c00;\n}\n.i360-app .mat-warn .mat-pseudo-checkbox-checked,\n.i360-app .mat-warn .mat-pseudo-checkbox-indeterminate {\n  background: #ea7474;\n}\n.i360-app .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,\n.i360-app .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {\n  background: #b0b0b0;\n}\n.i360-app .mat-app-background, .i360-app.mat-app-background {\n  background-color: #fafafa;\n  color: rgba(0, 0, 0, 0.87);\n}\n.i360-app .mat-elevation-z0 {\n  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-elevation-z1 {\n  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-elevation-z2 {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-elevation-z3 {\n  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-elevation-z4 {\n  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-elevation-z5 {\n  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-elevation-z6 {\n  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-elevation-z7 {\n  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-elevation-z8 {\n  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-elevation-z9 {\n  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-elevation-z10 {\n  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-elevation-z11 {\n  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-elevation-z12 {\n  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-elevation-z13 {\n  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-elevation-z14 {\n  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-elevation-z15 {\n  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-elevation-z16 {\n  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-elevation-z17 {\n  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-elevation-z18 {\n  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-elevation-z19 {\n  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-elevation-z20 {\n  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-elevation-z21 {\n  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-elevation-z22 {\n  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-elevation-z23 {\n  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-elevation-z24 {\n  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);\n}\n.mat-theme-loaded-marker {\n  display: none;\n}\n.i360-app .mat-autocomplete-panel {\n  background: white;\n  color: rgba(0, 0, 0, 0.87);\n}\n.i360-app .mat-autocomplete-panel:not([class*=mat-elevation-z]) {\n  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {\n  background: white;\n}\n.i360-app .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {\n  color: rgba(0, 0, 0, 0.87);\n}\n.i360-app .mat-badge-content {\n  color: white;\n  background: #11cb84;\n}\n.cdk-high-contrast-active .i360-app .mat-badge-content {\n  outline: solid 1px;\n  border-radius: 0;\n}\n.i360-app .mat-badge-accent .mat-badge-content {\n  background: #f77c00;\n  color: white;\n}\n.i360-app .mat-badge-warn .mat-badge-content {\n  color: white;\n  background: #ea7474;\n}\n.i360-app .mat-badge {\n  position: relative;\n}\n.i360-app .mat-badge-hidden .mat-badge-content {\n  display: none;\n}\n.i360-app .mat-badge-disabled .mat-badge-content {\n  background: #b9b9b9;\n  color: rgba(0, 0, 0, 0.38);\n}\n.i360-app .mat-badge-content {\n  position: absolute;\n  text-align: center;\n  display: inline-block;\n  border-radius: 50%;\n  transition: transform 200ms ease-in-out;\n  transform: scale(0.6);\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  pointer-events: none;\n}\n.i360-app .ng-animate-disabled .mat-badge-content,\n.i360-app .mat-badge-content._mat-animation-noopable {\n  transition: none;\n}\n.i360-app .mat-badge-content.mat-badge-active {\n  transform: none;\n}\n.i360-app .mat-badge-small .mat-badge-content {\n  width: 16px;\n  height: 16px;\n  line-height: 16px;\n}\n.i360-app .mat-badge-small.mat-badge-above .mat-badge-content {\n  top: -8px;\n}\n.i360-app .mat-badge-small.mat-badge-below .mat-badge-content {\n  bottom: -8px;\n}\n.i360-app .mat-badge-small.mat-badge-before .mat-badge-content {\n  left: -16px;\n}\n[dir=rtl] .i360-app .mat-badge-small.mat-badge-before .mat-badge-content {\n  left: auto;\n  right: -16px;\n}\n.i360-app .mat-badge-small.mat-badge-after .mat-badge-content {\n  right: -16px;\n}\n[dir=rtl] .i360-app .mat-badge-small.mat-badge-after .mat-badge-content {\n  right: auto;\n  left: -16px;\n}\n.i360-app .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {\n  left: -8px;\n}\n[dir=rtl] .i360-app .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {\n  left: auto;\n  right: -8px;\n}\n.i360-app .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {\n  right: -8px;\n}\n[dir=rtl] .i360-app .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {\n  right: auto;\n  left: -8px;\n}\n.i360-app .mat-badge-medium .mat-badge-content {\n  width: 22px;\n  height: 22px;\n  line-height: 22px;\n}\n.i360-app .mat-badge-medium.mat-badge-above .mat-badge-content {\n  top: -11px;\n}\n.i360-app .mat-badge-medium.mat-badge-below .mat-badge-content {\n  bottom: -11px;\n}\n.i360-app .mat-badge-medium.mat-badge-before .mat-badge-content {\n  left: -22px;\n}\n[dir=rtl] .i360-app .mat-badge-medium.mat-badge-before .mat-badge-content {\n  left: auto;\n  right: -22px;\n}\n.i360-app .mat-badge-medium.mat-badge-after .mat-badge-content {\n  right: -22px;\n}\n[dir=rtl] .i360-app .mat-badge-medium.mat-badge-after .mat-badge-content {\n  right: auto;\n  left: -22px;\n}\n.i360-app .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {\n  left: -11px;\n}\n[dir=rtl] .i360-app .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {\n  left: auto;\n  right: -11px;\n}\n.i360-app .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {\n  right: -11px;\n}\n[dir=rtl] .i360-app .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {\n  right: auto;\n  left: -11px;\n}\n.i360-app .mat-badge-large .mat-badge-content {\n  width: 28px;\n  height: 28px;\n  line-height: 28px;\n}\n.i360-app .mat-badge-large.mat-badge-above .mat-badge-content {\n  top: -14px;\n}\n.i360-app .mat-badge-large.mat-badge-below .mat-badge-content {\n  bottom: -14px;\n}\n.i360-app .mat-badge-large.mat-badge-before .mat-badge-content {\n  left: -28px;\n}\n[dir=rtl] .i360-app .mat-badge-large.mat-badge-before .mat-badge-content {\n  left: auto;\n  right: -28px;\n}\n.i360-app .mat-badge-large.mat-badge-after .mat-badge-content {\n  right: -28px;\n}\n[dir=rtl] .i360-app .mat-badge-large.mat-badge-after .mat-badge-content {\n  right: auto;\n  left: -28px;\n}\n.i360-app .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {\n  left: -14px;\n}\n[dir=rtl] .i360-app .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {\n  left: auto;\n  right: -14px;\n}\n.i360-app .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {\n  right: -14px;\n}\n[dir=rtl] .i360-app .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {\n  right: auto;\n  left: -14px;\n}\n.i360-app .mat-bottom-sheet-container {\n  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);\n  background: white;\n  color: rgba(0, 0, 0, 0.87);\n}\n.i360-app .mat-button, .i360-app .mat-icon-button, .i360-app .mat-stroked-button {\n  color: inherit;\n  background: transparent;\n}\n.i360-app .mat-button.mat-primary, .i360-app .mat-icon-button.mat-primary, .i360-app .mat-stroked-button.mat-primary {\n  color: #11cb84;\n}\n.i360-app .mat-button.mat-accent, .i360-app .mat-icon-button.mat-accent, .i360-app .mat-stroked-button.mat-accent {\n  color: #f77c00;\n}\n.i360-app .mat-button.mat-warn, .i360-app .mat-icon-button.mat-warn, .i360-app .mat-stroked-button.mat-warn {\n  color: #ea7474;\n}\n.i360-app .mat-button.mat-primary.mat-button-disabled, .i360-app .mat-button.mat-accent.mat-button-disabled, .i360-app .mat-button.mat-warn.mat-button-disabled, .i360-app .mat-button.mat-button-disabled.mat-button-disabled, .i360-app .mat-icon-button.mat-primary.mat-button-disabled, .i360-app .mat-icon-button.mat-accent.mat-button-disabled, .i360-app .mat-icon-button.mat-warn.mat-button-disabled, .i360-app .mat-icon-button.mat-button-disabled.mat-button-disabled, .i360-app .mat-stroked-button.mat-primary.mat-button-disabled, .i360-app .mat-stroked-button.mat-accent.mat-button-disabled, .i360-app .mat-stroked-button.mat-warn.mat-button-disabled, .i360-app .mat-stroked-button.mat-button-disabled.mat-button-disabled {\n  color: rgba(0, 0, 0, 0.26);\n}\n.i360-app .mat-button.mat-primary .mat-button-focus-overlay, .i360-app .mat-icon-button.mat-primary .mat-button-focus-overlay, .i360-app .mat-stroked-button.mat-primary .mat-button-focus-overlay {\n  background-color: #11cb84;\n}\n.i360-app .mat-button.mat-accent .mat-button-focus-overlay, .i360-app .mat-icon-button.mat-accent .mat-button-focus-overlay, .i360-app .mat-stroked-button.mat-accent .mat-button-focus-overlay {\n  background-color: #f77c00;\n}\n.i360-app .mat-button.mat-warn .mat-button-focus-overlay, .i360-app .mat-icon-button.mat-warn .mat-button-focus-overlay, .i360-app .mat-stroked-button.mat-warn .mat-button-focus-overlay {\n  background-color: #ea7474;\n}\n.i360-app .mat-button.mat-button-disabled .mat-button-focus-overlay, .i360-app .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .i360-app .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {\n  background-color: transparent;\n}\n.i360-app .mat-button .mat-ripple-element, .i360-app .mat-icon-button .mat-ripple-element, .i360-app .mat-stroked-button .mat-ripple-element {\n  opacity: 0.1;\n  background-color: currentColor;\n}\n.i360-app .mat-button-focus-overlay {\n  background: black;\n}\n.i360-app .mat-stroked-button:not(.mat-button-disabled) {\n  border-color: rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-flat-button, .i360-app .mat-raised-button, .i360-app .mat-fab, .i360-app .mat-mini-fab {\n  color: rgba(0, 0, 0, 0.87);\n  background-color: white;\n}\n.i360-app .mat-flat-button.mat-primary, .i360-app .mat-raised-button.mat-primary, .i360-app .mat-fab.mat-primary, .i360-app .mat-mini-fab.mat-primary {\n  color: white;\n}\n.i360-app .mat-flat-button.mat-accent, .i360-app .mat-raised-button.mat-accent, .i360-app .mat-fab.mat-accent, .i360-app .mat-mini-fab.mat-accent {\n  color: white;\n}\n.i360-app .mat-flat-button.mat-warn, .i360-app .mat-raised-button.mat-warn, .i360-app .mat-fab.mat-warn, .i360-app .mat-mini-fab.mat-warn {\n  color: white;\n}\n.i360-app .mat-flat-button.mat-primary.mat-button-disabled, .i360-app .mat-flat-button.mat-accent.mat-button-disabled, .i360-app .mat-flat-button.mat-warn.mat-button-disabled, .i360-app .mat-flat-button.mat-button-disabled.mat-button-disabled, .i360-app .mat-raised-button.mat-primary.mat-button-disabled, .i360-app .mat-raised-button.mat-accent.mat-button-disabled, .i360-app .mat-raised-button.mat-warn.mat-button-disabled, .i360-app .mat-raised-button.mat-button-disabled.mat-button-disabled, .i360-app .mat-fab.mat-primary.mat-button-disabled, .i360-app .mat-fab.mat-accent.mat-button-disabled, .i360-app .mat-fab.mat-warn.mat-button-disabled, .i360-app .mat-fab.mat-button-disabled.mat-button-disabled, .i360-app .mat-mini-fab.mat-primary.mat-button-disabled, .i360-app .mat-mini-fab.mat-accent.mat-button-disabled, .i360-app .mat-mini-fab.mat-warn.mat-button-disabled, .i360-app .mat-mini-fab.mat-button-disabled.mat-button-disabled {\n  color: rgba(0, 0, 0, 0.26);\n}\n.i360-app .mat-flat-button.mat-primary, .i360-app .mat-raised-button.mat-primary, .i360-app .mat-fab.mat-primary, .i360-app .mat-mini-fab.mat-primary {\n  background-color: #11cb84;\n}\n.i360-app .mat-flat-button.mat-accent, .i360-app .mat-raised-button.mat-accent, .i360-app .mat-fab.mat-accent, .i360-app .mat-mini-fab.mat-accent {\n  background-color: #f77c00;\n}\n.i360-app .mat-flat-button.mat-warn, .i360-app .mat-raised-button.mat-warn, .i360-app .mat-fab.mat-warn, .i360-app .mat-mini-fab.mat-warn {\n  background-color: #ea7474;\n}\n.i360-app .mat-flat-button.mat-primary.mat-button-disabled, .i360-app .mat-flat-button.mat-accent.mat-button-disabled, .i360-app .mat-flat-button.mat-warn.mat-button-disabled, .i360-app .mat-flat-button.mat-button-disabled.mat-button-disabled, .i360-app .mat-raised-button.mat-primary.mat-button-disabled, .i360-app .mat-raised-button.mat-accent.mat-button-disabled, .i360-app .mat-raised-button.mat-warn.mat-button-disabled, .i360-app .mat-raised-button.mat-button-disabled.mat-button-disabled, .i360-app .mat-fab.mat-primary.mat-button-disabled, .i360-app .mat-fab.mat-accent.mat-button-disabled, .i360-app .mat-fab.mat-warn.mat-button-disabled, .i360-app .mat-fab.mat-button-disabled.mat-button-disabled, .i360-app .mat-mini-fab.mat-primary.mat-button-disabled, .i360-app .mat-mini-fab.mat-accent.mat-button-disabled, .i360-app .mat-mini-fab.mat-warn.mat-button-disabled, .i360-app .mat-mini-fab.mat-button-disabled.mat-button-disabled {\n  background-color: rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-flat-button.mat-primary .mat-ripple-element, .i360-app .mat-raised-button.mat-primary .mat-ripple-element, .i360-app .mat-fab.mat-primary .mat-ripple-element, .i360-app .mat-mini-fab.mat-primary .mat-ripple-element {\n  background-color: rgba(255, 255, 255, 0.1);\n}\n.i360-app .mat-flat-button.mat-accent .mat-ripple-element, .i360-app .mat-raised-button.mat-accent .mat-ripple-element, .i360-app .mat-fab.mat-accent .mat-ripple-element, .i360-app .mat-mini-fab.mat-accent .mat-ripple-element {\n  background-color: rgba(255, 255, 255, 0.1);\n}\n.i360-app .mat-flat-button.mat-warn .mat-ripple-element, .i360-app .mat-raised-button.mat-warn .mat-ripple-element, .i360-app .mat-fab.mat-warn .mat-ripple-element, .i360-app .mat-mini-fab.mat-warn .mat-ripple-element {\n  background-color: rgba(255, 255, 255, 0.1);\n}\n.i360-app .mat-stroked-button:not([class*=mat-elevation-z]), .i360-app .mat-flat-button:not([class*=mat-elevation-z]) {\n  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-raised-button:not([class*=mat-elevation-z]) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {\n  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {\n  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-fab:not([class*=mat-elevation-z]), .i360-app .mat-mini-fab:not([class*=mat-elevation-z]) {\n  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .i360-app .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {\n  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .i360-app .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {\n  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-button-toggle-standalone,\n.i360-app .mat-button-toggle-group {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,\n.i360-app .mat-button-toggle-group-appearance-standard {\n  box-shadow: none;\n}\n.i360-app .mat-button-toggle {\n  color: rgba(0, 0, 0, 0.38);\n}\n.i360-app .mat-button-toggle .mat-button-toggle-focus-overlay {\n  background-color: rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-button-toggle-appearance-standard {\n  color: rgba(0, 0, 0, 0.87);\n  background: white;\n}\n.i360-app .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {\n  background-color: black;\n}\n.i360-app .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {\n  border-left: solid 1px rgba(0, 0, 0, 0.12);\n}\n.i360-app [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {\n  border-left: none;\n  border-right: solid 1px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {\n  border-left: none;\n  border-right: none;\n  border-top: solid 1px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-button-toggle-checked {\n  background-color: #e0e0e0;\n  color: rgba(0, 0, 0, 0.54);\n}\n.i360-app .mat-button-toggle-checked.mat-button-toggle-appearance-standard {\n  color: rgba(0, 0, 0, 0.87);\n}\n.i360-app .mat-button-toggle-disabled {\n  color: rgba(0, 0, 0, 0.26);\n  background-color: #eeeeee;\n}\n.i360-app .mat-button-toggle-disabled.mat-button-toggle-appearance-standard {\n  background: white;\n}\n.i360-app .mat-button-toggle-disabled.mat-button-toggle-checked {\n  background-color: #bdbdbd;\n}\n.i360-app .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,\n.i360-app .mat-button-toggle-group-appearance-standard {\n  border: solid 1px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {\n  line-height: 48px;\n}\n.i360-app .mat-card {\n  background: white;\n  color: rgba(0, 0, 0, 0.87);\n}\n.i360-app .mat-card:not([class*=mat-elevation-z]) {\n  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-card.mat-card-flat:not([class*=mat-elevation-z]) {\n  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-card-subtitle {\n  color: rgba(0, 0, 0, 0.54);\n}\n.i360-app .mat-checkbox-frame {\n  border-color: rgba(0, 0, 0, 0.54);\n}\n.i360-app .mat-checkbox-checkmark {\n  fill: #fafafa;\n}\n.i360-app .mat-checkbox-checkmark-path {\n  stroke: #fafafa !important;\n}\n.i360-app .mat-checkbox-mixedmark {\n  background-color: #fafafa;\n}\n.i360-app .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .i360-app .mat-checkbox-checked.mat-primary .mat-checkbox-background {\n  background-color: #11cb84;\n}\n.i360-app .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .i360-app .mat-checkbox-checked.mat-accent .mat-checkbox-background {\n  background-color: #f77c00;\n}\n.i360-app .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .i360-app .mat-checkbox-checked.mat-warn .mat-checkbox-background {\n  background-color: #ea7474;\n}\n.i360-app .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .i360-app .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {\n  background-color: #b0b0b0;\n}\n.i360-app .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {\n  border-color: #b0b0b0;\n}\n.i360-app .mat-checkbox-disabled .mat-checkbox-label {\n  color: rgba(0, 0, 0, 0.54);\n}\n.i360-app .mat-checkbox .mat-ripple-element {\n  background-color: black;\n}\n.i360-app .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,\n.i360-app .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {\n  background: #11cb84;\n}\n.i360-app .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,\n.i360-app .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {\n  background: #f77c00;\n}\n.i360-app .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,\n.i360-app .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {\n  background: #ea7474;\n}\n.i360-app .mat-chip.mat-standard-chip {\n  background-color: #e0e0e0;\n  color: rgba(0, 0, 0, 0.87);\n}\n.i360-app .mat-chip.mat-standard-chip .mat-chip-remove {\n  color: rgba(0, 0, 0, 0.87);\n  opacity: 0.4;\n}\n.i360-app .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {\n  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {\n  opacity: 0.54;\n}\n.i360-app .mat-chip.mat-standard-chip.mat-chip-disabled {\n  opacity: 0.4;\n}\n.i360-app .mat-chip.mat-standard-chip::after {\n  background: black;\n}\n.i360-app .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {\n  background-color: #11cb84;\n  color: white;\n}\n.i360-app .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {\n  color: white;\n  opacity: 0.4;\n}\n.i360-app .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {\n  background-color: rgba(255, 255, 255, 0.1);\n}\n.i360-app .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {\n  background-color: #ea7474;\n  color: white;\n}\n.i360-app .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {\n  color: white;\n  opacity: 0.4;\n}\n.i360-app .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {\n  background-color: rgba(255, 255, 255, 0.1);\n}\n.i360-app .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {\n  background-color: #f77c00;\n  color: white;\n}\n.i360-app .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {\n  color: white;\n  opacity: 0.4;\n}\n.i360-app .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {\n  background-color: rgba(255, 255, 255, 0.1);\n}\n.i360-app .mat-table {\n  background: white;\n}\n.i360-app .mat-table thead, .i360-app .mat-table tbody, .i360-app .mat-table tfoot,\n.i360-app mat-header-row, .i360-app mat-row, .i360-app mat-footer-row,\n.i360-app [mat-header-row], .i360-app [mat-row], .i360-app [mat-footer-row],\n.i360-app .mat-table-sticky {\n  background: inherit;\n}\n.i360-app mat-row, .i360-app mat-header-row, .i360-app mat-footer-row,\n.i360-app th.mat-header-cell, .i360-app td.mat-cell, .i360-app td.mat-footer-cell {\n  border-bottom-color: rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-header-cell {\n  color: rgba(0, 0, 0, 0.54);\n}\n.i360-app .mat-cell, .i360-app .mat-footer-cell {\n  color: rgba(0, 0, 0, 0.87);\n}\n.i360-app .mat-calendar-arrow {\n  border-top-color: rgba(0, 0, 0, 0.54);\n}\n.i360-app .mat-datepicker-toggle,\n.i360-app .mat-datepicker-content .mat-calendar-next-button,\n.i360-app .mat-datepicker-content .mat-calendar-previous-button {\n  color: rgba(0, 0, 0, 0.54);\n}\n.i360-app .mat-calendar-table-header {\n  color: rgba(0, 0, 0, 0.38);\n}\n.i360-app .mat-calendar-table-header-divider::after {\n  background: rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-calendar-body-label {\n  color: rgba(0, 0, 0, 0.54);\n}\n.i360-app .mat-calendar-body-cell-content,\n.i360-app .mat-date-range-input-separator {\n  color: rgba(0, 0, 0, 0.87);\n  border-color: transparent;\n}\n.i360-app .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {\n  color: rgba(0, 0, 0, 0.38);\n}\n.i360-app .mat-form-field-disabled .mat-date-range-input-separator {\n  color: rgba(0, 0, 0, 0.38);\n}\n.i360-app .mat-calendar-body-in-preview {\n  color: rgba(0, 0, 0, 0.24);\n}\n.i360-app .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {\n  border-color: rgba(0, 0, 0, 0.38);\n}\n.i360-app .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {\n  border-color: rgba(0, 0, 0, 0.18);\n}\n.i360-app .mat-calendar-body-in-range::before {\n  background: rgba(17, 203, 132, 0.2);\n}\n.i360-app .mat-calendar-body-comparison-identical,\n.i360-app .mat-calendar-body-in-comparison-range::before {\n  background: rgba(249, 171, 0, 0.2);\n}\n.i360-app .mat-calendar-body-comparison-bridge-start::before,\n.i360-app [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {\n  background: linear-gradient(to right, rgba(17, 203, 132, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);\n}\n.i360-app .mat-calendar-body-comparison-bridge-end::before,\n.i360-app [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {\n  background: linear-gradient(to left, rgba(17, 203, 132, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);\n}\n.i360-app .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,\n.i360-app .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {\n  background: #a8dab5;\n}\n.i360-app .mat-calendar-body-comparison-identical.mat-calendar-body-selected,\n.i360-app .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {\n  background: #46a35e;\n}\n.i360-app .mat-calendar-body-selected {\n  background-color: #11cb84;\n  color: white;\n}\n.i360-app .mat-calendar-body-disabled > .mat-calendar-body-selected {\n  background-color: rgba(17, 203, 132, 0.4);\n}\n.i360-app .mat-calendar-body-today.mat-calendar-body-selected {\n  box-shadow: inset 0 0 0 1px white;\n}\n.i360-app .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),\n.i360-app .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),\n.i360-app .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {\n  background-color: rgba(17, 203, 132, 0.3);\n}\n.i360-app .mat-datepicker-content {\n  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);\n  background-color: white;\n  color: rgba(0, 0, 0, 0.87);\n}\n.i360-app .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {\n  background: rgba(247, 124, 0, 0.2);\n}\n.i360-app .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,\n.i360-app .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {\n  background: rgba(249, 171, 0, 0.2);\n}\n.i360-app .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,\n.i360-app .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {\n  background: linear-gradient(to right, rgba(247, 124, 0, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);\n}\n.i360-app .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,\n.i360-app .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {\n  background: linear-gradient(to left, rgba(247, 124, 0, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);\n}\n.i360-app .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,\n.i360-app .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {\n  background: #a8dab5;\n}\n.i360-app .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,\n.i360-app .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {\n  background: #46a35e;\n}\n.i360-app .mat-datepicker-content.mat-accent .mat-calendar-body-selected {\n  background-color: #f77c00;\n  color: white;\n}\n.i360-app .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {\n  background-color: rgba(247, 124, 0, 0.4);\n}\n.i360-app .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {\n  box-shadow: inset 0 0 0 1px white;\n}\n.i360-app .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),\n.i360-app .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),\n.i360-app .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {\n  background-color: rgba(247, 124, 0, 0.3);\n}\n.i360-app .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {\n  background: rgba(234, 116, 116, 0.2);\n}\n.i360-app .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,\n.i360-app .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {\n  background: rgba(249, 171, 0, 0.2);\n}\n.i360-app .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,\n.i360-app .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {\n  background: linear-gradient(to right, rgba(234, 116, 116, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);\n}\n.i360-app .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,\n.i360-app .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {\n  background: linear-gradient(to left, rgba(234, 116, 116, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);\n}\n.i360-app .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,\n.i360-app .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {\n  background: #a8dab5;\n}\n.i360-app .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,\n.i360-app .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {\n  background: #46a35e;\n}\n.i360-app .mat-datepicker-content.mat-warn .mat-calendar-body-selected {\n  background-color: #ea7474;\n  color: white;\n}\n.i360-app .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {\n  background-color: rgba(234, 116, 116, 0.4);\n}\n.i360-app .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {\n  box-shadow: inset 0 0 0 1px white;\n}\n.i360-app .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),\n.i360-app .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),\n.i360-app .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {\n  background-color: rgba(234, 116, 116, 0.3);\n}\n.i360-app .mat-datepicker-content-touch {\n  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-datepicker-toggle-active {\n  color: #11cb84;\n}\n.i360-app .mat-datepicker-toggle-active.mat-accent {\n  color: #f77c00;\n}\n.i360-app .mat-datepicker-toggle-active.mat-warn {\n  color: #ea7474;\n}\n.i360-app .mat-date-range-input-inner[disabled] {\n  color: rgba(0, 0, 0, 0.38);\n}\n.i360-app .mat-dialog-container {\n  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);\n  background: white;\n  color: rgba(0, 0, 0, 0.87);\n}\n.i360-app .mat-divider {\n  border-top-color: rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-divider-vertical {\n  border-right-color: rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-expansion-panel {\n  background: white;\n  color: rgba(0, 0, 0, 0.87);\n}\n.i360-app .mat-expansion-panel:not([class*=mat-elevation-z]) {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-action-row {\n  border-top-color: rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .i360-app .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .i360-app .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {\n  background: rgba(0, 0, 0, 0.04);\n}\n@media (hover: none) {\n  .i360-app .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {\n    background: white;\n  }\n}\n.i360-app .mat-expansion-panel-header-title {\n  color: rgba(0, 0, 0, 0.87);\n}\n.i360-app .mat-expansion-panel-header-description,\n.i360-app .mat-expansion-indicator::after {\n  color: rgba(0, 0, 0, 0.54);\n}\n.i360-app .mat-expansion-panel-header[aria-disabled=true] {\n  color: rgba(0, 0, 0, 0.26);\n}\n.i360-app .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,\n.i360-app .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {\n  color: inherit;\n}\n.i360-app .mat-expansion-panel-header {\n  height: 48px;\n}\n.i360-app .mat-expansion-panel-header.mat-expanded {\n  height: 64px;\n}\n.i360-app .mat-form-field-label {\n  color: rgba(0, 0, 0, 0.6);\n}\n.i360-app .mat-hint {\n  color: rgba(0, 0, 0, 0.6);\n}\n.i360-app .mat-form-field.mat-focused .mat-form-field-label {\n  color: #11cb84;\n}\n.i360-app .mat-form-field.mat-focused .mat-form-field-label.mat-accent {\n  color: #f77c00;\n}\n.i360-app .mat-form-field.mat-focused .mat-form-field-label.mat-warn {\n  color: #ea7474;\n}\n.i360-app .mat-focused .mat-form-field-required-marker {\n  color: #f77c00;\n}\n.i360-app .mat-form-field-ripple {\n  background-color: rgba(0, 0, 0, 0.87);\n}\n.i360-app .mat-form-field.mat-focused .mat-form-field-ripple {\n  background-color: #11cb84;\n}\n.i360-app .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {\n  background-color: #f77c00;\n}\n.i360-app .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {\n  background-color: #ea7474;\n}\n.i360-app .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {\n  color: #11cb84;\n}\n.i360-app .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {\n  color: #f77c00;\n}\n.i360-app .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {\n  color: #ea7474;\n}\n.i360-app .mat-form-field.mat-form-field-invalid .mat-form-field-label {\n  color: #ea7474;\n}\n.i360-app .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,\n.i360-app .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {\n  color: #ea7474;\n}\n.i360-app .mat-form-field.mat-form-field-invalid .mat-form-field-ripple,\n.i360-app .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {\n  background-color: #ea7474;\n}\n.i360-app .mat-error {\n  color: #ea7474;\n}\n.i360-app .mat-form-field-appearance-legacy .mat-form-field-label {\n  color: rgba(0, 0, 0, 0.54);\n}\n.i360-app .mat-form-field-appearance-legacy .mat-hint {\n  color: rgba(0, 0, 0, 0.54);\n}\n.i360-app .mat-form-field-appearance-legacy .mat-form-field-underline {\n  background-color: rgba(0, 0, 0, 0.42);\n}\n.i360-app .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {\n  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);\n  background-size: 4px 100%;\n  background-repeat: repeat-x;\n}\n.i360-app .mat-form-field-appearance-standard .mat-form-field-underline {\n  background-color: rgba(0, 0, 0, 0.42);\n}\n.i360-app .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {\n  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);\n  background-size: 4px 100%;\n  background-repeat: repeat-x;\n}\n.i360-app .mat-form-field-appearance-fill .mat-form-field-flex {\n  background-color: rgba(0, 0, 0, 0.04);\n}\n.i360-app .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {\n  background-color: rgba(0, 0, 0, 0.02);\n}\n.i360-app .mat-form-field-appearance-fill .mat-form-field-underline::before {\n  background-color: rgba(0, 0, 0, 0.42);\n}\n.i360-app .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {\n  color: rgba(0, 0, 0, 0.38);\n}\n.i360-app .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {\n  background-color: transparent;\n}\n.i360-app .mat-form-field-appearance-outline .mat-form-field-outline {\n  color: rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-form-field-appearance-outline .mat-form-field-outline-thick {\n  color: rgba(0, 0, 0, 0.87);\n}\n.i360-app .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {\n  color: #11cb84;\n}\n.i360-app .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {\n  color: #f77c00;\n}\n.i360-app .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {\n  color: #ea7474;\n}\n.i360-app .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {\n  color: #ea7474;\n}\n.i360-app .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {\n  color: rgba(0, 0, 0, 0.38);\n}\n.i360-app .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {\n  color: rgba(0, 0, 0, 0.06);\n}\n.i360-app .mat-icon.mat-primary {\n  color: #11cb84;\n}\n.i360-app .mat-icon.mat-accent {\n  color: #f77c00;\n}\n.i360-app .mat-icon.mat-warn {\n  color: #ea7474;\n}\n.i360-app .mat-form-field-type-mat-native-select .mat-form-field-infix::after {\n  color: rgba(0, 0, 0, 0.54);\n}\n.i360-app .mat-input-element:disabled,\n.i360-app .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {\n  color: rgba(0, 0, 0, 0.38);\n}\n.i360-app .mat-input-element {\n  caret-color: #11cb84;\n}\n.i360-app .mat-input-element::-moz-placeholder {\n  color: rgba(0, 0, 0, 0.42);\n}\n.i360-app .mat-input-element::placeholder {\n  color: rgba(0, 0, 0, 0.42);\n}\n.i360-app .mat-input-element::-moz-placeholder {\n  color: rgba(0, 0, 0, 0.42);\n}\n.i360-app .mat-input-element::-webkit-input-placeholder {\n  color: rgba(0, 0, 0, 0.42);\n}\n.i360-app .mat-input-element:-ms-input-placeholder {\n  color: rgba(0, 0, 0, 0.42);\n}\n.i360-app .mat-form-field.mat-accent .mat-input-element {\n  caret-color: #f77c00;\n}\n.i360-app .mat-form-field.mat-warn .mat-input-element,\n.i360-app .mat-form-field-invalid .mat-input-element {\n  caret-color: #ea7474;\n}\n.i360-app .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {\n  color: #ea7474;\n}\n.i360-app .mat-list-base .mat-list-item {\n  color: rgba(0, 0, 0, 0.87);\n}\n.i360-app .mat-list-base .mat-list-option {\n  color: rgba(0, 0, 0, 0.87);\n}\n.i360-app .mat-list-base .mat-subheader {\n  color: rgba(0, 0, 0, 0.54);\n}\n.i360-app .mat-list-item-disabled {\n  background-color: #eeeeee;\n}\n.i360-app .mat-list-option:hover, .i360-app .mat-list-option:focus,\n.i360-app .mat-nav-list .mat-list-item:hover,\n.i360-app .mat-nav-list .mat-list-item:focus,\n.i360-app .mat-action-list .mat-list-item:hover,\n.i360-app .mat-action-list .mat-list-item:focus {\n  background: rgba(0, 0, 0, 0.04);\n}\n.i360-app .mat-list-single-selected-option, .i360-app .mat-list-single-selected-option:hover, .i360-app .mat-list-single-selected-option:focus {\n  background: rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-menu-panel {\n  background: white;\n}\n.i360-app .mat-menu-panel:not([class*=mat-elevation-z]) {\n  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-menu-item {\n  background: transparent;\n  color: rgba(0, 0, 0, 0.87);\n}\n.i360-app .mat-menu-item[disabled], .i360-app .mat-menu-item[disabled]::after,\n.i360-app .mat-menu-item[disabled] .mat-icon-no-color {\n  color: rgba(0, 0, 0, 0.38);\n}\n.i360-app .mat-menu-item .mat-icon-no-color,\n.i360-app .mat-menu-item-submenu-trigger::after {\n  color: rgba(0, 0, 0, 0.54);\n}\n.i360-app .mat-menu-item:hover:not([disabled]),\n.i360-app .mat-menu-item.cdk-program-focused:not([disabled]),\n.i360-app .mat-menu-item.cdk-keyboard-focused:not([disabled]),\n.i360-app .mat-menu-item-highlighted:not([disabled]) {\n  background: rgba(0, 0, 0, 0.04);\n}\n.i360-app .mat-paginator {\n  background: white;\n}\n.i360-app .mat-paginator,\n.i360-app .mat-paginator-page-size .mat-select-trigger {\n  color: rgba(0, 0, 0, 0.54);\n}\n.i360-app .mat-paginator-decrement,\n.i360-app .mat-paginator-increment {\n  border-top: 2px solid rgba(0, 0, 0, 0.54);\n  border-right: 2px solid rgba(0, 0, 0, 0.54);\n}\n.i360-app .mat-paginator-first,\n.i360-app .mat-paginator-last {\n  border-top: 2px solid rgba(0, 0, 0, 0.54);\n}\n.i360-app .mat-icon-button[disabled] .mat-paginator-decrement,\n.i360-app .mat-icon-button[disabled] .mat-paginator-increment,\n.i360-app .mat-icon-button[disabled] .mat-paginator-first,\n.i360-app .mat-icon-button[disabled] .mat-paginator-last {\n  border-color: rgba(0, 0, 0, 0.38);\n}\n.i360-app .mat-paginator-container {\n  min-height: 56px;\n}\n.i360-app .mat-progress-bar-background {\n  fill: #eff8f2;\n}\n.i360-app .mat-progress-bar-buffer {\n  background-color: #eff8f2;\n}\n.i360-app .mat-progress-bar-fill::after {\n  background-color: #11cb84;\n}\n.i360-app .mat-progress-bar.mat-accent .mat-progress-bar-background {\n  fill: #ffccbc;\n}\n.i360-app .mat-progress-bar.mat-accent .mat-progress-bar-buffer {\n  background-color: #ffccbc;\n}\n.i360-app .mat-progress-bar.mat-accent .mat-progress-bar-fill::after {\n  background-color: #f77c00;\n}\n.i360-app .mat-progress-bar.mat-warn .mat-progress-bar-background {\n  fill: #ffcdd2;\n}\n.i360-app .mat-progress-bar.mat-warn .mat-progress-bar-buffer {\n  background-color: #ffcdd2;\n}\n.i360-app .mat-progress-bar.mat-warn .mat-progress-bar-fill::after {\n  background-color: #ea7474;\n}\n.i360-app .mat-progress-spinner circle, .i360-app .mat-spinner circle {\n  stroke: #11cb84;\n}\n.i360-app .mat-progress-spinner.mat-accent circle, .i360-app .mat-spinner.mat-accent circle {\n  stroke: #f77c00;\n}\n.i360-app .mat-progress-spinner.mat-warn circle, .i360-app .mat-spinner.mat-warn circle {\n  stroke: #ea7474;\n}\n.i360-app .mat-radio-outer-circle {\n  border-color: rgba(0, 0, 0, 0.54);\n}\n.i360-app .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {\n  border-color: #11cb84;\n}\n.i360-app .mat-radio-button.mat-primary .mat-radio-inner-circle,\n.i360-app .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .i360-app .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .i360-app .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {\n  background-color: #11cb84;\n}\n.i360-app .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {\n  border-color: #f77c00;\n}\n.i360-app .mat-radio-button.mat-accent .mat-radio-inner-circle,\n.i360-app .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .i360-app .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .i360-app .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {\n  background-color: #f77c00;\n}\n.i360-app .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {\n  border-color: #ea7474;\n}\n.i360-app .mat-radio-button.mat-warn .mat-radio-inner-circle,\n.i360-app .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .i360-app .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .i360-app .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {\n  background-color: #ea7474;\n}\n.i360-app .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,\n.i360-app .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {\n  border-color: rgba(0, 0, 0, 0.38);\n}\n.i360-app .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,\n.i360-app .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {\n  background-color: rgba(0, 0, 0, 0.38);\n}\n.i360-app .mat-radio-button.mat-radio-disabled .mat-radio-label-content {\n  color: rgba(0, 0, 0, 0.38);\n}\n.i360-app .mat-radio-button .mat-ripple-element {\n  background-color: black;\n}\n.i360-app .mat-select-value {\n  color: rgba(0, 0, 0, 0.87);\n}\n.i360-app .mat-select-placeholder {\n  color: rgba(0, 0, 0, 0.42);\n}\n.i360-app .mat-select-disabled .mat-select-value {\n  color: rgba(0, 0, 0, 0.38);\n}\n.i360-app .mat-select-arrow {\n  color: rgba(0, 0, 0, 0.54);\n}\n.i360-app .mat-select-panel {\n  background: white;\n}\n.i360-app .mat-select-panel:not([class*=mat-elevation-z]) {\n  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {\n  background: rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-form-field.mat-focused.mat-primary .mat-select-arrow {\n  color: #11cb84;\n}\n.i360-app .mat-form-field.mat-focused.mat-accent .mat-select-arrow {\n  color: #f77c00;\n}\n.i360-app .mat-form-field.mat-focused.mat-warn .mat-select-arrow {\n  color: #ea7474;\n}\n.i360-app .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {\n  color: #ea7474;\n}\n.i360-app .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {\n  color: rgba(0, 0, 0, 0.38);\n}\n.i360-app .mat-drawer-container {\n  background-color: #fafafa;\n  color: rgba(0, 0, 0, 0.87);\n}\n.i360-app .mat-drawer {\n  background-color: white;\n  color: rgba(0, 0, 0, 0.87);\n}\n.i360-app .mat-drawer.mat-drawer-push {\n  background-color: white;\n}\n.i360-app .mat-drawer:not(.mat-drawer-side) {\n  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-drawer-side {\n  border-right: solid 1px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-drawer-side.mat-drawer-end {\n  border-left: solid 1px rgba(0, 0, 0, 0.12);\n  border-right: none;\n}\n.i360-app [dir=rtl] .mat-drawer-side {\n  border-left: solid 1px rgba(0, 0, 0, 0.12);\n  border-right: none;\n}\n.i360-app [dir=rtl] .mat-drawer-side.mat-drawer-end {\n  border-left: none;\n  border-right: solid 1px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-drawer-backdrop.mat-drawer-shown {\n  background-color: rgba(0, 0, 0, 0.6);\n}\n.i360-app .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {\n  background-color: #f77c00;\n}\n.i360-app .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {\n  background-color: rgba(247, 124, 0, 0.54);\n}\n.i360-app .mat-slide-toggle.mat-checked .mat-ripple-element {\n  background-color: #f77c00;\n}\n.i360-app .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {\n  background-color: #11cb84;\n}\n.i360-app .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {\n  background-color: rgba(17, 203, 132, 0.54);\n}\n.i360-app .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {\n  background-color: #11cb84;\n}\n.i360-app .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {\n  background-color: #ea7474;\n}\n.i360-app .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {\n  background-color: rgba(234, 116, 116, 0.54);\n}\n.i360-app .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {\n  background-color: #ea7474;\n}\n.i360-app .mat-slide-toggle:not(.mat-checked) .mat-ripple-element {\n  background-color: black;\n}\n.i360-app .mat-slide-toggle-thumb {\n  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);\n  background-color: #fafafa;\n}\n.i360-app .mat-slide-toggle-bar {\n  background-color: rgba(0, 0, 0, 0.38);\n}\n.i360-app .mat-slider-track-background {\n  background-color: rgba(0, 0, 0, 0.26);\n}\n.i360-app .mat-primary .mat-slider-track-fill,\n.i360-app .mat-primary .mat-slider-thumb,\n.i360-app .mat-primary .mat-slider-thumb-label {\n  background-color: #11cb84;\n}\n.i360-app .mat-primary .mat-slider-thumb-label-text {\n  color: white;\n}\n.i360-app .mat-primary .mat-slider-focus-ring {\n  background-color: rgba(17, 203, 132, 0.2);\n}\n.i360-app .mat-accent .mat-slider-track-fill,\n.i360-app .mat-accent .mat-slider-thumb,\n.i360-app .mat-accent .mat-slider-thumb-label {\n  background-color: #f77c00;\n}\n.i360-app .mat-accent .mat-slider-thumb-label-text {\n  color: white;\n}\n.i360-app .mat-accent .mat-slider-focus-ring {\n  background-color: rgba(247, 124, 0, 0.2);\n}\n.i360-app .mat-warn .mat-slider-track-fill,\n.i360-app .mat-warn .mat-slider-thumb,\n.i360-app .mat-warn .mat-slider-thumb-label {\n  background-color: #ea7474;\n}\n.i360-app .mat-warn .mat-slider-thumb-label-text {\n  color: white;\n}\n.i360-app .mat-warn .mat-slider-focus-ring {\n  background-color: rgba(234, 116, 116, 0.2);\n}\n.i360-app .mat-slider:hover .mat-slider-track-background,\n.i360-app .cdk-focused .mat-slider-track-background {\n  background-color: rgba(0, 0, 0, 0.38);\n}\n.i360-app .mat-slider-disabled .mat-slider-track-background,\n.i360-app .mat-slider-disabled .mat-slider-track-fill,\n.i360-app .mat-slider-disabled .mat-slider-thumb {\n  background-color: rgba(0, 0, 0, 0.26);\n}\n.i360-app .mat-slider-disabled:hover .mat-slider-track-background {\n  background-color: rgba(0, 0, 0, 0.26);\n}\n.i360-app .mat-slider-min-value .mat-slider-focus-ring {\n  background-color: rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,\n.i360-app .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {\n  background-color: rgba(0, 0, 0, 0.87);\n}\n.i360-app .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,\n.i360-app .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {\n  background-color: rgba(0, 0, 0, 0.26);\n}\n.i360-app .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {\n  border-color: rgba(0, 0, 0, 0.26);\n  background-color: transparent;\n}\n.i360-app .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .i360-app .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {\n  border-color: rgba(0, 0, 0, 0.38);\n}\n.i360-app .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .i360-app .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {\n  border-color: rgba(0, 0, 0, 0.26);\n}\n.i360-app .mat-slider-has-ticks .mat-slider-wrapper::after {\n  border-color: rgba(0, 0, 0, 0.7);\n}\n.i360-app .mat-slider-horizontal .mat-slider-ticks {\n  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);\n  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);\n}\n.i360-app .mat-slider-vertical .mat-slider-ticks {\n  background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);\n}\n.i360-app .mat-step-header.cdk-keyboard-focused, .i360-app .mat-step-header.cdk-program-focused, .i360-app .mat-step-header:hover {\n  background-color: rgba(0, 0, 0, 0.04);\n}\n@media (hover: none) {\n  .i360-app .mat-step-header:hover {\n    background: none;\n  }\n}\n.i360-app .mat-step-header .mat-step-label,\n.i360-app .mat-step-header .mat-step-optional {\n  color: rgba(0, 0, 0, 0.54);\n}\n.i360-app .mat-step-header .mat-step-icon {\n  background-color: rgba(0, 0, 0, 0.54);\n  color: white;\n}\n.i360-app .mat-step-header .mat-step-icon-selected,\n.i360-app .mat-step-header .mat-step-icon-state-done,\n.i360-app .mat-step-header .mat-step-icon-state-edit {\n  background-color: #11cb84;\n  color: white;\n}\n.i360-app .mat-step-header.mat-accent .mat-step-icon {\n  color: white;\n}\n.i360-app .mat-step-header.mat-accent .mat-step-icon-selected,\n.i360-app .mat-step-header.mat-accent .mat-step-icon-state-done,\n.i360-app .mat-step-header.mat-accent .mat-step-icon-state-edit {\n  background-color: #f77c00;\n  color: white;\n}\n.i360-app .mat-step-header.mat-warn .mat-step-icon {\n  color: white;\n}\n.i360-app .mat-step-header.mat-warn .mat-step-icon-selected,\n.i360-app .mat-step-header.mat-warn .mat-step-icon-state-done,\n.i360-app .mat-step-header.mat-warn .mat-step-icon-state-edit {\n  background-color: #ea7474;\n  color: white;\n}\n.i360-app .mat-step-header .mat-step-icon-state-error {\n  background-color: transparent;\n  color: #ea7474;\n}\n.i360-app .mat-step-header .mat-step-label.mat-step-label-active {\n  color: rgba(0, 0, 0, 0.87);\n}\n.i360-app .mat-step-header .mat-step-label.mat-step-label-error {\n  color: #ea7474;\n}\n.i360-app .mat-stepper-horizontal, .i360-app .mat-stepper-vertical {\n  background-color: white;\n}\n.i360-app .mat-stepper-vertical-line::before {\n  border-left-color: rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-horizontal-stepper-header::before,\n.i360-app .mat-horizontal-stepper-header::after,\n.i360-app .mat-stepper-horizontal-line {\n  border-top-color: rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-horizontal-stepper-header {\n  height: 72px;\n}\n.i360-app .mat-stepper-label-position-bottom .mat-horizontal-stepper-header,\n.i360-app .mat-vertical-stepper-header {\n  padding: 24px 24px;\n}\n.i360-app .mat-stepper-vertical-line::before {\n  top: -16px;\n  bottom: -16px;\n}\n.i360-app .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after, .i360-app .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before {\n  top: 36px;\n}\n.i360-app .mat-stepper-label-position-bottom .mat-stepper-horizontal-line {\n  top: 36px;\n}\n.i360-app .mat-sort-header-arrow {\n  color: #757575;\n}\n.i360-app .mat-tab-nav-bar,\n.i360-app .mat-tab-header {\n  border-bottom: 1px solid rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-tab-group-inverted-header .mat-tab-nav-bar,\n.i360-app .mat-tab-group-inverted-header .mat-tab-header {\n  border-top: 1px solid rgba(0, 0, 0, 0.12);\n  border-bottom: none;\n}\n.i360-app .mat-tab-label, .i360-app .mat-tab-link {\n  color: rgba(0, 0, 0, 0.87);\n}\n.i360-app .mat-tab-label.mat-tab-disabled, .i360-app .mat-tab-link.mat-tab-disabled {\n  color: rgba(0, 0, 0, 0.38);\n}\n.i360-app .mat-tab-header-pagination-chevron {\n  border-color: rgba(0, 0, 0, 0.87);\n}\n.i360-app .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {\n  border-color: rgba(0, 0, 0, 0.38);\n}\n.i360-app .mat-tab-group[class*=mat-background-] .mat-tab-header,\n.i360-app .mat-tab-nav-bar[class*=mat-background-] {\n  border-bottom: none;\n  border-top: none;\n}\n.i360-app .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .i360-app .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\n.i360-app .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\n.i360-app .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .i360-app .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .i360-app .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\n.i360-app .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\n.i360-app .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {\n  background-color: rgba(239, 248, 242, 0.3);\n}\n.i360-app .mat-tab-group.mat-primary .mat-ink-bar, .i360-app .mat-tab-nav-bar.mat-primary .mat-ink-bar {\n  background-color: #11cb84;\n}\n.i360-app .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .i360-app .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .i360-app .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .i360-app .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar {\n  background-color: white;\n}\n.i360-app .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .i360-app .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\n.i360-app .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\n.i360-app .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .i360-app .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .i360-app .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\n.i360-app .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\n.i360-app .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {\n  background-color: rgba(255, 204, 188, 0.3);\n}\n.i360-app .mat-tab-group.mat-accent .mat-ink-bar, .i360-app .mat-tab-nav-bar.mat-accent .mat-ink-bar {\n  background-color: #f77c00;\n}\n.i360-app .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .i360-app .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .i360-app .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .i360-app .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar {\n  background-color: white;\n}\n.i360-app .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .i360-app .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\n.i360-app .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\n.i360-app .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .i360-app .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .i360-app .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\n.i360-app .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\n.i360-app .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {\n  background-color: rgba(255, 205, 210, 0.3);\n}\n.i360-app .mat-tab-group.mat-warn .mat-ink-bar, .i360-app .mat-tab-nav-bar.mat-warn .mat-ink-bar {\n  background-color: #ea7474;\n}\n.i360-app .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .i360-app .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .i360-app .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .i360-app .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar {\n  background-color: white;\n}\n.i360-app .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .i360-app .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\n.i360-app .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\n.i360-app .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .i360-app .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .i360-app .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\n.i360-app .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\n.i360-app .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {\n  background-color: rgba(239, 248, 242, 0.3);\n}\n.i360-app .mat-tab-group.mat-background-primary > .mat-tab-header, .i360-app .mat-tab-group.mat-background-primary > .mat-tab-link-container, .i360-app .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .i360-app .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .i360-app .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .i360-app .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination {\n  background-color: #11cb84;\n}\n.i360-app .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .i360-app .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .i360-app .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .i360-app .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link {\n  color: white;\n}\n.i360-app .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .i360-app .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .i360-app .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .i360-app .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {\n  color: rgba(255, 255, 255, 0.4);\n}\n.i360-app .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,\n.i360-app .mat-tab-group.mat-background-primary > .mat-tab-links .mat-focus-indicator::before,\n.i360-app .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .i360-app .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,\n.i360-app .mat-tab-nav-bar.mat-background-primary > .mat-tab-links .mat-focus-indicator::before,\n.i360-app .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before {\n  border-color: white;\n}\n.i360-app .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .i360-app .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {\n  border-color: rgba(255, 255, 255, 0.4);\n}\n.i360-app .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element,\n.i360-app .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .i360-app .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element,\n.i360-app .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element {\n  background-color: rgba(255, 255, 255, 0.12);\n}\n.i360-app .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .i360-app .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\n.i360-app .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\n.i360-app .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .i360-app .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .i360-app .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\n.i360-app .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\n.i360-app .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {\n  background-color: rgba(255, 204, 188, 0.3);\n}\n.i360-app .mat-tab-group.mat-background-accent > .mat-tab-header, .i360-app .mat-tab-group.mat-background-accent > .mat-tab-link-container, .i360-app .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .i360-app .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .i360-app .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .i360-app .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination {\n  background-color: #f77c00;\n}\n.i360-app .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .i360-app .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .i360-app .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .i360-app .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link {\n  color: white;\n}\n.i360-app .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .i360-app .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .i360-app .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .i360-app .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {\n  color: rgba(255, 255, 255, 0.4);\n}\n.i360-app .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,\n.i360-app .mat-tab-group.mat-background-accent > .mat-tab-links .mat-focus-indicator::before,\n.i360-app .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .i360-app .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,\n.i360-app .mat-tab-nav-bar.mat-background-accent > .mat-tab-links .mat-focus-indicator::before,\n.i360-app .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before {\n  border-color: white;\n}\n.i360-app .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .i360-app .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {\n  border-color: rgba(255, 255, 255, 0.4);\n}\n.i360-app .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element,\n.i360-app .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .i360-app .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element,\n.i360-app .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element {\n  background-color: rgba(255, 255, 255, 0.12);\n}\n.i360-app .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .i360-app .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\n.i360-app .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\n.i360-app .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .i360-app .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .i360-app .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\n.i360-app .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\n.i360-app .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {\n  background-color: rgba(255, 205, 210, 0.3);\n}\n.i360-app .mat-tab-group.mat-background-warn > .mat-tab-header, .i360-app .mat-tab-group.mat-background-warn > .mat-tab-link-container, .i360-app .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .i360-app .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .i360-app .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .i360-app .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination {\n  background-color: #ea7474;\n}\n.i360-app .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .i360-app .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .i360-app .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .i360-app .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link {\n  color: white;\n}\n.i360-app .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .i360-app .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .i360-app .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .i360-app .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {\n  color: rgba(255, 255, 255, 0.4);\n}\n.i360-app .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,\n.i360-app .mat-tab-group.mat-background-warn > .mat-tab-links .mat-focus-indicator::before,\n.i360-app .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .i360-app .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,\n.i360-app .mat-tab-nav-bar.mat-background-warn > .mat-tab-links .mat-focus-indicator::before,\n.i360-app .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before {\n  border-color: white;\n}\n.i360-app .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .i360-app .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {\n  border-color: rgba(255, 255, 255, 0.4);\n}\n.i360-app .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element,\n.i360-app .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .i360-app .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element,\n.i360-app .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element {\n  background-color: rgba(255, 255, 255, 0.12);\n}\n.i360-app .mat-toolbar {\n  background: whitesmoke;\n  color: rgba(0, 0, 0, 0.87);\n}\n.i360-app .mat-toolbar.mat-primary {\n  background: #11cb84;\n  color: white;\n}\n.i360-app .mat-toolbar.mat-accent {\n  background: #f77c00;\n  color: white;\n}\n.i360-app .mat-toolbar.mat-warn {\n  background: #ea7474;\n  color: white;\n}\n.i360-app .mat-toolbar .mat-form-field-underline,\n.i360-app .mat-toolbar .mat-form-field-ripple,\n.i360-app .mat-toolbar .mat-focused .mat-form-field-ripple {\n  background-color: currentColor;\n}\n.i360-app .mat-toolbar .mat-form-field-label,\n.i360-app .mat-toolbar .mat-focused .mat-form-field-label,\n.i360-app .mat-toolbar .mat-select-value,\n.i360-app .mat-toolbar .mat-select-arrow,\n.i360-app .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {\n  color: inherit;\n}\n.i360-app .mat-toolbar .mat-input-element {\n  caret-color: currentColor;\n}\n.i360-app .mat-toolbar-multiple-rows {\n  min-height: 64px;\n}\n.i360-app .mat-toolbar-row, .i360-app .mat-toolbar-single-row {\n  height: 64px;\n}\n@media (max-width: 599px) {\n  .i360-app .mat-toolbar-multiple-rows {\n    min-height: 56px;\n  }\n  .i360-app .mat-toolbar-row, .i360-app .mat-toolbar-single-row {\n    height: 56px;\n  }\n}\n.i360-app .mat-tooltip {\n  background: rgba(97, 97, 97, 0.9);\n}\n.i360-app .mat-tree {\n  background: white;\n}\n.i360-app .mat-tree-node,\n.i360-app .mat-nested-tree-node {\n  color: rgba(0, 0, 0, 0.87);\n}\n.i360-app .mat-tree-node {\n  min-height: 48px;\n}\n.i360-app .mat-snack-bar-container {\n  color: rgba(255, 255, 255, 0.7);\n  background: #323232;\n  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n}\n.i360-app .mat-simple-snackbar-action {\n  color: #f77c00;\n}\n.i360-app .mat-slider-track-background {\n  background-color: #bebebe;\n}\n.i360-app .mat-primary .mat-slider-track-fill,\n.i360-app .mat-primary .mat-slider-thumb,\n.i360-app .mat-primary .mat-slider-thumb-label {\n  background-color: #11cb84;\n}\n.i360-app .mat-primary .mat-slider-thumb-label-text {\n  color: white;\n}\n.i360-app .mat-primary .mat-slider-focus-ring {\n  background-color: rgba(17, 203, 132, 0.2);\n}\n.i360-app .mat-accent .mat-slider-track-fill,\n.i360-app .mat-accent .mat-slider-thumb,\n.i360-app .mat-accent .mat-slider-thumb-label {\n  background-color: #11cb84;\n}\n.i360-app .mat-accent .mat-slider-thumb-label-text {\n  color: white;\n}\n.i360-app .mat-accent .mat-slider-focus-ring {\n  background-color: rgba(17, 203, 132, 0.2);\n}\n.i360-app .mat-warn .mat-slider-track-fill,\n.i360-app .mat-warn .mat-slider-thumb,\n.i360-app .mat-warn .mat-slider-thumb-label {\n  background-color: #ea7474;\n}\n.i360-app .mat-warn .mat-slider-thumb-label-text {\n  color: white;\n}\n.i360-app .mat-warn .mat-slider-focus-ring {\n  background-color: rgba(234, 116, 116, 0.2);\n}\n.i360-app .mat-slider:hover .mat-slider-track-background,\n.i360-app .cdk-focused .mat-slider-track-background {\n  background-color: #bebebe;\n}\n.i360-app .mat-slider-disabled .mat-slider-track-background,\n.i360-app .mat-slider-disabled .mat-slider-track-fill,\n.i360-app .mat-slider-disabled .mat-slider-thumb {\n  background-color: #bebebe;\n}\n.i360-app .mat-slider-disabled:hover .mat-slider-track-background {\n  background-color: #bebebe;\n}\n.i360-app .mat-slider-min-value .mat-slider-focus-ring {\n  background-color: rgba(132, 132, 132, 0.12);\n}\n.i360-app .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,\n.i360-app .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {\n  background-color: white;\n}\n.i360-app .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,\n.i360-app .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {\n  background-color: #bebebe;\n}\n.i360-app .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {\n  border-color: #bebebe;\n  background-color: transparent;\n}\n.i360-app .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .i360-app .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {\n  border-color: #bebebe;\n}\n.i360-app .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .i360-app .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {\n  border-color: #bebebe;\n}\n.i360-app .mat-slider-has-ticks .mat-slider-wrapper::after {\n  border-color: rgba(132, 132, 132, 0.7);\n}\n.i360-app .mat-slider-horizontal .mat-slider-ticks {\n  background-image: repeating-linear-gradient(to right, rgba(132, 132, 132, 0.7), rgba(132, 132, 132, 0.7) 2px, transparent 0, transparent);\n  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(132, 132, 132, 0.7), rgba(132, 132, 132, 0.7) 2px, transparent 0, transparent);\n}\n.i360-app .mat-slider-vertical .mat-slider-ticks {\n  background-image: repeating-linear-gradient(to bottom, rgba(132, 132, 132, 0.7), rgba(132, 132, 132, 0.7) 2px, transparent 0, transparent);\n}\n.i360-app .mat-slide-toggle.mat-primary:not(.mat-checked) .mat-slide-toggle-bar {\n  background-color: #e3e3e3;\n}\n.i360-app .mat-slide-toggle.mat-primary:not(.mat-checked) .mat-slide-toggle-bar::after {\n  color: #8a9298;\n}\n.i360-app .mat-slide-toggle.mat-primary:not(.mat-checked) .mat-slide-toggle-thumb {\n  background-color: #fff;\n}\n.i360-app .mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {\n  background-color: #c8f5e4;\n}\n.i360-app .mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar::before {\n  color: #11cb84;\n}\n.i360-app .mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {\n  background-color: #11cb84;\n}\n.i360-app .mat-radio-button .mat-radio-outer-circle {\n  border-color: #11cb84;\n}\n.i360-app .mat-checkbox .mat-checkbox-frame {\n  border-color: #dee1ec !important;\n}\n.i360-app .mat-radio-button, .i360-app .mat-checkbox {\n  font: 13px "Open Sans", Helvetica, sans-serif;\n}\n.i360-app .mat-select-panel {\n  max-width: 100%;\n}\n.i360-app .mat-select-trigger span,\n.i360-app .mat-option-text {\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.87);\n}\n.i360-app .mat-option-text {\n  display: flex;\n  align-items: center;\n}\n.i360-app .mat-menu-content {\n  line-height: 48px;\n}\n.i360-app .mat-menu-content .mat-menu-item a {\n  margin: 0 -16px;\n  padding: 0 16px;\n}\n.i360-app .mat-menu-content a, .i360-app .mat-menu-content a:hover, .i360-app .mat-menu-content a:focus {\n  outline: none;\n  color: #535353;\n  text-decoration: none;\n  font-size: 13px;\n  font-family: "Open Sans", Helvetica, sans-serif;\n  display: flex;\n  align-items: center;\n  flex-wrap: nowrap;\n}\n.i360-app .mat-menu-content a.active, .i360-app .mat-menu-content a:hover.active, .i360-app .mat-menu-content a:focus.active {\n  background-color: rgba(55, 171, 99, 0.11);\n}\n.i360-app .mat-ripple {\n  position: absolute;\n}\n.i360-app .i360-modal-tabs .mat-ripple {\n  position: relative;\n}\n.i360-app .i360-modal-tabs .mat-tab-label {\n  font-family: "Noto Sans", sans-serif;\n  font-style: normal;\n  opacity: 1;\n  font-weight: normal;\n  font-size: 16px;\n  line-height: 22px;\n  /* identical to box height */\n  text-transform: uppercase;\n  color: #000000;\n  flex-grow: 0;\n  min-width: 80px;\n  padding: 0 10px;\n  min-height: 15px;\n}\n.i360-app .i360-modal-tabs .mat-tab-label.mat-tab-label-active {\n  font-weight: bold;\n}\n.i360-app .i360-modal-tabs .mat-tab-body-content {\n  padding-top: 15px;\n}\n.i360-app .mat-form-field-placeholder-wrapper,\n.i360-app .mat-form-field-label-wrapper {\n  box-sizing: content-box;\n}\n.i360-app .mat-form-field-label {\n  display: none;\n}\n.i360-app .mat-form-field-empty.mat-form-field-label {\n  display: block;\n}\n.i360-app .mat-raised-button, .i360-app .mat-button {\n  border-radius: 4px;\n  line-height: 32px;\n  height: 32px;\n  font-family: "Open Sans", sans-serif;\n}\n.i360-app .mat-raised-button.mat-raised-button:not(:active), .i360-app .mat-button.mat-raised-button:not(:active) {\n  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.13), 0 0 6px 0 rgba(0, 0, 0, 0.12) !important;\n}\n.i360-app .mat-raised-button.mat-raised-button:not(:active):hover, .i360-app .mat-button.mat-raised-button:not(:active):hover {\n  box-shadow: 0 7px 6px 0 rgba(0, 0, 0, 0.13), 0 0 6px 0 rgba(0, 0, 0, 0.12) !important;\n}\n.i360-app .mat-raised-button .material-icons, .i360-app .mat-raised-button .dropdown .selected::before, .i360-app .dropdown .mat-raised-button .selected::before, .i360-app .mat-raised-button .dropdown_list ul li.selected::before, .i360-app .dropdown_list ul .mat-raised-button li.selected::before, .i360-app .mat-raised-button .dropdown_list ul li.active::before, .i360-app .dropdown_list ul .mat-raised-button li.active::before, .i360-app .mat-button .material-icons, .i360-app .mat-button .dropdown .selected::before, .i360-app .dropdown .mat-button .selected::before, .i360-app .mat-button .dropdown_list ul li.selected::before, .i360-app .dropdown_list ul .mat-button li.selected::before, .i360-app .mat-button .dropdown_list ul li.active::before, .i360-app .dropdown_list ul .mat-button li.active::before {\n  margin-top: -2px;\n}\n.ltr .i360-app .mat-raised-button .material-icons, .ltr .i360-app .mat-raised-button .dropdown .selected::before, .ltr .i360-app .dropdown .mat-raised-button .selected::before, .ltr .i360-app .mat-raised-button .dropdown_list ul li.selected::before, .ltr .i360-app .dropdown_list ul .mat-raised-button li.selected::before, .ltr .i360-app .mat-raised-button .dropdown_list ul li.active::before, .ltr .i360-app .dropdown_list ul .mat-raised-button li.active::before, .ltr .i360-app .mat-button .material-icons, .ltr .i360-app .mat-button .dropdown .selected::before, .ltr .i360-app .dropdown .mat-button .selected::before, .ltr .i360-app .mat-button .dropdown_list ul li.selected::before, .ltr .i360-app .dropdown_list ul .mat-button li.selected::before, .ltr .i360-app .mat-button .dropdown_list ul li.active::before, .ltr .i360-app .dropdown_list ul .mat-button li.active::before {\n  margin-right: 10px;\n}\n.rtl .i360-app .mat-raised-button .material-icons, .rtl .i360-app .mat-raised-button .dropdown .selected::before, .rtl .i360-app .dropdown .mat-raised-button .selected::before, .rtl .i360-app .mat-raised-button .dropdown_list ul li.selected::before, .rtl .i360-app .dropdown_list ul .mat-raised-button li.selected::before, .rtl .i360-app .mat-raised-button .dropdown_list ul li.active::before, .rtl .i360-app .dropdown_list ul .mat-raised-button li.active::before, .rtl .i360-app .mat-button .material-icons, .rtl .i360-app .mat-button .dropdown .selected::before, .rtl .i360-app .dropdown .mat-button .selected::before, .rtl .i360-app .mat-button .dropdown_list ul li.selected::before, .rtl .i360-app .dropdown_list ul .mat-button li.selected::before, .rtl .i360-app .mat-button .dropdown_list ul li.active::before, .rtl .i360-app .dropdown_list ul .mat-button li.active::before {\n  margin-left: 10px;\n}\n.ltr .i360-app .mat-raised-button .material-icons, .ltr .i360-app .mat-raised-button .dropdown .selected::before, .ltr .i360-app .dropdown .mat-raised-button .selected::before, .ltr .i360-app .mat-raised-button .dropdown_list ul li.selected::before, .ltr .i360-app .dropdown_list ul .mat-raised-button li.selected::before, .ltr .i360-app .mat-raised-button .dropdown_list ul li.active::before, .ltr .i360-app .dropdown_list ul .mat-raised-button li.active::before, .ltr .i360-app .mat-button .material-icons, .ltr .i360-app .mat-button .dropdown .selected::before, .ltr .i360-app .dropdown .mat-button .selected::before, .ltr .i360-app .mat-button .dropdown_list ul li.selected::before, .ltr .i360-app .dropdown_list ul .mat-button li.selected::before, .ltr .i360-app .mat-button .dropdown_list ul li.active::before, .ltr .i360-app .dropdown_list ul .mat-button li.active::before {\n  margin-left: -15px;\n}\n.rtl .i360-app .mat-raised-button .material-icons, .rtl .i360-app .mat-raised-button .dropdown .selected::before, .rtl .i360-app .dropdown .mat-raised-button .selected::before, .rtl .i360-app .mat-raised-button .dropdown_list ul li.selected::before, .rtl .i360-app .dropdown_list ul .mat-raised-button li.selected::before, .rtl .i360-app .mat-raised-button .dropdown_list ul li.active::before, .rtl .i360-app .dropdown_list ul .mat-raised-button li.active::before, .rtl .i360-app .mat-button .material-icons, .rtl .i360-app .mat-button .dropdown .selected::before, .rtl .i360-app .dropdown .mat-button .selected::before, .rtl .i360-app .mat-button .dropdown_list ul li.selected::before, .rtl .i360-app .dropdown_list ul .mat-button li.selected::before, .rtl .i360-app .mat-button .dropdown_list ul li.active::before, .rtl .i360-app .dropdown_list ul .mat-button li.active::before {\n  margin-right: -15px;\n}\n.i360-app .mat-raised-button.capitalize, .i360-app .mat-button.capitalize {\n  text-transform: capitalize;\n}\n.i360-app mat-chip-list.i360-chips mat-chip[i360-chip] {\n  background-color: #e2f7e9;\n  height: 27px;\n  border: solid 1px #cecece;\n  border-radius: 2px;\n  cursor: pointer;\n}\n.i360-app mat-chip-list.i360-chips mat-chip[i360-chip][i360-chip] {\n  margin: 3px 2.5px;\n}\n.i360-app mat-chip-list.i360-chips mat-chip[i360-chip] i360-ellipsis {\n  max-width: 276px;\n}\n.ltr .i360-app .mat-form-field-type-mat-input .mat-form-field-prefix + .mat-form-field-infix i360-error {\n  left: -48px;\n}\n.rtl .i360-app .mat-form-field-type-mat-input .mat-form-field-prefix + .mat-form-field-infix i360-error {\n  right: -48px;\n}\n.i360-app .mat-form-field-type-mat-input .mat-form-field-wrapper {\n  margin: 0;\n}\n.i360-app .mat-form-field-type-mat-input.mat-form-field-should-float .mat-form-field-label-wrapper {\n  overflow: visible;\n  margin-top: 3px;\n}\n.i360-app .mat-form-field-type-mat-input .mat-form-field-label, .i360-app .mat-form-field-type-mat-input.mat-form-field.mat-form-field-invalid.ng-pristine .mat-form-field-label {\n  margin-top: -4px;\n  font-size: 12px;\n  color: #a8abae;\n}\n.i360-app .mat-form-field-type-mat-input .mat-form-field-flex {\n  height: 40px;\n  margin-top: 0;\n}\n.i360-app .mat-form-field-type-mat-input .mat-form-field-infix {\n  margin-top: -8px;\n}\n.ltr .i360-app .mat-form-field-type-mat-input .mat-form-field-infix {\n  margin-left: 10px;\n}\n.rtl .i360-app .mat-form-field-type-mat-input .mat-form-field-infix {\n  margin-right: 10px;\n}\n.i360-app .mat-form-field-type-mat-input .mat-form-field-prefix {\n  font-size: 16px;\n}\n.ltr .i360-app .mat-form-field-type-mat-input .mat-form-field-prefix {\n  margin-left: 7px;\n}\n.rtl .i360-app .mat-form-field-type-mat-input .mat-form-field-prefix {\n  margin-right: 7px;\n}\n.ltr .i360-app .mat-form-field-type-mat-input .mat-form-field-prefix {\n  margin-right: 7px;\n}\n.rtl .i360-app .mat-form-field-type-mat-input .mat-form-field-prefix {\n  margin-left: 7px;\n}\n.i360-app .mat-form-field-type-mat-input .mat-form-field-prefix mat-icon {\n  font-size: 30px;\n  transform: rotate(90deg);\n}\n.i360-app .mat-form-field-type-mat-input input {\n  font-size: 12px;\n  margin-top: -5px;\n  margin-bottom: 9px;\n  caret-color: #535353;\n  border: none !important;\n  box-shadow: none !important;\n  padding: 0;\n  background: transparent;\n  height: auto;\n}\n.i360-app .mat-form-field-type-mat-input.mat-focused .mat-form-field-outline {\n  background-image: linear-gradient(to bottom, #ffffff, #fbfcff);\n}\n.i360-app .mat-form-field-type-mat-input.mat-focused .mat-form-field-outline > * {\n  border-color: #11cb84;\n}\n.i360-app .mat-form-field-type-mat-input.mat-focused .mat-form-field-label {\n  color: #11cb84;\n}\n.i360-app .mat-form-field-type-mat-input.mat-form-field-invalid.ng-dirty .mat-form-field-outline {\n  box-shadow: 0 1px 1px 0 #f4f4f3, 0 1px 1px 0 #f4f4f3;\n  background-image: linear-gradient(to bottom, #ffffff, #fbfcff);\n}\n.i360-app .mat-form-field-type-mat-input.mat-form-field-invalid.ng-dirty .mat-form-field-outline > * {\n  border-color: #fc4c4c;\n}\n.i360-app .mat-form-field-type-mat-input.mat-form-field-invalid.ng-dirty .mat-form-field-label {\n  color: #fc4c4c;\n}\n.i360-app .mat-form-field-type-mat-input.mat-form-field-should-float .mat-form-field-outline-gap {\n  border-top-color: transparent !important;\n}\n.i360-app .mat-form-field-type-mat-input .mat-form-field-outline {\n  top: 0;\n  box-shadow: 0 1px 1px 0 #f4f4f3;\n}\n.i360-app .mat-form-field-type-mat-input .mat-form-field-outline > * {\n  background-color: #ffffff;\n  border-color: #dee1ec;\n}\n.i360-app .mat-form-field-type-mat-input .mat-form-field-outline > *.mat-form-field-outline-start {\n  border-left-width: 1px;\n  border-top-width: 1px;\n  border-bottom-width: 1px;\n}\n.i360-app .mat-form-field-type-mat-input .mat-form-field-outline > *.mat-form-field-outline-end {\n  border-right-width: 1px;\n  border-top-width: 1px;\n  border-bottom-width: 1px;\n}\n.i360-app .mat-form-field-type-mat-input .mat-form-field-outline > *.mat-form-field-outline-gap {\n  border-bottom-width: 1px;\n  border-top-width: 1px;\n}\n.i360-app mat-icon svg {\n  height: inherit;\n}\n.i360-app * {\n  box-sizing: border-box;\n}\n.i360-app a {\n  color: #337ab7;\n  text-decoration: none;\n}\n.i360-app input:-webkit-autofill {\n  -webkit-box-shadow: 0 0 0 1000px white inset;\n}\n.i360-app input, .i360-app button, .i360-app select, .i360-app textarea {\n  font-family: "Open Sans", sans-serif !important;\n  font-size: inherit;\n  line-height: inherit;\n}\n.i360-app label {\n  font-weight: normal;\n  margin: auto;\n  display: inline-flex;\n}\n.i360-app span.active {\n  background-color: gray;\n}\n.i360-app h1 {\n  margin-bottom: 0;\n  height: 35px;\n  font-size: 33px;\n  font-weight: 400;\n  color: #404040;\n}\n.i360-app .b_btn {\n  font-size: 14px;\n  outline: none;\n}\n.i360-app .b_btn:disabled {\n  box-shadow: none;\n}\nhtml.rtl .i360-app :not(th).rtl-except {\n  direction: ltr;\n  text-align: right;\n}\n.i360-app .canvas {\n  min-height: 50px;\n  background-color: #ffffff;\n  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);\n  border-style: solid;\n  border-width: 0;\n  border-image-source: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1) 5%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0));\n  border-image-slice: 1;\n}\n.i360-app .canvas.no-border {\n  border: none;\n  box-shadow: none;\n}\n.i360-app a {\n  cursor: pointer;\n}\n.i360-app .coming-soon_element a {\n  color: #9E9E9E !important;\n}\n.i360-app .filters-actions-wrapper {\n  align-items: flex-end;\n  justify-content: space-between;\n}\n.i360-app .mat-tooltip {\n  font-family: "Open Sans";\n  font-size: 11px;\n  font-weight: normal;\n  font-style: normal;\n  font-stretch: normal;\n}\n.i360-app .mat-tooltip.white-space {\n  white-space: pre-wrap;\n}\n.i360-app .mat-tooltip.wide-tooltip {\n  max-width: 600px !important;\n}\n.i360-app .mat-tooltip.email-version-tooltip {\n  min-width: 200px;\n  white-space: pre-line;\n  background: rgba(34, 32, 32, 0.9);\n}\n.i360-app .lineBreakable {\n  white-space: pre-line;\n}\n.i360-app .i360-header {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  vertical-align: middle;\n  line-height: 1;\n}\n.i360-app .i360-header h1 {\n  height: initial;\n  margin-top: 0;\n  margin-bottom: 16px;\n}\n.i360-app .i360-header-section {\n  display: flex;\n  width: 100%;\n  align-items: center;\n}\n.i360-app .i360-header-section i360-header {\n  flex-grow: 1;\n}\n.i360-app .uppercase {\n  text-transform: uppercase;\n}\n.i360-app .support {\n  display: inline-block;\n  width: 25px;\n  height: 24px;\n}\n.i360-app .severity-icon {\n  display: inline-block;\n  width: 8px;\n  height: 8px;\n  border-radius: 8px;\n}\n.ltr .i360-app .severity-icon {\n  margin-right: 8px;\n}\n.rtl .i360-app .severity-icon {\n  margin-left: 8px;\n}\n.i360-app .severity-icon.high {\n  background-color: #fc4c4c;\n}\n.i360-app .severity-icon.low {\n  background-color: #36b081;\n}\n.i360-app .severity-icon.medium {\n  background-color: #ffa83d;\n}\n.i360-app .severity-icon.log {\n  background-color: #9a9a9a;\n}\n.i360-app .severity-icon.block {\n  background-color: #ffa83d;\n}\n.i360-app .severity-icon.kill {\n  background-color: #fc4c4c;\n}\n.i360-app svg {\n  vertical-align: baseline;\n}\n#masterContainer table a {\n  color: #11cb84;\n}\n.cdk-visually-hidden {\n  display: none;\n}',"",{version:3,sources:["webpack://src/app/styles/global/app.style.scss","webpack://src/app/styles/global/cpanel.scss","webpack://src/app/styles/common/variables.scss","webpack://src/app/styles/global/plesk.scss","webpack://src/app/styles/global/directadmin.scss","webpack://src/app/styles/common/rtl.scss","webpack://src/app/styles/global/i360-icons/i360-icon-font.css","webpack://src/app/styles/global/main.scss","webpack://src/app/styles/common/common.scss","webpack://src/app/styles/global/material-theme.scss","webpack://node_modules/@angular/material/_theming.scss","webpack://src/app/utils/material/slide-toggle.component.scss","webpack://src/app/utils/material/checkbox.component.scss","webpack://src/app/utils/material/radio-button.component.scss","webpack://node_modules/bootstrap/scss/_root.scss","webpack://node_modules/bootstrap/scss/_dropdown.scss","webpack://node_modules/bootstrap/scss/mixins/_caret.scss","webpack://node_modules/bootstrap/scss/_variables.scss","webpack://node_modules/bootstrap/scss/vendor/_rfs.scss","webpack://node_modules/bootstrap/scss/mixins/_border-radius.scss","webpack://node_modules/bootstrap/scss/mixins/_breakpoints.scss","webpack://node_modules/bootstrap/scss/mixins/_nav-divider.scss","webpack://node_modules/bootstrap/scss/mixins/_hover.scss","webpack://node_modules/bootstrap/scss/mixins/_gradients.scss","webpack://node_modules/bootstrap/scss/_tables.scss","webpack://node_modules/bootstrap/scss/mixins/_table-row.scss","webpack://node_modules/bootstrap/scss/_grid.scss","webpack://node_modules/bootstrap/scss/mixins/_grid.scss","webpack://node_modules/bootstrap/scss/mixins/_grid-framework.scss"],names:[],mappings:"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AjBqlCX;AwB3lCE;;EAEE,gBPkV0B;EOjV1B,mBAAA;EACA,6BAAA;AxB6lCJ;AwB1lCE;EACE,sBAAA;EACA,gCAAA;AxB4lCJ;AwBzlCE;EACE,6BAAA;AxB2lCJ;AwBjlCE;;EAEE,eP4T0B;AjBuxB9B;AwB1kCA;EACE,yBAAA;AxB4kCF;AwB1kCE;;EAEE,yBAAA;AxB4kCJ;AwBxkCI;;EAEE,wBAAA;AxB0kCN;AwBpkCE;;;;EAIE,SAAA;AxBskCJ;AwB7jCE;EACE,qCPwR0B;AjBuyB9B;AsB9nCE;EE2EI,cPvEK;EOwEL,yBtB3DW;AFinCjB;AyBxoCI;;;EAGE,yBD2F+B;AxB+iCrC;AyBtoCM;;;;EAIE,qBDmFyE;AxBqjCjF;AsB7oCE;EGiBM,yBAJe;AzBmoCvB;AyB7nCQ;;EAEE,yBARa;AzBuoCvB;AyB1pCI;;;EAGE,yBD2F+B;AxBikCrC;AyBxpCM;;;;EAIE,qBDmFyE;AxBukCjF;AsB/pCE;EGiBM,yBAJe;AzBqpCvB;AyB/oCQ;;EAEE,yBARa;AzBypCvB;AyB5qCI;;;EAGE,yBD2F+B;AxBmlCrC;AyB1qCM;;;;EAIE,qBDmFyE;AxBylCjF;AsBjrCE;EGiBM,yBAJe;AzBuqCvB;AyBjqCQ;;EAEE,yBARa;AzB2qCvB;AyB9rCI;;;EAGE,yBD2F+B;AxBqmCrC;AyB5rCM;;;;EAIE,qBDmFyE;AxB2mCjF;AsBnsCE;EGiBM,yBAJe;AzByrCvB;AyBnrCQ;;EAEE,yBARa;AzB6rCvB;AyBhtCI;;;EAGE,yBD2F+B;AxBunCrC;AyB9sCM;;;;EAIE,qBDmFyE;AxB6nCjF;AsBrtCE;EGiBM,yBAJe;AzB2sCvB;AyBrsCQ;;EAEE,yBARa;AzB+sCvB;AyBluCI;;;EAGE,yBD2F+B;AxByoCrC;AyBhuCM;;;;EAIE,qBDmFyE;AxB+oCjF;AsBvuCE;EGiBM,yBAJe;AzB6tCvB;AyBvtCQ;;EAEE,yBARa;AzBiuCvB;AyBpvCI;;;EAGE,yBD2F+B;AxB2pCrC;AyBlvCM;;;;EAIE,qBDmFyE;AxBiqCjF;AsBzvCE;EGiBM,yBAJe;AzB+uCvB;AyBzuCQ;;EAEE,yBARa;AzBmvCvB;AyBtwCI;;;EAGE,yBD2F+B;AxB6qCrC;AyBpwCM;;;;EAIE,qBDmFyE;AxBmrCjF;AsB3wCE;EGiBM,yBAJe;AzBiwCvB;AyB3vCQ;;EAEE,yBARa;AzBqwCvB;AyBxxCI;;;EAGE,yBvBoBW;AFswCjB;AsBvxCE;EGiBM,yBAJe;AzB6wCvB;AyBvwCQ;;EAEE,yBARa;AzBixCvB;AwBzrCI;EACE,WP3GK;EO4GL,yBPpGK;EOqGL,qBPgQwB;AjB27B9B;AwBtrCI;EACE,cP5GK;EO6GL,yBPlHK;EOmHL,qBPlHK;AjB0yCX;AwBnrCA;EACE,WP3HS;EO4HT,yBPpHS;AjByyCX;AwBnrCE;;;EAGE,qBP4O0B;AjBy8B9B;AwBlrCE;EACE,SAAA;AxBorCJ;AwBhrCI;EACE,2CPgOwB;AjBk9B9B;AsBvzCE;EE4IM,WPjJG;EOkJH,4CP0NsB;AjBo9B9B;AoB9vCI;EIiGA;IAEI,cAAA;IACA,WAAA;IACA,gBAAA;IACA,iCAAA;ExB+pCN;EwB5pCM;IACE,SAAA;ExB8pCR;AACF;AoBzwCI;EIiGA;IAEI,cAAA;IACA,WAAA;IACA,gBAAA;IACA,iCAAA;ExB0qCN;EwBvqCM;IACE,SAAA;ExByqCR;AACF;AoBpxCI;EIiGA;IAEI,cAAA;IACA,WAAA;IACA,gBAAA;IACA,iCAAA;ExBqrCN;EwBlrCM;IACE,SAAA;ExBorCR;AACF;AoB/xCI;EIiGA;IAEI,cAAA;IACA,WAAA;IACA,gBAAA;IACA,iCAAA;ExBgsCN;EwB7rCM;IACE,SAAA;ExB+rCR;AACF;AwBzsCI;EAEI,cAAA;EACA,WAAA;EACA,gBAAA;EACA,iCAAA;AxB0sCR;AwBvsCQ;EACE,SAAA;AxBysCV;A0Bt3CE;;;;;;ECDA,WAAA;EACA,mBAAA;EACA,kBAAA;EACA,kBAAA;EACA,iBAAA;A3B+3CF;AoB50CI;EMzCE;IACE,gBT8Le;EjB0rCrB;AACF;AoBj1CI;EMzCE;IACE,gBT8Le;EjB+rCrB;AACF;AoBt1CI;EMzCE;IACE,gBT8Le;EjBosCrB;AACF;AoB31CI;EMzCE;IACE,iBT8Le;EjBysCrB;AACF;A0B52CE;ECnCA,aAAA;EACA,eAAA;EACA,mBAAA;EACA,kBAAA;A3Bk5CF;A0B52CE;EACE,eAAA;EACA,cAAA;A1B82CJ;A0B52CI;;EAEE,gBAAA;EACA,eAAA;A1B82CN;A4Bp6CE;;;;;;EACE,kBAAA;EACA,WAAA;EACA,mBAAA;EACA,kBAAA;A5B26CJ;A4Br5CM;EACE,aAAA;EACA,YAAA;EACA,eAAA;A5Bu5CR;A2B33CE;EACE,cAAA;EACA,eAAA;A3B63CJ;A2B/3CE;EACE,aAAA;EACA,cAAA;A3Bi4CJ;A2Bn4CE;EACE,wBAAA;EACA,yBAAA;A3Bq4CJ;A2Bv4CE;EACE,aAAA;EACA,cAAA;A3By4CJ;A2B34CE;EACE,aAAA;EACA,cAAA;A3B64CJ;A2B/4CE;EACE,wBAAA;EACA,yBAAA;A3Bi5CJ;A4Bp6CM;EDCJ,cAAA;EACA,WAAA;EACA,eAAA;A3Bs6CF;A4Bn6CU;EDbR,qBAAA;EAIA,sBAAA;A3Bg7CF;A4Bv6CU;EDbR,sBAAA;EAIA,uBAAA;A3Bo7CF;A4B36CU;EDbR,aAAA;EAIA,cAAA;A3Bw7CF;A4B/6CU;EDbR,sBAAA;EAIA,uBAAA;A3B47CF;A4Bn7CU;EDbR,sBAAA;EAIA,uBAAA;A3Bg8CF;A4Bv7CU;EDbR,aAAA;EAIA,cAAA;A3Bo8CF;A4B37CU;EDbR,sBAAA;EAIA,uBAAA;A3Bw8CF;A4B/7CU;EDbR,sBAAA;EAIA,uBAAA;A3B48CF;A4Bn8CU;EDbR,aAAA;EAIA,cAAA;A3Bg9CF;A4Bv8CU;EDbR,sBAAA;EAIA,uBAAA;A3Bo9CF;A4B38CU;EDbR,sBAAA;EAIA,uBAAA;A3Bw9CF;A4B/8CU;EDbR,cAAA;EAIA,eAAA;A3B49CF;A4B78CM;EAAwB,SAAA;A5Bg9C9B;A4B98CM;EAAuB,SAAA;A5Bi9C7B;A4B98CQ;EAAwB,QADb;A5Bk9CnB;A4Bj9CQ;EAAwB,QADb;A5Bq9CnB;A4Bp9CQ;EAAwB,QADb;A5Bw9CnB;A4Bv9CQ;EAAwB,QADb;A5B29CnB;A4B19CQ;EAAwB,QADb;A5B89CnB;A4B79CQ;EAAwB,QADb;A5Bi+CnB;A4Bh+CQ;EAAwB,QADb;A5Bo+CnB;A4Bn+CQ;EAAwB,QADb;A5Bu+CnB;A4Bt+CQ;EAAwB,QADb;A5B0+CnB;A4Bz+CQ;EAAwB,QADb;A5B6+CnB;A4B5+CQ;EAAwB,SADb;A5Bg/CnB;A4B/+CQ;EAAwB,SADb;A5Bm/CnB;A4Bl/CQ;EAAwB,SADb;A5Bs/CnB;A4B9+CY;EDhBV,wBAAA;A3BigDF;A4Bj/CY;EDhBV,yBAAA;A3BogDF;A4Bp/CY;EDhBV,gBAAA;A3BugDF;A4Bv/CY;EDhBV,yBAAA;A3B0gDF;A4B1/CY;EDhBV,yBAAA;A3B6gDF;A4B7/CY;EDhBV,gBAAA;A3BghDF;A4BhgDY;EDhBV,yBAAA;A3BmhDF;A4BngDY;EDhBV,yBAAA;A3BshDF;A4BtgDY;EDhBV,gBAAA;A3ByhDF;A4BzgDY;EDhBV,yBAAA;A3B4hDF;A4B5gDY;EDhBV,yBAAA;A3B+hDF;AoB1hDI;EQ3BE;IACE,aAAA;IACA,YAAA;IACA,eAAA;E5BwjDN;E2B5hDA;IACE,cAAA;IACA,eAAA;E3B8hDF;E2BhiDA;IACE,aAAA;IACA,cAAA;E3BkiDF;E2BpiDA;IACE,wBAAA;IACA,yBAAA;E3BsiDF;E2BxiDA;IACE,aAAA;IACA,cAAA;E3B0iDF;E2B5iDA;IACE,aAAA;IACA,cAAA;E3B8iDF;E2BhjDA;IACE,wBAAA;IACA,yBAAA;E3BkjDF;E4BrkDI;IDCJ,cAAA;IACA,WAAA;IACA,eAAA;E3BukDA;E4BpkDQ;IDbR,qBAAA;IAIA,sBAAA;E3BilDA;E4BxkDQ;IDbR,sBAAA;IAIA,uBAAA;E3BqlDA;E4B5kDQ;IDbR,aAAA;IAIA,cAAA;E3BylDA;E4BhlDQ;IDbR,sBAAA;IAIA,uBAAA;E3B6lDA;E4BplDQ;IDbR,sBAAA;IAIA,uBAAA;E3BimDA;E4BxlDQ;IDbR,aAAA;IAIA,cAAA;E3BqmDA;E4B5lDQ;IDbR,sBAAA;IAIA,uBAAA;E3BymDA;E4BhmDQ;IDbR,sBAAA;IAIA,uBAAA;E3B6mDA;E4BpmDQ;IDbR,aAAA;IAIA,cAAA;E3BinDA;E4BxmDQ;IDbR,sBAAA;IAIA,uBAAA;E3BqnDA;E4B5mDQ;IDbR,sBAAA;IAIA,uBAAA;E3BynDA;E4BhnDQ;IDbR,cAAA;IAIA,eAAA;E3B6nDA;E4B9mDI;IAAwB,SAAA;E5BinD5B;E4B/mDI;IAAuB,SAAA;E5BknD3B;E4B/mDM;IAAwB,QADb;E5BmnDjB;E4BlnDM;IAAwB,QADb;E5BsnDjB;E4BrnDM;IAAwB,QADb;E5BynDjB;E4BxnDM;IAAwB,QADb;E5B4nDjB;E4B3nDM;IAAwB,QADb;E5B+nDjB;E4B9nDM;IAAwB,QADb;E5BkoDjB;E4BjoDM;IAAwB,QADb;E5BqoDjB;E4BpoDM;IAAwB,QADb;E5BwoDjB;E4BvoDM;IAAwB,QADb;E5B2oDjB;E4B1oDM;IAAwB,QADb;E5B8oDjB;E4B7oDM;IAAwB,SADb;E5BipDjB;E4BhpDM;IAAwB,SADb;E5BopDjB;E4BnpDM;IAAwB,SADb;E5BupDjB;E4B/oDU;IDhBV,cAAA;E3BkqDA;E4BlpDU;IDhBV,wBAAA;E3BqqDA;E4BrpDU;IDhBV,yBAAA;E3BwqDA;E4BxpDU;IDhBV,gBAAA;E3B2qDA;E4B3pDU;IDhBV,yBAAA;E3B8qDA;E4B9pDU;IDhBV,yBAAA;E3BirDA;E4BjqDU;IDhBV,gBAAA;E3BorDA;E4BpqDU;IDhBV,yBAAA;E3BurDA;E4BvqDU;IDhBV,yBAAA;E3B0rDA;E4B1qDU;IDhBV,gBAAA;E3B6rDA;E4B7qDU;IDhBV,yBAAA;E3BgsDA;E4BhrDU;IDhBV,yBAAA;E3BmsDA;AACF;AoB/rDI;EQ3BE;IACE,aAAA;IACA,YAAA;IACA,eAAA;E5B6tDN;E2BjsDA;IACE,cAAA;IACA,eAAA;E3BmsDF;E2BrsDA;IACE,aAAA;IACA,cAAA;E3BusDF;E2BzsDA;IACE,wBAAA;IACA,yBAAA;E3B2sDF;E2B7sDA;IACE,aAAA;IACA,cAAA;E3B+sDF;E2BjtDA;IACE,aAAA;IACA,cAAA;E3BmtDF;E2BrtDA;IACE,wBAAA;IACA,yBAAA;E3ButDF;E4B1uDI;IDCJ,cAAA;IACA,WAAA;IACA,eAAA;E3B4uDA;E4BzuDQ;IDbR,qBAAA;IAIA,sBAAA;E3BsvDA;E4B7uDQ;IDbR,sBAAA;IAIA,uBAAA;E3B0vDA;E4BjvDQ;IDbR,aAAA;IAIA,cAAA;E3B8vDA;E4BrvDQ;IDbR,sBAAA;IAIA,uBAAA;E3BkwDA;E4BzvDQ;IDbR,sBAAA;IAIA,uBAAA;E3BswDA;E4B7vDQ;IDbR,aAAA;IAIA,cAAA;E3B0wDA;E4BjwDQ;IDbR,sBAAA;IAIA,uBAAA;E3B8wDA;E4BrwDQ;IDbR,sBAAA;IAIA,uBAAA;E3BkxDA;E4BzwDQ;IDbR,aAAA;IAIA,cAAA;E3BsxDA;E4B7wDQ;IDbR,sBAAA;IAIA,uBAAA;E3B0xDA;E4BjxDQ;IDbR,sBAAA;IAIA,uBAAA;E3B8xDA;E4BrxDQ;IDbR,cAAA;IAIA,eAAA;E3BkyDA;E4BnxDI;IAAwB,SAAA;E5BsxD5B;E4BpxDI;IAAuB,SAAA;E5BuxD3B;E4BpxDM;IAAwB,QADb;E5BwxDjB;E4BvxDM;IAAwB,QADb;E5B2xDjB;E4B1xDM;IAAwB,QADb;E5B8xDjB;E4B7xDM;IAAwB,QADb;E5BiyDjB;E4BhyDM;IAAwB,QADb;E5BoyDjB;E4BnyDM;IAAwB,QADb;E5BuyDjB;E4BtyDM;IAAwB,QADb;E5B0yDjB;E4BzyDM;IAAwB,QADb;E5B6yDjB;E4B5yDM;IAAwB,QADb;E5BgzDjB;E4B/yDM;IAAwB,QADb;E5BmzDjB;E4BlzDM;IAAwB,SADb;E5BszDjB;E4BrzDM;IAAwB,SADb;E5ByzDjB;E4BxzDM;IAAwB,SADb;E5B4zDjB;E4BpzDU;IDhBV,cAAA;E3Bu0DA;E4BvzDU;IDhBV,wBAAA;E3B00DA;E4B1zDU;IDhBV,yBAAA;E3B60DA;E4B7zDU;IDhBV,gBAAA;E3Bg1DA;E4Bh0DU;IDhBV,yBAAA;E3Bm1DA;E4Bn0DU;IDhBV,yBAAA;E3Bs1DA;E4Bt0DU;IDhBV,gBAAA;E3By1DA;E4Bz0DU;IDhBV,yBAAA;E3B41DA;E4B50DU;IDhBV,yBAAA;E3B+1DA;E4B/0DU;IDhBV,gBAAA;E3Bk2DA;E4Bl1DU;IDhBV,yBAAA;E3Bq2DA;E4Br1DU;IDhBV,yBAAA;E3Bw2DA;AACF;AoBp2DI;EQ3BE;IACE,aAAA;IACA,YAAA;IACA,eAAA;E5Bk4DN;E2Bt2DA;IACE,cAAA;IACA,eAAA;E3Bw2DF;E2B12DA;IACE,aAAA;IACA,cAAA;E3B42DF;E2B92DA;IACE,wBAAA;IACA,yBAAA;E3Bg3DF;E2Bl3DA;IACE,aAAA;IACA,cAAA;E3Bo3DF;E2Bt3DA;IACE,aAAA;IACA,cAAA;E3Bw3DF;E2B13DA;IACE,wBAAA;IACA,yBAAA;E3B43DF;E4B/4DI;IDCJ,cAAA;IACA,WAAA;IACA,eAAA;E3Bi5DA;E4B94DQ;IDbR,qBAAA;IAIA,sBAAA;E3B25DA;E4Bl5DQ;IDbR,sBAAA;IAIA,uBAAA;E3B+5DA;E4Bt5DQ;IDbR,aAAA;IAIA,cAAA;E3Bm6DA;E4B15DQ;IDbR,sBAAA;IAIA,uBAAA;E3Bu6DA;E4B95DQ;IDbR,sBAAA;IAIA,uBAAA;E3B26DA;E4Bl6DQ;IDbR,aAAA;IAIA,cAAA;E3B+6DA;E4Bt6DQ;IDbR,sBAAA;IAIA,uBAAA;E3Bm7DA;E4B16DQ;IDbR,sBAAA;IAIA,uBAAA;E3Bu7DA;E4B96DQ;IDbR,aAAA;IAIA,cAAA;E3B27DA;E4Bl7DQ;IDbR,sBAAA;IAIA,uBAAA;E3B+7DA;E4Bt7DQ;IDbR,sBAAA;IAIA,uBAAA;E3Bm8DA;E4B17DQ;IDbR,cAAA;IAIA,eAAA;E3Bu8DA;E4Bx7DI;IAAwB,SAAA;E5B27D5B;E4Bz7DI;IAAuB,SAAA;E5B47D3B;E4Bz7DM;IAAwB,QADb;E5B67DjB;E4B57DM;IAAwB,QADb;E5Bg8DjB;E4B/7DM;IAAwB,QADb;E5Bm8DjB;E4Bl8DM;IAAwB,QADb;E5Bs8DjB;E4Br8DM;IAAwB,QADb;E5By8DjB;E4Bx8DM;IAAwB,QADb;E5B48DjB;E4B38DM;IAAwB,QADb;E5B+8DjB;E4B98DM;IAAwB,QADb;E5Bk9DjB;E4Bj9DM;IAAwB,QADb;E5Bq9DjB;E4Bp9DM;IAAwB,QADb;E5Bw9DjB;E4Bv9DM;IAAwB,SADb;E5B29DjB;E4B19DM;IAAwB,SADb;E5B89DjB;E4B79DM;IAAwB,SADb;E5Bi+DjB;E4Bz9DU;IDhBV,cAAA;E3B4+DA;E4B59DU;IDhBV,wBAAA;E3B++DA;E4B/9DU;IDhBV,yBAAA;E3Bk/DA;E4Bl+DU;IDhBV,gBAAA;E3Bq/DA;E4Br+DU;IDhBV,yBAAA;E3Bw/DA;E4Bx+DU;IDhBV,yBAAA;E3B2/DA;E4B3+DU;IDhBV,gBAAA;E3B8/DA;E4B9+DU;IDhBV,yBAAA;E3BigEA;E4Bj/DU;IDhBV,yBAAA;E3BogEA;E4Bp/DU;IDhBV,gBAAA;E3BugEA;E4Bv/DU;IDhBV,yBAAA;E3B0gEA;E4B1/DU;IDhBV,yBAAA;E3B6gEA;AACF;AoBzgEI;EQ3BE;IACE,aAAA;IACA,YAAA;IACA,eAAA;E5BuiEN;E2B3gEA;IACE,cAAA;IACA,eAAA;E3B6gEF;E2B/gEA;IACE,aAAA;IACA,cAAA;E3BihEF;E2BnhEA;IACE,wBAAA;IACA,yBAAA;E3BqhEF;E2BvhEA;IACE,aAAA;IACA,cAAA;E3ByhEF;E2B3hEA;IACE,aAAA;IACA,cAAA;E3B6hEF;E2B/hEA;IACE,wBAAA;IACA,yBAAA;E3BiiEF;E4BpjEI;IDCJ,cAAA;IACA,WAAA;IACA,eAAA;E3BsjEA;E4BnjEQ;IDbR,qBAAA;IAIA,sBAAA;E3BgkEA;E4BvjEQ;IDbR,sBAAA;IAIA,uBAAA;E3BokEA;E4B3jEQ;IDbR,aAAA;IAIA,cAAA;E3BwkEA;E4B/jEQ;IDbR,sBAAA;IAIA,uBAAA;E3B4kEA;E4BnkEQ;IDbR,sBAAA;IAIA,uBAAA;E3BglEA;E4BvkEQ;IDbR,aAAA;IAIA,cAAA;E3BolEA;E4B3kEQ;IDbR,sBAAA;IAIA,uBAAA;E3BwlEA;E4B/kEQ;IDbR,sBAAA;IAIA,uBAAA;E3B4lEA;E4BnlEQ;IDbR,aAAA;IAIA,cAAA;E3BgmEA;E4BvlEQ;IDbR,sBAAA;IAIA,uBAAA;E3BomEA;E4B3lEQ;IDbR,sBAAA;IAIA,uBAAA;E3BwmEA;E4B/lEQ;IDbR,cAAA;IAIA,eAAA;E3B4mEA;E4B7lEI;IAAwB,SAAA;E5BgmE5B;E4B9lEI;IAAuB,SAAA;E5BimE3B;E4B9lEM;IAAwB,QADb;E5BkmEjB;E4BjmEM;IAAwB,QADb;E5BqmEjB;E4BpmEM;IAAwB,QADb;E5BwmEjB;E4BvmEM;IAAwB,QADb;E5B2mEjB;E4B1mEM;IAA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A7Be;AVptDvB;AUsvDM;EACE,0BAxCiB;AV5sDzB;AUuvDM;EACE,0BAtCmB;AV/sD3B;AU9gBI;EACE,cAAA;AVghBN;AU7gBI;EACE,cAAA;AV+gBN;AU5gBI;EACE,cAAA;AV8gBN;AUlaE;EACE,0BAAA;AVoaJ;AUjaE;;EAEE,0BAAA;AVmaJ;AUhaE;EACE,oBAAA;AVkaJ;AU3dE;EA4DI,0BAAA;AVkaN;AU9dE;EA4DI,0BAAA;AVkaN;AU1dE;EAwDI,0BAAA;AVqaN;AUzdE;EAoDI,0BAAA;AVwaN;AUxdE;EAgDI,0BAAA;AV2aN;AUxZE;EACE,oBAAA;AV0ZJ;AUvZE;;EAEE,oBAAA;AVyZJ;AUtZE;EACE,cAAA;AVwZJ;AUnWI;EACE,0BAAA;AVqWN;AUlWI;EACE,0BAAA;AVoWN;AUjWI;EACE,0BAAA;AVmWN;AU/VE;EACE,yBAAA;AViWJ;AU3VI;;;;;EACE,+BAAA;AViWN;AU5VI;EACE,+BAAA;AV8VN;AUtQE;EAEE,iBAAA;AVuQJ;AUnpIE;EAXA,0HAAA;AViqIF;AUvQE;EACE,uBAAA;EACA,0BAAA;AVyQJ;AUtQM;;EAGE,0BAAA;AVuQR;AUlQE;;EAEE,0BAAA;AVoQJ;AU7PI;;;;EACE,+BAAA;AVkQN;AUpME;EACE,iBAAA;AVsMJ;AUnME;;EAEE,0BAAA;AVqMJ;AUlME;;EAEE,yCAAA;EACA,2CAAA;AVoMJ;AUjME;;EAEE,yCAAA;AVmMJ;AU/LI;;;;EAIE,iCAAA;AViMN;AU5KI;EACE,gBAJK;AVkLX;AU7IE;EACE,aAAA;AV+IJ;AU5IE;EACE,yBAAA;AV8IJ;AU3IE;EACE,yBAAA;AV6IJ;AUzII;EACE,aAAA;AV2IN;AUxII;EACE,yBAAA;AV0IN;AUvII;EACE,yBAAA;AVyIN;AUpII;EACE,aAAA;AVsIN;AUnII;EACE,yBAAA;AVqIN;AUlII;EACE,yBAAA;AVoIN;AU7FI;EACE,eAAA;AV+FN;AU5FI;EACE,eAAA;AV8FN;AU3FI;EACE,eAAA;AV6FN;AUxCE;EACE,iCAAA;AV0CJ;AU/DE;EACE,qBAAA;AViEJ;AU9DE;;EAIE,yBAAA;AV8DJ;AUtEE;E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",sourcesContent:["/*\n\nThis program is free software: you can redistribute it and/or modify it under \nthe terms of the GNU General Public License as published by \nthe Free Software Foundation, either version 3 of the License, \nor (at your option) any later version.\n\n\nThis program is distributed in the hope that it will be useful, \nbut WITHOUT ANY WARRANTY; without even the implied warranty of \nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\xa0 \nSee the GNU General Public License for more details.\n\n\nYou should have received a copy of the GNU General Public License\n along with this program.\xa0 If not, see <https://www.gnu.org/licenses/>.\n\nCopyright\xa0\xa9 2019 Cloud Linux Software Inc.\n\nThis software is also available under ImunifyAV commercial license,\nsee <https://www.imunify360.com/legal/eula>\n*/\n@import './cpanel';\n@import './plesk';\n@import './directadmin';\n@import './i360-icons/i360-icon-font';\n\n@import url('https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,300,400,600,700');\n@import url(\"https://fonts.googleapis.com/icon?family=Material+Icons\");\n\n.i360-app {\n    @import \"~bootstrap/scss/functions\";\n    @import \"~bootstrap/scss/variables\";\n    @import \"~bootstrap/scss/mixins\";\n    @import \"~bootstrap/scss/root\";\n    @import '~bootstrap/scss/dropdown';\n    @import '~bootstrap/scss/tables';\n    @import '~bootstrap/scss/grid';\n    //@import '~bootstrap/scss/forms';\n\n    @import './main';\n    @import '../common/common';\n    @import './material-theme';\n\n    // disable some bootstrap styles\n\n    * {\n        box-sizing: border-box;\n    }\n    a {\n        color: #337ab7;\n        text-decoration: none;\n    }\n    input:-webkit-autofill {\n        -webkit-box-shadow: 0 0 0 1000px white inset;\n    }\n    input, button, select, textarea {\n        font-family: 'Open Sans', sans-serif!important;\n        font-size: inherit;\n        line-height: inherit;\n    }\n\n    label {\n        font-weight: normal;\n        margin: auto;\n        display: inline-flex;\n    }\n    position: relative;\n    max-width: 1500px;\n    min-height: 100%;\n    font: 13px 'Open Sans', sans-serif;\n    line-height: 18px;\n\n    span.active {\n        background-color: gray;\n    }\n\n    h1 {\n        margin-bottom: 0;\n        height: 35px;\n        font-size: 33px;\n        font-weight: 400;\n        color: #404040;\n    }\n\n    .b_btn {\n        font-size: 14px;\n        outline: none;\n\n        &:disabled {\n            box-shadow: none;\n        }\n    }\n\n    html.rtl & :not(th).rtl-except {\n        direction: ltr;\n        text-align: right;\n    }\n\n    .canvas {\n        min-height: 50px;\n        background-color: #ffffff;\n        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);\n        border-style: solid;\n        border-width: 0;\n        border-image-source: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1) 5%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0));\n        border-image-slice: 1;\n        &.no-border {\n            border: none;\n            box-shadow: none;\n        }\n    }\n\n    a {\n        cursor: pointer;\n    }\n    .coming-soon_element a {\n        color: #9E9E9E !important;\n    }\n\n    .filters-actions-wrapper {\n        align-items: flex-end;\n        justify-content: space-between;\n    }\n\n    .mat-tooltip {\n        font-family: 'Open Sans';\n        font-size: 11px;\n        font-weight: normal;\n        font-style: normal;\n        font-stretch: normal;\n\n        &.white-space {\n            white-space: pre-wrap;\n        }\n\n        &.wide-tooltip {\n            max-width: 600px!important;\n        }\n        &.email-version-tooltip {\n            min-width: 200px;\n            white-space: pre-line;\n            background: rgb(34 32 32 / 90%);\n        }\n    }\n\n    .lineBreakable {\n        white-space: pre-line;\n    }\n\n    .i360-header {\n        display: flex;\n        align-items: baseline;\n        justify-content: space-between;\n        vertical-align: middle;\n        line-height: 1;\n\n        h1 {\n            height: initial;\n            margin-top: 0;\n            margin-bottom: 16px;\n        }\n    }\n\n    .i360-header-section {\n        display: flex;\n        width: 100%;\n        align-items: center;\n\n        i360-header {\n            flex-grow: 1;\n        }\n    }\n\n    .uppercase {\n        text-transform: uppercase;\n    }\n\n    .support {\n        display: inline-block;\n        width: 25px;\n        height: 24px;\n    }\n    .severity-icon {\n        display: inline-block;\n        @include rtl-margin-right(8px);\n        width: 8px;\n        height: 8px;\n        border-radius: 8px;\n        &.high {\n            background-color: $severity-red;\n        }\n\n        &.low {\n            background-color: $severity-green;\n        }\n\n        &.medium {\n            background-color: $severity-orange;\n        }\n\n        &.log {\n            background-color: #9a9a9a;\n        }\n\n        &.block {\n            background-color: $severity-orange;\n        }\n\n        &.kill {\n            background-color: $severity-red;\n        }\n    }\n    svg { // plesk, ?\n        vertical-align: baseline;\n    }\n}\n\n#masterContainer table a {\n    color: $primary-color;\n}\n\n.cdk-visually-hidden\n{\n    display: none;\n}\n",'/*\n\nThis program is free software: you can redistribute it and/or modify it under \nthe terms of the GNU General Public License as published by \nthe Free Software Foundation, either version 3 of the License, \nor (at your option) any later version.\n\n\nThis program is distributed in the hope that it will be useful, \nbut WITHOUT ANY WARRANTY; without even the implied warranty of \nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\xa0 \nSee the GNU General Public License for more details.\n\n\nYou should have received a copy of the GNU General Public License\n along with this program.\xa0 If not, see <https://www.gnu.org/licenses/>.\n\nCopyright\xa0\xa9 2019 Cloud Linux Software Inc.\n\nThis software is also available under ImunifyAV commercial license,\nsee <https://www.imunify360.com/legal/eula>\n*/\n@import "app/styles/common/variables";\n\nbody {\n    // Version are visible over dropdown (client area)\n    #txtCpanelVersion {\n        z-index: 0 !important;\n    }\n    #contentContainer {\n        padding-top: 20px;\n    }\n}\n\n.i360-app.i360-cpanel {\n    i360-tabs > div > a {\n        color: $header-color;\n        &:hover, &:focus {\n            color: $header-color;\n            text-decoration: none;\n        }\n    }\n}\n',"/*\n\nThis program is free software: you can redistribute it and/or modify it under \nthe terms of the GNU General Public License as published by \nthe Free Software Foundation, either version 3 of the License, \nor (at your option) any later version.\n\n\nThis program is distributed in the hope that it will be useful, \nbut WITHOUT ANY WARRANTY; without even the implied warranty of \nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\xa0 \nSee the GNU General Public License for more details.\n\n\nYou should have received a copy of the GNU General Public License\n along with this program.\xa0 If not, see <https://www.gnu.org/licenses/>.\n\nCopyright\xa0\xa9 2019 Cloud Linux Software Inc.\n\nThis software is also available under ImunifyAV commercial license,\nsee <https://www.imunify360.com/legal/eula>\n*/\n$primary-color: #11cb84;\n$header-color: #1d1d1d;\n$focused-bg: rgba(153, 153, 153, 0.2);\n$pressed-bg: rgba(153, 153, 153, 0.4);\n$disabled-fg: rgba(0, 0, 0, 0.26);\n$scroll-color: #53b076;\n$gray-hover-bg: #f1f1f1;\n$table-hover-bg: #f8f9fb;\n$primary-hover-bg: #e9f6ee;\n$primary-bg: #eff8f2;\n$navbar-bg: #fafafa;\n$gray: #afafaf;\n$alert-red: #ef5870;\n$error-color: #fc4c4c;\n$error-text: #ea7474;\n$success-color: #43a047;\n$gray-fg: #535353;\n$gray-dc: #616161;\n$gray-title: #4e5665;\n$btn-primary-border: #e8e8e8;\n\n$unremarkable: #b9b9b9;\n\n$gray-bg-v2: #f4f5f7;\n$box-shadow: #f4f4f3;\n\n$severity-red: #fc4c4c;\n$severity-orange: #ffa83d;\n$severity-green: #36b081;\n\n$border-style: 1px solid #eceef1;\n$input-border-color: #dee1ec;\n\n$padding-base-vertical:     6px !default;\n$padding-base-horizontal:   12px !default;\n\n$border-radius-base:        4px !default;\n$line-height-base:        1.428571429 !default; // 20/14\n$pagination-bg:                        #fff !default;\n$pagination-border:                    #ddd !default;\n$pagination-hover-border:              #ddd !default;\n$pagination-active-color:              #fff !default;\n$pagination-disabled-bg:               #fff !default;\n$pagination-disabled-border:           #ddd !default;\n$pagination-active-border:           #337ab7 !default;\n$cursor-disabled:                not-allowed !default;\n","/*\n\nThis program is free software: you can redistribute it and/or modify it under \nthe terms of the GNU General Public License as published by \nthe Free Software Foundation, either version 3 of the License, \nor (at your option) any later version.\n\n\nThis program is distributed in the hope that it will be useful, \nbut WITHOUT ANY WARRANTY; without even the implied warranty of \nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\xa0 \nSee the GNU General Public License for more details.\n\n\nYou should have received a copy of the GNU General Public License\n along with this program.\xa0 If not, see <https://www.gnu.org/licenses/>.\n\nCopyright\xa0\xa9 2019 Cloud Linux Software Inc.\n\nThis software is also available under ImunifyAV commercial license,\nsee <https://www.imunify360.com/legal/eula>\n*/\n@import '../common/variables';\n\n/* Fixes for global styles */\nbody .modal-backdrop {\n    opacity: 0.4;\n    background: #4c4c4c;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 1040;\n\n    &.fade {\n        -webkit-transition: opacity 0.15s linear;\n        transition: opacity 0.15s linear;\n    }\n}\n\nbody.modal-open {\n    overflow: visible;\n}\n\n/* Fixes for plugin content */\n.i360-app.i360-plesk {\n    .add_item {\n        color: #333;\n    }\n\n    .pagination_nav {\n        ul.pagination {\n            margin-bottom: 16px;\n        }\n    }\n\n    .scanner-status-widget {\n        color: #333;\n    }\n\n    table > tbody {\n        tr {\n            td {\n                &.expander-column>div {\n                    transform: translateY(2px);\n                }\n            }\n\n            // Fix for Plesk v17.5\n            &:hover {\n                > th {\n                    box-shadow: none;\n                    background-color: #f8f8f8;\n                }\n\n                > td {\n                    box-shadow: none;\n                    background-color: $primary-bg;\n                }\n            }\n        }\n    }\n\n    .notification {\n        outline: none;\n    }\n\n    .search_block .cross_icon {\n        background-color: inherit;\n    }\n\n    .form-control {\n        &:focus {\n            color: $header-color;\n        }\n    }\n\n}\n","/*\n\nThis program is free software: you can redistribute it and/or modify it under \nthe terms of the GNU General Public License as published by \nthe Free Software Foundation, either version 3 of the License, \nor (at your option) any later version.\n\n\nThis program is distributed in the hope that it will be useful, \nbut WITHOUT ANY WARRANTY; without even the implied warranty of \nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\xa0 \nSee the GNU General Public License for more details.\n\n\nYou should have received a copy of the GNU General Public License\n along with this program.\xa0 If not, see <https://www.gnu.org/licenses/>.\n\nCopyright\xa0\xa9 2019 Cloud Linux Software Inc.\n\nThis software is also available under ImunifyAV commercial license,\nsee <https://www.imunify360.com/legal/eula>\n*/\n@import '../common/variables';\n@import '../common/rtl';\n\n/* Fixes for plugin content */\n.i360-app.i360-directadmin {\n    margin: auto 10px;\n\n    * {\n        /* For limit widget, but it causes a problems with focused fields */\n        .cdk-overlay-pane {\n            &:not(.i360-modal-dialog-panel) {\n                bottom: 0 !important;  // forbid overflow at the bottom\n                height: auto;\n                max-height: fit-content;  // don't stretch to the bottom\n            }\n\n            pointer-events: none !important;\n            height: fit-content;  // Fix pop-up height for Chrome\n\n            > mat-dialog-container {\n                max-height: 80%;  // Fix pop-up height for Edge\n            }\n\n            > * {\n                pointer-events: auto;\n            }\n\n        }\n\n        .add-item-container {\n            textarea, input {\n                @include rtl-padding-left(14px);\n            }\n        }\n\n\n        font-size: inherit;\n        font-family: inherit;\n        line-height: inherit;\n\n        .i360-title {\n            font-size: 22px;\n        }\n\n        .list-tabs {\n            font-size: 16px;\n        }\n\n        h1 {\n            font-family: 'Open Sans', sans-serif;\n            font-size: 22px;\n        }\n\n        .title, .warning {\n            font-weight: normal;\n            color: inherit;\n        }\n\n        a {\n            cursor: pointer;\n        }\n\n        div.checkbox_block {\n            padding-top: 2px;\n        }\n\n        i360-error {\n            font-size: 11px;\n        }\n    }\n\n    .mat-select-placeholder {\n        line-height: 0.8;\n        color: transparent;\n    }\n\n    i360-tabs > div > a {\n        color: $header-color;\n        font-size: 16px;\n        font-family: Open Sans, sans-serif;\n\n        &:hover, &:focus {\n            color: $header-color;\n            text-decoration: none;\n        }\n    }\n\n    $width: 890;\n    $max-width: 1300;\n    $step: 30;\n\n    @while $width <= $max-width {\n         @media (min-width: #{$width}px) {\n            width: calc(#{$width}px - 100px);\n        }\n\n        $width: $width + $step;\n    }\n\n    @media (max-width: 789px) {\n        margin: auto 0;\n    }\n}\n\n// For Evolution theme where plugins are displayed inside of an iframe\n#iframe-container .i360-app.i360-directadmin {\n    height: auto;\n    min-height: 400px;\n    padding-bottom: 50px;\n}\n","/*\n\nThis program is free software: you can redistribute it and/or modify it under \nthe terms of the GNU General Public License as published by \nthe Free Software Foundation, either version 3 of the License, \nor (at your option) any later version.\n\n\nThis program is distributed in the hope that it will be useful, \nbut WITHOUT ANY WARRANTY; without even the implied warranty of \nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\xa0 \nSee the GNU General Public License for more details.\n\n\nYou should have received a copy of the GNU General Public License\n along with this program.\xa0 If not, see <https://www.gnu.org/licenses/>.\n\nCopyright\xa0\xa9 2019 Cloud Linux Software Inc.\n\nThis software is also available under ImunifyAV commercial license,\nsee <https://www.imunify360.com/legal/eula>\n*/\n\n@function hasAppParent($ampersand) {\n  @return nth(nth(&, 1), 1) == '.i360-app' or nth(nth(&, 1), 1) == ':not-i360-app-isolated';\n}\n\n@mixin dir($dir) {\n  // TODO: specify explicitly whether to use :host-context or not, because \"hasAppParent\" is imperfect\n  @if hasAppParent(&) {\n    .#{$dir} & {@content};\n  } @else {\n    :host-context(.#{$dir}) & {@content};\n  }\n}\n\n@mixin ltr {\n  @include dir(ltr) {@content};\n}\n\n@mixin rtl {\n  @include dir(rtl) {@content};\n}\n\n@mixin rtl-wrapper($ltr, $rtl, $value) {\n  @include ltr {#{$ltr}: $value};\n  @include rtl {#{$rtl}: $value};\n}\n\n@mixin rtl-wrapper-shorthand($cmd, $top, $right, $bottom, $left) {\n  @include ltr {#{$cmd}: $top $right $bottom $left};\n  @include rtl {#{$cmd}: $top $left $bottom $right};\n}\n\n@mixin rtl-margin($top, $right, $bottom, $left) {\n  @include rtl-wrapper-shorthand(margin, $top, $right, $bottom, $left);\n}\n\n@mixin rtl-margin-left($value) {\n  @include rtl-wrapper(margin-left, margin-right, $value);\n}\n\n@mixin rtl-margin-right($value) {\n  @include rtl-wrapper(margin-right, margin-left, $value);\n}\n\n@mixin rtl-padding($top, $right, $bottom, $left) {\n  @include rtl-wrapper-shorthand(padding, $top, $right, $bottom, $left);\n}\n\n@mixin rtl-padding-left($value) {\n  @include rtl-wrapper(padding-left, padding-right, $value);\n}\n\n@mixin rtl-padding-right($value) {\n  @include rtl-wrapper(padding-right, padding-left, $value);\n}\n\n@mixin rtl-right($value) {\n  @include rtl-wrapper(right, left, $value);\n}\n\n@mixin rtl-left($value) {\n  @include rtl-wrapper(left, right, $value);\n}\n\n@mixin rtl-cmd-right($cmd) {\n  @include ltr {#{$cmd}: right};\n  @include rtl {#{$cmd}: left};\n}\n\n@mixin rtl-cmd-left($cmd) {\n  @include ltr {#{$cmd}: left};\n  @include rtl {#{$cmd}: right};\n}\n\n@mixin rtl-border-radius($top, $right, $bottom, $left) {\n  @include rtl-wrapper-shorthand(border-radius, $top, $right, $bottom, $left);\n}\n\n@mixin rtl-border-width($top, $right, $bottom, $left) {\n  @include rtl-wrapper-shorthand(border-width, $top, $right, $bottom, $left);\n}\n\n@mixin rtl-border-left($value) {\n  @include rtl-wrapper(border-left, border-right, $value);\n}\n",'\n@font-face {\n    font-family: "i360-icon-font";\n    src: url("data:application/x-font-woff;charset=utf-8;base64,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") format(\'woff\');\n}\n\n.i360-app .i360-icon::before {\n    font-family: i360-icon-font, monospace !important;\n    font-size: 22px;\n    line-height: 1;\n    font-style: normal;\n    font-weight: normal;\n    font-variant: normal;\n    text-decoration: inherit;\n    text-rendering: optimizeLegibility;\n    text-transform: none;\n    -moz-osx-font-smoothing: grayscale;\n    -webkit-font-smoothing: antialiased;\n}\n\n.i360-app .i360-icon-add-to-ignore::before {\n    content: "\\f101";\n}\n\n.i360-app .i360-icon-add-to-quarantine::before {\n    content: "\\f102";\n}\n\n.i360-app .i360-icon-add::before {\n    content: "\\f103";\n}\n\n.i360-app .i360-icon-arrow-right::before {\n    content: "\\f104";\n}\n\n.i360-app .i360-icon-arrow::before {\n    content: "\\f105";\n}\n\n.i360-app .i360-icon-bell::before {\n    content: "\\f106";\n}\n\n.i360-app .i360-icon-block::before {\n    content: "\\f107";\n}\n\n.i360-app .i360-icon-cancel::before {\n    content: "\\f108";\n}\n\n.i360-app .i360-icon-cleanup::before {\n    content: "\\f109";\n}\n\n.i360-app .i360-icon-close::before {\n    content: "\\f10a";\n}\n\n.i360-app .i360-icon-copy::before {\n    content: "\\f10b";\n}\n\n.i360-app .i360-icon-country::before {\n    content: "\\f10c";\n}\n\n.i360-app .i360-icon-delete::before {\n    content: "\\f10d";\n}\n\n.i360-app .i360-icon-done::before {\n    content: "\\f10e";\n}\n\n.i360-app .i360-icon-edit::before {\n    content: "\\f10f";\n}\n\n.i360-app .i360-icon-info::before {\n    content: "\\f110";\n}\n\n.i360-app .i360-icon-ip::before {\n    content: "\\f111";\n}\n\n.i360-app .i360-icon-key::before {\n    content: "\\f112";\n}\n\n.i360-app .i360-icon-leaf::before {\n    content: "\\f113";\n}\n\n.i360-app .i360-icon-link::before {\n    content: "\\f114";\n}\n\n.i360-app .i360-icon-more::before {\n    content: "\\f115";\n}\n\n.i360-app .i360-icon-port::before {\n    content: "\\f116";\n}\n\n.i360-app .i360-icon-question::before {\n    content: "\\f117";\n}\n\n.i360-app .i360-icon-refresh::before {\n    content: "\\f118";\n}\n\n.i360-app .i360-icon-remove-from-quarantine::before {\n    content: "\\f119";\n}\n\n.i360-app .i360-icon-remove-from::before {\n    content: "\\f11a";\n}\n\n.i360-app .i360-icon-restore-original::before {\n    content: "\\f11b";\n}\n\n.i360-app .i360-icon-restore::before {\n    content: "\\f11c";\n}\n\n.i360-app .i360-icon-scan::before {\n    content: "\\f11d";\n}\n\n.i360-app .i360-icon-search::before {\n    content: "\\f11e";\n}\n\n.i360-app .i360-icon-settings::before {\n    content: "\\f11f";\n}\n\n.i360-app .i360-icon-stop::before {\n    content: "\\f120";\n}\n\n.i360-app .i360-icon-support::before {\n    content: "\\f121";\n}\n\n.i360-app .i360-icon-upload::before {\n    content: "\\f122";\n}\n\n.i360-app .i360-icon-users::before {\n    content: "\\f123";\n}\n\n.i360-app .i360-icon-view-report::before {\n    content: "\\f124";\n}\n\n.i360-app .i360-icon-view::before {\n    content: "\\f125";\n}\n\n',"/*\n\nThis program is free software: you can redistribute it and/or modify it under \nthe terms of the GNU General Public License as published by \nthe Free Software Foundation, either version 3 of the License, \nor (at your option) any later version.\n\n\nThis program is distributed in the hope that it will be useful, \nbut WITHOUT ANY WARRANTY; without even the implied warranty of \nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\xa0 \nSee the GNU General Public License for more details.\n\n\nYou should have received a copy of the GNU General Public License\n along with this program.\xa0 If not, see <https://www.gnu.org/licenses/>.\n\nCopyright\xa0\xa9 2019 Cloud Linux Software Inc.\n\nThis software is also available under ImunifyAV commercial license,\nsee <https://www.imunify360.com/legal/eula>\n*/\n@import \"../common/variables\";\n@import \"../common/rtl\";\n\n\n#doctitle h1 img {\n    top: 0 !important;\n}\n.error_block {\n    color: red;\n}\n\n#doctitle{\n    display: none;\n}\n\n.dropdown .dropdown-toggle {\n    background-color: #fafafa;\n    border: solid 1px #cecece;\n    border-radius: 2px;\n    outline: none;\n    color: #000;\n    font-size: 13px;\n    @include rtl-margin-right(3px);\n    height: 32px;\n    line-height: 1;\n    transition: all 0.4s;\n    font-family: 'Open Sans', sans-serif;\n    &::after {\n        font-size: 14px;\n        vertical-align: 0.2em;\n    }\n}\n\n.dropdown .dropdown-toggle:hover {\n    background-color: #e7e7e7;\n}\n\n.search_input, .search_block input {\n    border-color: #d8d8d8 !important;\n    height: 32px !important;\n}\n\n.b_dropdown-menu {\n    background-color: #ffffff;\n    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);\n    border-width: 0px;\n    border-radius: 0;\n    padding: 0;\n}\n\n.b_dropdown-menu > li > a {\n    height: 35px;\n    @include rtl-cmd-left(text-align);\n    @include rtl-padding-left(40px);\n    font-size: 13px;\n    color: #4d4d4e;\n    line-height: 30px;\n    font-family: 'Open Sans', sans-serif;\n}\n\n.b_dropdown-menu > li > a:focus, .b_dropdown-menu > li > a:hover,\n.b_dropdown-menu > li.active > a, .b_dropdown-menu > li.active > a:focus, .b_dropdown-menu > li.active > a:hover {\n    color: #4d4d4e;\n    background-color: rgba(55, 171, 99, 0.11);\n}\n\n.btn-filter {\n    height: 27px !important;\n    border-radius: 2px;\n    background-color: #e2f7e9;\n    border: solid 1px #cecece;\n    color: #000 !important;\n    font-size: 13px;\n    line-height: 32px;\n    transition: all 0.4s;\n    min-width: 120px;\n    font-family: 'Open Sans', sans-serif;\n    padding: 0 10px;\n    position: relative;\n    @include rtl-margin-right(2px);\n\n    &:hover {\n        background-color: $primary-bg;\n        border: solid 1px #cecece;\n        color: #000 !important;\n    }\n}\n\n.dropdown .selected {\n    background-color: rgba(55, 171, 99, 0.11);\n\n    &::before {\n        @extend .material-icons;\n        content: 'check';\n        opacity: 1;\n        color: #787878;\n        position: absolute;\n        @include rtl-left(8px);\n        padding-top: 2px;\n    }\n}\n\n/*TODO: get rid of !important*/\nbody .form-control {\n    border-radius: 2px;\n    background-color: #fff;\n    box-shadow: none;\n    border: solid 1px #d8d8d8;\n}\n\n// TODO: remove those styles completely after all text inputs use the same component\n:not(.cl-field-input) > input:focus,\n.form-control:focus {\n    box-shadow: inset 0 0 4px 0 $primary-color !important;\n    border-color: $primary-color !important;\n    background-color: #ffffff !important;\n}\n\nselect.form-control {\n    font-weight: bold;\n    font-size: 12px;\n    color: #5e5e5e;\n    font-family: 'Open Sans', sans-serif;\n    outline: none;\n    box-shadow: none;\n    border-color: #d7d7d7;\n    border-radius: 2px;\n}\n\n.form-control:focus {\n    border-color: #d7d7d7;\n    box-shadow: none;\n}\n\ninput.form-control {\n    color: $header-color;\n    padding: 5px 7px;\n    box-shadow: none;\n}\n\n.flexer {\n    list-style: none;\n\n    display: -webkit-box;\n    display: -moz-box;\n    display: -ms-flexbox;\n    display: -webkit-flex;\n    display: flex;\n    flex-wrap: wrap;\n\n    -webkit-flex-flow: row wrap;\n    justify-content: flex-start;\n}\n\ntable.table {\n    background-color: #f8f8f8;\n    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.17);\n    border-style: solid;\n    border-width: 1px;\n    border-image-source: linear-gradient(to bottom, #e8e5e5, #dcdcdc);\n    border-image-slice: 1;\n    border-spacing: 0;\n    border-collapse: collapse;\n}\n\ntable.table tr {\n    background-color: #ffffff;\n    border: solid 1px #dcdcdc;\n}\n\ntable.table tr, .attributions-container table.table td {\n    height: 50px;\n}\n\n.table {\n    > tr > th, > tr > td {\n        font-size: 13px;\n        font-weight: normal;\n        font-style: normal;\n        font-stretch: normal;\n        padding: 15px 10px;\n        vertical-align: middle;\n\n        &:first-child {\n            @include rtl-padding-left(37px);\n        }\n    }\n\n    td {\n        color: $gray-fg;\n        font-family: 'Open Sans', sans-serif;\n    }\n\n    th {\n        color: $gray-title;\n        background-color: #f8f8f8;\n        vertical-align: middle;\n        @include rtl-cmd-left('text-align');\n    }\n}\n\n.b_btn {\n    position: relative;\n    height: 32px;\n    line-height: 1 !important;\n    padding: 0 15px;\n}\n\n[hidden] {\n    display: none!important;\n}\n\n.rotate90 {\n    -ms-transform: rotate(90deg); /* IE 9 */\n    -webkit-transform: rotate(90deg); /* Safari */\n    transform: rotate(90deg);\n    opacity: 1;\n}\n\n.rotate180 {\n    -ms-transform: rotate(180deg); /* IE 9 */\n    -webkit-transform: rotate(180deg); /* Safari */\n    transform: rotate(180deg);\n    opacity: 1;\n}\n\n.no_list {\n    color: #299aed;\n    border: solid 2px #fff\n}\n\n.white_list {\n    background-color: #ffffff;\n    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.27);\n    color: #4d4d4e;\n    border: solid 2px #fff;\n}\n\n.gray_list {\n    background-color: #9f9f9f;\n    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.46);\n    border: solid 2px #9e9e9e;\n    color: #fff;\n}\n\n.black_list {\n    background-color: #000000;\n    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.46);\n    border: solid 2px #000000;\n    color: #fff;\n}\n.list-type-circle {\n    @include rtl-padding-left(22px);\n    line-height: 14px;\n}\n.list-type-circle:before {\n    content: '';\n    width: 14px;\n    height: 14px;\n    position: absolute;\n    @include rtl-margin-left(-22px);\n    border-radius: 100%;\n}\n.list-type-white:before {\n    background-color: #ffffff;\n    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.27);\n}\n.list-type-black:before {\n    background-color: #000;\n}\n.list-type-gray:before {\n    background-color: #b5bbc1;\n}\n\n.plus_ip {\n    color: #299aed;\n}\n\n.time {\n    height: 18px;\n    font-size: 13px;\n    color: #404040;\n    @include rtl-cmd-left(float);\n    margin-top: 16px;\n    @include rtl-margin-left(10px);\n}\n\n.country {\n    width: 20px;\n    height: 12px;\n    @include rtl-cmd-right(float);\n    margin-top: 18px;\n    @include rtl-margin-left(26px);\n}\n\n.name {\n    font-size: 13px;\n    font-weight: 600;\n    color: #000000;\n    margin-top: 16px;\n}\n\n.retries {\n    font-size: 13px;\n    color: #404040;\n    margin-top: 16px;\n    @include rtl-cmd-left(float);\n    @include rtl-margin-left(10px);\n\n}\n\n.incident {\n    min-height: 50px;\n    /*     transition: all 0.s; */\n}\n\ntable.table tbody tr {\n    transition: background-color 0.3s;\n}\n\n.collapsed:hover, table.table tbody tr:hover {\n    background-color: $primary-bg;\n}\n\n.clr {\n    clear: both;\n}\n\n.additions {\n    margin-top: 8px;\n}\n\n.description {\n    font-size: 13px;\n    line-height: 1.5;\n    color: #565656;\n    font-family: 'Open Sans', sans-serif;\n}\n\n.additions > div {\n    @include rtl-cmd-left(float);\n    width: 150px;\n    @include rtl-cmd-left(text-align);\n    margin-bottom: 3px;\n}\n\n.addition_title {\n    font-size: 11px;\n    color: #828282;\n}\n\n.addition_value {\n    opacity: 0.9;\n    font-size: 12px;\n    color: #1e1e1e;\n}\n\n.main_info {\n    min-height: 50px;\n}\n\n.table tr.selected td {\n    background-color: $primary-bg;\n}\n\n.table > tbody > tr > td, .table > tfoot > tr > td, .table > thead > tr > td {\n    vertical-align: middle;\n}\n\napp h1, client-app h1, h1.i360-title {\n    font-family: 'Open Sans', sans-serif;\n    font-size: 22px;\n    font-weight: normal;\n    font-style: normal;\n    font-stretch: normal;\n    color: $header-color;\n}\n\n.flexbox {\n    display: flex;\n}\n\n.flex_item {\n    padding: 10px;\n    /*     flex: 1 100%; */\n    flex-grow: 1;\n    flex-basis: 100%;\n}\n\n.time_column {\n    flex-grow: 1;\n    flex-basis: 100%;\n}\n\n.abuser_column {\n    flex-grow: 1;\n    flex-basis: 100%;\n}\n\n.retries_column {\n    flex-grow: 1;\n    flex-basis: 100%;\n}\n\n.name_column {\n    flex-grow: 1;\n    flex-basis: 100%;\n}\n\n.actions_column {\n    flex-grow: 1;\n    flex-basis: 100%;\n}\n\n.additions_row {\n    margin-left: 0;\n    margin-right: 0;\n    background-color: #f3fbfd;\n}\n\n\n.no_result {\n    height: 88px;\n    line-height: 88px;\n    font-family: 'Open Sans', sans-serif;\n    font-size: 16px;\n    color: #9e9e9e;\n    text-align: center;\n}\n\n@media all and (max-width: 1087px) {\n    .incident .row > div {\n        padding: 5px;\n    }\n}\n\n@media all and (max-width: 1240px) {\n    .retry_span {\n        display: none;\n    }\n}\n\n/**\nto override\nimg {\n    vertical-align: middle;\n}\nfrom scaffolding.less:81 for task WEB-402\n*/\nimg {\n    vertical-align: inherit !important;\n}\n\n.modal-backdrop {\n    background: #4c4c4c;\n}\n.modal-backdrop.in {\n    opacity: 0.55;\n}\n\n%underline-class {\n    border-width: 0 0 2px 0;\n    &:focus {\n        border-color: $primary-color;\n    }\n    border-style: solid;\n    border-color: #ccc;\n    width: 100%;\n    padding: 0;\n\n    font-size: 13px;\n    height: 42px;\n    color: #161616;\n\n    box-shadow: none !important;\n    outline: none;\n    background-color: transparent;\n}\n\ntextarea.underline-input,\ninput.underline-input[type=\"text\"],\ninput.underline-input[type=\"password\"] {\n    @extend %underline-class;\n}\n\ntextarea.underline-input {\n    resize: none;\n    height: 87px;\n    min-height: 57px;\n    box-sizing: content-box; // for autosize\n    transition: none; // for autosize, plesk\n}\n\ninput[type=\"text\"] {\n    background-color: #ffffff;\n}\n\n.i360-dashboard-link {\n    text-decoration: underline;\n    color: inherit;\n    &:hover, &:active {\n        text-decoration: underline;\n        color: inherit!important;\n    }\n}\n\n.i360-logo {\n    .mat-icon {\n        width: auto;\n        height: auto;\n    }\n\n    width: 182px;\n    height: 47px;\n    position: relative;\n    margin: 0 14px;\n    display: block;\n\n    &.imunifyav-logo {\n        width: 159px;\n    }\n\n    &.imunifyavplus-logo {\n        width: 170px;\n    }\n}\n","/*\n\nThis program is free software: you can redistribute it and/or modify it under \nthe terms of the GNU General Public License as published by \nthe Free Software Foundation, either version 3 of the License, \nor (at your option) any later version.\n\n\nThis program is distributed in the hope that it will be useful, \nbut WITHOUT ANY WARRANTY; without even the implied warranty of \nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\xa0 \nSee the GNU General Public License for more details.\n\n\nYou should have received a copy of the GNU General Public License\n along with this program.\xa0 If not, see <https://www.gnu.org/licenses/>.\n\nCopyright\xa0\xa9 2019 Cloud Linux Software Inc.\n\nThis software is also available under ImunifyAV commercial license,\nsee <https://www.imunify360.com/legal/eula>\n*/\n@import './variables';\n@import './rtl';\n\n\n// We need to be able to use this class with the @extend directive.\n.material-icons {\n    font-family: 'Material Icons';\n    font-weight: normal;\n    font-style: normal;\n    font-size: 24px;  /* Preferred icon size */\n    display: inline-block;\n    line-height: 1;\n    text-transform: none;\n    letter-spacing: normal;\n    word-wrap: normal;\n    white-space: nowrap;\n\n    /* Support for all WebKit browsers. */\n    -webkit-font-smoothing: antialiased;\n    /* Support for Safari and Chrome. */\n    text-rendering: optimizeLegibility;\n\n    /* Support for Firefox. */\n    -moz-osx-font-smoothing: grayscale;\n\n    /* Support for IE. */\n    font-feature-settings: 'liga';\n}\n\n.hoverable-button {\n    color: $gray-fg;\n    cursor: pointer;\n    opacity: 0.5;\n    transition: all 0.3s;\n    &:hover {\n        opacity: 1!important;\n    }\n}\n\nbutton.flat-button {\n    background: transparent;\n    border: 0;\n    border-radius: 2px;\n    color: $primary-color;\n    font-size: 15px;\n    height: 36px;\n    margin: 0 8px;\n    min-width: 88px;\n    outline: none;\n    padding: 0 8px;\n\n    &:focus,\n    &:hover {\n        background-color: $focused-bg;\n    }\n\n    &:active {\n        background-color: $pressed-bg;\n    }\n\n    &[disabled] {\n        color: $disabled-fg;\n    }\n}\n\n\n.incident .actions-wrapper {\n    margin-top: 16px;\n}\n\n.flex-nowrap{\n    flex-wrap: nowrap;\n}\n\n\ntextarea[autosize] {\n    resize: none;\n    color: #161616;\n}\n\n.filter_block {\n    display: flex;\n    flex-direction: column;\n}\n\n.align-center {\n    align-items: center;\n}\n.as_link{\n    cursor: pointer;\n}\n\n.dropdown_list {\n    position: relative;\n\n    ul {\n        position: absolute;\n        list-style: none;\n        width: fit-content;\n        white-space: nowrap;\n        background-color: #ffffff;\n        box-shadow: 0 2px 14px 0 #c2c2c2, 0 0 2px 0 #e0e0e0;\n        border: solid 1px #ffffff;\n        padding: 0;\n        top: 35px;\n        @include rtl-right(0);\n        z-index: 99;\n\n        li {\n            font-family: 'Open Sans', sans-serif;\n            font-size: 13px;\n            height: 35px;\n            @include rtl-cmd-left(text-align);\n            line-height: 35px;\n            color: #4d4d4e;\n            cursor: pointer;\n            padding: 0 40px;\n\n            &:hover {\n                background-color: $primary-hover-bg;\n            }\n\n            &.selected, &.active {\n                background-color: rgba(55, 171, 99, 0.11);\n\n                &::before {\n                    @extend .material-icons;\n                    content: 'check';\n                    opacity: 1;\n                    color: #787878;\n                    position: absolute;\n                    @include rtl-left(8px);\n                    padding-top: 4px;\n                }\n            }\n        }\n    }\n}\n\nactions div.dropdown_list ul li {\n    padding: 0 20px;\n}\n\n.dropdown {\n    .dropdown-menu {\n        position: absolute;\n        top: 100%;\n        @include rtl-left(0);\n        background-color: #ffffff;\n        box-shadow: 0 2px 14px 0 #c2c2c2, 0 0 2px 0 #e0e0e0;\n        border-width: 0;\n        border-radius: 0;\n        padding: 0;\n\n        > li {\n            &:hover {\n                cursor: pointer;\n            }\n            > a {\n                margin: 0;\n                @include rtl-padding(3px, 20px, 5px, 40px);\n                height: 35px;\n                @include rtl-cmd-left(text-align);\n                font-size: 13px;\n                color: #4d4d4e;\n                line-height: 30px;\n                box-sizing: border-box;\n                display: block;\n\n                &:hover, &:active {\n                    background-color: $primary-hover-bg;\n                    color: inherit;\n                }\n            }\n        }\n    }\n\n    &.selector {\n        width: 100%;\n\n        button {\n            @include rtl-cmd-left(text-align);\n            @include rtl-padding-left(14px);\n            color: $gray-fg;\n\n            .dropup {\n                @include rtl-cmd-right(float);\n\n                .caret {\n                    &.up {\n                        margin-bottom: 8px;\n                    }\n\n                    &.down {\n                        position: absolute;\n                        border-top: 4px dashed;\n                        border-bottom: 0;\n                        bottom: 0;\n                        @include rtl-left(0);\n                    }\n                }\n            }\n        }\n    }\n}\n\n.typeahead {\n    .dropdown-menu {\n        display: table;\n\n        li > a {\n            padding: 7px 0;\n            line-height: 20px;\n        }\n\n        .active > a {\n            background-color: $primary-hover-bg;\n        }\n    }\n}\n\n.table {\n    >tbody, >thead {\n        >tr {\n            >td, >th {\n                vertical-align: middle;\n\n                &.i360-vertical-align-top {\n                    vertical-align: top;\n                }\n            }\n        }\n    }\n}\n\n.btn-link {\n    padding: 0;\n    color: $primary-color;\n\n    &:hover, &:focus, &:active {\n        color: #257142;\n        outline: none;\n        text-decoration: none;\n    }\n}\n\n.modal-backdrop {\n    &.in {\n        opacity: 0.4;\n    }\n}\n\n.form-control {\n    border-radius: 2px;\n    background-color: #ffffff;\n    border: solid 1px #d8d8d8;\n    width: 100%;\n    &:focus-visible {\n        outline: none;\n    }\n}\n\n.flexer {\n    flex-direction: row;\n    &.justify-beetween {\n        justify-content: space-between;\n    }\n}\n\n::-webkit-scrollbar {\n    width: 13px;\n}\n::-webkit-scrollbar-thumb {\n    border-width: 1px;\n    background-color: #53b076;\n}\n::-webkit-scrollbar-track {\n    background-color: #e1f0e7;\n}\n::-webkit-scrollbar-track:hover {\n    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.13), 0 0 6px 0 rgba(0, 0, 0, 0.12);\n}\n","/*\n\nThis program is free software: you can redistribute it and/or modify it under \nthe terms of the GNU General Public License as published by \nthe Free Software Foundation, either version 3 of the License, \nor (at your option) any later version.\n\n\nThis program is distributed in the hope that it will be useful, \nbut WITHOUT ANY WARRANTY; without even the implied warranty of \nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\xa0 \nSee the GNU General Public License for more details.\n\n\nYou should have received a copy of the GNU General Public License\n along with this program.\xa0 If not, see <https://www.gnu.org/licenses/>.\n\nCopyright\xa0\xa9 2019 Cloud Linux Software Inc.\n\nThis software is also available under ImunifyAV commercial license,\nsee <https://www.imunify360.com/legal/eula>\n*/\n@import '~@angular/material/theming';\n@import 'app/utils/material/slide-toggle.component';\n@import 'app/utils/material/checkbox.component.scss';\n@import 'app/utils/material/radio-button.component';\n@import \"../common/variables\";\n@import \"../common/rtl\";\n\n$custom-typography: mat-typography-config(\n        $font-family: \"'Open Sans', sans-serif\"\n);\n@include mat-core($custom-typography);\n$mat-i360: (\n        50: #e8f5e9,\n        100: $primary-bg,\n        200: $primary-bg,\n        300: $primary-color,\n        400: $primary-color,\n        500: $primary-color,\n        600: $primary-color,\n        700: $primary-color,\n        800: $primary-color,\n        900: $primary-color,\n        A100: $primary-bg,\n        A200: $primary-color,\n        A400: $primary-color,\n        A700: $primary-color,\n        contrast: (\n                50: $black-12-opacity,\n                100: $black-12-opacity,\n                200: $black-12-opacity,\n                300: $black-12-opacity,\n                400: $black-12-opacity,\n                500: white,\n                600: white,\n                700: white,\n                800: $white-12-opacity,\n                900: $white-12-opacity,\n                A100: $black-12-opacity,\n                A200: $black-12-opacity,\n                A400: $black-12-opacity,\n                A700: $black-12-opacity,\n        )\n);\n$i360-red: mat-palette(map_merge($mat-red, (\n        500: $error-text,\n)));\n\n$i360-primary: mat-palette($mat-i360);\n$i360-accent: mat-palette(map_merge($mat-deep-orange, (\n        500: #f77c00,\n)));\n\n$i360-theme: mat-light-theme($i360-primary, $i360-accent, $i360-red);\n\n@include angular-material-theme($i360-theme);\n\n@include mat-slider-theme(map_merge($i360-theme, (\n        accent: mat-palette(map_merge($mat-deep-orange, (\n                500: $primary-color,\n        ))),\n    foreground: (\n        base: #848484,\n        slider-min: white,\n        slider-off: #bebebe,\n        slider-off-active: #bebebe,\n    ),\n)));\n@include i360-slide-toggle-theme($i360-theme);\n@include i360-radio-button-theme($i360-theme);\n@include i360-checkbox-theme($i360-theme);\n\n.mat-radio-button, .mat-checkbox {\n    font: 13px 'Open Sans', Helvetica, sans-serif;\n}\n\n.mat-select-panel {\n    max-width: 100%;\n}\n\n.mat-select-trigger span,\n.mat-option-text {\n    font-size: 14px;\n    color: rgba(0,0,0,.87);\n}\n\n.mat-option-text {\n    display: flex; // line-height: normal not working in da (probably because of table-cell)\n    // need another way to align content\n    align-items: center;\n}\n\n.mat-menu-content {\n    .mat-menu-item {\n        a {\n            margin: 0 -16px;\n            padding: 0 16px;\n        }\n    }\n    line-height: 48px; // for da =)\n    a, a:hover, a:focus {\n        outline: none;\n        color: $gray-fg;\n        text-decoration: none;\n        font-size: 13px;\n        font-family: \"Open Sans\", Helvetica, sans-serif;\n        display: flex;\n        align-items: center;\n        flex-wrap: nowrap;\n        &.active {\n            background-color: rgba(55, 171, 99, 0.11);\n        }\n    }\n}\n.mat-ripple {\n    position: absolute;\n}\n.i360-modal-tabs {\n    .mat-ripple {\n        position: relative;\n    }\n    .mat-tab-label {\n        font-family: 'Noto Sans', sans-serif;\n        font-style: normal;\n        opacity: 1;\n        font-weight: normal;\n        font-size: 16px;\n        line-height: 22px;\n        /* identical to box height */\n        text-transform: uppercase;\n        color: #000000;\n        flex-grow: 0;\n        min-width: 80px;\n        padding: 0 10px;\n        min-height: 15px;\n        &.mat-tab-label-active {\n            font-weight: bold;\n        }\n    }\n    .mat-tab-body-content {\n        padding-top: 15px;\n    }\n}\n\n.mat-form-field-placeholder-wrapper,\n.mat-form-field-label-wrapper {  // in cpanel mat-select's placeholder partially visible\n    // broken encapsulation in material components leads to low specificity and randomly broken mat-select's placeholder\n    box-sizing: content-box;\n}\n\n// fix conflict with bootstrap and our styles\n.mat-form-field-label {\n    display: none;\n}\n.mat-form-field-empty.mat-form-field-label {\n    display: block;\n}\n\n.mat-raised-button, .mat-button {\n    border-radius: 4px;\n    line-height: 32px;\n    height: 32px;\n    font-family: \"Open Sans\", sans-serif;\n    &.mat-raised-button:not(:active) {\n        box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.13), 0 0 6px 0 rgba(0, 0, 0, 0.12)!important;\n        &:hover {\n            box-shadow: 0 7px 6px 0 rgba(0, 0, 0, 0.13), 0 0 6px 0 rgba(0, 0, 0, 0.12)!important;\n        }\n    }\n    .material-icons {\n        @include rtl-margin-right(10px);\n        @include rtl-margin-left(-15px);\n        margin-top: -2px;\n    }\n    &.capitalize {\n        text-transform: capitalize;\n    }\n}\n\nmat-chip-list.i360-chips mat-chip[i360-chip] {\n    background-color: #e2f7e9;\n    height: 27px;\n    border: solid 1px #cecece;\n    border-radius: 2px;\n    cursor: pointer;\n\n    &[i360-chip] {  // for higher specificity\n        margin: 3px 2.5px;\n    }\n\n    i360-ellipsis {\n        max-width: 276px;\n    }\n}\n\n.mat-form-field-type-mat-input {\n    .mat-form-field-prefix+.mat-form-field-infix i360-error {\n        @include rtl-left(-48px);\n    }\n    .mat-form-field-wrapper {\n        margin: 0;\n    }\n    &.mat-form-field-should-float {\n        .mat-form-field-label-wrapper {\n            overflow: visible;\n            margin-top: 3px;\n        }\n    }\n    .mat-form-field-label, &.mat-form-field.mat-form-field-invalid.ng-pristine .mat-form-field-label {\n        margin-top: -4px;\n        font-size: 12px;\n        color: #a8abae;\n    }\n    .mat-form-field-flex {\n        height: 40px;\n        margin-top: 0;\n    }\n    .mat-form-field-infix {\n        margin-top: -8px;\n        @include rtl-margin-left(10px);\n    }\n    .mat-form-field-prefix {\n        font-size: 16px;\n        @include rtl-margin-left(7px);\n        @include rtl-margin-right(7px);\n        mat-icon {\n            font-size: 30px;\n            transform: rotate(90deg);\n        }\n    }\n    input {\n        font-size: 12px;\n        margin-top: -5px;\n        margin-bottom: 9px;\n        caret-color: $gray-fg;\n        border: none!important;\n        box-shadow: none!important;\n        padding: 0;\n        background: transparent;\n        height: auto;\n    }\n    &.mat-focused {\n        .mat-form-field-outline {\n            //box-shadow: 0 1px 1px 0 #f4f4f3, 0 1px 1px 0 #f4f4f3;\n            background-image: linear-gradient(to bottom, #ffffff, #fbfcff);\n            > * {\n                // FIXME: variable\n                border-color: #11cb84;\n            }\n        }\n        .mat-form-field-label {\n            // FIXME: variable\n            color: #11cb84;\n        }\n    }\n    &.mat-form-field-invalid.ng-dirty {\n        .mat-form-field-outline {\n            box-shadow: 0 1px 1px 0 #f4f4f3, 0 1px 1px 0 #f4f4f3;\n            background-image: linear-gradient(to bottom, #ffffff, #fbfcff);\n            > * {\n                // FIXME: variable\n                border-color: #fc4c4c;\n            }\n        }\n        .mat-form-field-label {\n            // FIXME: variable\n            color: #fc4c4c;\n        }\n    }\n    &.mat-form-field-should-float .mat-form-field-outline-gap {\n        // override border-color: #fc4c4c; above\n        border-top-color: transparent !important;\n    }\n\n    .mat-form-field-outline {\n        top: 0;\n        box-shadow: 0 1px 1px 0 #f4f4f3;\n        // FIXME: rtl\n        // rtl languages are still not available\n        > * {\n            background-color: #ffffff;\n            border-color: #dee1ec;\n            &.mat-form-field-outline-start {\n                border-left-width: 1px;\n                border-top-width: 1px;\n                border-bottom-width: 1px;\n            }\n            &.mat-form-field-outline-end {\n                border-right-width: 1px;\n                border-top-width: 1px;\n                border-bottom-width: 1px;\n            }\n            &.mat-form-field-outline-gap {\n                border-bottom-width: 1px;\n                border-top-width: 1px;\n            }\n        }\n    }\n}\n\nmat-icon svg {\n    // Fixes svg height in iframe in DA Evolution skin.\n    // Should work great inside mat-icon. Not sure about other places.\n    height: inherit;\n}\n","// File for which all imports are resolved and bundled. This is the entry-point for\n// the `@angular/material` theming Sass bundle. See `//src/material:theming_bundle`.\n\n// Import all the theming functionality.\n// We want overlays to always appear over user content, so set a baseline\n// very high z-index for the overlay container, which is where we create the new\n// stacking context for all overlays.\n$cdk-z-index-overlay-container: 1000 !default;\n$cdk-z-index-overlay: 1000 !default;\n$cdk-z-index-overlay-backdrop: 1000 !default;\n\n// Background color for all of the backdrops\n$cdk-overlay-dark-backdrop-background: rgba(0, 0, 0, 0.32) !default;\n\n// Default backdrop animation is based on the Material Design swift-ease-out.\n$backdrop-animation-duration: 400ms !default;\n$backdrop-animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;\n\n\n@mixin cdk-overlay() {\n  .cdk-overlay-container, .cdk-global-overlay-wrapper {\n    // Disable events from being captured on the overlay container.\n    pointer-events: none;\n\n    // The container should be the size of the viewport.\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n  }\n\n  // The overlay-container is an invisible element which contains all individual overlays.\n  .cdk-overlay-container {\n    position: fixed;\n    z-index: $cdk-z-index-overlay-container;\n\n    &:empty {\n      // Hide the element when it doesn't have any child nodes. This doesn't\n      // include overlays that have been detached, rather than disposed.\n      display: none;\n    }\n  }\n\n  // We use an extra wrapper element in order to use make the overlay itself a flex item.\n  // This makes centering the overlay easy without running into the subpixel rendering\n  // problems tied to using `transform` and without interfering with the other position\n  // strategies.\n  .cdk-global-overlay-wrapper {\n    display: flex;\n    position: absolute;\n    z-index: $cdk-z-index-overlay;\n  }\n\n  // A single overlay pane.\n  .cdk-overlay-pane {\n    // Note: it's important for this one to start off `absolute`,\n    // in order for us to be able to measure it correctly.\n    position: absolute;\n    pointer-events: auto;\n    box-sizing: border-box;\n    z-index: $cdk-z-index-overlay;\n\n    // For connected-position overlays, we set `display: flex` in\n    // order to force `max-width` and `max-height` to take effect.\n    display: flex;\n    max-width: 100%;\n    max-height: 100%;\n  }\n\n  .cdk-overlay-backdrop {\n    // TODO(jelbourn): reuse sidenav fullscreen mixin.\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n\n    z-index: $cdk-z-index-overlay-backdrop;\n    pointer-events: auto;\n    -webkit-tap-highlight-color: transparent;\n    transition: opacity $backdrop-animation-duration $backdrop-animation-timing-function;\n    opacity: 0;\n\n    &.cdk-overlay-backdrop-showing {\n      opacity: 1;\n\n      // Note that we can't import and use the `high-contrast` mixin from `_a11y.scss`, because\n      // this file will be copied to the top-level `cdk` package when putting together the files\n      // for npm. Any relative import paths we use here will become invalid once the file is copied.\n      .cdk-high-contrast-active & {\n        // In high contrast mode the rgba background will become solid\n        // so we need to fall back to making it opaque using `opacity`.\n        opacity: 0.6;\n      }\n    }\n  }\n\n  .cdk-overlay-dark-backdrop {\n    background: $cdk-overlay-dark-backdrop-background;\n  }\n\n  .cdk-overlay-transparent-backdrop {\n    // Note: as of Firefox 57, having the backdrop be `background: none` will prevent it from\n    // capturing the user's mouse scroll events. Since we also can't use something like\n    // `rgba(0, 0, 0, 0)`, we work around the inconsistency by not setting the background at\n    // all and using `opacity` to make the element transparent.\n    &, &.cdk-overlay-backdrop-showing {\n      opacity: 0;\n    }\n  }\n\n  // Overlay parent element used with the connected position strategy. Used to constrain the\n  // overlay element's size to fit within the viewport.\n  .cdk-overlay-connected-position-bounding-box {\n    position: absolute;\n    z-index: $cdk-z-index-overlay;\n\n    // We use `display: flex` on this element exclusively for centering connected overlays.\n    // When *not* centering, a top/left/bottom/right will be set which overrides the normal\n    // flex layout.\n    display: flex;\n\n    // We use the `column` direction here to avoid some flexbox issues in Edge\n    // when using the \"grow after open\" options.\n    flex-direction: column;\n\n    // Add some dimensions so the element has an `innerText` which some people depend on in tests.\n    min-width: 1px;\n    min-height: 1px;\n  }\n\n  // Used when disabling global scrolling.\n  .cdk-global-scrollblock {\n    position: fixed;\n\n    // Necessary for the content not to lose its width. Note that we're using 100%, instead of\n    // 100vw, because 100vw includes the width plus the scrollbar, whereas 100% is the width\n    // that the element had before we made it `fixed`.\n    width: 100%;\n\n    // Note: this will always add a scrollbar to whatever element it is on, which can\n    // potentially result in double scrollbars. It shouldn't be an issue, because we won't\n    // block scrolling on a page that doesn't have a scrollbar in the first place.\n    overflow-y: scroll;\n  }\n}\n\n@mixin cdk-a11y {\n  .cdk-visually-hidden {\n    border: 0;\n    clip: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n\n    // This works around a Chrome bug that can cause the tab to crash when large amounts of\n    // non-English text get wrapped: https://bugs.chromium.org/p/chromium/issues/detail?id=1201444\n    white-space: nowrap;\n\n    // Avoid browsers rendering the focus ring in some cases.\n    outline: 0;\n\n    // Avoid some cases where the browser will still render the native controls (see #9049).\n    -webkit-appearance: none;\n    -moz-appearance: none;\n  }\n}\n\n/// Emits the mixin's content nested under `$selector-context` if `$selector-context`\n/// is non-empty.\n/// @param selector-context The selector under which to nest the mixin's content.\n@mixin _cdk-optionally-nest-content($selector-context) {\n  @if ($selector-context == '') {\n    @content;\n  }\n  @else {\n    #{$selector-context} {\n      @content;\n    }\n  }\n}\n\n/// Applies styles for users in high contrast mode. Note that this only applies\n/// to Microsoft browsers. Chrome can be included by checking for the `html[hc]`\n/// attribute, however Chrome handles high contrast differently.\n///\n/// @param target Which kind of high contrast setting to target. Defaults to `active`, can be\n///    `white-on-black` or `black-on-white`.\n/// @param encapsulation Whether to emit styles for view encapsulation. Values are:\n///     * `on` - works for `Emulated`, `Native`, and `ShadowDom`\n///     * `off` - works for `None`\n///     * `any` - works for all encapsulation modes by emitting the CSS twice (default).\n@mixin cdk-high-contrast($target: active, $encapsulation: 'any') {\n  @if ($target != 'active' and $target != 'black-on-white' and $target != 'white-on-black') {\n    @error 'Unknown cdk-high-contrast value \"#{$target}\" provided. ' +\n           'Allowed values are \"active\", \"black-on-white\", and \"white-on-black\"';\n  }\n\n  @if ($encapsulation != 'on' and $encapsulation != 'off' and $encapsulation != 'any') {\n    @error 'Unknown cdk-high-contrast encapsulation \"#{$encapsulation}\" provided. ' +\n           'Allowed values are \"on\", \"off\", and \"any\"';\n  }\n\n  // If the selector context has multiple parts, such as `.section, .region`, just doing\n  // `.cdk-high-contrast-xxx #{&}` will only apply the parent selector to the first part of the\n  // context. We address this by nesting the selector context under .cdk-high-contrast.\n  @at-root {\n    $selector-context: #{&};\n\n    @if ($encapsulation != 'on') {\n      // Note that if this selector is updated, the same change has to be made inside\n      // `_overlay.scss` which can't depend on this mixin due to some infrastructure limitations.\n      .cdk-high-contrast-#{$target} {\n        @include _cdk-optionally-nest-content($selector-context) {\n          @content;\n        }\n      }\n    }\n\n    @if ($encapsulation != 'off') {\n      .cdk-high-contrast-#{$target} :host {\n        @include _cdk-optionally-nest-content($selector-context) {\n          @content;\n        }\n      }\n    }\n  }\n}\n\n// Core styles that enable monitoring autofill state of text fields.\n@mixin cdk-text-field {\n  // Keyframes that apply no styles, but allow us to monitor when an text field becomes autofilled\n  // by watching for the animation events that are fired when they start. Note: the /*!*/ comment is\n  // needed to prevent LibSass from stripping the keyframes out.\n  // Based on: https://medium.com/@brunn/detecting-autofilled-fields-in-javascript-aed598d25da7\n  @keyframes cdk-text-field-autofill-start {/*!*/}\n  @keyframes cdk-text-field-autofill-end {/*!*/}\n\n  .cdk-text-field-autofill-monitored:-webkit-autofill {\n    // Since Chrome 80 we need a 1ms delay, or the animationstart event won't fire.\n    animation: cdk-text-field-autofill-start 0s 1ms;\n  }\n\n  .cdk-text-field-autofill-monitored:not(:-webkit-autofill) {\n    // Since Chrome 80 we need a 1ms delay, or the animationstart event won't fire.\n    animation: cdk-text-field-autofill-end 0s 1ms;\n  }\n\n  // Remove the resize handle on autosizing textareas, because whatever height\n  // the user resized to will be overwritten once they start typing again.\n  textarea.cdk-textarea-autosize {\n    resize: none;\n  }\n\n  // This class is temporarily applied to the textarea when it is being measured. It is immediately\n  // removed when measuring is complete. We use `!important` rules here to make sure user-specified\n  // rules do not interfere with the measurement.\n  textarea.cdk-textarea-autosize-measuring {\n    @include _cdk-textarea-autosize-measuring-base;\n    height: auto !important;\n    overflow: hidden !important;\n  }\n\n  // Similar to the `cdk-textarea-autosize-measuring` class, but only applied on Firefox. We need\n  // to use this class, because Firefox has a bug where changing the `overflow` breaks the user's\n  // ability to undo/redo what they were typing (see #16629). This class is only scoped to Firefox,\n  // because the measurements there don't seem to be affected by the `height: 0`, whereas on other\n  // browsers they are, e.g. Chrome detects longer text and IE does't resize back to normal.\n  // Identical issue report: https://bugzilla.mozilla.org/show_bug.cgi?id=448784\n  textarea.cdk-textarea-autosize-measuring-firefox {\n    @include _cdk-textarea-autosize-measuring-base;\n    height: 0 !important;\n  }\n}\n\n@mixin _cdk-textarea-autosize-measuring-base {\n  // Having 2px top and bottom padding seems to fix a bug where Chrome gets an incorrect\n  // measurement. We just have to account for it later and subtract it off the final result.\n  padding: 2px 0 !important;\n  box-sizing: content-box !important;\n}\n\n// Used to generate UIDs for keyframes used to change the text field autofill styles.\n$cdk-text-field-autofill-color-frame-count: 0;\n\n// Mixin used to apply custom background and foreground colors to an autofilled text field.\n// Based on: https://stackoverflow.com/questions/2781549/\n// removing-input-background-colour-for-chrome-autocomplete#answer-37432260\n@mixin cdk-text-field-autofill-color($background, $foreground:'') {\n  @keyframes cdk-text-field-autofill-color-#{$cdk-text-field-autofill-color-frame-count} {\n    to {\n      background: $background;\n      @if $foreground != '' { color: $foreground; }\n    }\n  }\n\n  &:-webkit-autofill {\n    animation: cdk-text-field-autofill-color-#{$cdk-text-field-autofill-color-frame-count} both;\n  }\n\n  &.cdk-text-field-autofill-monitored:-webkit-autofill {\n    // Since Chrome 80 we need a 1ms delay for cdk-text-field-autofill-start, or the animationstart\n    // event won't fire.\n    animation: cdk-text-field-autofill-start 0s 1ms,\n               cdk-text-field-autofill-color-#{$cdk-text-field-autofill-color-frame-count} both;\n  }\n\n  $cdk-text-field-autofill-color-frame-count:\n      $cdk-text-field-autofill-color-frame-count + 1 !global;\n}\n\n\n// Core styles that can be used to apply material design treatments to any element.\n// Media queries\n// TODO(josephperrott): Change $mat-xsmall and $mat-small usages to rely on BreakpointObserver,\n$mat-xsmall: 'max-width: 599px';\n$mat-small: 'max-width: 959px';\n\n// TODO: Revisit all z-indices before beta\n// z-index master list\n\n$z-index-fab: 20 !default;\n$z-index-drawer: 100 !default;\n\n// Global constants\n$pi: 3.14159265;\n\n// Padding between input toggles and their labels\n$mat-toggle-padding: 8px !default;\n// Width and height of input toggles\n$mat-toggle-size: 20px !default;\n\n// Easing Curves\n// TODO(jelbourn): all of these need to be revisited\n\n// The default animation curves used by material design.\n$mat-linear-out-slow-in-timing-function: cubic-bezier(0, 0, 0.2, 0.1) !default;\n$mat-fast-out-slow-in-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !default;\n$mat-fast-out-linear-in-timing-function: cubic-bezier(0.4, 0, 1, 1) !default;\n\n$ease-in-out-curve-function: cubic-bezier(0.35, 0, 0.25, 1) !default;\n\n$swift-ease-out-duration: 400ms !default;\n$swift-ease-out-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;\n$swift-ease-out: all $swift-ease-out-duration $swift-ease-out-timing-function !default;\n\n$swift-ease-in-duration: 300ms !default;\n$swift-ease-in-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2) !default;\n$swift-ease-in: all $swift-ease-in-duration $swift-ease-in-timing-function !default;\n\n$swift-ease-in-out-duration: 500ms !default;\n$swift-ease-in-out-timing-function: $ease-in-out-curve-function !default;\n$swift-ease-in-out: all $swift-ease-in-out-duration $swift-ease-in-out-timing-function !default;\n\n$swift-linear-duration: 80ms !default;\n$swift-linear-timing-function: linear !default;\n$swift-linear: all $swift-linear-duration $swift-linear-timing-function !default;\n\n\n\n// A collection of mixins and CSS classes that can be used to apply elevation to a material\n// element.\n// See: https://material.io/design/environment/elevation.html\n// Examples:\n//\n//\n// .mat-foo {\n//   @include $mat-elevation(2);\n//\n//   &:active {\n//     @include $mat-elevation(8);\n//   }\n// }\n//\n// <div id=\"external-card\" class=\"mat-elevation-z2\"><p>Some content</p></div>\n//\n// For an explanation of the design behind how elevation is implemented, see the design doc at\n// https://goo.gl/Kq0k9Z.\n\n// Colors for umbra, penumbra, and ambient shadows. As described in the design doc, each elevation\n// level is created using a set of 3 shadow values, one for umbra (the shadow representing the\n// space completely obscured by an object relative to its light source), one for penumbra (the\n// space partially obscured by an object), and one for ambient (the space which contains the object\n// itself). For a further explanation of these terms and their meanings, see\n// https://en.wikipedia.org/wiki/Umbra,_penumbra_and_antumbra.\n\n// Maps for the different shadow sets and their values within each z-space. These values were\n// created by taking a few reference shadow sets created by Google's Designers and interpolating\n// all of the values between them.\n\n@function _get-umbra-map($color, $opacity) {\n  $shadow-color: if(type-of($color) == color, rgba($color, $opacity * 0.2), $color);\n\n  @return (\n    0: '0px 0px 0px 0px #{$shadow-color}',\n    1: '0px 2px 1px -1px #{$shadow-color}',\n    2: '0px 3px 1px -2px #{$shadow-color}',\n    3: '0px 3px 3px -2px #{$shadow-color}',\n    4: '0px 2px 4px -1px #{$shadow-color}',\n    5: '0px 3px 5px -1px #{$shadow-color}',\n    6: '0px 3px 5px -1px #{$shadow-color}',\n    7: '0px 4px 5px -2px #{$shadow-color}',\n    8: '0px 5px 5px -3px #{$shadow-color}',\n    9: '0px 5px 6px -3px #{$shadow-color}',\n    10: '0px 6px 6px -3px #{$shadow-color}',\n    11: '0px 6px 7px -4px #{$shadow-color}',\n    12: '0px 7px 8px -4px #{$shadow-color}',\n    13: '0px 7px 8px -4px #{$shadow-color}',\n    14: '0px 7px 9px -4px #{$shadow-color}',\n    15: '0px 8px 9px -5px #{$shadow-color}',\n    16: '0px 8px 10px -5px #{$shadow-color}',\n    17: '0px 8px 11px -5px #{$shadow-color}',\n    18: '0px 9px 11px -5px #{$shadow-color}',\n    19: '0px 9px 12px -6px #{$shadow-color}',\n    20: '0px 10px 13px -6px #{$shadow-color}',\n    21: '0px 10px 13px -6px #{$shadow-color}',\n    22: '0px 10px 14px -6px #{$shadow-color}',\n    23: '0px 11px 14px -7px #{$shadow-color}',\n    24: '0px 11px 15px -7px #{$shadow-color}'\n  );\n}\n\n@function _get-penumbra-map($color, $opacity) {\n  $shadow-color: if(type-of($color) == color, rgba($color, $opacity * 0.14), $color);\n\n  @return (\n    0: '0px 0px 0px 0px #{$shadow-color}',\n    1: '0px 1px 1px 0px #{$shadow-color}',\n    2: '0px 2px 2px 0px #{$shadow-color}',\n    3: '0px 3px 4px 0px #{$shadow-color}',\n    4: '0px 4px 5px 0px #{$shadow-color}',\n    5: '0px 5px 8px 0px #{$shadow-color}',\n    6: '0px 6px 10px 0px #{$shadow-color}',\n    7: '0px 7px 10px 1px #{$shadow-color}',\n    8: '0px 8px 10px 1px #{$shadow-color}',\n    9: '0px 9px 12px 1px #{$shadow-color}',\n    10: '0px 10px 14px 1px #{$shadow-color}',\n    11: '0px 11px 15px 1px #{$shadow-color}',\n    12: '0px 12px 17px 2px #{$shadow-color}',\n    13: '0px 13px 19px 2px #{$shadow-color}',\n    14: '0px 14px 21px 2px #{$shadow-color}',\n    15: '0px 15px 22px 2px #{$shadow-color}',\n    16: '0px 16px 24px 2px #{$shadow-color}',\n    17: '0px 17px 26px 2px #{$shadow-color}',\n    18: '0px 18px 28px 2px #{$shadow-color}',\n    19: '0px 19px 29px 2px #{$shadow-color}',\n    20: '0px 20px 31px 3px #{$shadow-color}',\n    21: '0px 21px 33px 3px #{$shadow-color}',\n    22: '0px 22px 35px 3px #{$shadow-color}',\n    23: '0px 23px 36px 3px #{$shadow-color}',\n    24: '0px 24px 38px 3px #{$shadow-color}'\n  );\n}\n\n@function _get-ambient-map($color, $opacity) {\n  $shadow-color: if(type-of($color) == color, rgba($color, $opacity * 0.12), $color);\n\n  @return (\n    0: '0px 0px 0px 0px #{$shadow-color}',\n    1: '0px 1px 3px 0px #{$shadow-color}',\n    2: '0px 1px 5px 0px #{$shadow-color}',\n    3: '0px 1px 8px 0px #{$shadow-color}',\n    4: '0px 1px 10px 0px #{$shadow-color}',\n    5: '0px 1px 14px 0px #{$shadow-color}',\n    6: '0px 1px 18px 0px #{$shadow-color}',\n    7: '0px 2px 16px 1px #{$shadow-color}',\n    8: '0px 3px 14px 2px #{$shadow-color}',\n    9: '0px 3px 16px 2px #{$shadow-color}',\n    10: '0px 4px 18px 3px #{$shadow-color}',\n    11: '0px 4px 20px 3px #{$shadow-color}',\n    12: '0px 5px 22px 4px #{$shadow-color}',\n    13: '0px 5px 24px 4px #{$shadow-color}',\n    14: '0px 5px 26px 4px #{$shadow-color}',\n    15: '0px 6px 28px 5px #{$shadow-color}',\n    16: '0px 6px 30px 5px #{$shadow-color}',\n    17: '0px 6px 32px 5px #{$shadow-color}',\n    18: '0px 7px 34px 6px #{$shadow-color}',\n    19: '0px 7px 36px 6px #{$shadow-color}',\n    20: '0px 8px 38px 7px #{$shadow-color}',\n    21: '0px 8px 40px 7px #{$shadow-color}',\n    22: '0px 8px 42px 7px #{$shadow-color}',\n    23: '0px 9px 44px 8px #{$shadow-color}',\n    24: '0px 9px 46px 8px #{$shadow-color}'\n  );\n}\n\n// The default duration value for elevation transitions.\n$mat-elevation-transition-duration: 280ms !default;\n\n// The default easing value for elevation transitions.\n$mat-elevation-transition-timing-function: $mat-fast-out-slow-in-timing-function;\n\n// The default color for elevation shadows.\n$mat-elevation-color: black !default;\n\n// The default opacity scaling value for elevation shadows.\n$mat-elevation-opacity: 1 !default;\n\n// Prefix for elevation-related selectors.\n$mat-elevation-prefix: 'mat-elevation-z';\n\n// Applies the correct css rules to an element to give it the elevation specified by $zValue.\n// The $zValue must be between 0 and 24.\n@mixin mat-elevation($zValue, $color: $mat-elevation-color, $opacity: $mat-elevation-opacity) {\n  @if type-of($zValue) != number or not unitless($zValue) {\n    @error '$zValue must be a unitless number';\n  }\n  @if $zValue < 0 or $zValue > 24 {\n    @error '$zValue must be between 0 and 24';\n  }\n\n  box-shadow: #{map-get(_get-umbra-map($color, $opacity), $zValue)},\n              #{map-get(_get-penumbra-map($color, $opacity), $zValue)},\n              #{map-get(_get-ambient-map($color, $opacity), $zValue)};\n}\n\n// Applies the elevation to an element in a manner that allows\n// consumers to override it via the Material elevation classes.\n@mixin mat-overridable-elevation(\n    $zValue,\n    $color: $mat-elevation-color,\n    $opacity: $mat-elevation-opacity) {\n  &:not([class*='#{$mat-elevation-prefix}']) {\n    @include mat-elevation($zValue, $color, $opacity);\n  }\n}\n\n// Returns a string that can be used as the value for a transition property for elevation.\n// Calling this function directly is useful in situations where a component needs to transition\n// more than one property.\n//\n// .foo {\n//   transition: mat-elevation-transition-property-value(), opacity 100ms ease;\n// }\n@function mat-elevation-transition-property-value(\n    $duration: $mat-elevation-transition-duration,\n    $easing: $mat-elevation-transition-timing-function) {\n  @return box-shadow #{$duration} #{$easing};\n}\n\n// Applies the correct css rules needed to have an element transition between elevations.\n// This mixin should be applied to elements whose elevation values will change depending on their\n// context (e.g. when active or disabled).\n//\n// NOTE(traviskaufman): Both this mixin and the above function use default parameters so they can\n// be used in the same way by clients.\n@mixin mat-elevation-transition(\n    $duration: $mat-elevation-transition-duration,\n    $easing: $mat-elevation-transition-timing-function) {\n  transition: mat-elevation-transition-property-value($duration, $easing);\n}\n\n\n@mixin mat-private-theme-elevation($zValue, $config, $opacity: $mat-elevation-opacity) {\n  $foreground: map-get($config, foreground);\n  $elevation-color: map-get($foreground, elevation);\n  $elevation-color-or-default: if($elevation-color == null, $mat-elevation-color, $elevation-color);\n\n  @include mat-elevation($zValue, $elevation-color-or-default, $opacity);\n}\n\n@mixin mat-private-theme-overridable-elevation($zValue, $config, $opacity: $mat-elevation-opacity) {\n  $foreground: map-get($config, foreground);\n  $elevation-color: map-get($foreground, elevation);\n  $elevation-color-or-default: if($elevation-color == null, $mat-elevation-color, $elevation-color);\n\n  @include mat-overridable-elevation($zValue, $elevation-color-or-default, $opacity);\n}\n\n// If the mat-animation-noop class is present on the components root element,\n// prevent non css animations from running.\n// NOTE: Currently this mixin should only be used with components that do not\n// have any projected content.\n@mixin mat-private-animation-noop() {\n  // @at-root is used to steps outside of the hierarchy of the scss rules. This is\n  // done to allow a class to be added to be added to base of the scss nesting\n  // context.\n  // For example:\n  // .my-root {\n  //   .my-subclass {\n  //      @include mat-private-animation-noop();\n  //    }\n  // }\n  // results in:\n  // ._mat-animation-noopable.my-root .my-subclass { ... }\n  @at-root ._mat-animation-noopable#{&} {\n    transition: none;\n    animation: none;\n    @content;\n  }\n}\n\n// Color palettes from the Material Design spec.\n// See https://material.io/design/color/\n//\n// Contrast colors are hard-coded because it is too difficult (probably impossible) to\n// calculate them. These contrast colors are pulled from the public Material Design spec swatches.\n// While the contrast colors in the spec are not prescriptive, we use them for convenience.\n\n\n// @deprecated renamed to $dark-primary-text.\n// @breaking-change 8.0.0\n$black-87-opacity: rgba(black, 0.87);\n// @deprecated renamed to $light-primary-text.\n// @breaking-change 8.0.0\n$white-87-opacity: rgba(white, 0.87);\n// @deprecated use $dark-[secondary-text,disabled-text,dividers,focused] instead.\n// @breaking-change 8.0.0\n$black-12-opacity: rgba(black, 0.12);\n// @deprecated use $light-[secondary-text,disabled-text,dividers,focused] instead.\n// @breaking-change 8.0.0\n$white-12-opacity: rgba(white, 0.12);\n// @deprecated use $dark-[secondary-text,disabled-text,dividers,focused] instead.\n// @breaking-change 8.0.0\n$black-6-opacity: rgba(black, 0.06);\n// @deprecated use $light-[secondary-text,disabled-text,dividers,focused] instead.\n// @breaking-change 8.0.0\n$white-6-opacity: rgba(white, 0.06);\n\n$dark-primary-text: rgba(black, 0.87);\n$dark-secondary-text: rgba(black, 0.54);\n$dark-disabled-text: rgba(black, 0.38);\n$dark-dividers: rgba(black, 0.12);\n$dark-focused: rgba(black, 0.12);\n$light-primary-text: white;\n$light-secondary-text: rgba(white, 0.7);\n$light-disabled-text: rgba(white, 0.5);\n$light-dividers: rgba(white, 0.12);\n$light-focused: rgba(white, 0.12);\n\n$mat-red: (\n  50: #ffebee,\n  100: #ffcdd2,\n  200: #ef9a9a,\n  300: #e57373,\n  400: #ef5350,\n  500: #f44336,\n  600: #e53935,\n  700: #d32f2f,\n  800: #c62828,\n  900: #b71c1c,\n  A100: #ff8a80,\n  A200: #ff5252,\n  A400: #ff1744,\n  A700: #d50000,\n  contrast: (\n    50: $dark-primary-text,\n    100: $dark-primary-text,\n    200: $dark-primary-text,\n    300: $dark-primary-text,\n    400: $dark-primary-text,\n    500: $light-primary-text,\n    600: $light-primary-text,\n    700: $light-primary-text,\n    800: $light-primary-text,\n    900: $light-primary-text,\n    A100: $dark-primary-text,\n    A200: $light-primary-text,\n    A400: $light-primary-text,\n    A700: $light-primary-text,\n  )\n);\n\n$mat-pink: (\n  50: #fce4ec,\n  100: #f8bbd0,\n  200: #f48fb1,\n  300: #f06292,\n  400: #ec407a,\n  500: #e91e63,\n  600: #d81b60,\n  700: #c2185b,\n  800: #ad1457,\n  900: #880e4f,\n  A100: #ff80ab,\n  A200: #ff4081,\n  A400: #f50057,\n  A700: #c51162,\n  contrast: (\n    50: $dark-primary-text,\n    100: $dark-primary-text,\n    200: $dark-primary-text,\n    300: $dark-primary-text,\n    400: $dark-primary-text,\n    500: $light-primary-text,\n    600: $light-primary-text,\n    700: $light-primary-text,\n    800: $light-primary-text,\n    900: $light-primary-text,\n    A100: $dark-primary-text,\n    A200: $light-primary-text,\n    A400: $light-primary-text,\n    A700: $light-primary-text,\n  )\n);\n\n$mat-purple: (\n  50: #f3e5f5,\n  100: #e1bee7,\n  200: #ce93d8,\n  300: #ba68c8,\n  400: #ab47bc,\n  500: #9c27b0,\n  600: #8e24aa,\n  700: #7b1fa2,\n  800: #6a1b9a,\n  900: #4a148c,\n  A100: #ea80fc,\n  A200: #e040fb,\n  A400: #d500f9,\n  A700: #aa00ff,\n  contrast: (\n    50: $dark-primary-text,\n    100: $dark-primary-text,\n    200: $dark-primary-text,\n    300: $light-primary-text,\n    400: $light-primary-text,\n    500: $light-primary-text,\n    600: $light-primary-text,\n    700: $light-primary-text,\n    800: $light-primary-text,\n    900: $light-primary-text,\n    A100: $dark-primary-text,\n    A200: $light-primary-text,\n    A400: $light-primary-text,\n    A700: $light-primary-text,\n  )\n);\n\n$mat-deep-purple: (\n  50: #ede7f6,\n  100: #d1c4e9,\n  200: #b39ddb,\n  300: #9575cd,\n  400: #7e57c2,\n  500: #673ab7,\n  600: #5e35b1,\n  700: #512da8,\n  800: #4527a0,\n  900: #311b92,\n  A100: #b388ff,\n  A200: #7c4dff,\n  A400: #651fff,\n  A700: #6200ea,\n  contrast: (\n    50: $dark-primary-text,\n    100: $dark-primary-text,\n    200: $dark-primary-text,\n    300: $light-primary-text,\n    400: $light-primary-text,\n    500: $light-primary-text,\n    600: $light-primary-text,\n    700: $light-primary-text,\n    800: $light-primary-text,\n    900: $light-primary-text,\n    A100: $dark-primary-text,\n    A200: $light-primary-text,\n    A400: $light-primary-text,\n    A700: $light-primary-text,\n  )\n);\n\n$mat-indigo: (\n  50: #e8eaf6,\n  100: #c5cae9,\n  200: #9fa8da,\n  300: #7986cb,\n  400: #5c6bc0,\n  500: #3f51b5,\n  600: #3949ab,\n  700: #303f9f,\n  800: #283593,\n  900: #1a237e,\n  A100: #8c9eff,\n  A200: #536dfe,\n  A400: #3d5afe,\n  A700: #304ffe,\n  contrast: (\n    50: $dark-primary-text,\n    100: $dark-primary-text,\n    200: $dark-primary-text,\n    300: $light-primary-text,\n    400: $light-primary-text,\n    500: $light-primary-text,\n    600: $light-primary-text,\n    700: $light-primary-text,\n    800: $light-primary-text,\n    900: $light-primary-text,\n    A100: $dark-primary-text,\n    A200: $light-primary-text,\n    A400: $light-primary-text,\n    A700: $light-primary-text,\n  )\n);\n\n$mat-blue: (\n  50: #e3f2fd,\n  100: #bbdefb,\n  200: #90caf9,\n  300: #64b5f6,\n  400: #42a5f5,\n  500: #2196f3,\n  600: #1e88e5,\n  700: #1976d2,\n  800: #1565c0,\n  900: #0d47a1,\n  A100: #82b1ff,\n  A200: #448aff,\n  A400: #2979ff,\n  A700: #2962ff,\n  contrast: (\n    50: $dark-primary-text,\n    100: $dark-primary-text,\n    200: $dark-primary-text,\n    300: $dark-primary-text,\n    400: $dark-primary-text,\n    500: $light-primary-text,\n    600: $light-primary-text,\n    700: $light-primary-text,\n    800: $light-primary-text,\n    900: $light-primary-text,\n    A100: $dark-primary-text,\n    A200: $light-primary-text,\n    A400: $light-primary-text,\n    A700: $light-primary-text,\n  )\n);\n\n$mat-light-blue: (\n  50: #e1f5fe,\n  100: #b3e5fc,\n  200: #81d4fa,\n  300: #4fc3f7,\n  400: #29b6f6,\n  500: #03a9f4,\n  600: #039be5,\n  700: #0288d1,\n  800: #0277bd,\n  900: #01579b,\n  A100: #80d8ff,\n  A200: #40c4ff,\n  A400: #00b0ff,\n  A700: #0091ea,\n  contrast: (\n    50: $dark-primary-text,\n    100: $dark-primary-text,\n    200: $dark-primary-text,\n    300: $dark-primary-text,\n    400: $dark-primary-text,\n    500: $light-primary-text,\n    600: $light-primary-text,\n    700: $light-primary-text,\n    800: $light-primary-text,\n    900: $light-primary-text,\n    A100: $dark-primary-text,\n    A200: $dark-primary-text,\n    A400: $dark-primary-text,\n    A700: $light-primary-text,\n  )\n);\n\n$mat-cyan: (\n  50: #e0f7fa,\n  100: #b2ebf2,\n  200: #80deea,\n  300: #4dd0e1,\n  400: #26c6da,\n  500: #00bcd4,\n  600: #00acc1,\n  700: #0097a7,\n  800: #00838f,\n  900: #006064,\n  A100: #84ffff,\n  A200: #18ffff,\n  A400: #00e5ff,\n  A700: #00b8d4,\n  contrast: (\n    50: $dark-primary-text,\n    100: $dark-primary-text,\n    200: $dark-primary-text,\n    300: $dark-primary-text,\n    400: $dark-primary-text,\n    500: $light-primary-text,\n    600: $light-primary-text,\n    700: $light-primary-text,\n    800: $light-primary-text,\n    900: $light-primary-text,\n    A100: $dark-primary-text,\n    A200: $dark-primary-text,\n    A400: $dark-primary-text,\n    A700: $dark-primary-text,\n  )\n);\n\n$mat-teal: (\n  50: #e0f2f1,\n  100: #b2dfdb,\n  200: #80cbc4,\n  300: #4db6ac,\n  400: #26a69a,\n  500: #009688,\n  600: #00897b,\n  700: #00796b,\n  800: #00695c,\n  900: #004d40,\n  A100: #a7ffeb,\n  A200: #64ffda,\n  A400: #1de9b6,\n  A700: #00bfa5,\n  contrast: (\n    50: $dark-primary-text,\n    100: $dark-primary-text,\n    200: $dark-primary-text,\n    300: $dark-primary-text,\n    400: $dark-primary-text,\n    500: $light-primary-text,\n    600: $light-primary-text,\n    700: $light-primary-text,\n    800: $light-primary-text,\n    900: $light-primary-text,\n    A100: $dark-primary-text,\n    A200: $dark-primary-text,\n    A400: $dark-primary-text,\n    A700: $dark-primary-text,\n  )\n);\n\n$mat-green: (\n  50: #e8f5e9,\n  100: #c8e6c9,\n  200: #a5d6a7,\n  300: #81c784,\n  400: #66bb6a,\n  500: #4caf50,\n  600: #43a047,\n  700: #388e3c,\n  800: #2e7d32,\n  900: #1b5e20,\n  A100: #b9f6ca,\n  A200: #69f0ae,\n  A400: #00e676,\n  A700: #00c853,\n  contrast: (\n    50: $dark-primary-text,\n    100: $dark-primary-text,\n    200: $dark-primary-text,\n    300: $dark-primary-text,\n    400: $dark-primary-text,\n    500: $dark-primary-text,\n    600: $light-primary-text,\n    700: $light-primary-text,\n    800: $light-primary-text,\n    900: $light-primary-text,\n    A100: $dark-primary-text,\n    A200: $dark-primary-text,\n    A400: $dark-primary-text,\n    A700: $dark-primary-text,\n  )\n);\n\n$mat-light-green: (\n  50: #f1f8e9,\n  100: #dcedc8,\n  200: #c5e1a5,\n  300: #aed581,\n  400: #9ccc65,\n  500: #8bc34a,\n  600: #7cb342,\n  700: #689f38,\n  800: #558b2f,\n  900: #33691e,\n  A100: #ccff90,\n  A200: #b2ff59,\n  A400: #76ff03,\n  A700: #64dd17,\n  contrast: (\n    50: $dark-primary-text,\n    100: $dark-primary-text,\n    200: $dark-primary-text,\n    300: $dark-primary-text,\n    400: $dark-primary-text,\n    500: $dark-primary-text,\n    600: $dark-primary-text,\n    700: $light-primary-text,\n    800: $light-primary-text,\n    900: $light-primary-text,\n    A100: $dark-primary-text,\n    A200: $dark-primary-text,\n    A400: $dark-primary-text,\n    A700: $dark-primary-text,\n  )\n);\n\n$mat-lime: (\n  50: #f9fbe7,\n  100: #f0f4c3,\n  200: #e6ee9c,\n  300: #dce775,\n  400: #d4e157,\n  500: #cddc39,\n  600: #c0ca33,\n  700: #afb42b,\n  800: #9e9d24,\n  900: #827717,\n  A100: #f4ff81,\n  A200: #eeff41,\n  A400: #c6ff00,\n  A700: #aeea00,\n  contrast: (\n    50: $dark-primary-text,\n    100: $dark-primary-text,\n    200: $dark-primary-text,\n    300: $dark-primary-text,\n    400: $dark-primary-text,\n    500: $dark-primary-text,\n    600: $dark-primary-text,\n    700: $dark-primary-text,\n    800: $dark-primary-text,\n    900: $light-primary-text,\n    A100: $dark-primary-text,\n    A200: $dark-primary-text,\n    A400: $dark-primary-text,\n    A700: $dark-primary-text,\n  )\n);\n\n$mat-yellow: (\n  50: #fffde7,\n  100: #fff9c4,\n  200: #fff59d,\n  300: #fff176,\n  400: #ffee58,\n  500: #ffeb3b,\n  600: #fdd835,\n  700: #fbc02d,\n  800: #f9a825,\n  900: #f57f17,\n  A100: #ffff8d,\n  A200: #ffff00,\n  A400: #ffea00,\n  A700: #ffd600,\n  contrast: (\n    50: $dark-primary-text,\n    100: $dark-primary-text,\n    200: $dark-primary-text,\n    300: $dark-primary-text,\n    400: $dark-primary-text,\n    500: $dark-primary-text,\n    600: $dark-primary-text,\n    700: $dark-primary-text,\n    800: $dark-primary-text,\n    900: $dark-primary-text,\n    A100: $dark-primary-text,\n    A200: $dark-primary-text,\n    A400: $dark-primary-text,\n    A700: $dark-primary-text,\n  )\n);\n\n$mat-amber: (\n  50: #fff8e1,\n  100: #ffecb3,\n  200: #ffe082,\n  300: #ffd54f,\n  400: #ffca28,\n  500: #ffc107,\n  600: #ffb300,\n  700: #ffa000,\n  800: #ff8f00,\n  900: #ff6f00,\n  A100: #ffe57f,\n  A200: #ffd740,\n  A400: #ffc400,\n  A700: #ffab00,\n  contrast: (\n    50: $dark-primary-text,\n    100: $dark-primary-text,\n    200: $dark-primary-text,\n    300: $dark-primary-text,\n    400: $dark-primary-text,\n    500: $dark-primary-text,\n    600: $dark-primary-text,\n    700: $dark-primary-text,\n    800: $dark-primary-text,\n    900: $dark-primary-text,\n    A100: $dark-primary-text,\n    A200: $dark-primary-text,\n    A400: $dark-primary-text,\n    A700: $dark-primary-text,\n  )\n);\n\n$mat-orange: (\n  50: #fff3e0,\n  100: #ffe0b2,\n  200: #ffcc80,\n  300: #ffb74d,\n  400: #ffa726,\n  500: #ff9800,\n  600: #fb8c00,\n  700: #f57c00,\n  800: #ef6c00,\n  900: #e65100,\n  A100: #ffd180,\n  A200: #ffab40,\n  A400: #ff9100,\n  A700: #ff6d00,\n  contrast: (\n    50: $dark-primary-text,\n    100: $dark-primary-text,\n    200: $dark-primary-text,\n    300: $dark-primary-text,\n    400: $dark-primary-text,\n    500: $dark-primary-text,\n    600: $dark-primary-text,\n    700: $dark-primary-text,\n    800: $light-primary-text,\n    900: $light-primary-text,\n    A100: $dark-primary-text,\n    A200: $dark-primary-text,\n    A400: $dark-primary-text,\n    A700: black,\n  )\n);\n\n$mat-deep-orange: (\n  50: #fbe9e7,\n  100: #ffccbc,\n  200: #ffab91,\n  300: #ff8a65,\n  400: #ff7043,\n  500: #ff5722,\n  600: #f4511e,\n  700: #e64a19,\n  800: #d84315,\n  900: #bf360c,\n  A100: #ff9e80,\n  A200: #ff6e40,\n  A400: #ff3d00,\n  A700: #dd2c00,\n  contrast: (\n    50: $dark-primary-text,\n    100: $dark-primary-text,\n    200: $dark-primary-text,\n    300: $dark-primary-text,\n    400: $dark-primary-text,\n    500: $light-primary-text,\n    600: $light-primary-text,\n    700: $light-primary-text,\n    800: $light-primary-text,\n    900: $light-primary-text,\n    A100: $dark-primary-text,\n    A200: $dark-primary-text,\n    A400: $light-primary-text,\n    A700: $light-primary-text,\n  )\n);\n\n$mat-brown: (\n  50: #efebe9,\n  100: #d7ccc8,\n  200: #bcaaa4,\n  300: #a1887f,\n  400: #8d6e63,\n  500: #795548,\n  600: #6d4c41,\n  700: #5d4037,\n  800: #4e342e,\n  900: #3e2723,\n  A100: #d7ccc8,\n  A200: #bcaaa4,\n  A400: #8d6e63,\n  A700: #5d4037,\n  contrast: (\n    50: $dark-primary-text,\n    100: $dark-primary-text,\n    200: $dark-primary-text,\n    300: $light-primary-text,\n    400: $light-primary-text,\n    500: $light-primary-text,\n    600: $light-primary-text,\n    700: $light-primary-text,\n    800: $light-primary-text,\n    900: $light-primary-text,\n    A100: $dark-primary-text,\n    A200: $dark-primary-text,\n    A400: $light-primary-text,\n    A700: $light-primary-text,\n  )\n);\n\n$mat-grey: (\n  50: #fafafa,\n  100: #f5f5f5,\n  200: #eeeeee,\n  300: #e0e0e0,\n  400: #bdbdbd,\n  500: #9e9e9e,\n  600: #757575,\n  700: #616161,\n  800: #424242,\n  900: #212121,\n  A100: #ffffff,\n  A200: #eeeeee,\n  A400: #bdbdbd,\n  A700: #616161,\n  contrast: (\n    50: $dark-primary-text,\n    100: $dark-primary-text,\n    200: $dark-primary-text,\n    300: $dark-primary-text,\n    400: $dark-primary-text,\n    500: $dark-primary-text,\n    600: $light-primary-text,\n    700: $light-primary-text,\n    800: $light-primary-text,\n    900: $light-primary-text,\n    A100: $dark-primary-text,\n    A200: $dark-primary-text,\n    A400: $dark-primary-text,\n    A700: $light-primary-text,\n  )\n);\n\n// Alias for alternate spelling.\n$mat-gray: $mat-grey;\n\n$mat-blue-grey: (\n  50: #eceff1,\n  100: #cfd8dc,\n  200: #b0bec5,\n  300: #90a4ae,\n  400: #78909c,\n  500: #607d8b,\n  600: #546e7a,\n  700: #455a64,\n  800: #37474f,\n  900: #263238,\n  A100: #cfd8dc,\n  A200: #b0bec5,\n  A400: #78909c,\n  A700: #455a64,\n  contrast: (\n    50: $dark-primary-text,\n    100: $dark-primary-text,\n    200: $dark-primary-text,\n    300: $dark-primary-text,\n    400: $light-primary-text,\n    500: $light-primary-text,\n    600: $light-primary-text,\n    700: $light-primary-text,\n    800: $light-primary-text,\n    900: $light-primary-text,\n    A100: $dark-primary-text,\n    A200: $dark-primary-text,\n    A400: $light-primary-text,\n    A700: $light-primary-text,\n  )\n);\n\n// Alias for alternate spelling.\n$mat-blue-gray: $mat-blue-grey;\n\n\n// Background palette for light themes.\n$mat-light-theme-background: (\n  status-bar: map-get($mat-grey, 300),\n  app-bar:    map-get($mat-grey, 100),\n  background: map-get($mat-grey, 50),\n  hover:      rgba(black, 0.04), // TODO(kara): check style with Material Design UX\n  card:       white,\n  dialog:     white,\n  disabled-button: rgba(black, 0.12),\n  raised-button: white,\n  focused-button: $dark-focused,\n  selected-button: map-get($mat-grey, 300),\n  selected-disabled-button: map-get($mat-grey, 400),\n  disabled-button-toggle: map-get($mat-grey, 200),\n  unselected-chip: map-get($mat-grey, 300),\n  disabled-list-option: map-get($mat-grey, 200),\n  tooltip: map-get($mat-grey, 700),\n);\n\n// Background palette for dark themes.\n$mat-dark-theme-background: (\n  status-bar: black,\n  app-bar:    map-get($mat-grey, 900),\n  background: #303030,\n  hover:      rgba(white, 0.04), // TODO(kara): check style with Material Design UX\n  card:       map-get($mat-grey, 800),\n  dialog:     map-get($mat-grey, 800),\n  disabled-button: rgba(white, 0.12),\n  raised-button: map-get($mat-grey, 800),\n  focused-button: $light-focused,\n  selected-button: map-get($mat-grey, 900),\n  selected-disabled-button: map-get($mat-grey, 800),\n  disabled-button-toggle: black,\n  unselected-chip: map-get($mat-grey, 700),\n  disabled-list-option: black,\n  tooltip: map-get($mat-grey, 700),\n);\n\n// Foreground palette for light themes.\n$mat-light-theme-foreground: (\n  base:              black,\n  divider:           $dark-dividers,\n  dividers:          $dark-dividers,\n  disabled:          $dark-disabled-text,\n  disabled-button:   rgba(black, 0.26),\n  disabled-text:     $dark-disabled-text,\n  elevation:         black,\n  hint-text:         $dark-disabled-text,\n  secondary-text:    $dark-secondary-text,\n  icon:              rgba(black, 0.54),\n  icons:             rgba(black, 0.54),\n  text:              rgba(black, 0.87),\n  slider-min:        rgba(black, 0.87),\n  slider-off:        rgba(black, 0.26),\n  slider-off-active: rgba(black, 0.38),\n);\n\n// Foreground palette for dark themes.\n$mat-dark-theme-foreground: (\n  base:              white,\n  divider:           $light-dividers,\n  dividers:          $light-dividers,\n  disabled:          $light-disabled-text,\n  disabled-button:   rgba(white, 0.3),\n  disabled-text:     $light-disabled-text,\n  elevation:         black,\n  hint-text:         $light-disabled-text,\n  secondary-text:    $light-secondary-text,\n  icon:              white,\n  icons:             white,\n  text:              white,\n  slider-min:        white,\n  slider-off:        rgba(white, 0.3),\n  slider-off-active: rgba(white, 0.3),\n);\n\n// Note that this file is called `private`, because the APIs in it aren't public yet.\n// Once they're made available, the code should be moved out into an `index.scss`.\n\n// Taken from mat-density with small modifications to not rely on the new Sass module\n// system, and to support arbitrary properties in a density configuration.\n// https://github.com/material-components/material-components-web/blob/master/packages/mdc-density\n\n$_mat-density-interval: 4px !default;\n$_mat-density-minimum-scale: minimum !default;\n$_mat-density-maximum-scale: maximum !default;\n$_mat-density-supported-scales: (default, minimum, maximum) !default;\n$_mat-density-default-scale: 0 !default;\n\n// Whether density should be generated at root. This will be temporarily set to `true`\n// whenever density styles for legacy themes are generated.\n$mat-private-density-generate-at-root: false;\n// Whether density styles should be generated. This will be temporarily set to `false` if\n// duplicate density styles for a legacy theme would be generated. For legacy themes,\n// we always generate the default density **only once** at root.\n$mat-private-density-generate-styles: true;\n\n// Mixin that can be used to wrap density styles of given components. The mixin will\n// move the density styles to root if the `$mat-private-density-generate-at-root` global variable\n// is set. If `$mat-private-density-generate-styles` is set to `false`, generation of density\n// styles wrapped in this mixin is skipped. This mixin exists to improve backwards compatibility\n// of the new theming API where density styles are included as part of themes. Previously,\n// density styles of components were part of their base styles. With the new API, they are\n// part of the theming system. The `<..>-theme` mixins generate density by default unless\n// the density configuration is explicitly specified as per new API. This means, that projects\n// using `<..>-theme` mixins for separate themes (like `.dark-theme`) will cause duplicate\n// density styles. This is breaking as it increases specificity of density styles. This mixin\n// provides an API to control generation of density styles so that we can ensure they are only\n// created *once* and at root.\n@mixin mat-private-density-legacy-compatibility() {\n  @if $mat-private-density-generate-styles and $mat-private-density-generate-at-root {\n    @at-root {\n      @content;\n    }\n  }\n  @else if $mat-private-density-generate-styles {\n    @content;\n  }\n}\n\n@function mat-private-density-prop-value($density-config, $density-scale, $property-name) {\n  @if (type-of($density-scale) == 'string' and\n      index($list: $_mat-density-supported-scales, $value: $density-scale) == null) {\n    @error 'mat-density: Supported density scales #{$_mat-density-supported-scales}, '  +\n      'but received #{$density-scale}.';\n  }\n\n  $value: null;\n  $property-scale-map: map-get($density-config, $property-name);\n\n  @if map-has-key($property-scale-map, $density-scale) {\n    $value: map-get($property-scale-map, $density-scale);\n  }\n  @else {\n    $value: map-get($property-scale-map, default) + $density-scale * $_mat-density-interval;\n  }\n\n  $min-value: map-get($property-scale-map, $_mat-density-minimum-scale);\n  $max-value: map-get($property-scale-map, $_mat-density-maximum-scale);\n\n  @if ($value < $min-value or $value > $max-value) {\n    @error 'mat-density: #{$property-name} must be between #{$min-value} and ' +\n      '#{$max-value} (inclusive), but received #{$value}.';\n  }\n\n  @return $value;\n}\n\n\n// Whether duplication warnings should be disabled. Warnings enabled by default.\n$mat-theme-ignore-duplication-warnings: false !default;\n\n// Whether density should be generated by default.\n$_mat-theme-generate-default-density: true !default;\n\n// Warning that will be printed if duplicated styles are generated by a theme.\n$_mat-theme-duplicate-warning: 'Read more about how style duplication can be avoided in a ' +\n  'dedicated guide. https://github.com/angular/components/blob/master/guides/duplicate-theming-styles.md';\n\n// These variable are not intended to be overridden externally. They use `!default` to\n// avoid being reset every time this file is imported.\n$_mat-theme-emitted-color: () !default;\n$_mat-theme-emitted-typography: () !default;\n$_mat-theme-emitted-density: () !default;\n\n// For a given hue in a palette, return the contrast color from the map of contrast palettes.\n// @param $palette\n// @param $hue\n@function mat-contrast($palette, $hue) {\n  @return map-get(map-get($palette, contrast), $hue);\n}\n\n\n// Creates a map of hues to colors for a theme. This is used to define a theme palette in terms\n// of the Material Design hues.\n// @param $base-palette\n// @param $default\n// @param $lighter\n// @param $darker\n// @param $text\n@function mat-palette($base-palette, $default: 500, $lighter: 100, $darker: 700, $text: $default) {\n  $result: map-merge($base-palette, (\n    default: map-get($base-palette, $default),\n    lighter: map-get($base-palette, $lighter),\n    darker: map-get($base-palette, $darker),\n    text: map-get($base-palette, $text),\n\n    default-contrast: mat-contrast($base-palette, $default),\n    lighter-contrast: mat-contrast($base-palette, $lighter),\n    darker-contrast: mat-contrast($base-palette, $darker)\n  ));\n\n  // For each hue in the palette, add a \"-contrast\" color to the map.\n  @each $hue, $color in $base-palette {\n    $result: map-merge($result, (\n      '#{$hue}-contrast': mat-contrast($base-palette, $hue)\n    ));\n  }\n\n  @return $result;\n}\n\n\n// Gets a color from a theme palette (the output of mat-palette).\n// The hue can be one of the standard values (500, A400, etc.), one of the three preconfigured\n// hues (default, lighter, darker), or any of the aforementioned prefixed with \"-contrast\".\n//\n// @param $palette The theme palette (output of mat-palette).\n// @param $hue The hue from the palette to use. If this is a value between 0 and 1, it will\n//     be treated as opacity.\n// @param $opacity The alpha channel value for the color.\n@function mat-color($palette, $hue: default, $opacity: null) {\n  // If hueKey is a number between zero and one, then it actually contains an\n  // opacity value, so recall this function with the default hue and that given opacity.\n  @if type-of($hue) == number and $hue >= 0 and $hue <= 1 {\n    @return mat-color($palette, default, $hue);\n  }\n\n  $color: map-get($palette, $hue);\n\n  @if (type-of($color) != color) {\n    // If the $color resolved to something different from a color (e.g. a CSS variable),\n    // we can't apply the opacity anyway so we return the value as is, otherwise Sass can\n    // throw an error or output something invalid.\n    @return $color;\n  }\n\n  @return rgba($color, if($opacity == null, opacity($color), $opacity));\n}\n\n// Validates the specified theme by ensuring that the optional color config defines\n// a primary, accent and warn palette. Returns the theme if no failures were found.\n@function _mat-validate-theme($theme) {\n  @if map-get($theme, color) {\n    $color: map-get($theme, color);\n    @if not map-get($color, primary) {\n      @error 'Theme does not define a valid \"primary\" palette.';\n    }\n    @else if not map-get($color, accent) {\n      @error 'Theme does not define a valid \"accent\" palette.';\n    }\n    @else if not map-get($color, warn) {\n      @error 'Theme does not define a valid \"warn\" palette.';\n    }\n  }\n  @return $theme;\n}\n\n// Creates a light-themed color configuration from the specified\n// primary, accent and warn palettes.\n@function _mat-create-light-color-config($primary, $accent, $warn: null) {\n  @return (\n    primary: $primary,\n    accent: $accent,\n    warn: if($warn != null, $warn, mat-palette($mat-red)),\n    is-dark: false,\n    foreground: $mat-light-theme-foreground,\n    background: $mat-light-theme-background,\n  );\n}\n\n// Creates a dark-themed color configuration from the specified\n// primary, accent and warn palettes.\n@function _mat-create-dark-color-config($primary, $accent, $warn: null) {\n  @return (\n    primary: $primary,\n    accent: $accent,\n    warn: if($warn != null, $warn, mat-palette($mat-red)),\n    is-dark: true,\n    foreground: $mat-dark-theme-foreground,\n    background: $mat-dark-theme-background,\n  );\n}\n\n// Creates a container object for a light theme to be given to individual component theme mixins.\n// TODO: Remove legacy API and rename `$primary` to `$config`. Currently it cannot be renamed\n// as it would break existing apps that set the parameter by name.\n@function mat-light-theme($primary, $accent: null, $warn: mat-palette($mat-red)) {\n  // This function creates a container object for the individual component theme mixins. Consumers\n  // can construct such an object by calling this function, or by building the object manually.\n  // There are two possible ways to invoke this function in order to create such an object:\n  //\n  //    (1) Passing in a map that holds optional configurations for individual parts of the\n  //        theming system. For `color` configurations, the function only expects the palettes\n  //        for `primary` and `accent` (and optionally `warn`). The function will expand the\n  //        shorthand into an actual configuration that can be consumed in `-color` mixins.\n  //    (2) Legacy pattern: Passing in the palettes as parameters. This is not as flexible\n  //        as passing in a configuration map because only the `color` system can be configured.\n  //\n  // If the legacy pattern is used, we generate a container object only with a light-themed\n  // configuration for the `color` theming part.\n  @if $accent != null {\n    @return mat-private-create-backwards-compatibility-theme(_mat-validate-theme((\n      _is-legacy-theme: true,\n      color: _mat-create-light-color-config($primary, $accent, $warn),\n    )));\n  }\n  // If the map pattern is used (1), we just pass-through the configurations for individual\n  // parts of the theming system, but update the `color` configuration if set. As explained\n  // above, the color shorthand will be expanded to an actual light-themed color configuration.\n  $result: $primary;\n  @if map-get($primary, color) {\n    $color-settings: map-get($primary, color);\n    $primary: map-get($color-settings, primary);\n    $accent: map-get($color-settings, accent);\n    $warn: map-get($color-settings, warn);\n    $result: map-merge($result, (color: _mat-create-light-color-config($primary, $accent, $warn)));\n  }\n  @return mat-private-create-backwards-compatibility-theme(_mat-validate-theme($result));\n}\n\n// Creates a container object for a dark theme to be given to individual component theme mixins.\n// TODO: Remove legacy API and rename `$primary` to `$config`. Currently it cannot be renamed\n// as it would break existing apps that set the parameter by name.\n@function mat-dark-theme($primary, $accent: null, $warn: mat-palette($mat-red)) {\n  // This function creates a container object for the individual component theme mixins. Consumers\n  // can construct such an object by calling this function, or by building the object manually.\n  // There are two possible ways to invoke this function in order to create such an object:\n  //\n  //    (1) Passing in a map that holds optional configurations for individual parts of the\n  //        theming system. For `color` configurations, the function only expects the palettes\n  //        for `primary` and `accent` (and optionally `warn`). The function will expand the\n  //        shorthand into an actual configuration that can be consumed in `-color` mixins.\n  //    (2) Legacy pattern: Passing in the palettes as parameters. This is not as flexible\n  //        as passing in a configuration map because only the `color` system can be configured.\n  //\n  // If the legacy pattern is used, we generate a container object only with a dark-themed\n  // configuration for the `color` theming part.\n  @if $accent != null {\n    @return mat-private-create-backwards-compatibility-theme(_mat-validate-theme((\n      _is-legacy-theme: true,\n      color: _mat-create-dark-color-config($primary, $accent, $warn),\n    )));\n  }\n  // If the map pattern is used (1), we just pass-through the configurations for individual\n  // parts of the theming system, but update the `color` configuration if set. As explained\n  // above, the color shorthand will be expanded to an actual dark-themed color configuration.\n  $result: $primary;\n  @if map-get($primary, color) {\n    $color-settings: map-get($primary, color);\n    $primary: map-get($color-settings, primary);\n    $accent: map-get($color-settings, accent);\n    $warn: map-get($color-settings, warn);\n    $result: map-merge($result, (color: _mat-create-dark-color-config($primary, $accent, $warn)));\n  }\n  @return mat-private-create-backwards-compatibility-theme(_mat-validate-theme($result));\n}\n\n/// Gets the color configuration from the given theme or configuration.\n@function mat-get-color-config($theme, $default: null) {\n  // If a configuration has been passed, return the config directly.\n  @if not mat-private-is-theme-object($theme) {\n    @return $theme;\n  }\n  // If the theme has been constructed through the legacy theming API, we use the theme object\n  // as color configuration instead of the dedicated `color` property. We do this because for\n  // backwards compatibility, we copied the color configuration from `$theme.color` to `$theme`.\n  // Hence developers could customize the colors at top-level and want to respect these changes\n  // TODO: Remove when legacy theming API is removed.\n  @if mat-private-is-legacy-constructed-theme($theme) {\n    @return $theme;\n  }\n  @if map-has-key($theme, color) {\n    @return map-get($theme, color);\n  }\n  @return $default;\n}\n\n/// Gets the density configuration from the given theme or configuration.\n@function mat-get-density-config($theme-or-config, $default: 0) {\n  // If a configuration has been passed, return the config directly.\n  @if not mat-private-is-theme-object($theme-or-config) {\n    @return $theme-or-config;\n  }\n  // In case a theme has been passed, extract the configuration if present,\n  // or fall back to the default density config.\n  @if map-has-key($theme-or-config, density) {\n    @return map-get($theme-or-config, density);\n  }\n  @return $default;\n}\n\n/// Gets the typography configuration from the given theme or configuration.\n/// For backwards compatibility, typography is not included by default.\n@function mat-get-typography-config($theme-or-config, $default: null) {\n  // If a configuration has been passed, return the config directly.\n  @if not mat-private-is-theme-object($theme-or-config) {\n    @return $theme-or-config;\n  }\n  // In case a theme has been passed, extract the configuration if present,\n  // or fall back to the default typography config.\n  @if (map-has-key($theme-or-config, typography)) {\n    @return map-get($theme-or-config, typography);\n  }\n  @return $default;\n}\n\n\n//\n// Private APIs\n//\n\n// Checks if configurations that have been declared in the given theme have been generated\n// before. If so, warnings will be reported. This should notify developers in case duplicate\n// styles are accidentally generated due to wrong usage of the all-theme mixins.\n//\n// Additionally, this mixin controls the default value for the density configuration. By\n// default, density styles are generated at scale zero. If the same density styles would be\n// generated a second time though, the default value will change to avoid duplicate styles.\n//\n// The mixin keeps track of all configurations in a list that is scoped to the specified\n// id. This is necessary because a given theme can be passed to multiple disjoint theme mixins\n// (e.g. `angular-material-theme` and `angular-material-mdc-theme`) without causing any\n// style duplication.\n@mixin mat-private-check-duplicate-theme-styles($theme-or-color-config, $id) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  $color-config: mat-get-color-config($theme);\n  $density-config: mat-get-density-config($theme);\n  $typography-config: mat-get-typography-config($theme);\n  // Lists of previous `color`, `density` and `typography` configurations.\n  $previous-color: map-get($_mat-theme-emitted-color, $id) or ();\n  $previous-typography: map-get($_mat-theme-emitted-typography, $id) or ();\n  $previous-density: map-get($_mat-theme-emitted-density, $id) or ();\n  // Whether duplicate legacy density styles would be generated.\n  $duplicate-legacy-density: false;\n\n  // Check if the color configuration has been generated before.\n  @if $color-config != null {\n    @if index($previous-color, $color-config) != null and\n        not $mat-theme-ignore-duplication-warnings {\n      @warn 'The same color styles are generated multiple times. ' +\n          $_mat-theme-duplicate-warning;\n    }\n    $previous-color: append($previous-color, $color-config);\n  }\n\n  // Check if the typography configuration has been generated before.\n  @if $typography-config != null {\n    @if index($previous-typography, $typography-config) != null and\n        not $mat-theme-ignore-duplication-warnings {\n      @warn 'The same typography styles are generated multiple times. ' +\n          $_mat-theme-duplicate-warning;\n    }\n    $previous-typography: append($previous-typography, $typography-config);\n  }\n\n  // Check if the density configuration has been generated before.\n  @if $density-config != null {\n    @if index($previous-density, $density-config) != null {\n      // Only report a warning if density styles would be duplicated for non-legacy theme\n      // definitions. For legacy themes, we have compatibility logic that avoids duplication\n      // of default density styles. We don't want to report a warning in those cases.\n      @if mat-private-is-legacy-constructed-theme($theme) {\n        $duplicate-legacy-density: true;\n      }\n      @else if not $mat-theme-ignore-duplication-warnings {\n        @warn 'The same density styles are generated multiple times. ' +\n           $_mat-theme-duplicate-warning;\n      }\n    }\n    $previous-density: append($previous-density, $density-config);\n  }\n\n  $_mat-theme-emitted-color: map-merge(\n      $_mat-theme-emitted-color, ($id: $previous-color)) !global;\n  $_mat-theme-emitted-density: map-merge(\n      $_mat-theme-emitted-density, ($id: $previous-density)) !global;\n  $_mat-theme-emitted-typography: map-merge(\n      $_mat-theme-emitted-typography, ($id: $previous-typography)) !global;\n\n  // Optionally, consumers of this mixin can wrap contents inside so that nested\n  // duplicate style checks do not report another warning. e.g. if developers include\n  // the `angular-material-theme` mixin twice, only the top-level duplicate styles check\n  // should report a warning. Not all individual components should report a warning too.\n  $orig-mat-theme-ignore-duplication-warnings: $mat-theme-ignore-duplication-warnings;\n  $mat-theme-ignore-duplication-warnings: true !global;\n\n  // If duplicate default density styles would be generated for a legacy constructed theme,\n  // we adjust the density generation so that no density styles are generated by default.\n  // If no default density styles have been generated yet, we ensure that the styles\n  // are generated at root. For legacy themes our goal is to generate default density\n  // styles **once** and at root. This matches the old behavior where density styles were\n  // part of the base component styles (that did not use view encapsulation).\n  // TODO: Remove this compatibility logic when the legacy theming API is removed.\n  $mat-private-density-generate-at-root: mat-private-is-legacy-constructed-theme($theme) !global;\n  $mat-private-density-generate-styles: not $duplicate-legacy-density !global;\n\n  @content;\n  $mat-theme-ignore-duplication-warnings: $orig-mat-theme-ignore-duplication-warnings !global;\n\n  $mat-private-density-generate-at-root: false !global;\n  $mat-private-density-generate-styles: true !global;\n}\n\n// Checks whether the given value resolves to a theme object. Theme objects are always\n// of type `map` and can optionally only specify `color`, `density` or `typography`.\n@function mat-private-is-theme-object($value) {\n  @return type-of($value) == 'map' and (\n    map-has-key($value, color) or\n    map-has-key($value, density) or\n    map-has-key($value, typography) or\n    length($value) == 0\n  );\n}\n\n// Checks whether a given value corresponds to a legacy constructed theme.\n@function mat-private-is-legacy-constructed-theme($value) {\n  @return type-of($value) == 'map' and map-get($value, '_is-legacy-theme');\n}\n\n// Creates a backwards compatible theme. Previously in Angular Material, theme objects\n// contained the color configuration directly. With the recent refactoring of the theming\n// system to allow for density and typography configurations, this is no longer the case.\n// To ensure that constructed themes which will be passed to custom theme mixins do not break,\n// we copy the color configuration and put its properties at the top-level of the theme object.\n// Here is an example of a pattern that should still work until it's officially marked as a\n// breaking change:\n//\n//    @mixin my-custom-component-theme($theme) {\n//      .my-comp {\n//        background-color: mat-color(map-get($theme, primary));\n//      }\n//    }\n//\n// Note that the `$theme.primary` key does usually not exist since the color configuration\n// is stored in `$theme.color` which contains a property for `primary`. This method copies\n// the map from `$theme.color` to `$theme` for backwards compatibility.\n@function mat-private-create-backwards-compatibility-theme($theme) {\n  @if not map-get($theme, color) {\n    @return $theme;\n  }\n  $color: map-get($theme, color);\n  @return map-merge($theme, $color);\n}\n\n// Gets the theme from the given value that is either already a theme, or a color configuration.\n// This handles the legacy case where developers pass a color configuration directly to the\n// theme mixin. Before we introduced the new pattern for constructing a theme, developers passed\n// the color configuration directly to the theme mixins. This can be still the case if developers\n// construct a theme manually and pass it to a theme. We support this for backwards compatibility.\n// TODO(devversion): remove this in the future. Constructing themes manually is rare,\n// and the code can be easily updated to the new API.\n@function mat-private-legacy-get-theme($theme-or-color-config) {\n  @if mat-private-is-theme-object($theme-or-color-config) {\n    @return $theme-or-color-config;\n  }\n  @return mat-private-create-backwards-compatibility-theme((\n    _is-legacy-theme: true,\n    color: $theme-or-color-config\n  ));\n}\n\n\n\n$mat-ripple-color-opacity: 0.1;\n\n@mixin mat-ripple() {\n\n  // The host element of an mat-ripple directive should always have a position of \"absolute\" or\n  // \"relative\" so that the ripples inside are correctly positioned relatively to the container.\n  .mat-ripple {\n    overflow: hidden;\n\n    // By default, every ripple container should have position: relative in favor of creating an\n    // easy API for developers using the MatRipple directive.\n    position: relative;\n\n    // Promote containers that have ripples to a new layer. We want to target `:not(:empty)`,\n    // because we don't want all ripple containers to have their own layer since they're used in a\n    // lot of places and the layer is only relevant while animating. Note that ideally we'd use\n    // the `contain` property here (see #13175), because `:empty` can be broken by having extra\n    // text inside the element, but it isn't very well supported yet.\n    &:not(:empty) {\n      transform: translateZ(0);\n    }\n  }\n\n  .mat-ripple.mat-ripple-unbounded {\n    overflow: visible;\n  }\n\n  .mat-ripple-element {\n    position: absolute;\n    border-radius: 50%;\n    pointer-events: none;\n\n    transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);\n    transform: scale(0);\n\n    // In high contrast mode the ripple is opaque, causing it to obstruct the content.\n    @include cdk-high-contrast(active, off) {\n      display: none;\n    }\n  }\n}\n\n/* Colors for the ripple elements.*/\n@mixin mat-ripple-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $foreground: map-get($config, foreground);\n  $foreground-base: map-get($foreground, base);\n\n  .mat-ripple-element {\n    // If the ripple color is resolves to a color *type*, we can use it directly, otherwise\n    // (e.g. it resolves to a CSS variable) we fall back to using the color and setting an opacity.\n    @if (type-of($foreground-base) == color) {\n      background-color: rgba($foreground-base, $mat-ripple-color-opacity);\n    }\n    @else {\n      background-color: $foreground-base;\n      opacity: $mat-ripple-color-opacity;\n    }\n  }\n}\n\n@mixin mat-ripple-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-ripple') {\n    $color: mat-get-color-config($theme);\n    @if $color != null {\n      @include mat-ripple-color($color);\n    }\n  }\n}\n\n\n// This mixin ensures an element spans to fill the nearest ancestor with defined positioning.\n@mixin mat-fill {\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  position: absolute;\n}\n\n\n/// Mixin that turns on strong focus indicators.\n///\n/// @example\n///   .my-app {\n///     @include mat-strong-focus-indicators($config);\n///   }\n@mixin mat-strong-focus-indicators($config: ()) {\n  // Default focus indicator config.\n  $default-config: (\n    border-style: solid,\n    border-width: 3px,\n    border-radius: 4px,\n  );\n\n  // Merge default config with user config.\n  $config: map-merge($default-config, $config);\n  $border-style: map-get($config, border-style);\n  $border-width: map-get($config, border-width);\n  $border-radius: map-get($config, border-radius);\n\n  // Base styles for focus indicators.\n  .mat-focus-indicator::before {\n    @include mat-fill();\n    box-sizing: border-box;\n    pointer-events: none;\n    border: $border-width $border-style transparent;\n    border-radius: $border-radius;\n  }\n\n  // By default, all focus indicators are flush with the bounding box of their\n  // host element. For particular elements (listed below), default inset/offset\n  // values are necessary to ensure that the focus indicator is sufficiently\n  // contrastive and renders appropriately.\n\n  .mat-focus-indicator.mat-flat-button::before,\n  .mat-focus-indicator.mat-raised-button::before,\n  .mat-focus-indicator.mat-fab::before,\n  .mat-focus-indicator.mat-mini-fab::before,\n  .mat-focus-indicator.mat-chip::before,\n  .mat-focus-indicator.mat-sort-header-container::before {\n    margin: -($border-width + 2px);\n  }\n\n  .mat-focus-indicator.mat-stroked-button::before,\n  .mat-focus-indicator.mat-calendar-body-cell-content::before {\n    margin: -($border-width + 3px);\n  }\n\n  .mat-focus-indicator.mat-tab-link::before,\n  .mat-focus-indicator.mat-tab-label::before {\n    margin: 5px;\n  }\n\n  // Render the focus indicator on focus. Defining a pseudo element's\n  // content will cause it to render.\n\n  // Checkboxes, radios, and slide toggles render focus indicators when the\n  // associated visually-hidden input is focused.\n  .mat-checkbox-input:focus ~ .mat-focus-indicator::before,\n  .mat-radio-input:focus ~ .mat-focus-indicator::before,\n  .mat-slide-toggle-input:focus ~ .mat-slide-toggle-thumb-container .mat-focus-indicator::before,\n\n  // For options, render the focus indicator when the class .mat-active\n  // is present.\n  .mat-focus-indicator.mat-option.mat-active::before,\n\n  // For calendar cells, render the focus indicator when the parent cell is\n  // focused.\n  .mat-calendar-body-cell:focus .mat-focus-indicator::before,\n\n  // For all other components, render the focus indicator on focus.\n  .mat-focus-indicator:focus::before {\n    content: '';\n  }\n}\n\n// Mixin that applies the border color for the focus indicators.\n@mixin _mat-strong-focus-indicators-border-color($color) {\n  .mat-focus-indicator::before {\n    border-color: $color;\n  }\n}\n\n@mixin mat-strong-focus-indicators-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  @include _mat-strong-focus-indicators-border-color(mat-color(map-get($config, primary)));\n}\n\n/// Mixin that sets the color of the focus indicators.\n///\n/// @param {color|map} $theme-or-color\n///   If theme, focus indicators are set to the primary color of the theme. If\n///   color, focus indicators are set to that color.\n///\n/// @example\n///   .demo-dark-theme {\n///     @include mat-strong-focus-indicators-theme($dark-theme-map);\n///   }\n///\n/// @example\n///   .demo-red-theme {\n///     @include mat-strong-focus-indicators-theme(#f00);\n///   }\n/* stylelint-disable-next-line material/theme-mixin-api */\n@mixin mat-strong-focus-indicators-theme($theme-or-color) {\n  @if type-of($theme-or-color) != 'map' {\n    @include _mat-strong-focus-indicators-border-color($theme-or-color);\n  }\n  @else {\n    $theme: mat-private-legacy-get-theme($theme-or-color);\n    @include mat-private-check-duplicate-theme-styles($theme, 'mat-strong-focus-indicators') {\n      $color: mat-get-color-config($theme);\n      @if $color != null {\n        @include mat-strong-focus-indicators-color($color);\n      }\n    }\n  }\n}\n\n// Mixin that ensures focus indicator host elements are positioned so that the focus indicator\n// pseudo element within is positioned relative to the host. Private mixin included within\n// `mat-core`.\n@mixin mat-private-strong-focus-indicators-positioning() {\n  .mat-focus-indicator {\n    position: relative;\n  }\n}\n\n\n\n// Utility for fetching a nested value from a typography config.\n@function _mat-get-type-value($config, $level, $name) {\n  @return map-get(map-get($config, $level), $name);\n}\n\n// Gets the font size for a level inside a typography config.\n@function mat-font-size($config, $level) {\n  @return _mat-get-type-value($config, $level, font-size);\n}\n\n// Gets the line height for a level inside a typography config.\n@function mat-line-height($config, $level) {\n  @return _mat-get-type-value($config, $level, line-height);\n}\n\n// Gets the font weight for a level inside a typography config.\n@function mat-font-weight($config, $level) {\n  @return _mat-get-type-value($config, $level, font-weight);\n}\n\n// Gets the letter spacing for a level inside a typography config.\n@function mat-letter-spacing($config, $level) {\n  @return _mat-get-type-value($config, $level, letter-spacing);\n}\n\n// Gets the font-family from a typography config and removes the quotes around it.\n@function mat-font-family($config, $level: null) {\n  $font-family: map-get($config, font-family);\n\n  @if $level != null {\n    $font-family: _mat-get-type-value($config, $level, font-family);\n  }\n\n  // Guard against unquoting non-string values, because it's deprecated.\n  @return if(type-of($font-family) == string, unquote($font-family), $font-family);\n}\n\n// Outputs the shorthand `font` CSS property, based on a set of typography values. Falls back to\n// the individual properties if a value that isn't allowed in the shorthand is passed in.\n@mixin mat-typography-font-shorthand($font-size, $font-weight, $line-height, $font-family) {\n  // If any of the values are set to `inherit`, we can't use the shorthand\n  // so we fall back to passing in the individual properties.\n  @if ($font-size == inherit or\n       $font-weight == inherit or\n       $line-height == inherit or\n       $font-family == inherit or\n       $font-size == null or\n       $font-weight == null or\n       $line-height == null or\n       $font-family == null) {\n\n    font-size: $font-size;\n    font-weight: $font-weight;\n    line-height: $line-height;\n    font-family: $font-family;\n  }\n  @else {\n    // Otherwise use the shorthand `font`, because it's the least amount of bytes. Note\n    // that we need to use interpolation for `font-size/line-height` in order to prevent\n    // Sass from dividing the two values.\n    font: $font-weight #{$font-size}/#{$line-height} $font-family;\n  }\n}\n\n// Converts a typography level into CSS styles.\n@mixin mat-typography-level-to-styles($config, $level) {\n  $font-size: mat-font-size($config, $level);\n  $font-weight: mat-font-weight($config, $level);\n  $line-height: mat-line-height($config, $level);\n  $font-family: mat-font-family($config, $level);\n\n  @include mat-typography-font-shorthand($font-size, $font-weight, $line-height, $font-family);\n  letter-spacing: mat-letter-spacing($config, $level);\n}\n\n\n@mixin mat-option-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $foreground: map-get($config, foreground);\n  $background: map-get($config, background);\n  $primary: map-get($config, primary);\n  $accent: map-get($config, accent);\n  $warn: map-get($config, warn);\n\n  .mat-option {\n    color: mat-color($foreground, text);\n\n    &:hover:not(.mat-option-disabled),\n    &:focus:not(.mat-option-disabled) {\n      background: mat-color($background, hover);\n    }\n\n    // In multiple mode there is a checkbox to show that the option is selected.\n    &.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {\n      background: mat-color($background, hover);\n    }\n\n    &.mat-active {\n      background: mat-color($background, hover);\n      color: mat-color($foreground, text);\n    }\n\n    &.mat-option-disabled {\n      color: mat-color($foreground, hint-text);\n    }\n  }\n\n  .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {\n    color: mat-color($primary, text);\n  }\n\n  .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {\n    color: mat-color($accent, text);\n  }\n\n  .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {\n    color: mat-color($warn, text);\n  }\n}\n\n@mixin mat-option-typography($config-or-theme) {\n  $config: mat-get-typography-config($config-or-theme);\n  .mat-option {\n    font: {\n      family: mat-font-family($config);\n      size: mat-font-size($config, subheading-2);\n    }\n  }\n}\n\n@mixin _mat-option-density($config-or-theme) {}\n\n@mixin mat-option-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-option') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-option-color($color);\n    }\n    @if $density != null {\n      @include _mat-option-density($density);\n    }\n    @if $typography != null {\n      @include mat-option-typography($typography);\n    }\n  }\n}\n\n\n\n\n\n@mixin mat-optgroup-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $foreground: map-get($config, foreground);\n\n  .mat-optgroup-label {\n    color: mat-color($foreground, secondary-text);\n  }\n\n  .mat-optgroup-disabled .mat-optgroup-label {\n    color: mat-color($foreground, hint-text);\n  }\n}\n\n@mixin mat-optgroup-typography($config-or-theme) {\n  $config: mat-get-typography-config($config-or-theme);\n  .mat-optgroup-label {\n    @include mat-typography-level-to-styles($config, body-2);\n  }\n}\n\n@mixin _mat-optgroup-density($config-or-theme) {}\n\n@mixin mat-optgroup-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-optgroup') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-optgroup-color($color);\n    }\n    @if $density != null {\n      @include _mat-optgroup-density($density);\n    }\n    @if $typography != null {\n      @include mat-optgroup-typography($typography);\n    }\n  }\n}\n\n\n\n@mixin mat-pseudo-checkbox-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $is-dark-theme: map-get($config, is-dark);\n  $primary: map-get($config, primary);\n  $accent: map-get($config, accent);\n  $warn: map-get($config, warn);\n  $background: map-get($config, background);\n\n  // NOTE(traviskaufman): While the spec calls for translucent blacks/whites for disabled colors,\n  // this does not work well with elements layered on top of one another. To get around this we\n  // blend the colors together based on the base color and the theme background.\n  $white-30pct-opacity-on-dark: #686868;\n  $black-26pct-opacity-on-light: #b0b0b0;\n  $disabled-color: if($is-dark-theme, $white-30pct-opacity-on-dark, $black-26pct-opacity-on-light);\n  $colored-box-selector: '.mat-pseudo-checkbox-checked, .mat-pseudo-checkbox-indeterminate';\n\n  .mat-pseudo-checkbox {\n    color: mat-color(map-get($config, foreground), secondary-text);\n\n    &::after {\n      color: mat-color($background, background);\n    }\n  }\n\n  .mat-pseudo-checkbox-disabled {\n    color: $disabled-color;\n  }\n\n  .mat-primary .mat-pseudo-checkbox-checked,\n  .mat-primary .mat-pseudo-checkbox-indeterminate {\n    background: mat-color(map-get($config, primary));\n  }\n\n  // Default to the accent color. Note that the pseudo checkboxes are meant to inherit the\n  // theme from their parent, rather than implementing their own theming, which is why we\n  // don't attach to the `mat-*` classes. Also note that this needs to be below `.mat-primary`\n  // in order to allow for the color to be overwritten if the checkbox is inside a parent that\n  // has `mat-accent` and is placed inside another parent that has `mat-primary`.\n  .mat-pseudo-checkbox-checked,\n  .mat-pseudo-checkbox-indeterminate,\n  .mat-accent .mat-pseudo-checkbox-checked,\n  .mat-accent .mat-pseudo-checkbox-indeterminate {\n    background: mat-color(map-get($config, accent));\n  }\n\n  .mat-warn .mat-pseudo-checkbox-checked,\n  .mat-warn .mat-pseudo-checkbox-indeterminate {\n    background: mat-color(map-get($config, warn));\n  }\n\n  .mat-pseudo-checkbox-checked,\n  .mat-pseudo-checkbox-indeterminate {\n    &.mat-pseudo-checkbox-disabled {\n      background: $disabled-color;\n    }\n  }\n}\n\n@mixin mat-pseudo-checkbox-typography($config-or-theme) {}\n\n@mixin _mat-pseudo-checkbox-density($config-or-theme) {}\n\n@mixin mat-pseudo-checkbox-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-pseudo-checkbox') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-pseudo-checkbox-color($color);\n    }\n    @if $density != null {\n      @include _mat-pseudo-checkbox-density($density);\n    }\n    @if $typography != null {\n      @include mat-pseudo-checkbox-typography($typography);\n    }\n  }\n}\n\n\n\n// Represents a typography level from the Material design spec.\n@function mat-typography-level(\n  $font-size,\n  $line-height: $font-size,\n  $font-weight: 400,\n  $font-family: null,\n  $letter-spacing: normal) {\n\n  @return (\n    font-size: $font-size,\n    line-height: $line-height,\n    font-weight: $font-weight,\n    font-family: $font-family,\n    letter-spacing: $letter-spacing\n  );\n}\n\n// Represents a collection of typography levels.\n// Defaults come from https://material.io/guidelines/style/typography.html\n// Note: The spec doesn't mention letter spacing. The values here come from\n// eyeballing it until it looked exactly like the spec examples.\n@function mat-typography-config(\n  $font-family:   'Roboto, \"Helvetica Neue\", sans-serif',\n  $display-4:     mat-typography-level(112px, 112px, 300, $letter-spacing: -0.05em),\n  $display-3:     mat-typography-level(56px, 56px, 400, $letter-spacing: -0.02em),\n  $display-2:     mat-typography-level(45px, 48px, 400, $letter-spacing: -0.005em),\n  $display-1:     mat-typography-level(34px, 40px, 400),\n  $headline:      mat-typography-level(24px, 32px, 400),\n  $title:         mat-typography-level(20px, 32px, 500),\n  $subheading-2:  mat-typography-level(16px, 28px, 400),\n  $subheading-1:  mat-typography-level(15px, 24px, 400),\n  $body-2:        mat-typography-level(14px, 24px, 500),\n  $body-1:        mat-typography-level(14px, 20px, 400),\n  $caption:       mat-typography-level(12px, 20px, 400),\n  $button:        mat-typography-level(14px, 14px, 500),\n  // Line-height must be unit-less fraction of the font-size.\n  $input:         mat-typography-level(inherit, 1.125, 400)\n) {\n\n  // Declare an initial map with all of the levels.\n  $config: (\n    display-4:      $display-4,\n    display-3:      $display-3,\n    display-2:      $display-2,\n    display-1:      $display-1,\n    headline:       $headline,\n    title:          $title,\n    subheading-2:   $subheading-2,\n    subheading-1:   $subheading-1,\n    body-2:         $body-2,\n    body-1:         $body-1,\n    caption:        $caption,\n    button:         $button,\n    input:          $input,\n  );\n\n  // Loop through the levels and set the `font-family` of the ones that don't have one to the base.\n  // Note that Sass can't modify maps in place, which means that we need to merge and re-assign.\n  @each $key, $level in $config {\n    @if map-get($level, font-family) == null {\n      $new-level: map-merge($level, (font-family: $font-family));\n      $config: map-merge($config, ($key: $new-level));\n    }\n  }\n\n  // Add the base font family to the config.\n  @return map-merge($config, (font-family: $font-family));\n}\n\n// Whether a config is for the Material Design 2018 typography system.\n@function mat-private-typography-is-2018-config($config) {\n  @return map-get($config, headline-1) != null;\n}\n\n// Whether a config is for the Material Design 2014 typography system.\n@function mat-private-typography-is-2014-config($config) {\n  @return map-get($config, headline) != null;\n}\n\n// Given a config for either the 2014 or 2018 Material Design typography system,\n// produces a normalized typography config for the 2014 Material Design typography system.\n// 2014 - https://material.io/archive/guidelines/style/typography.html#typography-styles\n// 2018 - https://material.io/design/typography/the-type-system.html#type-scale\n@function mat-private-typography-to-2014-config($config) {\n  @if mat-private-typography-is-2018-config($config) {\n    @return mat-typography-config(\n        $display-4: map-get($config, headline-1),\n        $display-3: map-get($config, headline-2),\n        $display-2: map-get($config, headline-3),\n        $display-1: map-get($config, headline-4),\n        $headline: map-get($config, headline-5),\n        $title: map-get($config, headline-6),\n        $subheading-2: map-get($config, subtitle-1),\n        $subheading-1: map-get($config, subtitle-2),\n        $body-2: map-get($config, body-1),\n        $body-1: map-get($config, body-2),\n        $button: map-get($config, button),\n        $caption: map-get($config, caption),\n    );\n  }\n  @return $config;\n}\n\n// Given a config for either the 2014 or 2018 Material Design typography system,\n// produces a normalized typography config for the 2018 Material Design typography system.\n// 2014 - https://material.io/archive/guidelines/style/typography.html#typography-styles\n// 2018 - https://material.io/design/typography/the-type-system.html#type-scale\n@function mat-private-typography-to-2018-config($config) {\n  @if mat-private-typography-is-2014-config($config) {\n    @return (\n        headline-1: map-get($config, display-4),\n        headline-2: map-get($config, display-3),\n        headline-3: map-get($config, display-2),\n        headline-4: map-get($config, display-1),\n        headline-5: map-get($config, headline),\n        headline-6: map-get($config, title),\n        subtitle-1: map-get($config, subheading-2),\n        subtitle-2: map-get($config, subheading-1),\n        body-1: map-get($config, body-2),\n        body-2: map-get($config, body-1),\n        button: map-get($config, button),\n        caption: map-get($config, caption),\n    );\n  }\n  @return $config;\n}\n\n// Adds the base typography styles, based on a config.\n/* stylelint-disable-next-line material/theme-mixin-api */\n@mixin mat-base-typography($config, $selector: '.mat-typography') {\n  .mat-h1, .mat-headline, #{$selector} h1 {\n    @include mat-typography-level-to-styles($config, headline);\n    margin: 0 0 16px;\n  }\n\n  .mat-h2, .mat-title, #{$selector} h2 {\n    @include mat-typography-level-to-styles($config, title);\n    margin: 0 0 16px;\n  }\n\n  .mat-h3, .mat-subheading-2, #{$selector} h3 {\n    @include mat-typography-level-to-styles($config, subheading-2);\n    margin: 0 0 16px;\n  }\n\n  .mat-h4, .mat-subheading-1, #{$selector} h4 {\n    @include mat-typography-level-to-styles($config, subheading-1);\n    margin: 0 0 16px;\n  }\n\n  // Note: the spec doesn't have anything that would correspond to h5 and h6, but we add these for\n  // consistency. The font sizes come from the Chrome user agent styles which have h5 at 0.83em\n  // and h6 at 0.67em.\n  .mat-h5, #{$selector} h5 {\n    @include mat-typography-font-shorthand(\n       // calc is used here to support css variables\n      calc(#{mat-font-size($config, body-1)} * 0.83),\n      mat-font-weight($config, body-1),\n      mat-line-height($config, body-1),\n      mat-font-family($config, body-1)\n    );\n\n    margin: 0 0 12px;\n  }\n\n  .mat-h6, #{$selector} h6 {\n    @include mat-typography-font-shorthand(\n       // calc is used here to support css variables\n      calc(#{mat-font-size($config, body-1)} * 0.67),\n      mat-font-weight($config, body-1),\n      mat-line-height($config, body-1),\n      mat-font-family($config, body-1)\n    );\n\n    margin: 0 0 12px;\n  }\n\n  .mat-body-strong, .mat-body-2 {\n    @include mat-typography-level-to-styles($config, body-2);\n  }\n\n  .mat-body, .mat-body-1, #{$selector} {\n    @include mat-typography-level-to-styles($config, body-1);\n\n    p {\n      margin: 0 0 12px;\n    }\n  }\n\n  .mat-small, .mat-caption {\n    @include mat-typography-level-to-styles($config, caption);\n  }\n\n  .mat-display-4, #{$selector} .mat-display-4 {\n    @include mat-typography-level-to-styles($config, display-4);\n    margin: 0 0 56px;\n  }\n\n  .mat-display-3, #{$selector} .mat-display-3 {\n    @include mat-typography-level-to-styles($config, display-3);\n    margin: 0 0 64px;\n  }\n\n  .mat-display-2, #{$selector} .mat-display-2 {\n    @include mat-typography-level-to-styles($config, display-2);\n    margin: 0 0 64px;\n  }\n\n  .mat-display-1, #{$selector} .mat-display-1 {\n    @include mat-typography-level-to-styles($config, display-1);\n    margin: 0 0 64px;\n  }\n}\n\n\n\n\n@mixin mat-autocomplete-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $foreground: map-get($config, foreground);\n  $background: map-get($config, background);\n\n  .mat-autocomplete-panel {\n    @include mat-private-theme-overridable-elevation(4, $config);\n    background: mat-color($background, card);\n    color: mat-color($foreground, text);\n\n    // Selected options in autocompletes should not be gray, but we\n    // only want to override the background for selected options if\n    // they are *not* in hover or focus state. This change has to be\n    // made here because base option styles are shared between the\n    // autocomplete and the select.\n    .mat-option.mat-selected:not(.mat-active):not(:hover) {\n      background: mat-color($background, card);\n\n      &:not(.mat-option-disabled) {\n        color: mat-color($foreground, text);\n      }\n    }\n  }\n}\n\n@mixin mat-autocomplete-typography($config-or-theme) {}\n\n@mixin _mat-autocomplete-density($config-or-theme) {}\n\n@mixin mat-autocomplete-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-autocomplete') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-autocomplete-color($color);\n    }\n    @if $density != null {\n      @include _mat-autocomplete-density($density);\n    }\n    @if $typography != null {\n      @include mat-autocomplete-typography($typography);\n    }\n  }\n}\n\n// This contains all of the styles for the badge\n// rather than just the color/theme because of\n// no style sheet support for directives.\n\n\n\n\n\n$mat-badge-font-size: 12px;\n$mat-badge-font-weight: 600;\n$mat-badge-default-size: 22px !default;\n$mat-badge-small-size: $mat-badge-default-size - 6;\n$mat-badge-large-size: $mat-badge-default-size + 6;\n\n// Mixin for building offset given different sizes\n@mixin _mat-badge-size($size) {\n  .mat-badge-content {\n    width: $size;\n    height: $size;\n    line-height: $size;\n  }\n\n  &.mat-badge-above {\n    .mat-badge-content {\n      top: -$size / 2;\n    }\n  }\n\n  &.mat-badge-below {\n    .mat-badge-content {\n      bottom: -$size / 2;\n    }\n  }\n\n  &.mat-badge-before {\n    .mat-badge-content {\n      left: -$size;\n    }\n  }\n\n  [dir='rtl'] &.mat-badge-before {\n    .mat-badge-content {\n      left: auto;\n      right: -$size;\n    }\n  }\n\n  &.mat-badge-after {\n    .mat-badge-content {\n      right: -$size;\n    }\n  }\n\n  [dir='rtl'] &.mat-badge-after {\n    .mat-badge-content {\n      right: auto;\n      left: -$size;\n    }\n  }\n\n  &.mat-badge-overlap {\n    &.mat-badge-before {\n      .mat-badge-content {\n        left: -$size / 2;\n      }\n    }\n\n    [dir='rtl'] &.mat-badge-before {\n      .mat-badge-content {\n        left: auto;\n        right: -$size / 2;\n      }\n    }\n\n    &.mat-badge-after {\n      .mat-badge-content {\n        right: -$size / 2;\n      }\n    }\n\n    [dir='rtl'] &.mat-badge-after {\n      .mat-badge-content {\n        right: auto;\n        left: -$size / 2;\n      }\n    }\n  }\n}\n\n@mixin mat-badge-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $accent: map-get($config, accent);\n  $warn: map-get($config, warn);\n  $primary: map-get($config, primary);\n  $background: map-get($config, background);\n  $foreground: map-get($config, foreground);\n\n  .mat-badge-content {\n    color: mat-color($primary, default-contrast);\n    background: mat-color($primary);\n\n    @include cdk-high-contrast(active, off) {\n      outline: solid 1px;\n      border-radius: 0;\n    }\n  }\n\n  .mat-badge-accent {\n    .mat-badge-content {\n      background: mat-color($accent);\n      color: mat-color($accent, default-contrast);\n    }\n  }\n\n  .mat-badge-warn {\n    .mat-badge-content {\n      color: mat-color($warn, default-contrast);\n      background: mat-color($warn);\n    }\n  }\n\n  .mat-badge {\n    position: relative;\n  }\n\n  .mat-badge-hidden {\n    .mat-badge-content {\n      display: none;\n    }\n  }\n\n  .mat-badge-disabled {\n    .mat-badge-content {\n      $app-background: mat-color($background, 'background');\n      $badge-color: mat-color($foreground, disabled-button);\n\n      // The disabled color usually has some kind of opacity, but because the badge is overlayed\n      // on top of something else, it won't look good if it's opaque. If it is a color *type*,\n      // we convert it into a solid color by taking the opacity from the rgba value and using\n      // the value to determine the percentage of the background to put into foreground when\n      // mixing the colors together.\n      @if (type-of($badge-color) == color and type-of($app-background) == color) {\n        $badge-opacity: opacity($badge-color);\n        background: mix($app-background, rgba($badge-color, 1), (1 - $badge-opacity) * 100%);\n      }\n      @else {\n        background: $badge-color;\n      }\n\n      color: mat-color($foreground, disabled-text);\n    }\n  }\n\n  .mat-badge-content {\n    position: absolute;\n    text-align: center;\n    display: inline-block;\n    border-radius: 50%;\n    transition: transform 200ms ease-in-out;\n    transform: scale(0.6);\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    pointer-events: none;\n  }\n\n  .ng-animate-disabled .mat-badge-content,\n  .mat-badge-content._mat-animation-noopable {\n    transition: none;\n  }\n\n  // The active class is added after the element is added\n  // so it can animate scale to default\n  .mat-badge-content.mat-badge-active {\n    // Scale to `none` instead of `1` to avoid blurry text in some browsers.\n    transform: none;\n  }\n\n  .mat-badge-small {\n    @include _mat-badge-size($mat-badge-small-size);\n  }\n  .mat-badge-medium {\n    @include _mat-badge-size($mat-badge-default-size);\n  }\n  .mat-badge-large {\n    @include _mat-badge-size($mat-badge-large-size);\n  }\n}\n\n@mixin mat-badge-typography($config-or-theme) {\n  $config: mat-get-typography-config($config-or-theme);\n  .mat-badge-content {\n    font-weight: $mat-badge-font-weight;\n    font-size: $mat-badge-font-size;\n    font-family: mat-font-family($config);\n  }\n\n  .mat-badge-small .mat-badge-content {\n    // Set the font size to 75% of the original.\n    font-size: $mat-badge-font-size * 0.75;\n  }\n\n  .mat-badge-large .mat-badge-content {\n    font-size: $mat-badge-font-size * 2;\n  }\n}\n\n@mixin _mat-badge-density($config-or-theme) {}\n\n@mixin mat-badge-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-badge') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-badge-color($color);\n    }\n    @if $density != null {\n      @include _mat-badge-density($density);\n    }\n    @if $typography != null {\n      @include mat-badge-typography($typography);\n    }\n  }\n}\n\n\n\n\n\n\n@mixin mat-bottom-sheet-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $background: map-get($config, background);\n  $foreground: map-get($config, foreground);\n\n  .mat-bottom-sheet-container {\n    @include mat-private-theme-elevation(16, $config);\n    background: mat-color($background, dialog);\n    color: mat-color($foreground, text);\n  }\n}\n\n@mixin mat-bottom-sheet-typography($config-or-theme) {\n  $config: mat-get-typography-config($config-or-theme);\n  .mat-bottom-sheet-container {\n    @include mat-typography-level-to-styles($config, body-1);\n  }\n}\n\n@mixin _mat-bottom-sheet-density($config-or-theme) {}\n\n@mixin mat-bottom-sheet-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-bottom-sheet') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-bottom-sheet-color($color);\n    }\n    @if $density != null {\n      @include _mat-bottom-sheet-density($density);\n    }\n    @if $typography != null {\n      @include mat-bottom-sheet-typography($typography);\n    }\n  }\n}\n\n\n\n\n\n$_mat-button-ripple-opacity: 0.1;\n\n// Applies a focus style to an mat-button element for each of the supported palettes.\n@mixin _mat-button-focus-overlay-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $primary: map-get($config, primary);\n  $accent: map-get($config, accent);\n  $warn: map-get($config, warn);\n\n  &.mat-primary .mat-button-focus-overlay {\n    background-color: mat-color($primary);\n  }\n\n  &.mat-accent .mat-button-focus-overlay {\n    background-color: mat-color($accent);\n  }\n\n  &.mat-warn .mat-button-focus-overlay {\n    background-color: mat-color($warn);\n  }\n\n  &.mat-button-disabled .mat-button-focus-overlay {\n    background-color: transparent;\n  }\n}\n\n// Applies the background color for a ripple. If the value provided is not a Sass color,\n// we assume that we've been given a CSS variable. Since we can't perform alpha-blending\n// on a CSS variable, we instead add the opacity directly to the ripple element.\n@mixin _mat-button-ripple-background($palette, $hue, $opacity) {\n  $background-color: mat-color($palette, $hue, $opacity);\n  background-color: $background-color;\n  @if (type-of($background-color) != color) {\n    opacity: $opacity;\n  }\n}\n\n@mixin _mat-button-ripple-color($theme, $hue, $opacity: $_mat-button-ripple-opacity) {\n  $primary: map-get($theme, primary);\n  $accent: map-get($theme, accent);\n  $warn: map-get($theme, warn);\n\n  &.mat-primary .mat-ripple-element {\n    @include _mat-button-ripple-background($primary, $hue, $opacity);\n  }\n\n  &.mat-accent .mat-ripple-element {\n    @include _mat-button-ripple-background($accent, $hue, $opacity);\n  }\n\n  &.mat-warn .mat-ripple-element {\n    @include _mat-button-ripple-background($warn, $hue, $opacity);\n  }\n}\n\n// Applies a property to an mat-button element for each of the supported palettes.\n@mixin _mat-button-theme-property($theme, $property, $hue) {\n  $primary: map-get($theme, primary);\n  $accent: map-get($theme, accent);\n  $warn: map-get($theme, warn);\n  $background: map-get($theme, background);\n  $foreground: map-get($theme, foreground);\n\n  &.mat-primary {\n    #{$property}: mat-color($primary, $hue);\n  }\n  &.mat-accent {\n    #{$property}: mat-color($accent, $hue);\n  }\n  &.mat-warn {\n    #{$property}: mat-color($warn, $hue);\n  }\n\n  &.mat-primary, &.mat-accent, &.mat-warn, &.mat-button-disabled {\n    &.mat-button-disabled {\n      $palette: if($property == 'color', $foreground, $background);\n      #{$property}: mat-color($palette, disabled-button);\n    }\n  }\n}\n\n@mixin mat-button-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $primary: map-get($config, primary);\n  $accent: map-get($config, accent);\n  $warn: map-get($config, warn);\n  $background: map-get($config, background);\n  $foreground: map-get($config, foreground);\n\n  .mat-button, .mat-icon-button, .mat-stroked-button {\n    // Buttons without a background color should inherit the font color. This is necessary to\n    // ensure that the button is readable on custom background colors. It's wrong to always assume\n    // that those buttons are always placed inside of containers with the default background\n    // color of the theme (e.g. themed toolbars).\n    color: inherit;\n    background: transparent;\n\n    @include _mat-button-theme-property($config, 'color', text);\n    @include _mat-button-focus-overlay-color($config);\n\n    // Setup the ripple color to be based on the text color. This ensures that the ripples\n    // are matching with the current theme palette and are in contrast to the background color\n    // (e.g in themed toolbars).\n    .mat-ripple-element {\n      opacity: $_mat-button-ripple-opacity;\n      background-color: currentColor;\n    }\n  }\n\n  .mat-button-focus-overlay {\n    background: map-get($foreground, base);\n  }\n\n  // Note: this needs a bit extra specificity, because we're not guaranteed the inclusion\n  // order of the theme styles and the button reset may end up resetting this as well.\n  .mat-stroked-button:not(.mat-button-disabled) {\n    border-color: mat-color($foreground, divider);\n  }\n\n  .mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {\n    // Default font and background color when not using any color palette.\n    color: mat-color($foreground, text);\n    background-color: mat-color($background, raised-button);\n\n    @include _mat-button-theme-property($config, 'color', default-contrast);\n    @include _mat-button-theme-property($config, 'background-color', default);\n    @include _mat-button-ripple-color($config, default-contrast);\n  }\n\n  .mat-stroked-button, .mat-flat-button {\n    @include mat-private-theme-overridable-elevation(0, $config);\n  }\n\n  .mat-raised-button {\n    @include mat-private-theme-overridable-elevation(2, $config);\n\n    &:not(.mat-button-disabled):active {\n      @include mat-private-theme-overridable-elevation(8, $config);\n    }\n\n    &.mat-button-disabled {\n      @include mat-private-theme-overridable-elevation(0, $config);\n    }\n  }\n\n  .mat-fab, .mat-mini-fab {\n    @include mat-private-theme-overridable-elevation(6, $config);\n\n    &:not(.mat-button-disabled):active {\n      @include mat-private-theme-overridable-elevation(12, $config);\n    }\n\n    &.mat-button-disabled {\n      @include mat-private-theme-overridable-elevation(0, $config);\n    }\n  }\n}\n\n@mixin mat-button-typography($config-or-theme) {\n  $config: mat-get-typography-config($config-or-theme);\n  .mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,\n  .mat-flat-button, .mat-fab, .mat-mini-fab {\n    font: {\n      family: mat-font-family($config, button);\n      size: mat-font-size($config, button);\n      weight: mat-font-weight($config, button);\n    }\n  }\n}\n\n@mixin _mat-button-density($config-or-theme) {}\n\n@mixin mat-button-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-button') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-button-color($color);\n    }\n    @if $density != null {\n      @include _mat-button-density($density);\n    }\n    @if $typography != null {\n      @include mat-button-typography($typography);\n    }\n  }\n}\n\n\n\n\n\n\n\n$mat-button-toggle-standard-height: 48px !default;\n// Minimum height for highest density can vary based on the content that developers\n// project into button-toggle's. We use a minimum of `24px` though because commonly\n// icons or text are displayed. Icons by default have a size of `24px`.\n$mat-button-toggle-standard-minimum-height: 24px !default;\n$mat-button-toggle-standard-maximum-height: $mat-button-toggle-standard-height !default;\n\n$mat-button-toggle-standard-density-config: (\n  height: (\n    default: $mat-button-toggle-standard-height,\n    maximum: $mat-button-toggle-standard-maximum-height,\n    minimum: $mat-button-toggle-standard-minimum-height,\n  )\n) !default;\n\n\n@mixin mat-button-toggle-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $foreground: map-get($config, foreground);\n  $background: map-get($config, background);\n  $divider-color: mat-color($foreground, divider);\n\n  .mat-button-toggle-standalone,\n  .mat-button-toggle-group {\n    @include mat-private-theme-elevation(2, $config);\n  }\n\n  .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,\n  .mat-button-toggle-group-appearance-standard {\n    box-shadow: none;\n  }\n\n  .mat-button-toggle {\n    color: mat-color($foreground, hint-text);\n\n    .mat-button-toggle-focus-overlay {\n      background-color: mat-color($background, focused-button);\n    }\n  }\n\n  .mat-button-toggle-appearance-standard {\n    color: mat-color($foreground, text);\n    background: mat-color($background, card);\n\n    .mat-button-toggle-focus-overlay {\n      background-color: mat-color($background, focused-button, 1);\n    }\n  }\n\n  .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {\n    border-left: solid 1px $divider-color;\n  }\n\n  [dir='rtl'] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {\n    border-left: none;\n    border-right: solid 1px $divider-color;\n  }\n\n  .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical {\n    .mat-button-toggle + .mat-button-toggle {\n      border-left: none;\n      border-right: none;\n      border-top: solid 1px $divider-color;\n    }\n  }\n\n  .mat-button-toggle-checked {\n    background-color: mat-color($background, selected-button);\n    color: mat-color($foreground, secondary-text);\n\n    &.mat-button-toggle-appearance-standard {\n      color: mat-color($foreground, text);\n    }\n  }\n\n  .mat-button-toggle-disabled {\n    color: mat-color($foreground, disabled-button);\n    background-color: mat-color($background, disabled-button-toggle);\n\n    &.mat-button-toggle-appearance-standard {\n      background: mat-color($background, card);\n    }\n\n    &.mat-button-toggle-checked {\n      background-color: mat-color($background, selected-disabled-button);\n    }\n  }\n\n  .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,\n  .mat-button-toggle-group-appearance-standard {\n    border: solid 1px $divider-color;\n  }\n}\n\n@mixin mat-button-toggle-typography($config-or-theme) {\n  $config: mat-get-typography-config($config-or-theme);\n  .mat-button-toggle {\n    font-family: mat-font-family($config);\n  }\n}\n\n@mixin mat-button-toggle-density($config-or-theme) {\n  $density-scale: mat-get-density-config($config-or-theme);\n  $standard-height: mat-private-density-prop-value(\n      $mat-button-toggle-standard-density-config, $density-scale, height);\n\n  @include mat-private-density-legacy-compatibility() {\n    .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {\n      line-height: $standard-height;\n    }\n  }\n}\n\n@mixin mat-button-toggle-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-button-toggle') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-button-toggle-color($color);\n    }\n    @if $density != null {\n      @include mat-button-toggle-density($density);\n    }\n    @if $typography != null {\n      @include mat-button-toggle-typography($typography);\n    }\n  }\n}\n\n\n\n\n\n\n\n@mixin mat-card-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $background: map-get($config, background);\n  $foreground: map-get($config, foreground);\n\n  .mat-card {\n    @include mat-private-theme-overridable-elevation(1, $config);\n    background: mat-color($background, card);\n    color: mat-color($foreground, text);\n\n    // Needs extra specificity to be able to override the elevation selectors.\n    &.mat-card-flat {\n      @include mat-private-theme-overridable-elevation(0, $config);\n    }\n  }\n\n  .mat-card-subtitle {\n    color: mat-color($foreground, secondary-text);\n  }\n}\n\n@mixin mat-card-typography($config-or-theme) {\n  $config: mat-get-typography-config($config-or-theme);\n  .mat-card {\n    font-family: mat-font-family($config);\n  }\n\n  .mat-card-title {\n    font: {\n      size: mat-font-size($config, headline);\n      weight: mat-font-weight($config, title);\n    }\n  }\n\n  .mat-card-header .mat-card-title {\n    font-size: mat-font-size($config, title);\n  }\n\n  .mat-card-subtitle,\n  .mat-card-content {\n    font-size: mat-font-size($config, body-1);\n  }\n}\n\n@mixin _mat-card-density($config-or-theme) {}\n\n@mixin mat-card-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-card') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-card-color($color);\n    }\n    @if $density != null {\n      @include _mat-card-density($density);\n    }\n    @if $typography != null {\n      @include mat-card-typography($typography);\n    }\n  }\n}\n\n\n\n\n\n@mixin mat-checkbox-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $is-dark-theme: map-get($config, is-dark);\n  $primary: map-get($config, primary);\n  $accent: map-get($config, accent);\n  $warn: map-get($config, warn);\n  $background: map-get($config, background);\n  $foreground: map-get($config, foreground);\n\n\n  // The color of the checkbox's checkmark / mixedmark.\n  $checkbox-mark-color: mat-color($background, background);\n\n  // NOTE(traviskaufman): While the spec calls for translucent blacks/whites for disabled colors,\n  // this does not work well with elements layered on top of one another. To get around this we\n  // blend the colors together based on the base color and the theme background.\n  $white-30pct-opacity-on-dark: #686868;\n  $black-26pct-opacity-on-light: #b0b0b0;\n  $disabled-color: if($is-dark-theme, $white-30pct-opacity-on-dark, $black-26pct-opacity-on-light);\n\n  .mat-checkbox-frame {\n    border-color: mat-color($foreground, secondary-text);\n  }\n\n  .mat-checkbox-checkmark {\n    fill: $checkbox-mark-color;\n  }\n\n  .mat-checkbox-checkmark-path {\n    // !important is needed here because a stroke must be set as an\n    // attribute on the SVG in order for line animation to work properly.\n    stroke: $checkbox-mark-color !important;\n  }\n\n  .mat-checkbox-mixedmark {\n    background-color: $checkbox-mark-color;\n  }\n\n  .mat-checkbox-indeterminate, .mat-checkbox-checked {\n    &.mat-primary .mat-checkbox-background {\n      background-color: mat-color($primary);\n    }\n\n    &.mat-accent .mat-checkbox-background {\n      background-color: mat-color($accent);\n    }\n\n    &.mat-warn .mat-checkbox-background {\n      background-color: mat-color($warn);\n    }\n  }\n\n  .mat-checkbox-disabled {\n    &.mat-checkbox-checked,\n    &.mat-checkbox-indeterminate {\n      .mat-checkbox-background {\n        background-color: $disabled-color;\n      }\n    }\n\n    &:not(.mat-checkbox-checked) {\n      .mat-checkbox-frame {\n        border-color: $disabled-color;\n      }\n    }\n\n    .mat-checkbox-label {\n      color: mat-color($foreground, secondary-text);\n    }\n  }\n\n  // Switch this to a solid color since we're using `opacity`\n  // to control how opaque the ripple should be.\n  .mat-checkbox .mat-ripple-element {\n    background-color: map-get(map-get($config, foreground), base);\n  }\n\n  .mat-checkbox-checked:not(.mat-checkbox-disabled),\n  .mat-checkbox:active:not(.mat-checkbox-disabled) {\n    &.mat-primary .mat-ripple-element {\n      background: mat-color($primary);\n    }\n\n    &.mat-accent .mat-ripple-element {\n      background: mat-color($accent);\n    }\n\n    &.mat-warn .mat-ripple-element {\n      background: mat-color($warn);\n    }\n  }\n}\n\n@mixin mat-checkbox-typography($config-or-theme) {\n  $config: mat-get-typography-config($config-or-theme);\n  .mat-checkbox {\n    font-family: mat-font-family($config);\n  }\n\n  // TODO(kara): Remove this style when fixing vertical baseline\n  .mat-checkbox-layout .mat-checkbox-label {\n    line-height: mat-line-height($config, body-2);\n  }\n}\n\n@mixin _mat-checkbox-density($config-or-theme) {}\n\n@mixin mat-checkbox-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-checkbox') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-checkbox-color($color);\n    }\n    @if $density != null {\n      @include _mat-checkbox-density($density);\n    }\n    @if $typography != null {\n      @include mat-checkbox-typography($typography);\n    }\n  }\n}\n\n\n\n\n\n\n$mat-chip-remove-font-size: 18px;\n\n@mixin _mat-chip-element-color($foreground, $background) {\n  background-color: $background;\n  color: $foreground;\n\n  .mat-chip-remove {\n    color: $foreground;\n    opacity: 0.4;\n  }\n}\n\n\n// Applies the background color for a ripple element.\n// If the color value provided is not a Sass color,\n// we assume that we've been given a CSS variable.\n// Since we can't perform alpha-blending on a CSS variable,\n// we instead add the opacity directly to the ripple element.\n@mixin _mat-chips-ripple-background($palette, $default-contrast, $opacity) {\n  $background-color: mat-color($palette, $default-contrast, $opacity);\n  background-color: $background-color;\n  @if (type-of($background-color) != color) {\n    opacity: $opacity;\n  }\n}\n\n@mixin _mat-chip-theme-color($palette) {\n  @include _mat-chip-element-color(mat-color($palette, default-contrast), mat-color($palette));\n\n  .mat-ripple-element {\n    @include _mat-chips-ripple-background($palette, default-contrast, 0.1);\n  }\n}\n\n@mixin mat-chips-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $is-dark-theme: map-get($config, is-dark);\n  $primary: map-get($config, primary);\n  $accent: map-get($config, accent);\n  $warn: map-get($config, warn);\n  $background: map-get($config, background);\n  $foreground: map-get($config, foreground);\n\n  $unselected-background: mat-color($background, unselected-chip);\n  $unselected-foreground: mat-color($foreground, text);\n\n  .mat-chip.mat-standard-chip {\n    @include _mat-chip-element-color($unselected-foreground, $unselected-background);\n\n    &:not(.mat-chip-disabled) {\n      &:active {\n        @include mat-private-theme-elevation(3, $config);\n      }\n\n      .mat-chip-remove:hover {\n        opacity: 0.54;\n      }\n    }\n\n    &.mat-chip-disabled {\n      opacity: 0.4;\n    }\n\n    &::after {\n      background: map-get($foreground, base);\n    }\n  }\n\n  .mat-chip.mat-standard-chip.mat-chip-selected {\n    &.mat-primary {\n      @include _mat-chip-theme-color($primary);\n    }\n\n    &.mat-warn {\n      @include _mat-chip-theme-color($warn);\n    }\n\n    &.mat-accent {\n      @include _mat-chip-theme-color($accent);\n    }\n  }\n}\n\n@mixin mat-chips-typography($config-or-theme) {\n  $config: mat-get-typography-config($config-or-theme);\n  .mat-chip {\n    font-size: mat-font-size($config, body-2);\n    font-weight: mat-font-weight($config, body-2);\n\n    .mat-chip-trailing-icon.mat-icon,\n    .mat-chip-remove.mat-icon {\n      font-size: $mat-chip-remove-font-size;\n    }\n  }\n}\n\n@mixin _mat-chips-density($config-or-theme) {}\n\n@mixin mat-chips-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-chips') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-chips-color($color);\n    }\n    @if $density != null {\n      @include _mat-chips-density($density);\n    }\n    @if $typography != null {\n      @include mat-chips-typography($typography);\n    }\n  }\n}\n\n\n\n\n\n\n@mixin mat-divider-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $foreground: map-get($config, foreground);\n\n  .mat-divider {\n    border-top-color: mat-color($foreground, divider);\n  }\n\n  .mat-divider-vertical {\n    border-right-color: mat-color($foreground, divider);\n  }\n}\n\n@mixin mat-divider-typography($config-or-theme) {}\n\n@mixin _mat-divider-density($config-or-theme) {}\n\n@mixin mat-divider-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-divider') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-divider-color($color);\n    }\n    @if $density != null {\n      @include _mat-divider-density($density);\n    }\n    @if $typography != null {\n      @include mat-divider-typography($typography);\n    }\n  }\n}\n\n\n\n\n\n@mixin mat-table-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $background: map-get($config, background);\n  $foreground: map-get($config, foreground);\n\n  .mat-table {\n    background: mat-color($background, 'card');\n  }\n\n  .mat-table thead, .mat-table tbody, .mat-table tfoot,\n  mat-header-row, mat-row, mat-footer-row,\n  [mat-header-row], [mat-row], [mat-footer-row],\n  .mat-table-sticky {\n    background: inherit;\n  }\n\n  mat-row, mat-header-row, mat-footer-row,\n  th.mat-header-cell, td.mat-cell, td.mat-footer-cell {\n    border-bottom-color: mat-color($foreground, divider);\n  }\n\n  .mat-header-cell {\n    color: mat-color($foreground, secondary-text);\n  }\n\n  .mat-cell, .mat-footer-cell {\n    color: mat-color($foreground, text);\n  }\n}\n\n@mixin mat-table-typography($config-or-theme) {\n  $config: mat-get-typography-config($config-or-theme);\n  .mat-table {\n    font-family: mat-font-family($config);\n  }\n\n  .mat-header-cell {\n    font-size: mat-font-size($config, caption);\n    font-weight: mat-font-weight($config, body-2);\n  }\n\n  .mat-cell, .mat-footer-cell {\n    font-size: mat-font-size($config, body-1);\n  }\n}\n\n@mixin _mat-table-density($config-or-theme) {}\n\n@mixin mat-table-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-table') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-table-color($color);\n    }\n    @if $density != null {\n      @include _mat-table-density($density);\n    }\n    @if $typography != null {\n      @include mat-table-typography($typography);\n    }\n  }\n}\n\n\n\n\n\n\n\n$mat-datepicker-selected-today-box-shadow-width: 1px;\n$mat-datepicker-selected-fade-amount: 0.6;\n$mat-datepicker-range-fade-amount: 0.2;\n$mat-datepicker-today-fade-amount: 0.2;\n$mat-calendar-body-font-size: 13px !default;\n$mat-calendar-weekday-table-font-size: 11px !default;\n\n@mixin _mat-datepicker-color($palette) {\n  @include mat-date-range-colors(\n    mat-color($palette, default, $mat-datepicker-range-fade-amount));\n\n  .mat-calendar-body-selected {\n    background-color: mat-color($palette);\n    color: mat-color($palette, default-contrast);\n  }\n\n  .mat-calendar-body-disabled > .mat-calendar-body-selected {\n    $background: mat-color($palette);\n\n    @if (type-of($background) == color) {\n      background-color: fade-out($background, $mat-datepicker-selected-fade-amount);\n    }\n    @else {\n      // If we couldn't resolve to background to a color (e.g. it's a CSS variable),\n      // fall back to fading the content out via `opacity`.\n      opacity: $mat-datepicker-today-fade-amount;\n    }\n  }\n\n  .mat-calendar-body-today.mat-calendar-body-selected {\n    box-shadow: inset 0 0 0 $mat-datepicker-selected-today-box-shadow-width\n                mat-color($palette, default-contrast);\n  }\n\n  .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover,\n  .cdk-keyboard-focused .mat-calendar-body-active,\n  .cdk-program-focused .mat-calendar-body-active {\n    & > .mat-calendar-body-cell-content {\n      @include _mat-datepicker-unselected-cell {\n        background-color: mat-color($palette, 0.3);\n      }\n    }\n  }\n}\n\n// Utility mixin to target cells that aren't selected. Used to make selector easier to follow.\n@mixin _mat-datepicker-unselected-cell {\n  &:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {\n    @content;\n  }\n}\n\n@mixin mat-datepicker-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $foreground: map-get($config, foreground);\n  $background: map-get($config, background);\n  $disabled-color: mat-color($foreground, disabled-text);\n\n  .mat-calendar-arrow {\n    border-top-color: mat-color($foreground, icon);\n  }\n\n  // The prev/next buttons need a bit more specificity to\n  // avoid being overwritten by the .mat-icon-button.\n  .mat-datepicker-toggle,\n  .mat-datepicker-content .mat-calendar-next-button,\n  .mat-datepicker-content .mat-calendar-previous-button {\n    color: mat-color($foreground, icon);\n  }\n\n  .mat-calendar-table-header {\n    color: mat-color($foreground, hint-text);\n  }\n\n  .mat-calendar-table-header-divider::after {\n    background: mat-color($foreground, divider);\n  }\n\n  .mat-calendar-body-label {\n    color: mat-color($foreground, secondary-text);\n  }\n\n  .mat-calendar-body-cell-content,\n  .mat-date-range-input-separator {\n    color: mat-color($foreground, text);\n    border-color: transparent;\n  }\n\n  .mat-calendar-body-disabled > .mat-calendar-body-cell-content {\n    @include _mat-datepicker-unselected-cell {\n      color: $disabled-color;\n    }\n  }\n\n  .mat-form-field-disabled .mat-date-range-input-separator {\n    color: $disabled-color;\n  }\n\n  .mat-calendar-body-in-preview {\n    $divider-color: mat-color($foreground, divider);\n\n    @if type-of($divider-color) == color {\n      // The divider color is set under the assumption that it'll be used\n      // for a solid border, but because we're using a dashed border for the\n      // preview range, we need to bump its opacity to ensure that it's visible.\n      color: rgba($divider-color, min(opacity($divider-color) * 2, 1));\n    }\n    @else {\n      color: $divider-color;\n    }\n  }\n\n  .mat-calendar-body-today {\n    @include _mat-datepicker-unselected-cell {\n      // Note: though it's not text, the border is a hint about the fact that this is today's date,\n      // so we use the hint color.\n      border-color: mat-color($foreground, hint-text);\n    }\n  }\n\n  .mat-calendar-body-disabled > .mat-calendar-body-today {\n    @include _mat-datepicker-unselected-cell {\n      $color: mat-color($foreground, hint-text);\n\n      @if (type-of($color) == color) {\n        border-color: fade-out($color, $mat-datepicker-today-fade-amount);\n      }\n      @else {\n        // If the color didn't resolve to a color value, but something like a CSS variable, we can't\n        // fade it out so we fall back to reducing the element opacity. Note that we don't use the\n        // $mat-datepicker-today-fade-amount, because hint text usually has some opacity applied\n        // to it already and we don't want them to stack on top of each other.\n        opacity: 0.5;\n      }\n    }\n  }\n\n  @include _mat-datepicker-color(map-get($config, primary));\n\n  .mat-datepicker-content {\n    @include mat-private-theme-elevation(4, $config);\n    background-color: mat-color($background, card);\n    color: mat-color($foreground, text);\n\n    &.mat-accent {\n      @include _mat-datepicker-color(map-get($config, accent));\n    }\n\n    &.mat-warn {\n      @include _mat-datepicker-color(map-get($config, warn));\n    }\n  }\n\n  .mat-datepicker-content-touch {\n    @include mat-private-theme-elevation(0, $config);\n  }\n\n  .mat-datepicker-toggle-active {\n    color: mat-color(map-get($config, primary), text);\n\n    &.mat-accent {\n      color: mat-color(map-get($config, accent), text);\n    }\n\n    &.mat-warn {\n      color: mat-color(map-get($config, warn), text);\n    }\n  }\n\n  .mat-date-range-input-inner[disabled] {\n    color: mat-color($foreground, disabled-text);\n  }\n}\n\n@mixin mat-datepicker-typography($config-or-theme) {\n  $config: mat-get-typography-config($config-or-theme);\n  .mat-calendar {\n    font-family: mat-font-family($config);\n  }\n\n  .mat-calendar-body {\n    font-size: $mat-calendar-body-font-size;\n  }\n\n  .mat-calendar-body-label,\n  .mat-calendar-period-button {\n    font: {\n      size: mat-font-size($config, button);\n      weight: mat-font-weight($config, button);\n    }\n  }\n\n  .mat-calendar-table-header th {\n    font: {\n      size: $mat-calendar-weekday-table-font-size;\n      weight: mat-font-weight($config, body-1);\n    }\n  }\n}\n\n@mixin mat-date-range-colors(\n  $range-color,\n  $comparison-color: rgba(#f9ab00, $mat-datepicker-range-fade-amount),\n  $overlap-color: #a8dab5,\n  $overlap-selected-color: darken($overlap-color, 30%)) {\n\n  .mat-calendar-body-in-range::before {\n    background: $range-color;\n  }\n\n  .mat-calendar-body-comparison-identical,\n  .mat-calendar-body-in-comparison-range::before {\n    background: $comparison-color;\n  }\n\n  .mat-calendar-body-comparison-bridge-start::before,\n  [dir='rtl'] .mat-calendar-body-comparison-bridge-end::before {\n    background: linear-gradient(to right, $range-color 50%, $comparison-color 50%);\n  }\n\n  .mat-calendar-body-comparison-bridge-end::before,\n  [dir='rtl'] .mat-calendar-body-comparison-bridge-start::before {\n    background: linear-gradient(to left, $range-color 50%, $comparison-color 50%);\n  }\n\n  .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,\n  .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {\n    background: $overlap-color;\n  }\n\n  .mat-calendar-body-comparison-identical.mat-calendar-body-selected,\n  .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {\n    background: $overlap-selected-color;\n  }\n}\n\n@mixin _mat-datepicker-density($config-or-theme) {}\n\n@mixin mat-datepicker-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-datepicker') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-datepicker-color($color);\n    }\n    @if $density != null {\n      @include _mat-datepicker-density($density);\n    }\n    @if $typography != null {\n      @include mat-datepicker-typography($typography);\n    }\n  }\n}\n\n\n\n\n\n\n\n@mixin mat-dialog-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $background: map-get($config, background);\n  $foreground: map-get($config, foreground);\n\n  .mat-dialog-container {\n    @include mat-private-theme-elevation(24, $config);\n    background: mat-color($background, dialog);\n    color: mat-color($foreground, text);\n  }\n}\n\n@mixin mat-dialog-typography($config-or-theme) {\n  $config: mat-get-typography-config($config-or-theme);\n  .mat-dialog-title {\n    @include mat-typography-level-to-styles($config, title);\n  }\n}\n\n@mixin _mat-dialog-density($config-or-theme) {}\n\n@mixin mat-dialog-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-dialog') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-dialog-color($color);\n    }\n    @if $density != null {\n      @include _mat-dialog-density($density);\n    }\n    @if $typography != null {\n      @include mat-dialog-typography($typography);\n    }\n  }\n}\n\n\n\n\n\n\n// Default minimum and maximum height for collapsed panel headers.\n$mat-expansion-panel-header-collapsed-height: 48px !default;\n$mat-expansion-panel-header-collapsed-minimum-height: 36px !default;\n$mat-expansion-panel-header-collapsed-maximum-height:\n    $mat-expansion-panel-header-collapsed-height !default;\n\n// Default minimum and maximum height for expanded panel headers.\n$mat-expansion-panel-header-expanded-height: 64px !default;\n$mat-expansion-panel-header-expanded-minimum-height: 48px !default;\n$mat-expansion-panel-header-expanded-maximum-height:\n    $mat-expansion-panel-header-expanded-height !default;\n\n// Density configuration for the expansion panel. Captures the\n// height for both expanded and collapsed panel headers.\n$mat-expansion-panel-header-density-config: (\n  collapsed-height: (\n    default: $mat-expansion-panel-header-collapsed-height,\n    maximum: $mat-expansion-panel-header-collapsed-maximum-height,\n    minimum: $mat-expansion-panel-header-collapsed-minimum-height,\n  ),\n  expanded-height: (\n    default: $mat-expansion-panel-header-expanded-height,\n    maximum: $mat-expansion-panel-header-expanded-maximum-height,\n    minimum: $mat-expansion-panel-header-expanded-minimum-height,\n  )\n) !default;\n\n// Note: Keep this in sync with the animation timing for the toggle indicator\n// and body expansion. These are animated using Angular animations.\n$mat-expansion-panel-header-transition: 225ms cubic-bezier(0.4, 0, 0.2, 1);\n\n@mixin mat-private-expansion-focus {\n  .mat-expansion-panel {\n    & .mat-expansion-panel-header.cdk-keyboard-focused,\n    & .mat-expansion-panel-header.cdk-program-focused,\n    &:not(.mat-expanded) .mat-expansion-panel-header:hover {\n      &:not([aria-disabled='true']) {\n        @content;\n      }\n    }\n  }\n}\n\n\n@mixin mat-expansion-panel-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $background: map-get($config, background);\n  $foreground: map-get($config, foreground);\n\n  .mat-expansion-panel {\n    @include mat-private-theme-overridable-elevation(2, $config);\n    background: mat-color($background, card);\n    color: mat-color($foreground, text);\n  }\n\n  .mat-action-row {\n    border-top-color: mat-color($foreground, divider);\n  }\n\n  @include mat-private-expansion-focus {\n    background: mat-color($background, hover);\n  }\n\n  // Disable the hover on touch devices since it can appear like it is stuck. We can't use\n  // `@media (hover)` above, because the desktop support browser support isn't great.\n  @media (hover: none) {\n    .mat-expansion-panel:not(.mat-expanded):not([aria-disabled='true'])\n      .mat-expansion-panel-header:hover {\n      background: mat-color($background, card);\n    }\n  }\n\n  .mat-expansion-panel-header-title {\n    color: mat-color($foreground, text);\n  }\n\n  .mat-expansion-panel-header-description,\n  .mat-expansion-indicator::after {\n    color: mat-color($foreground, secondary-text);\n  }\n\n  .mat-expansion-panel-header[aria-disabled='true'] {\n    color: mat-color($foreground, disabled-button);\n\n    .mat-expansion-panel-header-title,\n    .mat-expansion-panel-header-description {\n      color: inherit;\n    }\n  }\n}\n\n@mixin mat-expansion-panel-typography($config-or-theme) {\n  $config: mat-get-typography-config($config-or-theme);\n  .mat-expansion-panel-header {\n    font: {\n      family: mat-font-family($config, subheading-1);\n      size: mat-font-size($config, subheading-1);\n      weight: mat-font-weight($config, subheading-1);\n    }\n  }\n\n  .mat-expansion-panel-content {\n    @include mat-typography-level-to-styles($config, body-1);\n  }\n}\n\n@mixin mat-expansion-panel-density($config-or-theme) {\n  $density-scale: mat-get-density-config($config-or-theme);\n  $expanded-height: mat-private-density-prop-value(\n        $mat-expansion-panel-header-density-config, $density-scale, expanded-height);\n  $collapsed-height: mat-private-density-prop-value(\n      $mat-expansion-panel-header-density-config, $density-scale, collapsed-height);\n\n  @include mat-private-density-legacy-compatibility() {\n    .mat-expansion-panel-header {\n      height: $collapsed-height;\n\n      &.mat-expanded {\n        height: $expanded-height;\n      }\n    }\n  }\n}\n\n@mixin mat-expansion-panel-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-expansion-panel') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-expansion-panel-color($color);\n    }\n    @if $density != null {\n      @include mat-expansion-panel-density($density);\n    }\n    @if $typography != null {\n      @include mat-expansion-panel-typography($typography);\n    }\n  }\n}\n\n\n\n\n// This mixin will ensure that lines that overflow the container will hide the overflow and\n// truncate neatly with an ellipsis.\n@mixin mat-truncate-line() {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n// Mixin to provide all mat-line styles, changing secondary font size based on whether the list\n// is in dense mode.\n@mixin mat-line-base($secondary-font-size) {\n  .mat-line {\n    @include mat-truncate-line();\n    display: block;\n    box-sizing: border-box;\n\n    // all lines but the top line should have smaller text\n    &:nth-child(n+2) {\n      font-size: $secondary-font-size;\n    }\n  }\n}\n\n// This mixin normalizes default element styles, e.g. font weight for heading text.\n@mixin mat-normalize-text() {\n  & > * {\n    margin: 0;\n    padding: 0;\n    font-weight: normal;\n    font-size: inherit;\n  }\n}\n\n// This mixin provides base styles for the wrapper around mat-line elements in a list.\n@mixin mat-line-wrapper-base() {\n  @include mat-normalize-text();\n\n  display: flex;\n  flex-direction: column;\n  flex: auto;\n  box-sizing: border-box;\n  overflow: hidden;\n\n  // Must remove wrapper when lines are empty or it takes up horizontal\n  // space and pushes other elements to the right.\n  &:empty {\n    display: none;\n  }\n}\n\n\n\n// Include this empty mixin for consistency with the other components.\n@mixin mat-grid-list-color($config-or-theme) {}\n\n@mixin mat-grid-list-typography($config-or-theme) {\n  $config: mat-get-typography-config($config-or-theme);\n  .mat-grid-tile-header,\n  .mat-grid-tile-footer {\n    @include mat-line-base(mat-font-size($config, caption));\n    font-size: mat-font-size($config, body-1);\n  }\n}\n\n@mixin _mat-grid-list-density($config-or-theme) {}\n\n@mixin mat-grid-list-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-grid-list') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-grid-list-color($color);\n    }\n    @if $density != null {\n      @include _mat-grid-list-density($density);\n    }\n    @if $typography != null {\n      @include mat-grid-list-typography($typography);\n    }\n  }\n}\n\n\n\n@mixin mat-icon-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $primary: map-get($config, primary);\n  $accent: map-get($config, accent);\n  $warn: map-get($config, warn);\n  $background: map-get($config, background);\n  $foreground: map-get($config, foreground);\n\n  .mat-icon {\n    &.mat-primary {\n      color: mat-color($primary, text);\n    }\n\n    &.mat-accent {\n      color: mat-color($accent, text);\n    }\n\n    &.mat-warn {\n      color: mat-color($warn, text);\n    }\n  }\n}\n\n@mixin mat-icon-typography($config-or-theme) {}\n\n@mixin _mat-icon-density($config-or-theme) {}\n\n@mixin mat-icon-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-icon') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-icon-color($color);\n    }\n    @if $density != null {\n      @include _mat-icon-density($density);\n    }\n    @if $typography != null {\n      @include mat-icon-typography($typography);\n    }\n  }\n}\n\n\n\n\n\n\n// Renders a gradient for showing the dashed line when the input is disabled.\n// Unlike using a border, a gradient allows us to adjust the spacing of the dotted line\n// to match the Material Design spec.\n@mixin mat-private-control-disabled-underline($color) {\n  background-image: linear-gradient(to right, $color 0%, $color 33%, transparent 0%);\n  background-size: 4px 100%;\n  background-repeat: repeat-x;\n}\n\n// Figures out the color of the placeholder for a form control.\n// Used primarily to prevent the various form controls from\n// becoming out of sync since these colors aren't in a palette.\n@function mat-private-control-placeholder-color($config) {\n  $foreground: map-get($config, foreground);\n  $is-dark-theme: map-get($config, is-dark);\n  @return mat-color($foreground, secondary-text, if($is-dark-theme, 0.5, 0.42));\n}\n\n\n/* stylelint-disable material/no-prefixes */\n@mixin user-select($value) {\n  -webkit-user-select: $value;\n  -moz-user-select: $value;\n  -ms-user-select: $value;\n  user-select: $value;\n}\n\n@mixin input-placeholder {\n  &::placeholder {\n    @content;\n  }\n\n  &::-moz-placeholder {\n    @content;\n  }\n\n  &::-webkit-input-placeholder {\n    @content;\n  }\n\n  &:-ms-input-placeholder {\n    @content;\n  }\n}\n\n@mixin cursor-grab {\n  cursor: -webkit-grab;\n  cursor: grab;\n}\n\n@mixin cursor-grabbing {\n  cursor: -webkit-grabbing;\n  cursor: grabbing;\n}\n\n@mixin backface-visibility($value) {\n  -webkit-backface-visibility: $value;\n  backface-visibility: $value;\n}\n\n@mixin position-sticky($important: false) {\n  position: -webkit-sticky #{if($important, '!important', '')};\n  position: sticky #{if($important, '!important', '')};\n}\n/* stylelint-enable */\n\n\n\n@mixin mat-input-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $primary: map-get($config, primary);\n  $accent: map-get($config, accent);\n  $warn: map-get($config, warn);\n  $foreground: map-get($config, foreground);\n\n  .mat-form-field-type-mat-native-select .mat-form-field-infix::after {\n    color: mat-color($foreground, secondary-text);\n  }\n\n  .mat-input-element:disabled,\n  .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {\n    color: mat-color($foreground, disabled-text);\n  }\n\n  .mat-input-element {\n    caret-color: mat-color($primary, text);\n\n    @include input-placeholder {\n      color: mat-private-control-placeholder-color($config);\n    }\n\n    // On dark themes we set the native `select` color to some shade of white,\n    // however the color propagates to all of the `option` elements, which are\n    // always on a white background inside the dropdown, causing them to blend in.\n    // Since we can't change background of the dropdown, we need to explicitly\n    // reset the color of the options to something dark.\n    @if (map-get($config, is-dark)) {\n      option {\n        color: $dark-primary-text;\n      }\n\n      option:disabled {\n        color: $dark-disabled-text;\n      }\n    }\n  }\n\n  .mat-form-field.mat-accent .mat-input-element {\n    caret-color: mat-color($accent, text);\n  }\n\n  .mat-form-field.mat-warn .mat-input-element,\n  .mat-form-field-invalid .mat-input-element {\n    caret-color: mat-color($warn, text);\n  }\n\n  .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {\n    color: mat-color($warn, text);\n  }\n}\n\n@mixin mat-input-typography($config-or-theme) {\n  $config: mat-get-typography-config($config-or-theme);\n  // The unit-less line-height from the font config.\n  $line-height: mat-line-height($config, input);\n\n  // The amount of space between the top of the line and the top of the actual text\n  // (as a fraction of the font-size).\n  $line-spacing: ($line-height - 1) / 2;\n\n  // <input> elements seem to have their height set slightly too large on Safari causing the text to\n  // be misaligned w.r.t. the placeholder. Adding this margin corrects it.\n  input.mat-input-element {\n    margin-top: -$line-spacing * 1em;\n  }\n}\n\n@mixin _mat-input-density($config-or-theme) {}\n\n@mixin mat-input-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-input') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-input-color($color);\n    }\n    @if $density != null {\n      @include _mat-input-density($density);\n    }\n    @if $typography != null {\n      @include mat-input-typography($typography);\n    }\n  }\n}\n\n\n\n\n\n\n\n@mixin mat-list-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $background: map-get($config, background);\n  $foreground: map-get($config, foreground);\n\n  .mat-list-base {\n    .mat-list-item {\n      color: mat-color($foreground, text);\n    }\n\n    .mat-list-option {\n      color: mat-color($foreground, text);\n    }\n\n    .mat-subheader {\n      color: mat-color($foreground, secondary-text);\n    }\n  }\n\n  .mat-list-item-disabled {\n    background-color: mat-color($background, disabled-list-option);\n  }\n\n  .mat-list-option,\n  .mat-nav-list .mat-list-item,\n  .mat-action-list .mat-list-item {\n    &:hover, &:focus {\n      background: mat-color($background, 'hover');\n    }\n  }\n\n  .mat-list-single-selected-option {\n    &, &:hover, &:focus {\n      background: mat-color($background, hover, 0.12);\n    }\n  }\n}\n\n@mixin mat-list-typography($config-or-theme) {\n  $config: mat-get-typography-config($config-or-theme);\n  $font-family: mat-font-family($config);\n\n  .mat-list-item {\n    font-family: $font-family;\n  }\n\n  .mat-list-option {\n    font-family: $font-family;\n  }\n\n  // Default list\n  .mat-list-base {\n    .mat-list-item {\n      font-size: mat-font-size($config, subheading-2);\n      @include mat-line-base(mat-font-size($config, body-1));\n    }\n\n    .mat-list-option {\n      font-size: mat-font-size($config, subheading-2);\n      @include mat-line-base(mat-font-size($config, body-1));\n    }\n\n    .mat-subheader {\n      font-family: mat-font-family($config, body-2);\n      font-size: mat-font-size($config, body-2);\n      font-weight: mat-font-weight($config, body-2);\n    }\n  }\n\n  // Dense list\n  .mat-list-base[dense] {\n    .mat-list-item {\n      font-size: mat-font-size($config, caption);\n      @include mat-line-base(mat-font-size($config, caption));\n    }\n\n    .mat-list-option {\n      font-size: mat-font-size($config, caption);\n      @include mat-line-base(mat-font-size($config, caption));\n    }\n\n    .mat-subheader {\n      font-family: $font-family;\n      font-size: mat-font-size($config, caption);\n      font-weight: mat-font-weight($config, body-2);\n    }\n  }\n}\n\n@mixin _mat-list-density($config-or-theme) {}\n\n@mixin mat-list-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-list') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-list-color($color);\n    }\n    @if $density != null {\n      @include _mat-list-density($density);\n    }\n    @if $typography != null {\n      @include mat-list-typography($typography);\n    }\n  }\n}\n\n\n\n\n\n\n\n@mixin mat-menu-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $background: map-get($config, background);\n  $foreground: map-get($config, foreground);\n\n  .mat-menu-panel {\n    @include mat-private-theme-overridable-elevation(4, $config);\n    background: mat-color($background, 'card');\n  }\n\n  .mat-menu-item {\n    background: transparent;\n    color: mat-color($foreground, 'text');\n\n    &[disabled] {\n      &,\n      &::after,\n      .mat-icon-no-color {\n        color: mat-color($foreground, 'disabled');\n      }\n    }\n  }\n\n  .mat-menu-item .mat-icon-no-color,\n  .mat-menu-item-submenu-trigger::after {\n    color: mat-color($foreground, 'icon');\n  }\n\n  .mat-menu-item:hover,\n  .mat-menu-item.cdk-program-focused,\n  .mat-menu-item.cdk-keyboard-focused,\n  .mat-menu-item-highlighted {\n    &:not([disabled]) {\n      background: mat-color($background, 'hover');\n    }\n  }\n}\n\n@mixin mat-menu-typography($config-or-theme) {\n  $config: mat-get-typography-config($config-or-theme);\n  .mat-menu-item {\n    font: {\n      family: mat-font-family($config, body-1);\n      size: mat-font-size($config, body-1);\n      weight: mat-font-weight($config, body-1);\n    }\n  }\n}\n\n@mixin _mat-menu-density($config-or-theme) {}\n\n@mixin mat-menu-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-menu') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-menu-color($color);\n    }\n    @if $density != null {\n      @include _mat-menu-density($density);\n    }\n    @if $typography != null {\n      @include mat-menu-typography($typography);\n    }\n  }\n}\n\n\n\n\n\n\n$mat-paginator-height: 56px !default;\n// Minimum height for paginator's in the highest density is determined based on how\n// much the paginator can shrink until the content exceeds (i.e. navigation buttons).\n$mat-paginator-minimum-height: 40px !default;\n$mat-paginator-maximum-height: $mat-paginator-height !default;\n\n$mat-paginator-density-config: (\n  height: (\n    default: $mat-paginator-height,\n    maximum: $mat-paginator-maximum-height,\n    minimum: $mat-paginator-minimum-height,\n  )\n) !default;\n\n\n@mixin mat-paginator-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $foreground: map-get($config, foreground);\n  $background: map-get($config, background);\n\n  .mat-paginator {\n    background: mat-color($background, 'card');\n  }\n\n  .mat-paginator,\n  .mat-paginator-page-size .mat-select-trigger {\n    color: mat-color($foreground, secondary-text);\n  }\n\n  .mat-paginator-decrement,\n  .mat-paginator-increment {\n    border-top: 2px solid mat-color($foreground, 'icon');\n    border-right: 2px solid mat-color($foreground, 'icon');\n  }\n\n  .mat-paginator-first,\n  .mat-paginator-last {\n    border-top: 2px solid mat-color($foreground, 'icon');\n  }\n\n  .mat-icon-button[disabled] {\n    .mat-paginator-decrement,\n    .mat-paginator-increment,\n    .mat-paginator-first,\n    .mat-paginator-last {\n      border-color: mat-color($foreground, 'disabled');\n    }\n  }\n}\n\n@mixin mat-paginator-typography($config-or-theme) {\n  $config: mat-get-typography-config($config-or-theme);\n  .mat-paginator,\n  .mat-paginator-page-size .mat-select-trigger {\n    font: {\n      family: mat-font-family($config, caption);\n      size: mat-font-size($config, caption);\n    }\n  }\n}\n\n@mixin mat-paginator-density($config-or-theme) {\n  $density-scale: mat-get-density-config($config-or-theme);\n  $height: mat-private-density-prop-value($mat-paginator-density-config, $density-scale, height);\n\n  @include mat-private-density-legacy-compatibility() {\n    .mat-paginator-container {\n      min-height: $height;\n    }\n  }\n}\n\n@mixin mat-paginator-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-paginator') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-paginator-color($color);\n    }\n    @if $density != null {\n      @include mat-paginator-density($density);\n    }\n    @if $typography != null {\n      @include mat-paginator-typography($typography);\n    }\n  }\n}\n\n\n\n\n@mixin mat-progress-bar-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $primary: map-get($config, primary);\n  $accent: map-get($config, accent);\n  $warn: map-get($config, warn);\n\n  .mat-progress-bar-background {\n    fill: mat-color($primary, lighter);\n  }\n\n  .mat-progress-bar-buffer {\n    background-color: mat-color($primary, lighter);\n  }\n\n  .mat-progress-bar-fill::after {\n    background-color: mat-color($primary);\n  }\n\n  .mat-progress-bar.mat-accent {\n    .mat-progress-bar-background {\n      fill: mat-color($accent, lighter);\n    }\n\n    .mat-progress-bar-buffer {\n      background-color: mat-color($accent, lighter);\n    }\n\n    .mat-progress-bar-fill::after {\n      background-color: mat-color($accent);\n    }\n  }\n\n  .mat-progress-bar.mat-warn {\n    .mat-progress-bar-background {\n      fill: mat-color($warn, lighter);\n    }\n\n    .mat-progress-bar-buffer {\n      background-color: mat-color($warn, lighter);\n    }\n\n    .mat-progress-bar-fill::after {\n      background-color: mat-color($warn);\n    }\n  }\n}\n\n@mixin mat-progress-bar-typography($config-or-theme) {}\n\n@mixin _mat-progress-bar-density($config-or-theme) {}\n\n@mixin mat-progress-bar-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-progress-bar') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-progress-bar-color($color);\n    }\n    @if $density != null {\n      @include _mat-progress-bar-density($density);\n    }\n    @if $typography != null {\n      @include mat-progress-bar-typography($typography);\n    }\n  }\n}\n\n\n\n\n\n@mixin mat-progress-spinner-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $primary: map-get($config, primary);\n  $accent: map-get($config, accent);\n  $warn: map-get($config, warn);\n\n  .mat-progress-spinner, .mat-spinner {\n    circle {\n      stroke: mat-color($primary);\n    }\n\n    &.mat-accent circle {\n      stroke: mat-color($accent);\n    }\n\n    &.mat-warn circle {\n      stroke: mat-color($warn);\n    }\n  }\n}\n\n@mixin mat-progress-spinner-typography($config-or-theme) {}\n\n@mixin _mat-progress-spinner-density($config-or-theme) {}\n\n@mixin mat-progress-spinner-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-progress-spinner') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-progress-spinner-color($color);\n    }\n    @if $density != null {\n      @include _mat-progress-spinner-density($density);\n    }\n    @if $typography != null {\n      @include mat-progress-spinner-typography($typography);\n    }\n  }\n}\n\n\n\n\n\n@mixin _mat-radio-color($palette) {\n  &.mat-radio-checked .mat-radio-outer-circle {\n    border-color: mat-color($palette);\n  }\n\n  .mat-radio-inner-circle,\n  .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),\n  &.mat-radio-checked .mat-radio-persistent-ripple,\n  &:active .mat-radio-persistent-ripple {\n    background-color: mat-color($palette);\n  }\n}\n\n@mixin mat-radio-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $primary: map-get($config, primary);\n  $accent: map-get($config, accent);\n  $warn: map-get($config, warn);\n  $background: map-get($config, background);\n  $foreground: map-get($config, foreground);\n\n  .mat-radio-outer-circle {\n    border-color: mat-color($foreground, secondary-text);\n  }\n\n  .mat-radio-button {\n    &.mat-primary {\n      @include _mat-radio-color($primary);\n    }\n\n    &.mat-accent {\n      @include _mat-radio-color($accent);\n    }\n\n    &.mat-warn {\n      @include _mat-radio-color($warn);\n    }\n\n    // This needs extra specificity, because the classes above are combined\n    // (e.g. `.mat-radio-button.mat-accent`) which increases their specificity a lot.\n    // TODO: consider making the selectors into descendants (`.mat-primary .mat-radio-button`).\n    &.mat-radio-disabled {\n      &.mat-radio-checked .mat-radio-outer-circle,\n      .mat-radio-outer-circle {\n        border-color: mat-color($foreground, disabled);\n      }\n\n      .mat-radio-ripple .mat-ripple-element,\n      .mat-radio-inner-circle {\n        background-color: mat-color($foreground, disabled);\n      }\n\n      .mat-radio-label-content {\n        color: mat-color($foreground, disabled);\n      }\n    }\n\n    // Switch this to a solid color since we're using `opacity`\n    // to control how opaque the ripple should be.\n    .mat-ripple-element {\n      background-color: map-get($foreground, base);\n    }\n  }\n}\n\n@mixin mat-radio-typography($config-or-theme) {\n  $config: mat-get-typography-config($config-or-theme);\n  .mat-radio-button {\n    font-family: mat-font-family($config);\n  }\n}\n\n@mixin _mat-radio-density($config-or-theme) {}\n\n@mixin mat-radio-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-radio') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-radio-color($color);\n    }\n    @if $density != null {\n      @include _mat-radio-density($density);\n    }\n    @if $typography != null {\n      @include mat-radio-typography($typography);\n    }\n  }\n}\n\n\n\n\n\n\n\n\n@mixin mat-select-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $foreground: map-get($config, foreground);\n  $background: map-get($config, background);\n  $primary: map-get($config, primary);\n  $accent: map-get($config, accent);\n  $warn: map-get($config, warn);\n\n  .mat-select-value {\n    color: mat-color($foreground, text);\n  }\n\n  .mat-select-placeholder {\n    color: mat-private-control-placeholder-color($config);\n  }\n\n  .mat-select-disabled .mat-select-value {\n    color: mat-color($foreground, disabled-text);\n  }\n\n  .mat-select-arrow {\n    color: mat-color($foreground, secondary-text);\n  }\n\n  .mat-select-panel {\n    background: mat-color($background, card);\n    @include mat-private-theme-overridable-elevation(4, $config);\n\n    .mat-option.mat-selected:not(.mat-option-multiple) {\n      background: mat-color($background, hover, 0.12);\n    }\n  }\n\n  .mat-form-field {\n    &.mat-focused {\n      &.mat-primary .mat-select-arrow {\n        color: mat-color($primary, text);\n      }\n\n      &.mat-accent .mat-select-arrow {\n        color: mat-color($accent, text);\n      }\n\n      &.mat-warn .mat-select-arrow {\n        color: mat-color($warn, text);\n      }\n    }\n\n    .mat-select.mat-select-invalid .mat-select-arrow {\n      color: mat-color($warn, text);\n    }\n\n    .mat-select.mat-select-disabled .mat-select-arrow {\n      color: mat-color($foreground, disabled-text);\n    }\n  }\n}\n\n@mixin mat-select-typography($config-or-theme) {\n  $config: mat-get-typography-config($config-or-theme);\n  // The unit-less line-height from the font config.\n  $line-height: mat-line-height($config, input);\n\n  .mat-select {\n    font-family: mat-font-family($config);\n  }\n\n  .mat-select-trigger {\n    height: $line-height * 1em;\n  }\n}\n\n@mixin _mat-select-density($config-or-theme) {}\n\n@mixin mat-select-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-select') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-select-color($color);\n    }\n    @if $density != null {\n      @include _mat-select-density($density);\n    }\n    @if $typography != null {\n      @include mat-select-typography($typography);\n    }\n  }\n}\n\n\n\n\n\n@mixin mat-sidenav-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $primary: map-get($config, primary);\n  $accent: map-get($config, accent);\n  $warn: map-get($config, warn);\n  $background: map-get($config, background);\n  $foreground: map-get($config, foreground);\n\n  $drawer-background-color: mat-color($background, dialog);\n  $drawer-container-background-color:  mat-color($background, background);\n  $drawer-push-background-color: mat-color($background, dialog);\n  $drawer-side-border: solid 1px mat-color($foreground, divider);\n\n  .mat-drawer-container {\n    background-color: $drawer-container-background-color;\n    color: mat-color($foreground, text);\n  }\n\n  .mat-drawer {\n    background-color: $drawer-background-color;\n    color: mat-color($foreground, text);\n\n    &.mat-drawer-push {\n      background-color: $drawer-push-background-color;\n    }\n\n    &:not(.mat-drawer-side) {\n      // The elevation of z-16 is noted in the design specifications.\n      // See https://material.io/design/components/navigation-drawer.html\n      @include mat-private-theme-elevation(16, $config);\n    }\n  }\n\n  .mat-drawer-side {\n    border-right: $drawer-side-border;\n\n    &.mat-drawer-end {\n      border-left: $drawer-side-border;\n      border-right: none;\n    }\n  }\n\n  [dir='rtl'] .mat-drawer-side {\n    border-left: $drawer-side-border;\n    border-right: none;\n\n    &.mat-drawer-end {\n      border-left: none;\n      border-right: $drawer-side-border;\n    }\n  }\n\n  .mat-drawer-backdrop.mat-drawer-shown {\n    $opacity: 0.6;\n    $backdrop-color: mat-color($background, card, $opacity);\n\n    @if (type-of($backdrop-color) == color) {\n      // We use invert() here to have the darken the background color expected to be used. If the\n      // background is light, we use a dark backdrop. If the background is dark,\n      // we use a light backdrop.\n      background-color: invert($backdrop-color);\n    }\n    @else {\n      // If we couldn't resolve the backdrop color to a color value, fall back to using\n      // `opacity` to make it opaque since its end value could be a solid color.\n      background-color: $backdrop-color;\n      opacity: $opacity;\n    }\n  }\n}\n\n@mixin mat-sidenav-typography($config-or-theme) {}\n\n@mixin _mat-sidenav-density($config-or-theme) {}\n\n@mixin mat-sidenav-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-sidenav') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-sidenav-color($color);\n    }\n    @if $density != null {\n      @include _mat-sidenav-density($density);\n    }\n    @if $typography != null {\n      @include mat-sidenav-typography($typography);\n    }\n  }\n}\n\n\n\n\n\n\n@mixin _mat-slide-toggle-checked($palette, $thumb-checked-hue) {\n  &.mat-checked {\n    .mat-slide-toggle-thumb {\n      background-color: mat-color($palette, $thumb-checked-hue);\n    }\n\n    .mat-slide-toggle-bar {\n      // Opacity is determined from the specs for the selection controls.\n      // See: https://material.io/design/components/selection-controls.html#specs\n      background-color: mat-color($palette, $thumb-checked-hue, 0.54);\n    }\n\n    .mat-ripple-element {\n      // Set no opacity for the ripples because the ripple opacity will be adjusted dynamically\n      // based on the type of interaction with the slide-toggle (e.g. for hover, focus)\n      background-color: mat-color($palette, $thumb-checked-hue);\n    }\n  }\n}\n\n@mixin mat-slide-toggle-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $is-dark: map-get($config, is-dark);\n  $primary: map-get($config, primary);\n  $accent: map-get($config, accent);\n  $warn: map-get($config, warn);\n  $background: map-get($config, background);\n  $foreground: map-get($config, foreground);\n\n  // Color hues are based on the specs which briefly show the hues that are applied to a switch.\n  // The 2018 specs no longer describe how dark switches should look like. Due to the lack of\n  // information for dark themed switches, we partially keep the old behavior that is based on\n  // the previous specifications. For the checked color we always use the `default` hue because\n  // that follows MDC and also makes it easier for people to create a custom theme without needing\n  // to specify each hue individually.\n  $thumb-unchecked-hue: if($is-dark, 400, 50);\n  $thumb-checked-hue: default;\n\n  $bar-unchecked-color: mat-color($foreground, disabled);\n  $ripple-unchecked-color: mat-color($foreground, base);\n\n  .mat-slide-toggle {\n    @include _mat-slide-toggle-checked($accent, $thumb-checked-hue);\n\n    &.mat-primary {\n      @include _mat-slide-toggle-checked($primary, $thumb-checked-hue);\n    }\n\n    &.mat-warn {\n      @include _mat-slide-toggle-checked($warn, $thumb-checked-hue);\n    }\n\n    &:not(.mat-checked) .mat-ripple-element {\n      // Set no opacity for the ripples because the ripple opacity will be adjusted dynamically\n      // based on the type of interaction with the slide-toggle (e.g. for hover, focus)\n      background-color: $ripple-unchecked-color;\n    }\n  }\n\n  .mat-slide-toggle-thumb {\n    @include mat-private-theme-elevation(1, $config);\n    background-color: mat-color($mat-grey, $thumb-unchecked-hue);\n  }\n\n  .mat-slide-toggle-bar {\n    background-color: $bar-unchecked-color;\n  }\n}\n\n@mixin mat-slide-toggle-typography($config-or-theme) {\n  $config: mat-get-typography-config($config-or-theme);\n  .mat-slide-toggle-content {\n    font-family: mat-font-family($config);\n  }\n}\n\n@mixin _mat-slide-toggle-density($config-or-theme) {}\n\n@mixin mat-slide-toggle-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-slide-toggle') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-slide-toggle-color($color);\n    }\n    @if $density != null {\n      @include _mat-slide-toggle-density($density);\n    }\n    @if $typography != null {\n      @include mat-slide-toggle-typography($typography);\n    }\n  }\n}\n\n\n\n\n\n\n@mixin _mat-slider-inner-content-theme($palette) {\n  .mat-slider-track-fill,\n  .mat-slider-thumb,\n  .mat-slider-thumb-label {\n    background-color: mat-color($palette);\n  }\n\n  .mat-slider-thumb-label-text {\n    color: mat-color($palette, default-contrast);\n  }\n\n  .mat-slider-focus-ring {\n    $opacity: 0.2;\n    $color: mat-color($palette, default, $opacity);\n    background-color: $color;\n\n    // `mat-color` uses `rgba` for the opacity which won't work with\n    // CSS variables so we need to use `opacity` as a fallback.\n    @if (type-of($color) != color) {\n      opacity: $opacity;\n    }\n  }\n}\n\n@mixin mat-slider-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $primary: map-get($config, primary);\n  $accent: map-get($config, accent);\n  $warn: map-get($config, warn);\n  $background: map-get($config, background);\n  $foreground: map-get($config, foreground);\n\n  $mat-slider-off-color: mat-color($foreground, slider-off);\n  $mat-slider-off-focused-color: mat-color($foreground, slider-off-active);\n  $mat-slider-disabled-color: mat-color($foreground, slider-off);\n  $mat-slider-labeled-min-value-thumb-color: mat-color($foreground, slider-min);\n  $mat-slider-labeled-min-value-thumb-label-color: mat-color($foreground, slider-off);\n  $mat-slider-tick-opacity: 0.7;\n  $mat-slider-tick-color: mat-color($foreground, base, $mat-slider-tick-opacity);\n  $mat-slider-tick-size: 2px;\n\n  .mat-slider-track-background {\n    background-color: $mat-slider-off-color;\n  }\n\n  .mat-primary {\n    @include _mat-slider-inner-content-theme($primary);\n  }\n\n  .mat-accent {\n    @include _mat-slider-inner-content-theme($accent);\n  }\n\n  .mat-warn {\n    @include _mat-slider-inner-content-theme($warn);\n  }\n\n  .mat-slider:hover,\n  .cdk-focused {\n    .mat-slider-track-background {\n      background-color: $mat-slider-off-focused-color;\n    }\n  }\n\n  .mat-slider-disabled {\n    .mat-slider-track-background,\n    .mat-slider-track-fill,\n    .mat-slider-thumb {\n      background-color: $mat-slider-disabled-color;\n    }\n\n    &:hover {\n      .mat-slider-track-background {\n        background-color: $mat-slider-disabled-color;\n      }\n    }\n  }\n\n  .mat-slider-min-value {\n    .mat-slider-focus-ring {\n      $opacity: 0.12;\n      $color: mat-color($foreground, base, $opacity);\n      background-color: $color;\n\n      // `mat-color` uses `rgba` for the opacity which won't work with\n      // CSS variables so we need to use `opacity` as a fallback.\n      @if (type-of($color) != color) {\n        opacity: $opacity;\n      }\n    }\n\n    &.mat-slider-thumb-label-showing {\n      .mat-slider-thumb,\n      .mat-slider-thumb-label {\n        background-color: $mat-slider-labeled-min-value-thumb-color;\n      }\n\n      &.cdk-focused {\n        .mat-slider-thumb,\n        .mat-slider-thumb-label {\n          background-color: $mat-slider-labeled-min-value-thumb-label-color;\n        }\n      }\n    }\n\n    &:not(.mat-slider-thumb-label-showing) {\n      .mat-slider-thumb {\n        border-color: $mat-slider-off-color;\n        background-color: transparent;\n      }\n\n      &:hover,\n      &.cdk-focused {\n        .mat-slider-thumb {\n          border-color: $mat-slider-off-focused-color;\n        }\n\n        &.mat-slider-disabled .mat-slider-thumb {\n          border-color: $mat-slider-disabled-color;\n        }\n      }\n    }\n  }\n\n  .mat-slider-has-ticks .mat-slider-wrapper::after {\n    border-color: $mat-slider-tick-color;\n\n    // `mat-color` uses `rgba` for the opacity which won't work with\n    // CSS variables so we need to use `opacity` as a fallback.\n    @if (type-of($mat-slider-tick-color) != color) {\n      opacity: $mat-slider-tick-opacity;\n    }\n  }\n\n  .mat-slider-horizontal .mat-slider-ticks {\n    background-image: repeating-linear-gradient(to right, $mat-slider-tick-color,\n        $mat-slider-tick-color $mat-slider-tick-size, transparent 0, transparent);\n    // Firefox doesn't draw the gradient correctly with 'to right'\n    // (see https://bugzilla.mozilla.org/show_bug.cgi?id=1314319).\n    background-image: -moz-repeating-linear-gradient(0.0001deg, $mat-slider-tick-color,\n        $mat-slider-tick-color $mat-slider-tick-size, transparent 0, transparent);\n\n    // `mat-color` uses `rgba` for the opacity which won't work with\n    // CSS variables so we need to use `opacity` as a fallback.\n    @if (type-of($mat-slider-tick-color) != color) {\n      opacity: $mat-slider-tick-opacity;\n    }\n  }\n\n  .mat-slider-vertical .mat-slider-ticks {\n    background-image: repeating-linear-gradient(to bottom, $mat-slider-tick-color,\n        $mat-slider-tick-color $mat-slider-tick-size, transparent 0, transparent);\n\n    // `mat-color` uses `rgba` for the opacity which won't work with\n    // CSS variables so we need to use `opacity` as a fallback.\n    @if (type-of($mat-slider-tick-color) != color) {\n      opacity: $mat-slider-tick-opacity;\n    }\n  }\n}\n\n@mixin mat-slider-typography($config-or-theme) {\n  $config: mat-get-typography-config($config-or-theme);\n  .mat-slider-thumb-label-text {\n    font: {\n      family: mat-font-family($config);\n      size: mat-font-size($config, caption);\n      weight: mat-font-weight($config, body-2);\n    }\n  }\n}\n\n@mixin _mat-slider-density($config-or-theme) {}\n\n@mixin mat-slider-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-slider') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-slider-color($color);\n    }\n    @if $density != null {\n      @include _mat-slider-density($density);\n    }\n    @if $typography != null {\n      @include mat-slider-typography($typography);\n    }\n  }\n}\n\n\n\n\n\n$mat-stepper-header-height: 72px !default;\n// Minimum height for highest density stepper's is determined based on how much\n// stepper headers can shrink until the step icon or step label exceed. We can't use\n// a value below `42px` because the optional label for steps would otherwise exceed.\n$mat-stepper-header-minimum-height: 42px !default;\n$mat-stepper-header-maximum-height: $mat-stepper-header-height !default;\n\n$mat-stepper-density-config: (\n  height: (\n    default: $mat-stepper-header-height,\n    maximum: $mat-stepper-header-maximum-height,\n    minimum: $mat-stepper-header-minimum-height,\n  )\n) !default;\n\n// Note: These variables are not denoted with `!default` because they are used in the non-theme\n// component styles. Modifying these variables does not have the desired effect for consumers.\n$mat-stepper-label-header-height: 24px;\n$mat-stepper-label-position-bottom-top-gap: 16px;\n$mat-stepper-label-min-width: 50px;\n\n$mat-vertical-stepper-content-margin: 36px;\n\n$mat-stepper-side-gap: 24px;\n$mat-stepper-line-width: 1px;\n$mat-stepper-line-gap: 8px;\n\n$mat-step-sub-label-font-size: 12px;\n$mat-step-header-icon-size: 16px;\n\n\n@mixin mat-stepper-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $foreground: map-get($config, foreground);\n  $background: map-get($config, background);\n  $primary: map-get($config, primary);\n  $accent: map-get($config, accent);\n  $warn: map-get($config, warn);\n\n  .mat-step-header {\n    &.cdk-keyboard-focused,\n    &.cdk-program-focused,\n    &:hover {\n      background-color: mat-color($background, hover);\n    }\n\n    // On touch devices the :hover state will linger on the element after a tap.\n    // Reset it via `@media` after the declaration, because the media query isn't\n    // supported by all browsers yet.\n    @media (hover: none) {\n      &:hover {\n        background: none;\n      }\n    }\n\n    .mat-step-label,\n    .mat-step-optional {\n      // TODO(josephperrott): Update to using a corrected disabled-text contrast\n      // instead of secondary-text.\n      color: mat-color($foreground, secondary-text);\n    }\n\n    .mat-step-icon {\n      // TODO(josephperrott): Update to using a corrected disabled-text contrast\n      // instead of secondary-text.\n      background-color: mat-color($foreground, secondary-text);\n      color: mat-color($primary, default-contrast);\n    }\n\n    .mat-step-icon-selected,\n    .mat-step-icon-state-done,\n    .mat-step-icon-state-edit {\n      background-color: mat-color($primary);\n      color: mat-color($primary, default-contrast);\n    }\n\n    &.mat-accent {\n      .mat-step-icon {\n        color: mat-color($accent, default-contrast);\n      }\n\n      .mat-step-icon-selected,\n      .mat-step-icon-state-done,\n      .mat-step-icon-state-edit {\n        background-color: mat-color($accent);\n        color: mat-color($accent, default-contrast);\n      }\n    }\n\n    &.mat-warn {\n      .mat-step-icon {\n        color: mat-color($warn, default-contrast);\n      }\n\n      .mat-step-icon-selected,\n      .mat-step-icon-state-done,\n      .mat-step-icon-state-edit {\n        background-color: mat-color($warn);\n        color: mat-color($warn, default-contrast);\n      }\n    }\n\n    .mat-step-icon-state-error {\n      background-color: transparent;\n      color: mat-color($warn, text);\n    }\n\n    .mat-step-label.mat-step-label-active {\n      color: mat-color($foreground, text);\n    }\n\n    .mat-step-label.mat-step-label-error {\n      color: mat-color($warn, text);\n    }\n  }\n\n  .mat-stepper-horizontal, .mat-stepper-vertical {\n    background-color: mat-color($background, card);\n  }\n\n  .mat-stepper-vertical-line::before {\n    border-left-color: mat-color($foreground, divider);\n  }\n\n  .mat-horizontal-stepper-header::before,\n  .mat-horizontal-stepper-header::after,\n  .mat-stepper-horizontal-line {\n    border-top-color: mat-color($foreground, divider);\n  }\n}\n\n@mixin mat-stepper-typography($config-or-theme) {\n  $config: mat-get-typography-config($config-or-theme);\n  .mat-stepper-vertical, .mat-stepper-horizontal {\n    font-family: mat-font-family($config);\n  }\n\n  .mat-step-label {\n    font: {\n      size: mat-font-size($config, body-1);\n      weight: mat-font-weight($config, body-1);\n    };\n  }\n\n  .mat-step-sub-label-error {\n    font-weight: normal;\n  }\n\n  .mat-step-label-error {\n    font-size: mat-font-size($config, body-2);\n  }\n\n  .mat-step-label-selected {\n    font: {\n      size: mat-font-size($config, body-2);\n      weight: mat-font-weight($config, body-2);\n    };\n  }\n}\n\n@mixin mat-stepper-density($config-or-theme) {\n  $density-scale: mat-get-density-config($config-or-theme);\n  $height: mat-private-density-prop-value($mat-stepper-density-config, $density-scale, height);\n  $vertical-padding: ($height - $mat-stepper-label-header-height) / 2;\n\n  @include mat-private-density-legacy-compatibility() {\n    .mat-horizontal-stepper-header {\n      height: $height;\n    }\n\n    .mat-stepper-label-position-bottom .mat-horizontal-stepper-header,\n    .mat-vertical-stepper-header {\n      padding: $vertical-padding $mat-stepper-side-gap;\n    }\n\n    // Ensures that the vertical lines for the step content exceed into the step\n    // headers with a given distance (`$mat-stepper-line-gap`) to the step icon.\n    .mat-stepper-vertical-line::before {\n      top: $mat-stepper-line-gap - $vertical-padding;\n      bottom: $mat-stepper-line-gap - $vertical-padding;\n    }\n\n    // Ensures that the horizontal lines for the step header are centered vertically.\n    .mat-stepper-label-position-bottom .mat-horizontal-stepper-header {\n      &::after, &::before {\n        top: $vertical-padding + $mat-stepper-label-header-height / 2;\n      }\n    }\n\n    // Ensures that the horizontal line for the step content is aligned centered vertically.\n    .mat-stepper-label-position-bottom .mat-stepper-horizontal-line {\n      top: $vertical-padding + $mat-stepper-label-header-height / 2;\n    }\n  }\n}\n\n@mixin mat-stepper-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-stepper') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-stepper-color($color);\n    }\n    @if $density != null {\n      @include mat-stepper-density($density);\n    }\n    @if $typography != null {\n      @include mat-stepper-typography($typography);\n    }\n  }\n}\n\n\n\n@mixin mat-sort-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $background: map-get($config, background);\n  $foreground: map-get($config, foreground);\n\n  .mat-sort-header-arrow {\n    $table-background: mat-color($background, 'card');\n    $text-color: mat-color($foreground, secondary-text);\n\n    // Because the arrow is made up of multiple elements that are stacked on top of each other,\n    // we can't use the semi-transparent color from the theme directly. If the value is a color\n    // *type*, we convert it into a solid color by taking the opacity from the rgba value and\n    // using the value to determine the percentage of the background to put into foreground\n    // when mixing the colors together. Otherwise, if it resolves to something different\n    // (e.g. it resolves to a CSS variable), we use the color directly.\n    @if (type-of($table-background) == color and type-of($text-color) == color) {\n      $text-opacity: opacity($text-color);\n      color: mix($table-background, rgba($text-color, 1), (1 - $text-opacity) * 100%);\n    }\n    @else {\n      color: $text-color;\n    }\n  }\n}\n\n@mixin mat-sort-typography($config-or-theme) {}\n\n@mixin _mat-sort-density($config-or-theme) {}\n\n@mixin mat-sort-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-sort') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-sort-color($color);\n    }\n    @if $density != null {\n      @include _mat-sort-density($density);\n    }\n    @if $typography != null {\n      @include mat-sort-typography($typography);\n    }\n  }\n}\n\n\n\n\n\n@mixin mat-tabs-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $primary: map-get($config, primary);\n  $accent: map-get($config, accent);\n  $warn: map-get($config, warn);\n  $background: map-get($config, background);\n  $foreground: map-get($config, foreground);\n  $header-border: 1px solid mat-color($foreground, divider);\n\n  .mat-tab-nav-bar,\n  .mat-tab-header {\n    border-bottom: $header-border;\n  }\n\n  .mat-tab-group-inverted-header {\n    .mat-tab-nav-bar,\n    .mat-tab-header {\n      border-top: $header-border;\n      border-bottom: none;\n    }\n  }\n\n  .mat-tab-label, .mat-tab-link {\n    color: mat-color($foreground, text);\n\n    &.mat-tab-disabled {\n      color: mat-color($foreground, disabled-text);\n    }\n  }\n\n  .mat-tab-header-pagination-chevron {\n    border-color: mat-color($foreground, text);\n  }\n\n  .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {\n    border-color: mat-color($foreground, disabled-text);\n  }\n\n  // Remove header border when there is a background color\n  .mat-tab-group[class*='mat-background-'] .mat-tab-header,\n  .mat-tab-nav-bar[class*='mat-background-'] {\n    border-bottom: none;\n    border-top: none;\n  }\n\n  .mat-tab-group, .mat-tab-nav-bar {\n    $theme-colors: (\n      primary: $primary,\n      accent: $accent,\n      warn: $warn\n    );\n\n    @each $name, $color in $theme-colors {\n      // Set the foreground color of the tabs\n      &.mat-#{$name} {\n        @include _mat-tab-label-focus($color);\n        @include _mat-ink-bar($color);\n\n        // Override ink bar when background color is the same\n        &.mat-background-#{$name} {\n          > .mat-tab-header, > .mat-tab-link-container {\n            @include _mat-ink-bar($color, default-contrast);\n          }\n        }\n      }\n    }\n\n    @each $name, $color in $theme-colors {\n      // Set background color of the tabs and override focus color\n      &.mat-background-#{$name} {\n        @include _mat-tab-label-focus($color);\n        @include _mat-tabs-background($color);\n      }\n    }\n  }\n}\n\n@mixin _mat-ink-bar($color, $hue: default) {\n  .mat-ink-bar {\n    background-color: mat-color($color, $hue);\n  }\n}\n\n@mixin _mat-tab-label-focus($tab-focus-color) {\n  .mat-tab-label,\n  .mat-tab-link {\n    &.cdk-keyboard-focused,\n    &.cdk-program-focused {\n      &:not(.mat-tab-disabled) {\n        background-color: mat-color($tab-focus-color, lighter, 0.3);\n      }\n    }\n  }\n}\n\n@mixin _mat-tabs-background($background-color) {\n  // Note that these selectors target direct descendants so\n  // that the styles don't apply to any nested tab groups.\n\n  // Set background color for the tab group\n  > .mat-tab-header, > .mat-tab-link-container, > .mat-tab-header-pagination {\n    background-color: mat-color($background-color);\n  }\n\n  // Set labels to contrast against background\n  > .mat-tab-header .mat-tab-label, > .mat-tab-link-container .mat-tab-link {\n    color: mat-color($background-color, default-contrast);\n\n    &.mat-tab-disabled {\n      color: mat-color($background-color, default-contrast, 0.4);\n    }\n  }\n\n  // Set pagination chevrons to contrast background\n  > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,\n  > .mat-tab-links .mat-focus-indicator::before,\n  > .mat-tab-header .mat-focus-indicator::before {\n    border-color: mat-color($background-color, default-contrast);\n  }\n\n  > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {\n    border-color: mat-color($background-color, default-contrast, 0.4);\n  }\n\n  // Set ripples color to be the contrast color of the new background. Otherwise the ripple\n  // color will be based on the app background color.\n  > .mat-tab-header .mat-ripple-element,\n  > .mat-tab-link-container .mat-ripple-element {\n    background-color: mat-color($background-color, default-contrast, 0.12);\n  }\n}\n\n@mixin mat-tabs-typography($config-or-theme) {\n  $config: mat-get-typography-config($config-or-theme);\n  .mat-tab-group {\n    font-family: mat-font-family($config);\n  }\n\n  .mat-tab-label, .mat-tab-link {\n    font: {\n      family: mat-font-family($config, button);\n      size: mat-font-size($config, button);\n      weight: mat-font-weight($config, button);\n    }\n  }\n}\n\n@mixin _mat-tabs-density($config-or-theme) {}\n\n@mixin mat-tabs-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-tabs') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-tabs-color($color);\n    }\n    @if $density != null {\n      @include _mat-tabs-density($density);\n    }\n    @if $typography != null {\n      @include mat-tabs-typography($typography);\n    }\n  }\n}\n\n\n\n\n\n\n// Minimum height for toolbar's in the highest density is difficult to determine because\n// developers can project arbitrary content. We use a minimum value that ensures that most\n// common content (e.g. icon buttons) does not exceed the row boundaries in highest density.\n$mat-toolbar-minimum-height: 44px !default;\n\n$mat-toolbar-height-desktop: 64px !default;\n$mat-toolbar-maximum-height-desktop: $mat-toolbar-height-desktop !default;\n$mat-toolbar-minimum-height-desktop: $mat-toolbar-minimum-height !default;\n\n$mat-toolbar-height-mobile: 56px !default;\n$mat-toolbar-maximum-height-mobile: $mat-toolbar-height-mobile !default;\n$mat-toolbar-minimum-height-mobile: $mat-toolbar-minimum-height !default;\n\n$mat-toolbar-desktop-density-config: (\n  height: (\n    default: $mat-toolbar-height-desktop,\n    maximum: $mat-toolbar-maximum-height-desktop,\n    minimum: $mat-toolbar-minimum-height-desktop,\n  )\n) !default;\n\n$mat-toolbar-mobile-density-config: (\n  height: (\n    default: $mat-toolbar-height-mobile,\n    maximum: $mat-toolbar-maximum-height-mobile,\n    minimum: $mat-toolbar-minimum-height-mobile,\n  )\n) !default;\n\n\n@mixin _mat-toolbar-height($height) {\n  .mat-toolbar-multiple-rows {\n    min-height: $height;\n  }\n  .mat-toolbar-row, .mat-toolbar-single-row {\n    height: $height;\n  }\n}\n\n@mixin _mat-toolbar-color($palette) {\n  background: mat-color($palette);\n  color: mat-color($palette, default-contrast);\n}\n\n@mixin _mat-toolbar-form-field-overrides {\n  .mat-form-field-underline,\n  .mat-form-field-ripple,\n  .mat-focused .mat-form-field-ripple {\n    background-color: currentColor;\n  }\n\n  .mat-form-field-label,\n  .mat-focused .mat-form-field-label,\n  .mat-select-value,\n  .mat-select-arrow,\n  .mat-form-field.mat-focused .mat-select-arrow {\n    color: inherit;\n  }\n\n  .mat-input-element {\n    caret-color: currentColor;\n  }\n}\n\n@mixin mat-toolbar-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $primary: map-get($config, primary);\n  $accent: map-get($config, accent);\n  $warn: map-get($config, warn);\n  $background: map-get($config, background);\n  $foreground: map-get($config, foreground);\n\n  .mat-toolbar {\n    background: mat-color($background, app-bar);\n    color: mat-color($foreground, text);\n\n    &.mat-primary {\n      @include _mat-toolbar-color($primary);\n    }\n\n    &.mat-accent {\n      @include _mat-toolbar-color($accent);\n    }\n\n    &.mat-warn {\n      @include _mat-toolbar-color($warn);\n    }\n\n    @include _mat-toolbar-form-field-overrides;\n  }\n}\n\n@mixin mat-toolbar-typography($config-or-theme) {\n  $config: mat-get-typography-config($config-or-theme);\n  .mat-toolbar,\n  .mat-toolbar h1,\n  .mat-toolbar h2,\n  .mat-toolbar h3,\n  .mat-toolbar h4,\n  .mat-toolbar h5,\n  .mat-toolbar h6 {\n    @include mat-typography-level-to-styles($config, title);\n    margin: 0;\n  }\n}\n\n@mixin mat-toolbar-density($config-or-theme) {\n  $density-scale: mat-get-density-config($config-or-theme);\n  $height-desktop: mat-private-density-prop-value(\n      $mat-toolbar-desktop-density-config, $density-scale, height);\n  $height-mobile: mat-private-density-prop-value(\n      $mat-toolbar-mobile-density-config, $density-scale, height);\n\n  @include mat-private-density-legacy-compatibility() {\n    // Set the default height for the toolbar.\n    @include _mat-toolbar-height($height-desktop);\n\n    // As per specs, toolbars should have a different height in mobile devices. This has been\n    // specified in the old guidelines and is still observable in the new specifications by\n    // looking at the spec images. See: https://material.io/design/components/app-bars-top.html#anatomy\n    @media ($mat-xsmall) {\n      @include _mat-toolbar-height($height-mobile);\n    }\n  }\n}\n\n@mixin mat-toolbar-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-toolbar') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-toolbar-color($color);\n    }\n    @if $density != null {\n      @include mat-toolbar-density($density);\n    }\n    @if $typography != null {\n      @include mat-toolbar-typography($typography);\n    }\n  }\n}\n\n\n\n\n\n$mat-tooltip-target-height: 22px;\n$mat-tooltip-font-size: 10px;\n$mat-tooltip-vertical-padding: ($mat-tooltip-target-height - $mat-tooltip-font-size) / 2;\n\n$mat-tooltip-handset-target-height: 30px;\n$mat-tooltip-handset-font-size: 14px;\n$mat-tooltip-handset-vertical-padding:\n    ($mat-tooltip-handset-target-height - $mat-tooltip-handset-font-size) / 2;\n\n@mixin mat-tooltip-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $background: map-get($config, background);\n\n  .mat-tooltip {\n    background: mat-color($background, tooltip, 0.9);\n  }\n}\n\n@mixin mat-tooltip-typography($config-or-theme) {\n  $config: mat-get-typography-config($config-or-theme);\n  .mat-tooltip {\n    font-family: mat-font-family($config);\n    font-size: $mat-tooltip-font-size;\n    padding-top: $mat-tooltip-vertical-padding;\n    padding-bottom: $mat-tooltip-vertical-padding;\n  }\n\n  .mat-tooltip-handset {\n    font-size: $mat-tooltip-handset-font-size;\n    padding-top: $mat-tooltip-handset-vertical-padding;\n    padding-bottom: $mat-tooltip-handset-vertical-padding;\n  }\n}\n\n@mixin _mat-tooltip-density($config-or-theme) {}\n\n@mixin mat-tooltip-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-tooltip') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-tooltip-color($color);\n    }\n    @if $density != null {\n      @include _mat-tooltip-density($density);\n    }\n    @if $typography != null {\n      @include mat-tooltip-typography($typography);\n    }\n  }\n}\n\n\n\n\n\n\n\n@mixin mat-snack-bar-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $is-dark-theme: map-get($config, is-dark);\n  $accent: map-get($config, accent);\n\n  .mat-snack-bar-container {\n    // Use the primary text on the dark theme, even though the lighter one uses\n    // a secondary, because the contrast on the light primary text is poor.\n    color: if($is-dark-theme, $dark-primary-text, $light-secondary-text);\n    background: if($is-dark-theme, map-get($mat-grey, 50), #323232);\n\n    @include mat-private-theme-elevation(6, $config);\n  }\n\n  .mat-simple-snackbar-action {\n    color: if($is-dark-theme, inherit, mat-color($accent, text));\n  }\n}\n\n@mixin mat-snack-bar-typography($config-or-theme) {\n  $config: mat-get-typography-config($config-or-theme);\n  .mat-simple-snackbar {\n    font: {\n      family: mat-font-family($config, body-1);\n      size: mat-font-size($config, body-1);\n    }\n  }\n\n  .mat-simple-snackbar-action {\n    line-height: 1;\n    font: {\n      family: inherit;\n      size: inherit;\n      weight: mat-font-weight($config, button);\n    }\n  }\n}\n\n@mixin _mat-snack-bar-density($config-or-theme) {}\n\n@mixin mat-snack-bar-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-snack-bar') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-snack-bar-color($color);\n    }\n    @if $density != null {\n      @include _mat-snack-bar-density($density);\n    }\n    @if $typography != null {\n      @include mat-snack-bar-typography($typography);\n    }\n  }\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n// Theme styles that only apply to the fill appearance of the form-field.\n\n@mixin mat-form-field-fill-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $foreground: map-get($config, foreground);\n  $is-dark-theme: map-get($config, is-dark);\n\n  $fill-background: mat-color($foreground, base, if($is-dark-theme, 0.1, 0.04));\n  $fill-disabled-background: mat-color($foreground, base, if($is-dark-theme, 0.05, 0.02));\n  $underline-color: mat-color($foreground, divider, if($is-dark-theme, 0.5, 0.42));\n  $label-disabled-color: mat-color($foreground, disabled-text);\n\n  .mat-form-field-appearance-fill {\n    .mat-form-field-flex {\n      background-color: $fill-background;\n    }\n\n    &.mat-form-field-disabled .mat-form-field-flex {\n      background-color: $fill-disabled-background;\n    }\n\n    .mat-form-field-underline::before {\n      background-color: $underline-color;\n    }\n\n    &.mat-form-field-disabled {\n      .mat-form-field-label {\n        color: $label-disabled-color;\n      }\n\n      .mat-form-field-underline::before {\n        background-color: transparent;\n      }\n    }\n  }\n}\n\n// Used to make instances of the _mat-form-field-label-floating mixin negligibly different,\n// and prevent Google's CSS Optimizer from collapsing the declarations. This is needed because some\n// of the selectors contain pseudo-classes not recognized in all browsers. If a browser encounters\n// an unknown pseudo-class it will discard the entire rule set.\n$mat-form-field-fill-dedupe: 0;\n\n// Applies a floating label above the form field control itself.\n@mixin _mat-form-field-fill-label-floating($font-scale, $infix-padding, $infix-margin-top) {\n  transform: translateY(-$infix-margin-top - $infix-padding + $mat-form-field-fill-dedupe)\n             scale($font-scale);\n  width: 100% / $font-scale + $mat-form-field-fill-dedupe;\n\n  $mat-form-field-fill-dedupe: $mat-form-field-fill-dedupe + 0.00001 !global;\n}\n\n@mixin mat-form-field-fill-typography($config-or-theme) {\n  $config: mat-get-typography-config($config-or-theme);\n  // The unit-less line-height from the font config.\n  $line-height: mat-line-height($config, input);\n  // The amount to scale the font for the floating label and subscript.\n  $subscript-font-scale: 0.75;\n  // The padding on top of the infix.\n  $infix-padding-top: 0.25em;\n  // The padding below the infix.\n  $infix-padding-bottom: 0.75em;\n  // The margin applied to the form-field-infix to reserve space for the floating label.\n  $infix-margin-top: 1em * $line-height * $subscript-font-scale;\n  // The amount we offset the label from the input text in the fill appearance.\n  $fill-appearance-label-offset: -0.5em;\n\n  .mat-form-field-appearance-fill {\n    .mat-form-field-infix {\n      padding: $infix-padding-top 0 $infix-padding-bottom 0;\n    }\n\n    .mat-form-field-label {\n      top: $infix-margin-top + $infix-padding-top;\n      margin-top: $fill-appearance-label-offset;\n    }\n\n    &.mat-form-field-can-float {\n      &.mat-form-field-should-float .mat-form-field-label,\n      .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\n        @include _mat-form-field-fill-label-floating(\n                $subscript-font-scale, $infix-padding-top + $fill-appearance-label-offset,\n                $infix-margin-top);\n      }\n\n      // Server-side rendered matInput with a label attribute but label not shown\n      // (used as a pure CSS stand-in for mat-form-field-should-float).\n      .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper\n      .mat-form-field-label {\n        @include _mat-form-field-fill-label-floating(\n                $subscript-font-scale, $infix-padding-top + $fill-appearance-label-offset,\n                $infix-margin-top);\n      }\n    }\n  }\n}\n\n@mixin mat-private-form-field-fill-density($config-or-theme) {}\n\n@mixin mat-form-field-fill-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-form-field-fill') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-form-field-fill-color($color);\n    }\n    @if $density != null {\n      @include mat-private-form-field-fill-density($density);\n    }\n    @if $typography != null {\n      @include mat-form-field-fill-typography($typography);\n    }\n  }\n}\n\n\n\n\n\n\n\n// Theme styles that only apply to the legacy appearance of the form-field.\n\n@mixin mat-form-field-legacy-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $foreground: map-get($config, foreground);\n  $is-dark-theme: map-get($config, is-dark);\n\n  $label-color: mat-color($foreground, secondary-text);\n  $underline-color: mat-color($foreground, divider, if($is-dark-theme, 0.7, 0.42));\n\n  .mat-form-field-appearance-legacy {\n    .mat-form-field-label {\n      color: $label-color;\n    }\n\n    .mat-hint {\n      color: $label-color;\n    }\n\n    .mat-form-field-underline {\n      background-color: $underline-color;\n    }\n\n    &.mat-form-field-disabled .mat-form-field-underline {\n      @include mat-private-control-disabled-underline($underline-color);\n    }\n  }\n}\n\n// Used to make instances of the _mat-form-field-label-floating mixin negligibly different,\n// and prevent Google's CSS Optimizer from collapsing the declarations. This is needed because some\n// of the selectors contain pseudo-classes not recognized in all browsers. If a browser encounters\n// an unknown pseudo-class it will discard the entire rule set.\n$mat-form-field-legacy-dedupe: 0;\n\n// Applies a floating label above the form field control itself.\n@mixin _mat-form-field-legacy-label-floating($font-scale, $infix-padding, $infix-margin-top) {\n  // We use perspective to fix the text blurriness as described here:\n  // http://www.useragentman.com/blog/2014/05/04/fixing-typography-inside-of-2-d-css-transforms/\n  // This results in a small jitter after the label floats on Firefox, which the\n  // translateZ fixes.\n  transform: translateY(-$infix-margin-top - $infix-padding) scale($font-scale) perspective(100px)\n  translateZ(0.001px + $mat-form-field-legacy-dedupe);\n  // The tricks above used to smooth out the animation on chrome and firefox actually make things\n  // worse on IE, so we don't include them in the IE version.\n  -ms-transform: translateY(-$infix-margin-top - $infix-padding + $mat-form-field-legacy-dedupe)\n                  scale($font-scale);\n\n  width: 100% / $font-scale + $mat-form-field-legacy-dedupe;\n\n  $mat-form-field-legacy-dedupe: $mat-form-field-legacy-dedupe + 0.00001 !global;\n}\n\n// Same as mixin above, but omits the translateZ for printing purposes.\n@mixin _mat-form-field-legacy-label-floating-print($font-scale, $infix-padding, $infix-margin-top) {\n  // This results in a small jitter after the label floats on Firefox, which the\n  // translateZ fixes.\n  transform: translateY(-$infix-margin-top - $infix-padding + $mat-form-field-legacy-dedupe)\n                  scale($font-scale);\n  // The tricks above used to smooth out the animation on chrome and firefox actually make things\n  // worse on IE, so we don't include them in the IE version.\n  $mat-form-field-legacy-dedupe: $mat-form-field-legacy-dedupe + 0.00001 !global;\n}\n\n@mixin mat-form-field-legacy-typography($config-or-theme) {\n  $config: mat-get-typography-config($config-or-theme);\n  // The unit-less line-height from the font config.\n  $line-height: mat-line-height($config, input);\n  // The amount to scale the font for the floating label and subscript.\n  $subscript-font-scale: 0.75;\n  // The amount of space between the top of the line and the top of the actual text\n  // (as a fraction of the font-size).\n  $line-spacing: ($line-height - 1) / 2;\n  // The padding on the infix. Mocks show half of the text size, but seem to measure from the edge\n  // of the text itself, not the edge of the line; therefore we subtract off the line spacing.\n  $infix-padding: 0.5em - $line-spacing;\n  // The margin applied to the form-field-infix to reserve space for the floating label.\n  $infix-margin-top: 1em * $line-height * $subscript-font-scale;\n  // The space between the bottom of the .mat-form-field-flex area and the subscript wrapper.\n  // Mocks show half of the text size, but this margin is applied to an element with the subscript\n  // text font size, so we need to divide by the scale factor to make it half of the original text\n  // size. We again need to subtract off the line spacing since the mocks measure to the edge of the\n  // text, not the  edge of the line.\n  $subscript-margin-top: 0.5em / $subscript-font-scale - ($line-spacing * 2);\n  // The padding applied to the form-field-wrapper to reserve space for the subscript, since it's\n  // absolutely positioned. This is a combination of the subscript's margin and line-height, but we\n  // need to multiply by the subscript font scale factor since the wrapper has a larger font size.\n  $wrapper-padding-bottom: ($subscript-margin-top + $line-height) * $subscript-font-scale;\n\n  .mat-form-field-appearance-legacy {\n    .mat-form-field-wrapper {\n      padding-bottom: $wrapper-padding-bottom;\n    }\n\n    .mat-form-field-infix {\n      padding: $infix-padding 0;\n    }\n\n    &.mat-form-field-can-float {\n      &.mat-form-field-should-float .mat-form-field-label,\n      .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\n        @include _mat-form-field-legacy-label-floating(\n                $subscript-font-scale, $infix-padding, $infix-margin-top);\n      }\n\n      // @breaking-change 8.0.0 will rely on AutofillMonitor instead.\n      .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper\n      .mat-form-field-label {\n        @include _mat-form-field-legacy-label-floating(\n                $subscript-font-scale, $infix-padding, $infix-margin-top);\n      }\n\n      // Server-side rendered matInput with a label attribute but label not shown\n      // (used as a pure CSS stand-in for mat-form-field-should-float).\n      .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper\n      .mat-form-field-label {\n        @include _mat-form-field-legacy-label-floating(\n                $subscript-font-scale, $infix-padding, $infix-margin-top);\n      }\n    }\n\n    .mat-form-field-label {\n      top: $infix-margin-top + $infix-padding;\n    }\n\n    .mat-form-field-underline {\n      // We want the underline to start at the end of the content box, not the padding box,\n      // so we move it up by the padding amount.\n      bottom: $wrapper-padding-bottom;\n    }\n\n    .mat-form-field-subscript-wrapper {\n      margin-top: $subscript-margin-top;\n\n      // We want the subscript to start at the end of the content box, not the padding box,\n      // so we move it up by the padding amount (adjusted for the smaller font size);\n      top: calc(100% - #{$wrapper-padding-bottom / $subscript-font-scale});\n    }\n  }\n\n  // translateZ causes the label to not appear while printing, so we override it to not\n  // apply translateZ while printing\n  @media print {\n    .mat-form-field-appearance-legacy {\n      &.mat-form-field-can-float {\n        &.mat-form-field-should-float .mat-form-field-label,\n        .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\n          @include _mat-form-field-legacy-label-floating-print(\n                  $subscript-font-scale, $infix-padding, $infix-margin-top);\n        }\n\n        // @breaking-change 8.0.0 will rely on AutofillMonitor instead.\n        .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper\n        .mat-form-field-label {\n          @include _mat-form-field-legacy-label-floating-print(\n                  $subscript-font-scale, $infix-padding, $infix-margin-top);\n        }\n\n        // Server-side rendered matInput with a label attribute but label not shown\n        // (used as a pure CSS stand-in for mat-form-field-should-float).\n        .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper\n        .mat-form-field-label {\n          @include _mat-form-field-legacy-label-floating-print(\n                  $subscript-font-scale, $infix-padding, $infix-margin-top);\n        }\n      }\n    }\n  }\n}\n\n@mixin mat-private-form-field-legacy-density($config-or-theme) {}\n\n@mixin mat-form-field-legacy-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-form-field-legacy') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-form-field-legacy-color($color);\n    }\n    @if $density != null {\n      @include mat-private-form-field-legacy-density($density);\n    }\n    @if $typography != null {\n      @include mat-form-field-legacy-typography($typography);\n    }\n  }\n}\n\n\n\n\n\n\n\n// Theme styles that only apply to the outline appearance of the form-field.\n\n@mixin mat-form-field-outline-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $primary: map-get($config, primary);\n  $accent: map-get($config, accent);\n  $warn: map-get($config, warn);\n  $foreground: map-get($config, foreground);\n  $is-dark-theme: map-get($config, is-dark);\n\n  $label-disabled-color: mat-color($foreground, disabled-text);\n  $outline-color: mat-color($foreground, divider, if($is-dark-theme, 0.3, 0.12));\n  $outline-color-hover: mat-color($foreground, divider, if($is-dark-theme, 1, 0.87));\n  $outline-color-primary: mat-color($primary);\n  $outline-color-accent: mat-color($accent);\n  $outline-color-warn: mat-color($warn);\n  $outline-color-disabled: mat-color($foreground, divider, if($is-dark-theme, 0.15, 0.06));\n\n  .mat-form-field-appearance-outline {\n    .mat-form-field-outline {\n      color: $outline-color;\n    }\n\n    .mat-form-field-outline-thick {\n      color: $outline-color-hover;\n    }\n\n    &.mat-focused {\n      .mat-form-field-outline-thick {\n        color: $outline-color-primary;\n      }\n\n      &.mat-accent .mat-form-field-outline-thick {\n        color: $outline-color-accent;\n      }\n\n      &.mat-warn .mat-form-field-outline-thick {\n        color: $outline-color-warn;\n      }\n    }\n\n    // Class repeated so that rule is specific enough to override focused accent color case.\n    &.mat-form-field-invalid.mat-form-field-invalid {\n      .mat-form-field-outline-thick {\n        color: $outline-color-warn;\n      }\n    }\n\n    &.mat-form-field-disabled {\n      .mat-form-field-label {\n        color: $label-disabled-color;\n      }\n\n      .mat-form-field-outline {\n        color: $outline-color-disabled;\n      }\n    }\n  }\n}\n\n// Used to make instances of the _mat-form-field-label-floating mixin negligibly different,\n// and prevent Google's CSS Optimizer from collapsing the declarations. This is needed because some\n// of the selectors contain pseudo-classes not recognized in all browsers. If a browser encounters\n// an unknown pseudo-class it will discard the entire rule set.\n$mat-form-field-outline-dedupe: 0;\n\n// Applies a floating label above the form field control itself.\n@mixin _mat-form-field-outline-label-floating($font-scale, $infix-padding, $infix-margin-top) {\n  transform: translateY(-$infix-margin-top - $infix-padding + $mat-form-field-outline-dedupe)\n  scale($font-scale);\n  width: 100% / $font-scale + $mat-form-field-outline-dedupe;\n\n  $mat-form-field-outline-dedupe: $mat-form-field-outline-dedupe + 0.00001 !global;\n}\n\n@mixin mat-form-field-outline-typography($config-or-theme) {\n  $config: mat-get-typography-config($config-or-theme);\n  // The unit-less line-height from the font config.\n  $line-height: mat-line-height($config, input);\n  // The amount to scale the font for the floating label and subscript.\n  $subscript-font-scale: 0.75;\n  // The padding above and below the infix.\n  $infix-padding: 1em;\n  // The margin applied to the form-field-infix to reserve space for the floating label.\n  $infix-margin-top: 1em * $line-height * $subscript-font-scale;\n  // The space between the bottom of the .mat-form-field-flex area and the subscript wrapper.\n  // Mocks show half of the text size, but this margin is applied to an element with the subscript\n  // text font size, so we need to divide by the scale factor to make it half of the original text\n  // size.\n  $subscript-margin-top: 0.5em / $subscript-font-scale;\n  // The padding applied to the form-field-wrapper to reserve space for the subscript, since it's\n  // absolutely positioned. This is a combination of the subscript's margin and line-height, but we\n  // need to multiply by the subscript font scale factor since the wrapper has a larger font size.\n  $wrapper-padding-bottom: ($subscript-margin-top + $line-height) * $subscript-font-scale;\n  // The amount we offset the label from the input text in the outline appearance.\n  $outline-appearance-label-offset: -0.25em;\n\n  .mat-form-field-appearance-outline {\n    .mat-form-field-infix {\n      padding: $infix-padding 0 $infix-padding 0;\n    }\n\n    .mat-form-field-label {\n      top: $infix-margin-top + $infix-padding;\n      margin-top: $outline-appearance-label-offset;\n    }\n\n    &.mat-form-field-can-float {\n      &.mat-form-field-should-float .mat-form-field-label,\n      .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\n        @include _mat-form-field-outline-label-floating(\n                $subscript-font-scale, $infix-padding + $outline-appearance-label-offset,\n                $infix-margin-top);\n      }\n\n      // Server-side rendered matInput with a label attribute but label not shown\n      // (used as a pure CSS stand-in for mat-form-field-should-float).\n      .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper\n      .mat-form-field-label {\n        @include _mat-form-field-outline-label-floating(\n                $subscript-font-scale, $infix-padding + $outline-appearance-label-offset,\n                $infix-margin-top);\n      }\n    }\n  }\n}\n\n@mixin mat-private-form-field-outline-density($config-or-theme) {}\n\n@mixin mat-form-field-outline-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-form-field-outline') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-form-field-outline-color($color);\n    }\n    @if $density != null {\n      @include mat-private-form-field-outline-density($density);\n    }\n    @if $typography != null {\n      @include mat-form-field-outline-typography($typography);\n    }\n  }\n}\n\n\n\n\n\n\n\n\n// Theme styles that only apply to the standard appearance of the form-field.\n\n@mixin mat-form-field-standard-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $foreground: map-get($config, foreground);\n  $is-dark-theme: map-get($config, is-dark);\n\n  $underline-color: mat-color($foreground, divider, if($is-dark-theme, 0.7, 0.42));\n\n  .mat-form-field-appearance-standard {\n    .mat-form-field-underline {\n      background-color: $underline-color;\n    }\n\n    &.mat-form-field-disabled .mat-form-field-underline {\n      @include mat-private-control-disabled-underline($underline-color);\n    }\n  }\n}\n\n@mixin mat-form-field-standard-typography($config-or-theme) {}\n\n@mixin mat-private-form-field-standard-density($config-or-theme) {}\n\n@mixin mat-form-field-standard-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-form-field-standard') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-form-field-standard-color($color);\n    }\n    @if $density != null {\n      @include mat-private-form-field-standard-density($density);\n    }\n    @if $typography != null {\n      @include mat-form-field-standard-typography($typography);\n    }\n  }\n}\n\n\n// Color styles that apply to all appearances of the form-field.\n@mixin mat-form-field-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $primary: map-get($config, primary);\n  $accent: map-get($config, accent);\n  $warn: map-get($config, warn);\n  $background: map-get($config, background);\n  $foreground: map-get($config, foreground);\n  $is-dark-theme: map-get($config, is-dark);\n\n  // Label colors. Required is used for the `*` star shown in the label.\n  $label-color: mat-color($foreground, secondary-text, if($is-dark-theme, 0.7, 0.6));\n  $focused-label-color: mat-color($primary, text);\n  $required-label-color: mat-color($accent, text);\n\n  // Underline colors.\n  $underline-color-base: mat-color($foreground, divider, if($is-dark-theme, 1, 0.87));\n  $underline-color-accent: mat-color($accent, text);\n  $underline-color-warn: mat-color($warn, text);\n  $underline-focused-color: mat-color($primary, text);\n\n  .mat-form-field-label {\n    color: $label-color;\n  }\n\n  .mat-hint {\n    color: $label-color;\n  }\n\n  .mat-form-field.mat-focused .mat-form-field-label {\n    color: $focused-label-color;\n\n    &.mat-accent {\n      color: $underline-color-accent;\n    }\n\n    &.mat-warn {\n      color: $underline-color-warn;\n    }\n  }\n\n  .mat-focused .mat-form-field-required-marker {\n    color: $required-label-color;\n  }\n\n  .mat-form-field-ripple {\n    background-color: $underline-color-base;\n  }\n\n  .mat-form-field.mat-focused {\n    .mat-form-field-ripple {\n      background-color: $underline-focused-color;\n\n      &.mat-accent {\n        background-color: $underline-color-accent;\n      }\n\n      &.mat-warn {\n        background-color: $underline-color-warn;\n      }\n    }\n  }\n\n  .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) {\n    .mat-form-field-infix::after {\n      color: $underline-focused-color;\n    }\n\n    &.mat-accent .mat-form-field-infix::after {\n      color: $underline-color-accent;\n    }\n\n    &.mat-warn .mat-form-field-infix::after {\n      color: $underline-color-warn;\n    }\n  }\n\n  // Styling for the error state of the form field. Note that while the same can be\n  // achieved with the ng-* classes, we use this approach in order to ensure that the same\n  // logic is used to style the error state and to show the error messages.\n  .mat-form-field.mat-form-field-invalid {\n    .mat-form-field-label {\n      color: $underline-color-warn;\n\n      &.mat-accent,\n      .mat-form-field-required-marker {\n        color: $underline-color-warn;\n      }\n    }\n\n    .mat-form-field-ripple,\n    .mat-form-field-ripple.mat-accent {\n      background-color: $underline-color-warn;\n    }\n  }\n\n  .mat-error {\n    color: $underline-color-warn;\n  }\n\n  @include mat-form-field-legacy-color($config);\n  @include mat-form-field-standard-color($config);\n  @include mat-form-field-fill-color($config);\n  @include mat-form-field-outline-color($config);\n}\n\n// Used to make instances of the _mat-form-field-label-floating mixin negligibly different,\n// and prevent Google's CSS Optimizer from collapsing the declarations. This is needed because some\n// of the selectors contain pseudo-classes not recognized in all browsers. If a browser encounters\n// an unknown pseudo-class it will discard the entire rule set.\n$mat-form-field-dedupe: 0;\n\n// Applies a floating label above the form field control itself.\n@mixin _mat-form-field-label-floating($font-scale, $infix-padding, $infix-margin-top) {\n  transform: translateY(-$infix-margin-top - $infix-padding + $mat-form-field-dedupe)\n             scale($font-scale);\n  width: 100% / $font-scale + $mat-form-field-dedupe;\n\n  $mat-form-field-dedupe: $mat-form-field-dedupe + 0.00001 !global;\n}\n\n@mixin mat-form-field-typography($config-or-theme) {\n  $config: mat-get-typography-config($config-or-theme);\n  // The unit-less line-height from the font config.\n  $line-height: mat-line-height($config, input);\n\n  // The amount to scale the font for the floating label and subscript.\n  $subscript-font-scale: 0.75;\n  // The amount to scale the font for the prefix and suffix icons.\n  $prefix-suffix-icon-font-scale: 1.5;\n\n  // The padding on the infix. Mocks show half of the text size.\n  $infix-padding: 0.5em;\n  // The margin applied to the form-field-infix to reserve space for the floating label.\n  $infix-margin-top: 1em * $line-height * $subscript-font-scale;\n  // Font size to use for the label and subscript text.\n  $subscript-font-size: $subscript-font-scale * 100%;\n  // Font size to use for the for the prefix and suffix icons.\n  $prefix-suffix-icon-font-size: $prefix-suffix-icon-font-scale * 100%;\n  // The space between the bottom of the .mat-form-field-flex area and the subscript wrapper.\n  // Mocks show half of the text size, but this margin is applied to an element with the subscript\n  // text font size, so we need to divide by the scale factor to make it half of the original text\n  // size.\n  $subscript-margin-top: 0.5em / $subscript-font-scale;\n  // The padding applied to the form-field-wrapper to reserve space for the subscript, since it's\n  // absolutely positioned. This is a combination of the subscript's margin and line-height, but we\n  // need to multiply by the subscript font scale factor since the wrapper has a larger font size.\n  $wrapper-padding-bottom: ($subscript-margin-top + $line-height) * $subscript-font-scale;\n\n  .mat-form-field {\n    @include mat-typography-level-to-styles($config, input);\n  }\n\n  .mat-form-field-wrapper {\n    padding-bottom: $wrapper-padding-bottom;\n  }\n\n  .mat-form-field-prefix,\n  .mat-form-field-suffix {\n    // Allow icons in a prefix or suffix to adapt to the correct size.\n    .mat-icon {\n      font-size: $prefix-suffix-icon-font-size;\n      line-height: $line-height;\n    }\n\n    // Allow icon buttons in a prefix or suffix to adapt to the correct size.\n    .mat-icon-button {\n      height: $prefix-suffix-icon-font-scale * 1em;\n      width: $prefix-suffix-icon-font-scale * 1em;\n\n      .mat-icon {\n        height: $line-height * 1em;\n        line-height: $line-height;\n      }\n    }\n  }\n\n  .mat-form-field-infix {\n    padding: $infix-padding 0;\n    // Throws off the baseline if we do it as a real margin, so we do it as a border instead.\n    border-top: $infix-margin-top solid transparent;\n  }\n\n  .mat-form-field-can-float {\n    &.mat-form-field-should-float .mat-form-field-label,\n    .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\n      @include _mat-form-field-label-floating(\n              $subscript-font-scale, $infix-padding, $infix-margin-top);\n    }\n\n    // Server-side rendered matInput with a label attribute but label not shown\n    // (used as a pure CSS stand-in for mat-form-field-should-float).\n    .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper\n        .mat-form-field-label {\n      @include _mat-form-field-label-floating(\n              $subscript-font-scale, $infix-padding, $infix-margin-top);\n    }\n  }\n\n  .mat-form-field-label-wrapper {\n    top: -$infix-margin-top;\n    padding-top: $infix-margin-top;\n  }\n\n  .mat-form-field-label {\n    top: $infix-margin-top + $infix-padding;\n  }\n\n  .mat-form-field-underline {\n    // We want the underline to start at the end of the content box, not the padding box,\n    // so we move it up by the padding amount.\n    bottom: $wrapper-padding-bottom;\n  }\n\n  .mat-form-field-subscript-wrapper {\n    font-size: $subscript-font-size;\n    margin-top: $subscript-margin-top;\n\n    // We want the subscript to start at the end of the content box, not the padding box,\n    // so we move it up by the padding amount (adjusted for the smaller font size);\n    top: calc(100% - #{$wrapper-padding-bottom / $subscript-font-scale});\n  }\n\n  @include mat-form-field-legacy-typography($config);\n  @include mat-form-field-standard-typography($config);\n  @include mat-form-field-fill-typography($config);\n  @include mat-form-field-outline-typography($config);\n}\n\n@mixin mat-form-field-density($config-or-theme) {\n  $density-scale: mat-get-density-config($config-or-theme);\n  @include mat-private-form-field-legacy-density($density-scale);\n  @include mat-private-form-field-standard-density($density-scale);\n  @include mat-private-form-field-fill-density($density-scale);\n  @include mat-private-form-field-outline-density($density-scale);\n}\n\n@mixin mat-form-field-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-form-field') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-form-field-color($color);\n    }\n    @if $density != null {\n      @include mat-form-field-density($density);\n    }\n    @if $typography != null {\n      @include mat-form-field-typography($typography);\n    }\n  }\n}\n\n\n\n\n\n$mat-tree-node-height: 48px !default;\n// Minimum height for tree nodes in highest density is difficult to determine as\n// developers can display arbitrary content. We use a minimum height which ensures\n// that common content placed in tree nodes does not exceed (e.g. icons, checkboxes).\n$mat-tree-node-minimum-height: 24px !default;\n$mat-tree-node-maximum-height: $mat-tree-node-height !default;\n\n$mat-tree-density-config: (\n  height: (\n    default: $mat-tree-node-height,\n    maximum: $mat-tree-node-maximum-height,\n    minimum: $mat-tree-node-minimum-height,\n  )\n) !default;\n\n\n@mixin mat-tree-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  $background: map-get($config, background);\n  $foreground: map-get($config, foreground);\n\n  .mat-tree {\n    background: mat-color($background, 'card');\n  }\n\n  .mat-tree-node,\n  .mat-nested-tree-node {\n    color: mat-color($foreground, text);\n  }\n}\n\n@mixin mat-tree-typography($config-or-theme) {\n  $config: mat-get-typography-config($config-or-theme);\n  .mat-tree {\n    font-family: mat-font-family($config);\n  }\n\n  .mat-tree-node,\n  .mat-nested-tree-node {\n    font-weight: mat-font-weight($config, body-1);\n    font-size: mat-font-size($config, body-1);\n  }\n}\n\n@mixin mat-tree-density($config-or-theme) {\n  $density-scale: mat-get-density-config($config-or-theme);\n  $height: mat-private-density-prop-value($mat-tree-density-config, $density-scale, height);\n\n  @include mat-private-density-legacy-compatibility() {\n    .mat-tree-node {\n      min-height: $height;\n    }\n  }\n}\n\n@mixin mat-tree-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-tree') {\n    $color: mat-get-color-config($theme);\n    $density: mat-get-density-config($theme);\n    $typography: mat-get-typography-config($theme);\n\n    @if $color != null {\n      @include mat-tree-color($color);\n    }\n    @if $density != null {\n      @include mat-tree-density($density);\n    }\n    @if $typography != null {\n      @include mat-tree-typography($typography);\n    }\n  }\n}\n\n\n\n\n// Includes all of the typographic styles.\n@mixin angular-material-typography($config-or-theme: null) {\n  $config: if(mat-private-is-theme-object($config-or-theme),\n      mat-get-typography-config($config-or-theme), $config-or-theme);\n\n  // If no actual color configuration has been specified, create a default one.\n  @if not $config {\n    $config: mat-typography-config();\n  }\n\n  // TODO: COMP-309: Do not use individual mixins. Instead, use the all-theme mixin and only\n  // specify a `typography` config while setting `color` and `density` to `null`. This is currently\n  // not possible as it would introduce a circular dependency for typography because the `mat-core`\n  // mixin that is transitively loaded by the `all-theme` file, imports `all-typography` which\n  // would then load `all-theme` again. This ultimately results a circular dependency.\n\n  @include mat-badge-typography($config);\n  @include mat-base-typography($config);\n  @include mat-autocomplete-typography($config);\n  @include mat-bottom-sheet-typography($config);\n  @include mat-button-typography($config);\n  @include mat-button-toggle-typography($config);\n  @include mat-card-typography($config);\n  @include mat-checkbox-typography($config);\n  @include mat-chips-typography($config);\n  @include mat-divider-typography($config);\n  @include mat-table-typography($config);\n  @include mat-datepicker-typography($config);\n  @include mat-dialog-typography($config);\n  @include mat-expansion-panel-typography($config);\n  @include mat-form-field-typography($config);\n  @include mat-grid-list-typography($config);\n  @include mat-icon-typography($config);\n  @include mat-input-typography($config);\n  @include mat-menu-typography($config);\n  @include mat-paginator-typography($config);\n  @include mat-progress-bar-typography($config);\n  @include mat-progress-spinner-typography($config);\n  @include mat-radio-typography($config);\n  @include mat-select-typography($config);\n  @include mat-sidenav-typography($config);\n  @include mat-slide-toggle-typography($config);\n  @include mat-slider-typography($config);\n  @include mat-stepper-typography($config);\n  @include mat-sort-typography($config);\n  @include mat-tabs-typography($config);\n  @include mat-toolbar-typography($config);\n  @include mat-tooltip-typography($config);\n  @include mat-list-typography($config);\n  @include mat-option-typography($config);\n  @include mat-optgroup-typography($config);\n  @include mat-snack-bar-typography($config);\n  @include mat-tree-typography($config);\n}\n\n\n// Mixin that renders all of the core styles that are not theme-dependent.\n@mixin mat-core($typography-config: null) {\n  @include angular-material-typography($typography-config);\n  @include mat-ripple();\n  @include cdk-a11y();\n  @include cdk-overlay();\n  @include cdk-text-field();\n\n  @include mat-private-strong-focus-indicators-positioning();\n  @include _mat-mdc-core();\n}\n\n@mixin mat-core-color($config-or-theme) {\n  $config: mat-get-color-config($config-or-theme);\n  // Wrapper element that provides the theme background when the user's content isn't\n  // inside of a `mat-sidenav-container`. Note that we need to exclude the ampersand\n  // selector in case the mixin is included at the top level.\n  .mat-app-background#{if(&, ', &.mat-app-background', '')} {\n    $background: map-get($config, background);\n    $foreground: map-get($config, foreground);\n\n    background-color: mat-color($background, background);\n    color: mat-color($foreground, text);\n  }\n\n  // Provides external CSS classes for each elevation value. Each CSS class is formatted as\n  // `mat-elevation-z$zValue` where `$zValue` corresponds to the z-space to which the element is\n  // elevated.\n  @for $zValue from 0 through 24 {\n    .#{$mat-elevation-prefix}#{$zValue} {\n      @include mat-private-theme-elevation($zValue, $config);\n    }\n  }\n\n  // Marker that is used to determine whether the user has added a theme to their page.\n  @at-root {\n    .mat-theme-loaded-marker {\n      display: none;\n    }\n  }\n}\n\n// Mixin that renders all of the core styles that depend on the theme.\n@mixin mat-core-theme($theme-or-color-config) {\n  $theme: mat-private-legacy-get-theme($theme-or-color-config);\n  // Wrap the sub-theme includes in the duplicate theme styles mixin. This ensures that\n  // there won't be multiple warnings. e.g. if `mat-core-theme` reports a warning, then\n  // the imported themes (such as `mat-ripple-theme`) should not report again.\n  @include mat-private-check-duplicate-theme-styles($theme, 'mat-core') {\n    @include mat-ripple-theme($theme);\n    @include mat-option-theme($theme);\n    @include mat-optgroup-theme($theme);\n    @include mat-pseudo-checkbox-theme($theme);\n\n    $color: mat-get-color-config($theme);\n    @if $color != null {\n      @include mat-core-color($color);\n    }\n  }\n}\n\n// Mixin that renders all of the core MDC styles. Private mixin included with `mat-core`.\n@mixin _mat-mdc-core() {\n  @include _mat-mdc-strong-focus-indicators-positioning();\n}\n\n// Mixin that ensures focus indicator host elements are positioned so that the focus indicator\n// pseudo element within is positioned relative to the host. Private mixin included within\n// `_mat-mdc-core`.\n@mixin _mat-mdc-strong-focus-indicators-positioning() {\n  .mat-mdc-focus-indicator {\n    position: relative;\n  }\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n// Create a theme.\n@mixin angular-material-theme($theme-or-color-config) {\n  $dedupe-key: 'angular-material-theme';\n  @include mat-private-check-duplicate-theme-styles($theme-or-color-config, $dedupe-key) {\n    @include mat-core-theme($theme-or-color-config);\n    @include mat-autocomplete-theme($theme-or-color-config);\n    @include mat-badge-theme($theme-or-color-config);\n    @include mat-bottom-sheet-theme($theme-or-color-config);\n    @include mat-button-theme($theme-or-color-config);\n    @include mat-button-toggle-theme($theme-or-color-config);\n    @include mat-card-theme($theme-or-color-config);\n    @include mat-checkbox-theme($theme-or-color-config);\n    @include mat-chips-theme($theme-or-color-config);\n    @include mat-table-theme($theme-or-color-config);\n    @include mat-datepicker-theme($theme-or-color-config);\n    @include mat-dialog-theme($theme-or-color-config);\n    @include mat-divider-theme($theme-or-color-config);\n    @include mat-expansion-panel-theme($theme-or-color-config);\n    @include mat-form-field-theme($theme-or-color-config);\n    @include mat-grid-list-theme($theme-or-color-config);\n    @include mat-icon-theme($theme-or-color-config);\n    @include mat-input-theme($theme-or-color-config);\n    @include mat-list-theme($theme-or-color-config);\n    @include mat-menu-theme($theme-or-color-config);\n    @include mat-paginator-theme($theme-or-color-config);\n    @include mat-progress-bar-theme($theme-or-color-config);\n    @include mat-progress-spinner-theme($theme-or-color-config);\n    @include mat-radio-theme($theme-or-color-config);\n    @include mat-select-theme($theme-or-color-config);\n    @include mat-sidenav-theme($theme-or-color-config);\n    @include mat-slide-toggle-theme($theme-or-color-config);\n    @include mat-slider-theme($theme-or-color-config);\n    @include mat-stepper-theme($theme-or-color-config);\n    @include mat-sort-theme($theme-or-color-config);\n    @include mat-tabs-theme($theme-or-color-config);\n    @include mat-toolbar-theme($theme-or-color-config);\n    @include mat-tooltip-theme($theme-or-color-config);\n    @include mat-tree-theme($theme-or-color-config);\n    @include mat-snack-bar-theme($theme-or-color-config);\n  }\n}\n\n\n\n// Includes all of the color styles.\n@mixin angular-material-color($config-or-theme) {\n  // In case a theme object has been passed instead of a configuration for\n  // the color system, extract the color config from the theme object.\n  $config: if(mat-private-is-theme-object($config-or-theme),\n      mat-get-color-config($config-or-theme), $config-or-theme);\n\n  @if $config == null {\n    @error 'No color configuration specified.';\n  }\n\n  @include angular-material-theme((\n    color: $config,\n    typography: null,\n    density: null,\n  ));\n}\n\n\n\n\n\n\n\n\n\n\n// Includes all of the density styles.\n@mixin angular-material-density($config-or-theme) {\n  // In case a theme object has been passed instead of a configuration for\n  // the density system, extract the density config from the theme object.\n  $config: if(mat-private-is-theme-object($config-or-theme),\n      mat-get-density-config($config-or-theme), $config-or-theme);\n\n  @if $config == null {\n    @error 'No density configuration specified.';\n  }\n\n  // TODO: COMP-309: Do not use individual mixins. Instead, use the all-theme mixin and only\n  // specify a `density` config while setting `color` and `typography` to `null`. This is currently\n  // not possible as it would introduce a circular dependency for density because the `mat-core`\n  // mixin that is transitively loaded by the `all-theme` file, imports `all-density` which\n  // would then load `all-theme` again. This ultimately results a circular dependency.\n\n  @include mat-expansion-panel-density($config);\n  @include mat-stepper-density($config);\n  @include mat-toolbar-density($config);\n  @include mat-tree-density($config);\n  @include mat-paginator-density($config);\n  @include mat-form-field-density($config);\n  @include mat-button-toggle-density($config);\n}\n\n\n\n","/*\n\nThis program is free software: you can redistribute it and/or modify it under \nthe terms of the GNU General Public License as published by \nthe Free Software Foundation, either version 3 of the License, \nor (at your option) any later version.\n\n\nThis program is distributed in the hope that it will be useful, \nbut WITHOUT ANY WARRANTY; without even the implied warranty of \nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\xa0 \nSee the GNU General Public License for more details.\n\n\nYou should have received a copy of the GNU General Public License\n along with this program.\xa0 If not, see <https://www.gnu.org/licenses/>.\n\nCopyright\xa0\xa9 2019 Cloud Linux Software Inc.\n\nThis software is also available under ImunifyAV commercial license,\nsee <https://www.imunify360.com/legal/eula>\n*/\n@import '~@angular/cdk/a11y';\n@import '~@angular/material/theming';\n@import 'app/styles/common/rtl';\n\n$i360-slide-toggle-thumb-size: 18px;\n$i360-slide-toggle-thumb-offset: 2px;\n$i360-slide-toggle-height: 24px;\n$i360-slide-toggle-ripple-radius: 18px;\n$i360-slide-toggle-bar-width: 46px;\n$i360-slide-toggle-bar-height: 22px;\n$i360-slide-toggle-bar-track-width: $i360-slide-toggle-bar-width - $i360-slide-toggle-thumb-size;\n\n// ToDo: take ALL colors from theme\n@mixin i360-slide-toggle-theme($theme) {\n    .mat-slide-toggle {\n        $primary: map-get($theme, primary);\n\n        &.mat-primary:not(.mat-checked) {\n            .mat-slide-toggle-bar {\n                &::after {\n                    color: #8a9298;\n                }\n\n                background-color: #e3e3e3;\n            }\n\n            .mat-slide-toggle-thumb {\n                background-color: #fff;\n            }\n        }\n\n        &.mat-primary.mat-checked:not(.mat-disabled) {\n            .mat-slide-toggle-bar {\n                &::before {\n                    color: mat-color($primary);\n                }\n\n                background-color: #c8f5e4;\n            }\n\n            .mat-slide-toggle-thumb {\n                background-color: mat-color($primary);\n            }\n        }\n    }\n}\n\nmat-slide-toggle {\n    .mat-slide-toggle-thumb-container {\n        $thumb-bar-vertical-padding: ($i360-slide-toggle-thumb-size - $i360-slide-toggle-bar-height) / 2;\n\n        width: $i360-slide-toggle-thumb-size;\n        height: $i360-slide-toggle-thumb-size;\n        top: -$thumb-bar-vertical-padding;\n        transform: translate3d($i360-slide-toggle-thumb-offset, 0, 0);\n    }\n\n    &.mat-slide-toggle {\n        &.mat-checked {\n            .mat-slide-toggle-thumb-container {\n                $horizontal-offset: $i360-slide-toggle-bar-track-width - $i360-slide-toggle-thumb-offset;\n\n                transform: translate3d($horizontal-offset, 0, 0);\n\n                @include rtl {\n                    transform: translate3d(-$horizontal-offset, 0, 0);\n                }\n            }\n        }\n    }\n\n    .mat-slide-toggle-bar {\n        width: $i360-slide-toggle-bar-width;\n        height: $i360-slide-toggle-bar-height;\n        display: flex;\n        align-items: center;\n        border-radius: 12px;\n    }\n\n    @mixin i360-slide-toggle-bar-state() {\n        opacity: 0.62;\n        font-size: 10px;\n        font-weight: 600;\n        letter-spacing: -0.1px;\n    }\n    $i360-slide-toggle-bar-state-offset: $i360-slide-toggle-thumb-offset + $i360-slide-toggle-thumb-size + 4px;\n\n    &.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {\n        &::before {\n            @include i360-slide-toggle-bar-state;\n\n            content: 'on';\n            position: absolute;\n\n            @include rtl-right($i360-slide-toggle-bar-state-offset);\n        }\n    }\n\n    &.mat-slide-toggle:not(.mat-checked) .mat-slide-toggle-bar {\n        &::after {\n            @include i360-slide-toggle-bar-state;\n\n            content: 'off';\n            position: absolute;\n\n            @include rtl-left($i360-slide-toggle-bar-state-offset);\n        }\n    }\n\n    .mat-slide-toggle-thumb {\n        height: $i360-slide-toggle-thumb-size;\n        width: $i360-slide-toggle-thumb-size;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .mat-slide-toggle-input {\n        @include rtl-left($i360-slide-toggle-thumb-size / 2);\n    }\n\n    @include cdk-high-contrast() {\n        .mat-slide-toggle-bar {\n            .mat-slide-toggle.cdk-keyboard-focused & {\n                outline-offset: ($i360-slide-toggle-height - $i360-slide-toggle-bar-height) / 2;\n            }\n        }\n    }\n\n    .mat-ripple-element.mat-slide-toggle-persistent-ripple {\n        transform: none;\n    }\n}\n","/*\n\nThis program is free software: you can redistribute it and/or modify it under \nthe terms of the GNU General Public License as published by \nthe Free Software Foundation, either version 3 of the License, \nor (at your option) any later version.\n\n\nThis program is distributed in the hope that it will be useful, \nbut WITHOUT ANY WARRANTY; without even the implied warranty of \nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\xa0 \nSee the GNU General Public License for more details.\n\n\nYou should have received a copy of the GNU General Public License\n along with this program.\xa0 If not, see <https://www.gnu.org/licenses/>.\n\nCopyright\xa0\xa9 2019 Cloud Linux Software Inc.\n\nThis software is also available under ImunifyAV commercial license,\nsee <https://www.imunify360.com/legal/eula>\n*/\n// ToDo: take ALL colors from theme\n@mixin i360-checkbox-theme($theme) {\n    .mat-checkbox {\n        .mat-checkbox-frame {\n            border-color: #dee1ec!important;\n        }\n    }\n}\n\nmat-checkbox {\n    .mat-checkbox-frame {\n        border-width: 1px;\n    }\n\n    .mat-ripple-element.mat-checkbox-persistent-ripple {\n        transform: none;\n    }\n}\n","/*\n\nThis program is free software: you can redistribute it and/or modify it under \nthe terms of the GNU General Public License as published by \nthe Free Software Foundation, either version 3 of the License, \nor (at your option) any later version.\n\n\nThis program is distributed in the hope that it will be useful, \nbut WITHOUT ANY WARRANTY; without even the implied warranty of \nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\xa0 \nSee the GNU General Public License for more details.\n\n\nYou should have received a copy of the GNU General Public License\n along with this program.\xa0 If not, see <https://www.gnu.org/licenses/>.\n\nCopyright\xa0\xa9 2019 Cloud Linux Software Inc.\n\nThis software is also available under ImunifyAV commercial license,\nsee <https://www.imunify360.com/legal/eula>\n*/\n@import '~@angular/cdk/a11y';\n@import '~@angular/material/theming';\n\n\n$i360-radio-size: 16px;\n$i360-radio-ripple-radius: 16px;\n\n// ToDo: take ALL colors from theme\n@mixin i360-radio-button-theme($theme) {\n    .mat-radio-button {\n        $primary: map-get($theme, primary);\n\n        .mat-radio-outer-circle {\n            border-color: mat-color($primary);\n        }\n    }\n}\n\nmat-radio-button {\n    .mat-radio-inner-circle,\n    .mat-radio-outer-circle,\n    .mat-radio-container {\n        height: $i360-radio-size;\n        width: $i360-radio-size;\n    }\n\n    .mat-radio-outer-circle {\n        border-width: 1px;\n    }\n\n    &.mat-radio-checked .mat-radio-inner-circle {\n        transform: scale(0.375);\n    }\n\n    .mat-ripple-element.mat-radio-persistent-ripple {\n        transform: none;\n    }\n}\n",":root {\n  // Custom variable values only support SassScript inside `#{}`.\n  @each $color, $value in $colors {\n    --#{$color}: #{$value};\n  }\n\n  @each $color, $value in $theme-colors {\n    --#{$color}: #{$value};\n  }\n\n  @each $bp, $value in $grid-breakpoints {\n    --breakpoint-#{$bp}: #{$value};\n  }\n\n  // Use `inspect` for lists so that quoted items keep the quotes.\n  // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n  --font-family-sans-serif: #{inspect($font-family-sans-serif)};\n  --font-family-monospace: #{inspect($font-family-monospace)};\n}\n",'// The dropdown wrapper (`<div>`)\n.dropup,\n.dropright,\n.dropdown,\n.dropleft {\n  position: relative;\n}\n\n.dropdown-toggle {\n  white-space: nowrap;\n\n  // Generate the caret automatically\n  @include caret();\n}\n\n// The dropdown menu\n.dropdown-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: $zindex-dropdown;\n  display: none; // none by default, but block on "open" of the menu\n  float: left;\n  min-width: $dropdown-min-width;\n  padding: $dropdown-padding-y $dropdown-padding-x;\n  margin: $dropdown-spacer 0 0; // override default ul\n  @include font-size($dropdown-font-size);\n  color: $dropdown-color;\n  text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)\n  list-style: none;\n  background-color: $dropdown-bg;\n  background-clip: padding-box;\n  border: $dropdown-border-width solid $dropdown-border-color;\n  @include border-radius($dropdown-border-radius);\n  @include box-shadow($dropdown-box-shadow);\n}\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .dropdown-menu#{$infix}-left {\n      right: auto;\n      left: 0;\n    }\n\n    .dropdown-menu#{$infix}-right {\n      right: 0;\n      left: auto;\n    }\n  }\n}\n\n// Allow for dropdowns to go bottom up (aka, dropup-menu)\n// Just add .dropup after the standard .dropdown class and you\'re set.\n.dropup {\n  .dropdown-menu {\n    top: auto;\n    bottom: 100%;\n    margin-top: 0;\n    margin-bottom: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(up);\n  }\n}\n\n.dropright {\n  .dropdown-menu {\n    top: 0;\n    right: auto;\n    left: 100%;\n    margin-top: 0;\n    margin-left: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(right);\n    &::after {\n      vertical-align: 0;\n    }\n  }\n}\n\n.dropleft {\n  .dropdown-menu {\n    top: 0;\n    right: 100%;\n    left: auto;\n    margin-top: 0;\n    margin-right: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(left);\n    &::before {\n      vertical-align: 0;\n    }\n  }\n}\n\n// When Popper is enabled, reset the basic dropdown position\n// stylelint-disable-next-line no-duplicate-selectors\n.dropdown-menu {\n  &[x-placement^="top"],\n  &[x-placement^="right"],\n  &[x-placement^="bottom"],\n  &[x-placement^="left"] {\n    right: auto;\n    bottom: auto;\n  }\n}\n\n// Dividers (basically an `<hr>`) within the dropdown\n.dropdown-divider {\n  @include nav-divider($dropdown-divider-bg, $dropdown-divider-margin-y, true);\n}\n\n// Links, buttons, and more within the dropdown menu\n//\n// `<button>`-specific styles are denoted with `// For <button>s`\n.dropdown-item {\n  display: block;\n  width: 100%; // For `<button>`s\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  clear: both;\n  font-weight: $font-weight-normal;\n  color: $dropdown-link-color;\n  text-align: inherit; // For `<button>`s\n  text-decoration: if($link-decoration == none, null, none);\n  white-space: nowrap; // prevent links from randomly breaking onto new lines\n  background-color: transparent; // For `<button>`s\n  border: 0; // For `<button>`s\n\n  // Prevent dropdown overflow if there\'s no padding\n  // See https://github.com/twbs/bootstrap/pull/27703\n  @if $dropdown-padding-y == 0 {\n    &:first-child {\n      @include border-top-radius($dropdown-inner-border-radius);\n    }\n\n    &:last-child {\n      @include border-bottom-radius($dropdown-inner-border-radius);\n    }\n  }\n\n  @include hover-focus() {\n    color: $dropdown-link-hover-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-hover-bg);\n  }\n\n  &.active,\n  &:active {\n    color: $dropdown-link-active-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-active-bg);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $dropdown-link-disabled-color;\n    pointer-events: none;\n    background-color: transparent;\n    // Remove CSS gradients if they\'re enabled\n    @if $enable-gradients {\n      background-image: none;\n    }\n  }\n}\n\n.dropdown-menu.show {\n  display: block;\n}\n\n// Dropdown section headers\n.dropdown-header {\n  display: block;\n  padding: $dropdown-header-padding;\n  margin-bottom: 0; // for use with heading elements\n  @include font-size($font-size-sm);\n  color: $dropdown-header-color;\n  white-space: nowrap; // as with > li > a\n}\n\n// Dropdown text\n.dropdown-item-text {\n  display: block;\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  color: $dropdown-link-color;\n}\n','@mixin caret-down() {\n  border-top: $caret-width solid;\n  border-right: $caret-width solid transparent;\n  border-bottom: 0;\n  border-left: $caret-width solid transparent;\n}\n\n@mixin caret-up() {\n  border-top: 0;\n  border-right: $caret-width solid transparent;\n  border-bottom: $caret-width solid;\n  border-left: $caret-width solid transparent;\n}\n\n@mixin caret-right() {\n  border-top: $caret-width solid transparent;\n  border-right: 0;\n  border-bottom: $caret-width solid transparent;\n  border-left: $caret-width solid;\n}\n\n@mixin caret-left() {\n  border-top: $caret-width solid transparent;\n  border-right: $caret-width solid;\n  border-bottom: $caret-width solid transparent;\n}\n\n@mixin caret($direction: down) {\n  @if $enable-caret {\n    &::after {\n      display: inline-block;\n      margin-left: $caret-spacing;\n      vertical-align: $caret-vertical-align;\n      content: "";\n      @if $direction == down {\n        @include caret-down();\n      } @else if $direction == up {\n        @include caret-up();\n      } @else if $direction == right {\n        @include caret-right();\n      }\n    }\n\n    @if $direction == left {\n      &::after {\n        display: none;\n      }\n\n      &::before {\n        display: inline-block;\n        margin-right: $caret-spacing;\n        vertical-align: $caret-vertical-align;\n        content: "";\n        @include caret-left();\n      }\n    }\n\n    &:empty::after {\n      margin-left: 0;\n    }\n  }\n}\n','// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white:    #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black:    #000 !default;\n\n$grays: () !default;\n$grays: map-merge(\n  (\n    "100": $gray-100,\n    "200": $gray-200,\n    "300": $gray-300,\n    "400": $gray-400,\n    "500": $gray-500,\n    "600": $gray-600,\n    "700": $gray-700,\n    "800": $gray-800,\n    "900": $gray-900\n  ),\n  $grays\n);\n\n$blue:    #007bff !default;\n$indigo:  #6610f2 !default;\n$purple:  #6f42c1 !default;\n$pink:    #e83e8c !default;\n$red:     #dc3545 !default;\n$orange:  #fd7e14 !default;\n$yellow:  #ffc107 !default;\n$green:   #28a745 !default;\n$teal:    #20c997 !default;\n$cyan:    #17a2b8 !default;\n\n$colors: () !default;\n$colors: map-merge(\n  (\n    "blue":       $blue,\n    "indigo":     $indigo,\n    "purple":     $purple,\n    "pink":       $pink,\n    "red":        $red,\n    "orange":     $orange,\n    "yellow":     $yellow,\n    "green":      $green,\n    "teal":       $teal,\n    "cyan":       $cyan,\n    "white":      $white,\n    "gray":       $gray-600,\n    "gray-dark":  $gray-800\n  ),\n  $colors\n);\n\n$primary:       $blue !default;\n$secondary:     $gray-600 !default;\n$success:       $green !default;\n$info:          $cyan !default;\n$warning:       $yellow !default;\n$danger:        $red !default;\n$light:         $gray-100 !default;\n$dark:          $gray-800 !default;\n\n$theme-colors: () !default;\n$theme-colors: map-merge(\n  (\n    "primary":    $primary,\n    "secondary":  $secondary,\n    "success":    $success,\n    "info":       $info,\n    "warning":    $warning,\n    "danger":     $danger,\n    "light":      $light,\n    "dark":       $dark\n  ),\n  $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval:      8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold:  150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark:             $gray-900 !default;\n$yiq-text-light:            $white !default;\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n  ("<", "%3c"),\n  (">", "%3e"),\n  ("#", "%23"),\n  ("(", "%28"),\n  (")", "%29"),\n) !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret:                                true !default;\n$enable-rounded:                              true !default;\n$enable-shadows:                              false !default;\n$enable-gradients:                            false !default;\n$enable-transitions:                          true !default;\n$enable-prefers-reduced-motion-media-query:   true !default;\n$enable-hover-media-query:                    false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes:                         true !default;\n$enable-pointer-cursor-for-buttons:           true !default;\n$enable-print-styles:                         true !default;\n$enable-responsive-font-sizes:                false !default;\n$enable-validation-icons:                     true !default;\n$enable-deprecation-messages:                 true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-merge(\n  (\n    0: 0,\n    1: ($spacer * .25),\n    2: ($spacer * .5),\n    3: $spacer,\n    4: ($spacer * 1.5),\n    5: ($spacer * 3)\n  ),\n  $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n$sizes: map-merge(\n  (\n    25: 25%,\n    50: 50%,\n    75: 75%,\n    100: 100%,\n    auto: auto\n  ),\n  $sizes\n);\n\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg:                   $white !default;\n$body-color:                $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color:                              theme-color("primary") !default;\n$link-decoration:                         none !default;\n$link-hover-color:                        darken($link-color, 15%) !default;\n$link-hover-decoration:                   underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom:   1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n  xs: 0,\n  sm: 576px,\n  md: 768px,\n  lg: 992px,\n  xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, "$grid-breakpoints");\n@include _assert-starts-at-zero($grid-breakpoints, "$grid-breakpoints");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n  sm: 540px,\n  md: 720px,\n  lg: 960px,\n  xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, "$container-max-widths");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns:                12 !default;\n$grid-gutter-width:           30px !default;\n$grid-row-columns:            6 !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg:              1.5 !default;\n$line-height-sm:              1.5 !default;\n\n$border-width:                1px !default;\n$border-color:                $gray-300 !default;\n\n$border-radius:               .25rem !default;\n$border-radius-lg:            .3rem !default;\n$border-radius-sm:            .2rem !default;\n\n$rounded-pill:                50rem !default;\n\n$box-shadow-sm:               0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow:                  0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg:               0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color:      $white !default;\n$component-active-bg:         theme-color("primary") !default;\n\n$caret-width:                 .3em !default;\n$caret-vertical-align:        $caret-width * .85 !default;\n$caret-spacing:               $caret-width * .85 !default;\n\n$transition-base:             all .2s ease-in-out !default;\n$transition-fade:             opacity .15s linear !default;\n$transition-collapse:         height .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n$embed-responsive-aspect-ratios: join(\n  (\n    (21 9),\n    (16 9),\n    (4 3),\n    (1 1),\n  ),\n  $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif:      -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;\n$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;\n$font-family-base:            $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg:                $font-size-base * 1.25 !default;\n$font-size-sm:                $font-size-base * .875 !default;\n\n$font-weight-lighter:         lighter !default;\n$font-weight-light:           300 !default;\n$font-weight-normal:          400 !default;\n$font-weight-bold:            700 !default;\n$font-weight-bolder:          bolder !default;\n\n$font-weight-base:            $font-weight-normal !default;\n$line-height-base:            1.5 !default;\n\n$h1-font-size:                $font-size-base * 2.5 !default;\n$h2-font-size:                $font-size-base * 2 !default;\n$h3-font-size:                $font-size-base * 1.75 !default;\n$h4-font-size:                $font-size-base * 1.5 !default;\n$h5-font-size:                $font-size-base * 1.25 !default;\n$h6-font-size:                $font-size-base !default;\n\n$headings-margin-bottom:      $spacer * .5 !default;\n$headings-font-family:        null !default;\n$headings-font-weight:        500 !default;\n$headings-line-height:        1.2 !default;\n$headings-color:              null !default;\n\n$display1-size:               6rem !default;\n$display2-size:               5.5rem !default;\n$display3-size:               4.5rem !default;\n$display4-size:               3.5rem !default;\n\n$display1-weight:             300 !default;\n$display2-weight:             300 !default;\n$display3-weight:             300 !default;\n$display4-weight:             300 !default;\n$display-line-height:         $headings-line-height !default;\n\n$lead-font-size:              $font-size-base * 1.25 !default;\n$lead-font-weight:            300 !default;\n\n$small-font-size:             80% !default;\n\n$text-muted:                  $gray-600 !default;\n\n$blockquote-small-color:      $gray-600 !default;\n$blockquote-small-font-size:  $small-font-size !default;\n$blockquote-font-size:        $font-size-base * 1.25 !default;\n\n$hr-border-color:             rgba($black, .1) !default;\n$hr-border-width:             $border-width !default;\n\n$mark-padding:                .2em !default;\n\n$dt-font-weight:              $font-weight-bold !default;\n\n$kbd-box-shadow:              inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight:      $font-weight-bold !default;\n\n$list-inline-padding:         .5rem !default;\n\n$mark-bg:                     #fcf8e3 !default;\n\n$hr-margin-y:                 $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding:          .75rem !default;\n$table-cell-padding-sm:       .3rem !default;\n\n$table-color:                 $body-color !default;\n$table-bg:                    null !default;\n$table-accent-bg:             rgba($black, .05) !default;\n$table-hover-color:           $table-color !default;\n$table-hover-bg:              rgba($black, .075) !default;\n$table-active-bg:             $table-hover-bg !default;\n\n$table-border-width:          $border-width !default;\n$table-border-color:          $border-color !default;\n\n$table-head-bg:               $gray-200 !default;\n$table-head-color:            $gray-700 !default;\n$table-th-font-weight:        null !default;\n\n$table-dark-color:            $white !default;\n$table-dark-bg:               $gray-800 !default;\n$table-dark-accent-bg:        rgba($white, .05) !default;\n$table-dark-hover-color:      $table-dark-color !default;\n$table-dark-hover-bg:         rgba($white, .075) !default;\n$table-dark-border-color:     lighten($table-dark-bg, 7.5%) !default;\n\n$table-striped-order:         odd !default;\n\n$table-caption-color:         $text-muted !default;\n\n$table-bg-level:              -9 !default;\n$table-border-level:          -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y:         .375rem !default;\n$input-btn-padding-x:         .75rem !default;\n$input-btn-font-family:       null !default;\n$input-btn-font-size:         $font-size-base !default;\n$input-btn-line-height:       $line-height-base !default;\n\n$input-btn-focus-width:       .2rem !default;\n$input-btn-focus-color:       rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow:  0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm:      .25rem !default;\n$input-btn-padding-x-sm:      .5rem !default;\n$input-btn-font-size-sm:      $font-size-sm !default;\n$input-btn-line-height-sm:    $line-height-sm !default;\n\n$input-btn-padding-y-lg:      .5rem !default;\n$input-btn-padding-x-lg:      1rem !default;\n$input-btn-font-size-lg:      $font-size-lg !default;\n$input-btn-line-height-lg:    $line-height-lg !default;\n\n$input-btn-border-width:      $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap\'s buttons, define text, background, and border color.\n\n$btn-padding-y:               $input-btn-padding-y !default;\n$btn-padding-x:               $input-btn-padding-x !default;\n$btn-font-family:             $input-btn-font-family !default;\n$btn-font-size:               $input-btn-font-size !default;\n$btn-line-height:             $input-btn-line-height !default;\n$btn-white-space:             null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm:            $input-btn-padding-y-sm !default;\n$btn-padding-x-sm:            $input-btn-padding-x-sm !default;\n$btn-font-size-sm:            $input-btn-font-size-sm !default;\n$btn-line-height-sm:          $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg:            $input-btn-padding-y-lg !default;\n$btn-padding-x-lg:            $input-btn-padding-x-lg !default;\n$btn-font-size-lg:            $input-btn-font-size-lg !default;\n$btn-line-height-lg:          $input-btn-line-height-lg !default;\n\n$btn-border-width:            $input-btn-border-width !default;\n\n$btn-font-weight:             $font-weight-normal !default;\n$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width:             $input-btn-focus-width !default;\n$btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity:        .65 !default;\n$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color:     $gray-600 !default;\n\n$btn-block-spacing-y:         .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius:           $border-radius !default;\n$btn-border-radius-lg:        $border-radius-lg !default;\n$btn-border-radius-sm:        $border-radius-sm !default;\n\n$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$label-margin-bottom:                   .5rem !default;\n\n$input-padding-y:                       $input-btn-padding-y !default;\n$input-padding-x:                       $input-btn-padding-x !default;\n$input-font-family:                     $input-btn-font-family !default;\n$input-font-size:                       $input-btn-font-size !default;\n$input-font-weight:                     $font-weight-base !default;\n$input-line-height:                     $input-btn-line-height !default;\n\n$input-padding-y-sm:                    $input-btn-padding-y-sm !default;\n$input-padding-x-sm:                    $input-btn-padding-x-sm !default;\n$input-font-size-sm:                    $input-btn-font-size-sm !default;\n$input-line-height-sm:                  $input-btn-line-height-sm !default;\n\n$input-padding-y-lg:                    $input-btn-padding-y-lg !default;\n$input-padding-x-lg:                    $input-btn-padding-x-lg !default;\n$input-font-size-lg:                    $input-btn-font-size-lg !default;\n$input-line-height-lg:                  $input-btn-line-height-lg !default;\n\n$input-bg:                              $white !default;\n$input-disabled-bg:                     $gray-200 !default;\n\n$input-color:                           $gray-700 !default;\n$input-border-color:                    $gray-400 !default;\n$input-border-width:                    $input-btn-border-width !default;\n$input-box-shadow:                      inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius:                   $border-radius !default;\n$input-border-radius-lg:                $border-radius-lg !default;\n$input-border-radius-sm:                $border-radius-sm !default;\n\n$input-focus-bg:                        $input-bg !default;\n$input-focus-border-color:              lighten($component-active-bg, 25%) !default;\n$input-focus-color:                     $input-color !default;\n$input-focus-width:                     $input-btn-focus-width !default;\n$input-focus-box-shadow:                $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color:               $gray-600 !default;\n$input-plaintext-color:                 $body-color !default;\n\n$input-height-border:                   $input-border-width * 2 !default;\n\n$input-height-inner:                    add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half:               add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y * .5) !default;\n\n$input-height:                          add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm:                       add($input-line-height-sm * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg:                       add($input-line-height-lg * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top:                  .25rem !default;\n\n$form-check-input-gutter:               1.25rem !default;\n$form-check-input-margin-y:             .3rem !default;\n$form-check-input-margin-x:             .25rem !default;\n\n$form-check-inline-margin-x:            .75rem !default;\n$form-check-inline-input-margin-x:      .3125rem !default;\n\n$form-grid-gutter-width:                10px !default;\n$form-group-margin-bottom:              1rem !default;\n\n$input-group-addon-color:               $input-color !default;\n$input-group-addon-bg:                  $gray-200 !default;\n$input-group-addon-border-color:        $input-border-color !default;\n\n$custom-forms-transition:               background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter:                 .5rem !default;\n$custom-control-spacer-x:               1rem !default;\n$custom-control-cursor:                 null !default;\n\n$custom-control-indicator-size:         1rem !default;\n$custom-control-indicator-bg:           $input-bg !default;\n\n$custom-control-indicator-bg-size:      50% 50% !default;\n$custom-control-indicator-box-shadow:   $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-label-color:            null !default;\n\n$custom-control-indicator-disabled-bg:          $input-disabled-bg !default;\n$custom-control-label-disabled-color:           $gray-600 !default;\n\n$custom-control-indicator-checked-color:        $component-active-color !default;\n$custom-control-indicator-checked-bg:           $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg:  rgba(theme-color("primary"), .5) !default;\n$custom-control-indicator-checked-box-shadow:   null !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow:     $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color:   $input-focus-border-color !default;\n\n$custom-control-indicator-active-color:         $component-active-color !default;\n$custom-control-indicator-active-bg:            lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow:    null !default;\n$custom-control-indicator-active-border-color:  $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius:       $border-radius !default;\n$custom-checkbox-indicator-icon-checked:        url("data:image/svg+xml,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'8\' height=\'8\' viewBox=\'0 0 8 8\'><path fill=\'#{$custom-control-indicator-checked-color}\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z\'/></svg>") !default;\n\n$custom-checkbox-indicator-indeterminate-bg:           $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color:        $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate:         url("data:image/svg+xml,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'4\' height=\'4\' viewBox=\'0 0 4 4\'><path stroke=\'#{$custom-checkbox-indicator-indeterminate-color}\' d=\'M0 2h4\'/></svg>") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow:   null !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius:          50% !default;\n$custom-radio-indicator-icon-checked:           url("data:image/svg+xml,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'12\' height=\'12\' viewBox=\'-4 -4 8 8\'><circle r=\'3\' fill=\'#{$custom-control-indicator-checked-color}\'/></svg>") !default;\n\n$custom-switch-width:                           $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius:         $custom-control-indicator-size * .5 !default;\n$custom-switch-indicator-size:                  subtract($custom-control-indicator-size, $custom-control-indicator-border-width * 4) !default;\n\n$custom-select-padding-y:           $input-padding-y !default;\n$custom-select-padding-x:           $input-padding-x !default;\n$custom-select-font-family:         $input-font-family !default;\n$custom-select-font-size:           $input-font-size !default;\n$custom-select-height:              $input-height !default;\n$custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight:         $input-font-weight !default;\n$custom-select-line-height:         $input-line-height !default;\n$custom-select-color:               $input-color !default;\n$custom-select-disabled-color:      $gray-600 !default;\n$custom-select-bg:                  $input-bg !default;\n$custom-select-disabled-bg:         $gray-200 !default;\n$custom-select-bg-size:             8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color:     $gray-800 !default;\n$custom-select-indicator:           url("data:image/svg+xml,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'4\' height=\'5\' viewBox=\'0 0 4 5\'><path fill=\'#{$custom-select-indicator-color}\' d=\'M2 0L0 2h4zm0 5L0 3h4z\'/></svg>") !default;\n$custom-select-background:          escape-svg($custom-select-indicator) right $custom-select-padding-x center / $custom-select-bg-size no-repeat !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: add(1em * .75, (2 * $custom-select-padding-y * .75) + $custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-position:      center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size:          $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width:        $input-border-width !default;\n$custom-select-border-color:        $input-border-color !default;\n$custom-select-border-radius:       $border-radius !default;\n$custom-select-box-shadow:          inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color:  $input-focus-border-color !default;\n$custom-select-focus-width:         $input-focus-width !default;\n$custom-select-focus-box-shadow:    0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm:        $input-padding-y-sm !default;\n$custom-select-padding-x-sm:        $input-padding-x-sm !default;\n$custom-select-font-size-sm:        $input-font-size-sm !default;\n$custom-select-height-sm:           $input-height-sm !default;\n\n$custom-select-padding-y-lg:        $input-padding-y-lg !default;\n$custom-select-padding-x-lg:        $input-padding-x-lg !default;\n$custom-select-font-size-lg:        $input-font-size-lg !default;\n$custom-select-height-lg:           $input-height-lg !default;\n\n$custom-range-track-width:          100% !default;\n$custom-range-track-height:         .5rem !default;\n$custom-range-track-cursor:         pointer !default;\n$custom-range-track-bg:             $gray-300 !default;\n$custom-range-track-border-radius:  1rem !default;\n$custom-range-track-box-shadow:     inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width:                   1rem !default;\n$custom-range-thumb-height:                  $custom-range-thumb-width !default;\n$custom-range-thumb-bg:                      $component-active-bg !default;\n$custom-range-thumb-border:                  0 !default;\n$custom-range-thumb-border-radius:           1rem !default;\n$custom-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width:  $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg:               lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg:             $gray-500 !default;\n\n$custom-file-height:                $input-height !default;\n$custom-file-height-inner:          $input-height-inner !default;\n$custom-file-focus-border-color:    $input-focus-border-color !default;\n$custom-file-focus-box-shadow:      $input-focus-box-shadow !default;\n$custom-file-disabled-bg:           $input-disabled-bg !default;\n\n$custom-file-padding-y:             $input-padding-y !default;\n$custom-file-padding-x:             $input-padding-x !default;\n$custom-file-line-height:           $input-line-height !default;\n$custom-file-font-family:           $input-font-family !default;\n$custom-file-font-weight:           $input-font-weight !default;\n$custom-file-color:                 $input-color !default;\n$custom-file-bg:                    $input-bg !default;\n$custom-file-border-width:          $input-border-width !default;\n$custom-file-border-color:          $input-border-color !default;\n$custom-file-border-radius:         $input-border-radius !default;\n$custom-file-box-shadow:            $input-box-shadow !default;\n$custom-file-button-color:          $custom-file-color !default;\n$custom-file-button-bg:             $input-group-addon-bg !default;\n$custom-file-text: (\n  en: "Browse"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top:          $form-text-margin-top !default;\n$form-feedback-font-size:           $small-font-size !default;\n$form-feedback-valid-color:         theme-color("success") !default;\n$form-feedback-invalid-color:       theme-color("danger") !default;\n\n$form-feedback-icon-valid-color:    $form-feedback-valid-color !default;\n$form-feedback-icon-valid:          url("data:image/svg+xml,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'8\' height=\'8\' viewBox=\'0 0 8 8\'><path fill=\'#{$form-feedback-icon-valid-color}\' d=\'M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z\'/></svg>") !default;\n$form-feedback-icon-invalid-color:  $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid:        url("data:image/svg+xml,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'12\' height=\'12\' fill=\'none\' stroke=\'#{$form-feedback-icon-invalid-color}\' viewBox=\'0 0 12 12\'><circle cx=\'6\' cy=\'6\' r=\'4.5\'/><path stroke-linejoin=\'round\' d=\'M5.8 3.6h.4L6 6.5z\'/><circle cx=\'6\' cy=\'8.2\' r=\'.6\' fill=\'#{$form-feedback-icon-invalid-color}\' stroke=\'none\'/></svg>") !default;\n\n$form-validation-states: () !default;\n$form-validation-states: map-merge(\n  (\n    "valid": (\n      "color": $form-feedback-valid-color,\n      "icon": $form-feedback-icon-valid\n    ),\n    "invalid": (\n      "color": $form-feedback-invalid-color,\n      "icon": $form-feedback-icon-invalid\n    ),\n  ),\n  $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They\'re used for a bird\'s eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown:                   1000 !default;\n$zindex-sticky:                     1020 !default;\n$zindex-fixed:                      1030 !default;\n$zindex-modal-backdrop:             1040 !default;\n$zindex-modal:                      1050 !default;\n$zindex-popover:                    1060 !default;\n$zindex-tooltip:                    1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y:                .5rem !default;\n$nav-link-padding-x:                1rem !default;\n$nav-link-disabled-color:           $gray-600 !default;\n\n$nav-tabs-border-color:             $gray-300 !default;\n$nav-tabs-border-width:             $border-width !default;\n$nav-tabs-border-radius:            $border-radius !default;\n$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color:        $gray-700 !default;\n$nav-tabs-link-active-bg:           $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius:           $border-radius !default;\n$nav-pills-link-active-color:       $component-active-color !default;\n$nav-pills-link-active-bg:          $component-active-bg !default;\n\n$nav-divider-color:                 $gray-200 !default;\n$nav-divider-margin-y:              $spacer * .5 !default;\n\n\n// Navbar\n\n$navbar-padding-y:                  $spacer * .5 !default;\n$navbar-padding-x:                  $spacer !default;\n\n$navbar-nav-link-padding-x:         .5rem !default;\n\n$navbar-brand-font-size:            $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) * .5 !default;\n\n$navbar-toggler-padding-y:          .25rem !default;\n$navbar-toggler-padding-x:          .75rem !default;\n$navbar-toggler-font-size:          $font-size-lg !default;\n$navbar-toggler-border-radius:      $btn-border-radius !default;\n\n$navbar-nav-scroll-max-height:      75vh !default;\n\n$navbar-dark-color:                 rgba($white, .5) !default;\n$navbar-dark-hover-color:           rgba($white, .75) !default;\n$navbar-dark-active-color:          $white !default;\n$navbar-dark-disabled-color:        rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg:       url("data:image/svg+xml,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'30\' height=\'30\' viewBox=\'0 0 30 30\'><path stroke=\'#{$navbar-dark-color}\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' stroke-width=\'2\' d=\'M4 7h22M4 15h22M4 23h22\'/></svg>") !default;\n$navbar-dark-toggler-border-color:  rgba($white, .1) !default;\n\n$navbar-light-color:                rgba($black, .5) !default;\n$navbar-light-hover-color:          rgba($black, .7) !default;\n$navbar-light-active-color:         rgba($black, .9) !default;\n$navbar-light-disabled-color:       rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg:      url("data:image/svg+xml,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'30\' height=\'30\' viewBox=\'0 0 30 30\'><path stroke=\'#{$navbar-light-color}\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' stroke-width=\'2\' d=\'M4 7h22M4 15h22M4 23h22\'/></svg>") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color:                $navbar-light-active-color !default;\n$navbar-light-brand-hover-color:          $navbar-light-active-color !default;\n$navbar-dark-brand-color:                 $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color:           $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width:                10rem !default;\n$dropdown-padding-x:                0 !default;\n$dropdown-padding-y:                .5rem !default;\n$dropdown-spacer:                   .125rem !default;\n$dropdown-font-size:                $font-size-base !default;\n$dropdown-color:                    $body-color !default;\n$dropdown-bg:                       $white !default;\n$dropdown-border-color:             rgba($black, .15) !default;\n$dropdown-border-radius:            $border-radius !default;\n$dropdown-border-width:             $border-width !default;\n$dropdown-inner-border-radius:      subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg:               $gray-200 !default;\n$dropdown-divider-margin-y:         $nav-divider-margin-y !default;\n$dropdown-box-shadow:               0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color:               $gray-900 !default;\n$dropdown-link-hover-color:         darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg:            $gray-200 !default;\n\n$dropdown-link-active-color:        $component-active-color !default;\n$dropdown-link-active-bg:           $component-active-bg !default;\n\n$dropdown-link-disabled-color:      $gray-500 !default;\n\n$dropdown-item-padding-y:           .25rem !default;\n$dropdown-item-padding-x:           1.5rem !default;\n\n$dropdown-header-color:             $gray-600 !default;\n$dropdown-header-padding:           $dropdown-padding-y $dropdown-item-padding-x !default;\n\n\n// Pagination\n\n$pagination-padding-y:              .5rem !default;\n$pagination-padding-x:              .75rem !default;\n$pagination-padding-y-sm:           .25rem !default;\n$pagination-padding-x-sm:           .5rem !default;\n$pagination-padding-y-lg:           .75rem !default;\n$pagination-padding-x-lg:           1.5rem !default;\n$pagination-line-height:            1.25 !default;\n\n$pagination-color:                  $link-color !default;\n$pagination-bg:                     $white !default;\n$pagination-border-width:           $border-width !default;\n$pagination-border-color:           $gray-300 !default;\n\n$pagination-focus-box-shadow:       $input-btn-focus-box-shadow !default;\n$pagination-focus-outline:          0 !default;\n\n$pagination-hover-color:            $link-hover-color !default;\n$pagination-hover-bg:               $gray-200 !default;\n$pagination-hover-border-color:     $gray-300 !default;\n\n$pagination-active-color:           $component-active-color !default;\n$pagination-active-bg:              $component-active-bg !default;\n$pagination-active-border-color:    $pagination-active-bg !default;\n\n$pagination-disabled-color:         $gray-600 !default;\n$pagination-disabled-bg:            $white !default;\n$pagination-disabled-border-color:  $gray-300 !default;\n\n$pagination-border-radius-sm:       $border-radius-sm !default;\n$pagination-border-radius-lg:       $border-radius-lg !default;\n\n\n// Jumbotron\n\n$jumbotron-padding:                 2rem !default;\n$jumbotron-color:                   null !default;\n$jumbotron-bg:                      $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y:                     .75rem !default;\n$card-spacer-x:                     1.25rem !default;\n$card-border-width:                 $border-width !default;\n$card-border-radius:                $border-radius !default;\n$card-border-color:                 rgba($black, .125) !default;\n$card-inner-border-radius:          subtract($card-border-radius, $card-border-width) !default;\n$card-cap-bg:                       rgba($black, .03) !default;\n$card-cap-color:                    null !default;\n$card-height:                       null !default;\n$card-color:                        null !default;\n$card-bg:                           $white !default;\n\n$card-img-overlay-padding:          1.25rem !default;\n\n$card-group-margin:                 $grid-gutter-width * .5 !default;\n$card-deck-margin:                  $card-group-margin !default;\n\n$card-columns-count:                3 !default;\n$card-columns-gap:                  1.25rem !default;\n$card-columns-margin:               $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size:                 $font-size-sm !default;\n$tooltip-max-width:                 200px !default;\n$tooltip-color:                     $white !default;\n$tooltip-bg:                        $black !default;\n$tooltip-border-radius:             $border-radius !default;\n$tooltip-opacity:                   .9 !default;\n$tooltip-padding-y:                 .25rem !default;\n$tooltip-padding-x:                 .5rem !default;\n$tooltip-margin:                    0 !default;\n\n$tooltip-arrow-width:               .8rem !default;\n$tooltip-arrow-height:              .4rem !default;\n$tooltip-arrow-color:               $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y:     $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x:     $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size:     $tooltip-font-size !default;\n$form-feedback-tooltip-line-height:   $line-height-base !default;\n$form-feedback-tooltip-opacity:       $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size:                 $font-size-sm !default;\n$popover-bg:                        $white !default;\n$popover-max-width:                 276px !default;\n$popover-border-width:              $border-width !default;\n$popover-border-color:              rgba($black, .2) !default;\n$popover-border-radius:             $border-radius-lg !default;\n$popover-inner-border-radius:       subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow:                0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg:                 darken($popover-bg, 3%) !default;\n$popover-header-color:              $headings-color !default;\n$popover-header-padding-y:          .5rem !default;\n$popover-header-padding-x:          .75rem !default;\n\n$popover-body-color:                $body-color !default;\n$popover-body-padding-y:            $popover-header-padding-y !default;\n$popover-body-padding-x:            $popover-header-padding-x !default;\n\n$popover-arrow-width:               1rem !default;\n$popover-arrow-height:              .5rem !default;\n$popover-arrow-color:               $popover-bg !default;\n\n$popover-arrow-outer-color:         fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width:                   350px !default;\n$toast-padding-x:                   .75rem !default;\n$toast-padding-y:                   .25rem !default;\n$toast-font-size:                   .875rem !default;\n$toast-color:                       null !default;\n$toast-background-color:            rgba($white, .85) !default;\n$toast-border-width:                1px !default;\n$toast-border-color:                rgba(0, 0, 0, .1) !default;\n$toast-border-radius:               .25rem !default;\n$toast-box-shadow:                  0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color:                $gray-600 !default;\n$toast-header-background-color:     rgba($white, .85) !default;\n$toast-header-border-color:         rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size:                   75% !default;\n$badge-font-weight:                 $font-weight-bold !default;\n$badge-padding-y:                   .25em !default;\n$badge-padding-x:                   .4em !default;\n$badge-border-radius:               $border-radius !default;\n\n$badge-transition:                  $btn-transition !default;\n$badge-focus-width:                 $input-btn-focus-width !default;\n\n$badge-pill-padding-x:              .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius:          10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding:               1rem !default;\n\n// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding\n$modal-footer-margin-between:       .5rem !default;\n\n$modal-dialog-margin:               .5rem !default;\n$modal-dialog-margin-y-sm-up:       1.75rem !default;\n\n$modal-title-line-height:           $line-height-base !default;\n\n$modal-content-color:               null !default;\n$modal-content-bg:                  $white !default;\n$modal-content-border-color:        rgba($black, .2) !default;\n$modal-content-border-width:        $border-width !default;\n$modal-content-border-radius:       $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs:       0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up:    0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg:                 $black !default;\n$modal-backdrop-opacity:            .5 !default;\n$modal-header-border-color:         $border-color !default;\n$modal-footer-border-color:         $modal-header-border-color !default;\n$modal-header-border-width:         $modal-content-border-width !default;\n$modal-footer-border-width:         $modal-header-border-width !default;\n$modal-header-padding-y:            1rem !default;\n$modal-header-padding-x:            1rem !default;\n$modal-header-padding:              $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl:                          1140px !default;\n$modal-lg:                          800px !default;\n$modal-md:                          500px !default;\n$modal-sm:                          300px !default;\n\n$modal-fade-transform:              translate(0, -50px) !default;\n$modal-show-transform:              none !default;\n$modal-transition:                  transform .3s ease-out !default;\n$modal-scale-transform:             scale(1.02) !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y:                   .75rem !default;\n$alert-padding-x:                   1.25rem !default;\n$alert-margin-bottom:               1rem !default;\n$alert-border-radius:               $border-radius !default;\n$alert-link-font-weight:            $font-weight-bold !default;\n$alert-border-width:                $border-width !default;\n\n$alert-bg-level:                    -10 !default;\n$alert-border-level:                -9 !default;\n$alert-color-level:                 6 !default;\n\n\n// Progress bars\n\n$progress-height:                   1rem !default;\n$progress-font-size:                $font-size-base * .75 !default;\n$progress-bg:                       $gray-200 !default;\n$progress-border-radius:            $border-radius !default;\n$progress-box-shadow:               inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color:                $white !default;\n$progress-bar-bg:                   theme-color("primary") !default;\n$progress-bar-animation-timing:     1s linear infinite !default;\n$progress-bar-transition:           width .6s ease !default;\n\n\n// List group\n\n$list-group-color:                  null !default;\n$list-group-bg:                     $white !default;\n$list-group-border-color:           rgba($black, .125) !default;\n$list-group-border-width:           $border-width !default;\n$list-group-border-radius:          $border-radius !default;\n\n$list-group-item-padding-y:         .75rem !default;\n$list-group-item-padding-x:         1.25rem !default;\n\n$list-group-hover-bg:               $gray-100 !default;\n$list-group-active-color:           $component-active-color !default;\n$list-group-active-bg:              $component-active-bg !default;\n$list-group-active-border-color:    $list-group-active-bg !default;\n\n$list-group-disabled-color:         $gray-600 !default;\n$list-group-disabled-bg:            $list-group-bg !default;\n\n$list-group-action-color:           $gray-700 !default;\n$list-group-action-hover-color:     $list-group-action-color !default;\n\n$list-group-action-active-color:    $body-color !default;\n$list-group-action-active-bg:       $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding:                 .25rem !default;\n$thumbnail-bg:                      $body-bg !default;\n$thumbnail-border-width:            $border-width !default;\n$thumbnail-border-color:            $gray-300 !default;\n$thumbnail-border-radius:           $border-radius !default;\n$thumbnail-box-shadow:              0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size:          90% !default;\n$figure-caption-color:              $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-font-size:              null !default;\n\n$breadcrumb-padding-y:              .75rem !default;\n$breadcrumb-padding-x:              1rem !default;\n$breadcrumb-item-padding:           .5rem !default;\n\n$breadcrumb-margin-bottom:          1rem !default;\n\n$breadcrumb-bg:                     $gray-200 !default;\n$breadcrumb-divider-color:          $gray-600 !default;\n$breadcrumb-active-color:           $gray-600 !default;\n$breadcrumb-divider:                quote("/") !default;\n\n$breadcrumb-border-radius:          $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color:             $white !default;\n$carousel-control-width:             15% !default;\n$carousel-control-opacity:           .5 !default;\n$carousel-control-hover-opacity:     .9 !default;\n$carousel-control-transition:        opacity .15s ease !default;\n\n$carousel-indicator-width:           30px !default;\n$carousel-indicator-height:          3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer:          3px !default;\n$carousel-indicator-active-bg:       $white !default;\n$carousel-indicator-transition:      opacity .6s ease !default;\n\n$carousel-caption-width:             70% !default;\n$carousel-caption-color:             $white !default;\n\n$carousel-control-icon-width:        20px !default;\n\n$carousel-control-prev-icon-bg:      url("data:image/svg+xml,<svg xmlns=\'http://www.w3.org/2000/svg\' fill=\'#{$carousel-control-color}\' width=\'8\' height=\'8\' viewBox=\'0 0 8 8\'><path d=\'M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z\'/></svg>") !default;\n$carousel-control-next-icon-bg:      url("data:image/svg+xml,<svg xmlns=\'http://www.w3.org/2000/svg\' fill=\'#{$carousel-control-color}\' width=\'8\' height=\'8\' viewBox=\'0 0 8 8\'><path d=\'M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z\'/></svg>") !default;\n\n$carousel-transition-duration:       .6s !default;\n$carousel-transition:                transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width:           2rem !default;\n$spinner-height:          $spinner-width !default;\n$spinner-vertical-align:  -.125em !default;\n$spinner-border-width:    .25em !default;\n\n$spinner-width-sm:        1rem !default;\n$spinner-height-sm:       $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size:                   $font-size-base * 1.5 !default;\n$close-font-weight:                 $font-weight-bold !default;\n$close-color:                       $black !default;\n$close-text-shadow:                 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size:                    87.5% !default;\n$code-color:                        $pink !default;\n\n$kbd-padding-y:                     .2rem !default;\n$kbd-padding-x:                     .4rem !default;\n$kbd-font-size:                     $code-font-size !default;\n$kbd-color:                         $white !default;\n$kbd-bg:                            $gray-900 !default;\n\n$pre-color:                         $gray-900 !default;\n$pre-scrollable-max-height:         340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n$user-selects: all, auto, none !default;\n\n\n// Printing\n\n$print-page-size:                   a3 !default;\n$print-body-min-width:              map-get($grid-breakpoints, "lg") !default;\n','// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated responsive font sizes\n//\n// Licensed under MIT (https://github.com/twbs/rfs/blob/v8.x/LICENSE)\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n@if $rfs-font-size-unit != rem and $rfs-font-size-unit != px {\n  @error "`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.";\n}\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n@if $rfs-breakpoint-unit != px and $rfs-breakpoint-unit != em and $rfs-breakpoint-unit != rem {\n  @error "`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.";\n}\n\n// Resize font size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != "number" or $rfs-factor <= 1 {\n  @error "`#{$rfs-factor}` is not a valid  $rfs-factor, it must be greater than 1.";\n}\n\n// Generate enable or disable classes. Possibilities: false, "enable" or "disable"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n@function divide($dividend, $divisor, $precision: 10) {\n  $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n  $dividend: abs($dividend);\n  $divisor: abs($divisor);\n  @if $dividend == 0 {\n    @return 0;\n  }\n  @if $divisor == 0 {\n    @error "Cannot divide by 0";\n  }\n  $remainder: $dividend;\n  $result: 0;\n  $factor: 10;\n  @while ($remainder > 0 and $precision >= 0) {\n    $quotient: 0;\n    @while ($remainder >= $divisor) {\n      $remainder: $remainder - $divisor;\n      $quotient: $quotient + 1;\n    }\n    $result: $result * 10 + $quotient;\n    $factor: $factor * .1;\n    $remainder: $remainder * 10;\n    $precision: $precision - 1;\n    @if ($precision < 0 and $remainder >= $divisor * 5) {\n      $result: $result + 1;\n    }\n  }\n  $result: $result * $factor * $sign;\n  $dividend-unit: unit($dividend);\n  $divisor-unit: unit($divisor);\n  $unit-map: (\n    "px": 1px,\n    "rem": 1rem,\n    "em": 1em,\n    "%": 1%\n  );\n  @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n    $result: $result * map-get($unit-map, $dividend-unit);\n  }\n  @return $result;\n}\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == "px" {\n  $rfs-base-font-size: divide($rfs-base-font-size, $rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == "rem" {\n  $rfs-base-font-size: divide($rfs-base-font-size, divide($rfs-base-font-size * 0 + 1, $rfs-rem-value));\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == "px" {\n  $rfs-breakpoint: divide($rfs-breakpoint, $rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == "rem" or $rfs-breakpoint-unit-cache == "em" {\n  $rfs-breakpoint: divide($rfs-breakpoint, divide($rfs-breakpoint * 0 + 1, $rfs-rem-value));\n}\n\n// Internal mixin that adds disable classes to the selector if needed.\n@mixin _rfs-disable-class {\n  @if $rfs-class == "disable" {\n    // Adding an extra class increases specificity, which prevents the media query to override the font size\n    &,\n    .disable-responsive-font-size &,\n    &.disable-responsive-font-size {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n\n// Internal mixin that adds enable classes to the selector if needed.\n@mixin _rfs-enable-class {\n  @if $rfs-class == "enable" {\n    .enable-responsive-font-size &,\n    &.enable-responsive-font-size {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n\n// Internal mixin used to determine which media query needs to be used\n@mixin _rfs-media-query($mq-value) {\n  @if $rfs-two-dimensional {\n    @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n      @content;\n    }\n  }\n  @else {\n    @media (max-width: #{$mq-value}) {\n      @content;\n    }\n  }\n}\n\n// Responsive font size mixin\n@mixin rfs($fs, $important: false) {\n  // Cache $fs unit\n  $fs-unit: if(type-of($fs) == "number", unit($fs), false);\n\n  // Add !important suffix if needed\n  $rfs-suffix: if($important, " !important", "");\n\n  // If $fs isn\'t a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n  @if not $fs-unit or $fs-unit != "" and $fs-unit != "px" and $fs-unit != "rem" or $fs == 0 {\n    font-size: #{$fs}#{$rfs-suffix};\n  }\n  @else {\n    // Remove unit from $fs for calculations\n    @if $fs-unit == "px" {\n      $fs: divide($fs, $fs * 0 + 1);\n    }\n    @else if $fs-unit == "rem" {\n      $fs: divide($fs, divide($fs * 0 + 1, $rfs-rem-value));\n    }\n\n    // Set default font size\n    $rfs-static: if($rfs-font-size-unit == rem, #{divide($fs, $rfs-rem-value)}rem, #{$fs}px);\n\n    // Only add the media query if the font size is bigger than the minimum font size\n    @if $fs <= $rfs-base-font-size or not $enable-responsive-font-sizes {\n      font-size: #{$rfs-static}#{$rfs-suffix};\n    }\n    @else {\n      // Calculate the minimum font size for $fs\n      $fs-min: $rfs-base-font-size + divide($fs - $rfs-base-font-size, $rfs-factor);\n\n      // Calculate difference between $fs and the minimum font size\n      $fs-diff: $fs - $fs-min;\n\n      // Base font-size formatting\n      $min-width: if($rfs-font-size-unit == rem, #{divide($fs-min, $rfs-rem-value)}rem, #{$fs-min}px);\n\n      // Use `vmin` if two-dimensional is enabled\n      $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n      // Calculate the variable width between 0 and $rfs-breakpoint\n      $variable-width: #{divide($fs-diff * 100, $rfs-breakpoint)}#{$variable-unit};\n\n      // Set the calculated font-size\n      $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n\n      // Breakpoint formatting\n      $mq-value: if($rfs-breakpoint-unit == px, #{$rfs-breakpoint}px, #{divide($rfs-breakpoint, $rfs-rem-value)}#{$rfs-breakpoint-unit});\n\n      @include _rfs-disable-class {\n        font-size: #{$rfs-static}#{$rfs-suffix};\n      }\n\n      @include _rfs-media-query($mq-value) {\n        @include _rfs-enable-class {\n          font-size: $rfs-fluid;\n        }\n\n        // Include safari iframe resize fix if needed\n        min-width: if($rfs-safari-iframe-resize-bug-fix, (0 * 1vw), null);\n      }\n    }\n  }\n}\n\n// The font-size & responsive-font-size mixins use RFS to rescale the font size\n@mixin font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n  @include rfs($fs, $important);\n}\n',"// stylelint-disable property-disallowed-list\n// Single side border-radius\n\n// Helper function to replace negative values with 0\n@function valid-radius($radius) {\n  $return: ();\n  @each $value in $radius {\n    @if type-of($value) == number {\n      $return: append($return, max($value, 0));\n    } @else {\n      $return: append($return, $value);\n    }\n  }\n  @return $return;\n}\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n  @if $enable-rounded {\n    border-radius: valid-radius($radius);\n  }\n  @else if $fallback-border-radius != false {\n    border-radius: $fallback-border-radius;\n  }\n}\n\n@mixin border-top-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-right-radius($radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-left-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-left-radius($radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-right-radius($radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-right-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-left-radius($radius) {\n  @if $enable-rounded {\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n",'// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n//    >> breakpoint-next(sm)\n//    md\n//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n//    md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n  $n: index($breakpoint-names, $name);\n  @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n  $min: map-get($breakpoints, $name);\n  @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n//    >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $next: breakpoint-next($name, $breakpoints);\n  @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    ""  (Returns a blank string)\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    "-sm"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n  @return if(breakpoint-min($name, $breakpoints) == null, "", "-#{$name}");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @media (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($lower, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($upper, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Media between the breakpoint\'s minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  $max: breakpoint-max($name, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($name, $breakpoints) {\n      @content;\n    }\n  }\n}\n','// Horizontal dividers\n//\n// Dividers (basically an hr) within dropdowns and nav lists\n\n@mixin nav-divider($color: $nav-divider-color, $margin-y: $nav-divider-margin-y, $ignore-warning: false) {\n  height: 0;\n  margin: $margin-y 0;\n  overflow: hidden;\n  border-top: 1px solid $color;\n  @include deprecate("The `nav-divider()` mixin", "v4.4.0", "v5", $ignore-warning);\n}\n',"// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover() {\n  &:hover { @content; }\n}\n\n@mixin hover-focus() {\n  &:hover,\n  &:focus {\n    @content;\n  }\n}\n\n@mixin plain-hover-focus() {\n  &,\n  &:hover,\n  &:focus {\n    @content;\n  }\n}\n\n@mixin hover-focus-active() {\n  &:hover,\n  &:focus,\n  &:active {\n    @content;\n  }\n}\n","// Gradients\n\n@mixin gradient-bg($color) {\n  @if $enable-gradients {\n    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n  } @else {\n    background-color: $color;\n  }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n  background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n  background-image: linear-gradient($deg, $start-color, $end-color);\n  background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n  background-image: radial-gradient(circle, $inner-color, $outer-color);\n  background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n  background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n","//\n// Basic Bootstrap table\n//\n\n.table {\n  width: 100%;\n  margin-bottom: $spacer;\n  color: $table-color;\n  background-color: $table-bg; // Reset for nesting within parents with `background-color`.\n\n  th,\n  td {\n    padding: $table-cell-padding;\n    vertical-align: top;\n    border-top: $table-border-width solid $table-border-color;\n  }\n\n  thead th {\n    vertical-align: bottom;\n    border-bottom: (2 * $table-border-width) solid $table-border-color;\n  }\n\n  tbody + tbody {\n    border-top: (2 * $table-border-width) solid $table-border-color;\n  }\n}\n\n\n//\n// Condensed table w/ half padding\n//\n\n.table-sm {\n  th,\n  td {\n    padding: $table-cell-padding-sm;\n  }\n}\n\n\n// Border versions\n//\n// Add or remove borders all around the table and between all the columns.\n\n.table-bordered {\n  border: $table-border-width solid $table-border-color;\n\n  th,\n  td {\n    border: $table-border-width solid $table-border-color;\n  }\n\n  thead {\n    th,\n    td {\n      border-bottom-width: 2 * $table-border-width;\n    }\n  }\n}\n\n.table-borderless {\n  th,\n  td,\n  thead th,\n  tbody + tbody {\n    border: 0;\n  }\n}\n\n// Zebra-striping\n//\n// Default zebra-stripe styles (alternating gray and transparent backgrounds)\n\n.table-striped {\n  tbody tr:nth-of-type(#{$table-striped-order}) {\n    background-color: $table-accent-bg;\n  }\n}\n\n\n// Hover effect\n//\n// Placed here since it has to come after the potential zebra striping\n\n.table-hover {\n  tbody tr {\n    @include hover() {\n      color: $table-hover-color;\n      background-color: $table-hover-bg;\n    }\n  }\n}\n\n\n// Table backgrounds\n//\n// Exact selectors below required to override `.table-striped` and prevent\n// inheritance to nested tables.\n\n@each $color, $value in $theme-colors {\n  @include table-row-variant($color, theme-color-level($color, $table-bg-level), theme-color-level($color, $table-border-level));\n}\n\n@include table-row-variant(active, $table-active-bg);\n\n\n// Dark styles\n//\n// Same table markup, but inverted color scheme: dark background and light text.\n\n// stylelint-disable-next-line no-duplicate-selectors\n.table {\n  .thead-dark {\n    th {\n      color: $table-dark-color;\n      background-color: $table-dark-bg;\n      border-color: $table-dark-border-color;\n    }\n  }\n\n  .thead-light {\n    th {\n      color: $table-head-color;\n      background-color: $table-head-bg;\n      border-color: $table-border-color;\n    }\n  }\n}\n\n.table-dark {\n  color: $table-dark-color;\n  background-color: $table-dark-bg;\n\n  th,\n  td,\n  thead th {\n    border-color: $table-dark-border-color;\n  }\n\n  &.table-bordered {\n    border: 0;\n  }\n\n  &.table-striped {\n    tbody tr:nth-of-type(#{$table-striped-order}) {\n      background-color: $table-dark-accent-bg;\n    }\n  }\n\n  &.table-hover {\n    tbody tr {\n      @include hover() {\n        color: $table-dark-hover-color;\n        background-color: $table-dark-hover-bg;\n      }\n    }\n  }\n}\n\n\n// Responsive tables\n//\n// Generate series of `.table-responsive-*` classes for configuring the screen\n// size of where your table will overflow.\n\n.table-responsive {\n  @each $breakpoint in map-keys($grid-breakpoints) {\n    $next: breakpoint-next($breakpoint, $grid-breakpoints);\n    $infix: breakpoint-infix($next, $grid-breakpoints);\n\n    &#{$infix} {\n      @include media-breakpoint-down($breakpoint) {\n        display: block;\n        width: 100%;\n        overflow-x: auto;\n        -webkit-overflow-scrolling: touch;\n\n        // Prevent double border on horizontal scroll due to use of `display: block;`\n        > .table-bordered {\n          border: 0;\n        }\n      }\n    }\n  }\n}\n","// Tables\n\n@mixin table-row-variant($state, $background, $border: null) {\n  // Exact selectors below required to override `.table-striped` and prevent\n  // inheritance to nested tables.\n  .table-#{$state} {\n    &,\n    > th,\n    > td {\n      background-color: $background;\n    }\n\n    @if $border != null {\n      th,\n      td,\n      thead th,\n      tbody + tbody {\n        border-color: $border;\n      }\n    }\n  }\n\n  // Hover states for `.table-hover`\n  // Note: this is not available for cells or rows within `thead` or `tfoot`.\n  .table-hover {\n    $hover-background: darken($background, 5%);\n\n    .table-#{$state} {\n      @include hover() {\n        background-color: $hover-background;\n\n        > td,\n        > th {\n          background-color: $hover-background;\n        }\n      }\n    }\n  }\n}\n",'// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n@if $enable-grid-classes {\n  // Single container class with breakpoint max-widths\n  .container,\n  // 100% wide container at all breakpoints\n  .container-fluid {\n    @include make-container();\n  }\n\n  // Responsive containers that are 100% wide until a breakpoint\n  @each $breakpoint, $container-max-width in $container-max-widths {\n    .container-#{$breakpoint} {\n      @extend .container-fluid;\n    }\n\n    @include media-breakpoint-up($breakpoint, $grid-breakpoints) {\n      %responsive-container-#{$breakpoint} {\n        max-width: $container-max-width;\n      }\n\n      // Extend each breakpoint which is smaller or equal to the current breakpoint\n      $extend-breakpoint: true;\n\n      @each $name, $width in $grid-breakpoints {\n        @if ($extend-breakpoint) {\n          .container#{breakpoint-infix($name, $grid-breakpoints)} {\n            @extend %responsive-container-#{$breakpoint};\n          }\n\n          // Once the current breakpoint is reached, stop extending\n          @if ($breakpoint == $name) {\n            $extend-breakpoint: false;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n// Row\n//\n// Rows contain your columns.\n\n@if $enable-grid-classes {\n  .row {\n    @include make-row();\n  }\n\n  // Remove the negative margin from default .row, then the horizontal padding\n  // from all immediate children columns (to prevent runaway style inheritance).\n  .no-gutters {\n    margin-right: 0;\n    margin-left: 0;\n\n    > .col,\n    > [class*="col-"] {\n      padding-right: 0;\n      padding-left: 0;\n    }\n  }\n}\n\n// Columns\n//\n// Common styles for small and large grid columns\n\n@if $enable-grid-classes {\n  @include make-grid-columns();\n}\n','/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-container($gutter: $grid-gutter-width) {\n  width: 100%;\n  padding-right: $gutter * .5;\n  padding-left: $gutter * .5;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n@mixin make-row($gutter: $grid-gutter-width) {\n  display: flex;\n  flex-wrap: wrap;\n  margin-right: -$gutter * .5;\n  margin-left: -$gutter * .5;\n}\n\n// For each breakpoint, define the maximum width of the container in a media query\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\n  @each $breakpoint, $container-max-width in $max-widths {\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      max-width: $container-max-width;\n    }\n  }\n  @include deprecate("The `make-container-max-widths` mixin", "v4.5.2", "v5");\n}\n\n@mixin make-col-ready($gutter: $grid-gutter-width) {\n  position: relative;\n  // Prevent columns from becoming too narrow when at smaller grid tiers by\n  // always setting `width: 100%;`. This works because we use `flex` values\n  // later on to override this initial width.\n  width: 100%;\n  padding-right: $gutter * .5;\n  padding-left: $gutter * .5;\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n  flex: 0 0 percentage(divide($size, $columns));\n  // Add a `max-width` to ensure content within each column does not blow out\n  // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari\n  // do not appear to require this.\n  max-width: percentage(divide($size, $columns));\n}\n\n@mixin make-col-auto() {\n  flex: 0 0 auto;\n  width: auto;\n  max-width: 100%; // Reset earlier grid tiers\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n  $num: divide($size, $columns);\n  margin-left: if($num == 0, 0, percentage($num));\n}\n\n// Row columns\n//\n// Specify on a parent element(e.g., .row) to force immediate children into NN\n// numberof columns. Supports wrapping to new lines, but does not do a Masonry\n// style grid.\n@mixin row-cols($count) {\n  > * {\n    flex: 0 0 divide(100%, $count);\n    max-width: divide(100%, $count);\n  }\n}\n','// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\n  // Common properties for all breakpoints\n  %grid-column {\n    position: relative;\n    width: 100%;\n    padding-right: $gutter * .5;\n    padding-left: $gutter * .5;\n  }\n\n  @each $breakpoint in map-keys($breakpoints) {\n    $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n    @if $columns > 0 {\n      // Allow columns to stretch full width below their breakpoints\n      @for $i from 1 through $columns {\n        .col#{$infix}-#{$i} {\n          @extend %grid-column;\n        }\n      }\n    }\n\n    .col#{$infix},\n    .col#{$infix}-auto {\n      @extend %grid-column;\n    }\n\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n      .col#{$infix} {\n        flex-basis: 0;\n        flex-grow: 1;\n        max-width: 100%;\n      }\n\n      @if $grid-row-columns > 0 {\n        @for $i from 1 through $grid-row-columns {\n          .row-cols#{$infix}-#{$i} {\n            @include row-cols($i);\n          }\n        }\n      }\n\n      .col#{$infix}-auto {\n        @include make-col-auto();\n      }\n\n      @if $columns > 0 {\n        @for $i from 1 through $columns {\n          .col#{$infix}-#{$i} {\n            @include make-col($i, $columns);\n          }\n        }\n      }\n\n      .order#{$infix}-first { order: -1; }\n\n      .order#{$infix}-last { order: $columns + 1; }\n\n      @for $i from 0 through $columns {\n        .order#{$infix}-#{$i} { order: $i; }\n      }\n\n      @if $columns > 0 {\n        // `$columns - 1` because offsetting by the width of an entire row isn\'t possible\n        @for $i from 0 through ($columns - 1) {\n          @if not ($infix == "" and $i == 0) { // Avoid emitting useless .offset-0\n            .offset#{$infix}-#{$i} {\n              @include make-col-offset($i, $columns);\n            }\n          }\n        }\n      }\n    }\n  }\n}\n'],sourceRoot:""}]),e.default=o},jXi5:function(n,e,t){"use strict";(function(n){t.d(e,"d",(function(){return i})),t.d(e,"e",(function(){return r})),t.d(e,"a",(function(){return d})),t.d(e,"b",(function(){return p})),t.d(e,"c",(function(){return c}));var a=t("IheW"),o=t("8Y7J");if(n.noConflict(),"undefined"!=typeof Prototype&&Prototype.BrowserFeatures.ElementExtensions){let e=(e,t)=>{t.each((function(t){n(window).on(e+".bs."+t,n=>{n.target[e]=void 0,setTimeout(()=>{delete n.target[e]},0)})}))},t=["collapse","dropdown","modal","tooltip","popover","tab"];e("show",t),e("hide",t)}function i(n){switch(document.readyState){case"loading":document.addEventListener("DOMContentLoaded",(function e(){document.removeEventListener("DOMContentLoaded",e),n()}));break;case"interactive":case"complete":default:n()}}function r(n,e,t){const a=["fish","aquarium","add-ip","ignore-all","broom","bell","atoms","done","chip","update","clock","dmc","play","full-access","icon-exclamation","logo-grey","ellipsis","storage","shark","vector","logo-imunify","new-features-management","profile","rocket","support","logo-imunifyAV","logo-imunifyAVPlus","logo-imunifyAVPlus-grey","key","help-outline-black","icon-question","icon-delete","icon-add","icon-key","icon-bell-in-circle","icon-info","dashboard-no-data-found","read-more","events-notifications","check-circle","shield","undraw-server-down","upgrade-by-key"];for(const o of a)n.addSvgIcon(o,t.bypassSecurityTrustResourceUrl(`${e.imagePath}/${o}.svg`))}class l{constructor(n){this.interceptors=n}intercept(n,e){return(this.interceptors||[]).reduceRight((n,e)=>({handle:t=>e.intercept(t,n)}),e).handle(n)}}function d(n){return new l(n)}const p={provide:a.a,multi:!0,useFactory:d,deps:[[new o.K,new o.B,new o.p(a.a)]]};function c(){const n=document.getElementById("forgery_protection_token"),e=["https://api.imunify360.com","https://sentry.cloudlinux.com"],t=XMLHttpRequest.prototype.send;XMLHttpRequest.prototype.send=function(...a){let o=!1;try{e.find(n=>this.__zone_symbol__xhrURL.startsWith(n))&&(o=!0)}catch(n){}if(o&&n){n.setAttribute("id","temporary-changed-for-sentry-request");const e=t.apply(this,a);return n.setAttribute("id","forgery_protection_token"),e}return t.apply(this,a)}}}).call(this,t("EVdn"))},lgOS:function(n,e,t){"use strict";t.d(e,"a",(function(){return o}));var a=t("NTVj");class o{constructor(){this.version="6.4.4-1",this.imunifyStatus=a.a.OK,this.imagePath=`${t("HASI").assetsPath}images`,this.refresherEnabled=!1,this.mousePositonY=0,this.demo=!1}}},njtI:function(n,e,t){"use strict";t.d(e,"a",(function(){return o}));var a=t("lJxs");t("dG3u"),t("58Vl");class o{constructor(n){this.xhr=n}getMock(n,e){return null}getDefaultMock(n,e){return null}serviceRequest(n,e=!0,t=!0){return(a,o=e,i=t)=>{const r=n(a);return this.xhr.post(r,()=>this.getMock(r,a),o,i).toPromise()}}rxServiceRequest(n,e=!0,t=!0){return(a,o=e,i=t)=>{const r=n(a);return this.xhr.post(r,()=>this.getMock(r,a),o,i)}}wrap(n,e){return t=>n(t).pipe(Object(a.a)(({data:n,result:t,messages:a})=>({data:{items:n.items.map(n=>new e(n)),version:n.version,strategy:n.strategy,license:n.license,eula:n.eula,max_count:"max_count"in n?n.max_count:n.items.length},result:t,messages:a})))}}},oXuz:function(n,e,t){"use strict";t.d(e,"a",(function(){return g}));var a=t("mrSG"),o=t("8Y7J"),i=t("IheW"),r=t("NTVj");var l=t("z6cu"),d=t("LRne"),p=t("eIep"),c=t("JIr8"),m=t("lJxs"),s=t("1xS/"),A=t("UFdA");function f(n=0){return JSON.stringify(this,(function(e,t){try{return JSON.stringify(t),t}catch(e){if(n>=3)return"Circular";let a={};return Object.keys(t).forEach(e=>{a[e]=f.call(t[e],n+1)}),a}}))}let g=(()=>{class n{constructor(n,e,t){this.http=n,this.injector=e,this.notifications=t,this.loaded=new o.n}_throw(n){return Object(l.a)(n)}post(n,e=(()=>null),t=!0,o=!0){let l=0;return Object(d.a)(null).pipe(Object(p.a)(()=>{l=Date.now();const t=e();if(t){const n=this.http.handler.backend.handle;this.http.handler.backend.handle=()=>(this.http.handler.backend.handle=n,t.pipe(Object(p.a)(n=>Object(d.a)(new i.h({body:n})))))}return this.http.post("",n)})).pipe(Object(c.a)(n=>Object(a.a)(this,void 0,void 0,(function*(){throw this.showResponseErrors(n),n}))),Object(m.a)(n=>{const e=n.messages,a={data:n.data,result:n.result,messages:e?"string"==typeof e?[e]:e:[]};switch(this.loaded.emit(),a.result){case r.d.SUCCESS:return a;case r.d.WARNING:throw a.noSentry=!0,t&&this.showResponseErrors(a),a;case r.d.ERROR:throw a.noSentry=!0,o&&this.showResponseErrors(a),a;default:return a}}),Object(c.a)(n=>(function(n){Object.defineProperty(n,"toString",{value:f,enumerable:!1})}(n),this._throw(n))))}showResponseErrors(n){if("message"in n){let e=(new DOMParser).parseFromString(n.error,"text/html").body.innerText;"[object Object]"===e&&(console.log(n),e="System error"),this.notifications.error(s.c.for(e.trim()),`notifications.${r.d.ERROR}`)}else if("messages"in n){let e={};try{const n=t("ec2V").LicenseService;e=this.injector.get(n).license}catch(n){}for(let t of n.messages)this.notifications.error(t,`notifications.${n.result}`,e)}}}return n.\u0275prov=o.cc({factory:function(){return new n(o.dc(i.c),o.dc(o.o),o.dc(A.a))},token:n,providedIn:"root"}),n})()},pfGN:function(n,e,t){"use strict";t.d(e,"a",(function(){return a})),t.d(e,"b",(function(){return p}));const a="lang",o="Plesk",i="DirectAdmin",r="cPanel",l="noPanel",d={cPanel:window.location.href.substring(window.location.href.search("/cpsess"),window.location.href.search("cgi"))+"cgi/CloudLinux.cgi",Plesk:"/modules/plesk-lvemanager",DirectAdmin:"/CMD_PLUGINS_ADMIN/lvemanager_spa?iframe=no"};class p{constructor(){this.defaultScanFolders={cPanel:"/home*/*",Plesk:"/var/www/vhosts/*",DirectAdmin:"/home*/*/",noPanel:"/home"},this.csfInterfaces={cPanel:"../../../cgi/configserver/csf.cgi",Plesk:null,DirectAdmin:null,noPanel:null},this.name=I360_PANEL,this.isPlesk=this.name===o,this.isCpanel=this.name===r,this.isDirectAdmin=this.name===i,this.isNoPanel=this.name===l,this.defaultScanFolder=this.defaultScanFolders[this.name],this.csfInterfaceUrl=this.csfInterfaces[this.name],this.linkToLvePhpSelector=`${d[this.name]}#/selector`}getLang(n){switch(I360_PANEL){case o:case r:return n.querySelector("html").lang;case i:return i360lang;case l:return localStorage.getItem(a)||"";default:return""}}}},qo03:function(n,e,t){"use strict";t.d(e,"b",(function(){return g})),t.d(e,"a",(function(){return u}));var a=t("mrSG"),o=t("2Vo4"),i=t("LRne"),r=t("EY2u"),l=t("EjJx"),d=t("iInd"),p=t("pfGN"),c=t("eIep"),m=t("IheW"),s=t("FFKa"),A=t("Owoi");const f="I360_AUTH_TOKEN";var g=function(n){return n.admin="admin",n.client="client",n.none="none",n}({});let u=(()=>{class n{constructor(n,e,t){this.xhr=n,this.location=e,this.injector=t,this.loginChange=new o.a(!1)}get isAdmin(){return this.role===g.admin}get isClient(){return this.role===g.client}logout(){this.setToken(""),this.goToLoginPage()}goToLoginPage(){const n=this.injector.get(d.m),e=this.location.path(!1),t=e.split("?")[0];n.navigate(["/","login"],{queryParams:{targetUrl:"/login"===t?n.parseUrl(e).queryParams.targetUrl:e}})}addTokenToRequest(n){if(n.body){const e=JSON.parse(JSON.stringify(n.body));e.params.jwt=this.getToken(),n=n.clone({body:e})}return n}intercept(n,e){return this.injector.get(p.b).isNoPanel?this.role!==g.none?(n=this.addTokenToRequest(n),e.handle(n).pipe(Object(c.a)(n=>{if(n instanceof m.h){if(n.body.messages===A.b)return this.logout(),this.handleLogout()}return Object(i.a)(n)}))):(this.goToLoginPage(),this.handleLogout()):e.handle(n)}handleLogout(){return r.a}getToken(){return localStorage.getItem(f)||""}setToken(n){localStorage.setItem(f,n),this.parseToken()}parseToken(){if("undefined"!=typeof i360role)this.role=i360role,"undefined"!=typeof i360userName&&(this.username=i360userName);else{const e=this.injector.get(d.m),t=e.parseUrl(this.location.path(!1)),a=t.queryParams.token;let o;a&&(localStorage.setItem(f,a),delete t.queryParams.token,e.navigateByUrl(t||"/",{replaceUrl:!0}));try{o=Object(l.a)(this.getToken())}catch(n){o={user_type:g.none,username:""}}this.role=o.user_type,this.username=o.username}this.loginChange.next(this.role!==g.none)}canActivate(){return this.canLoad()}canLoad(){return this.role===g.none||(this.injector.get(d.m).navigate(["/","AV",this.role],{replaceUrl:!0}),!1)}}return Object(a.b)([s.a],n.prototype,"intercept",null),n})()},uWkI:function(n,e,t){var a=t("4vjd"),o=t("jSh3");"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[n.i,o,""]]);var i={insert:"head",singleton:!1};a(o,i);n.exports=o.locals||{}},v5YS:function(n,e,t){"use strict";t.d(e,"a",(function(){return a}));class a{}},vrSf:function(n,e,t){"use strict";t.d(e,"a",(function(){return a}));class a{}},wK6y:function(n,e,t){"use strict";t.d(e,"a",(function(){return a}));const a={strategy:"PRIMARY_IDS",version:"testing",eula:null,license:{id:"123",license_type:t("MHfa").c.imunify360,user_count:5,message:"",expiration:null,user_limit:2147483647,status:!0,redirect_url:"https://cln.cloudlinux.com/clweb/public/imconv.xhtml?id=qwertyuiop",upgrade_url_360:"upgrade_url_360_url"}};Object.assign(Object.assign({},a),{items:[]}),Object.assign(Object.assign({},a),{items:null})},wWNr:function(n,e,t){"use strict";t.d(e,"a",(function(){return m}));var a=t("IheW"),o=t("z6cu"),i=t("vkgz"),r=t("JIr8");const l=t("NlKi"),d=n=>(n&&"object"==typeof n&&Object.entries(n).forEach(([e,t])=>{"string"==typeof t&&t.length>100&&(n[e]=t.slice(0,100)+"*****"),Array.isArray(t)&&t.length>5&&(t.length=5,t.push("*****")),d(t)}),n),p=n=>{l.captureBreadcrumb({message:"XHR started",category:"action",data:n})},c=n=>{const e=d(JSON.parse(JSON.stringify(n)));l.captureBreadcrumb({message:"XHR finished",category:"action",data:e})};class m{intercept(n,e){return p({requestBody:n.body,url:n.urlWithParams}),e.handle(n).pipe(Object(i.a)(e=>{e instanceof a.h&&c({responseBody:e.body,requestBody:n.body,url:n.urlWithParams})}),Object(r.a)(n=>(c(n),l.captureException(n),Object(o.a)(n))))}}},zn8P:function(n,e){function t(n){return Promise.resolve().then((function(){var e=new Error("Cannot find module '"+n+"'");throw e.code="MODULE_NOT_FOUND",e}))}t.keys=function(){return[]},t.resolve=t,n.exports=t,t.id="zn8P"}});

Back to Directory File Manager