.introjs-overlay{position:absolute;-webkit-box-sizing:content-box;box-sizing:content-box;z-index:999999;background-color:#000;opacity:0;background:radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,.4) 0,rgba(0,0,0,.9) 100%);-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.introjs-fixParent{z-index:auto!important;opacity:1!important;-webkit-transform:none!important;transform:none!important}.introjs-showElement,tr.introjs-showElement>td,tr.introjs-showElement>th{z-index:9999999!important}.introjs-disableInteraction{z-index:99999999!important;position:absolute;background-color:#fff;opacity:0}.introjs-relativePosition,tr.introjs-showElement>td,tr.introjs-showElement>th{position:relative}.introjs-helperLayer{-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;z-index:9999998;background-color:#fff;background-color:rgba(255,255,255,.9);border:1px solid #777;border:1px solid rgba(0,0,0,.5);-webkit-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 2px 15px rgba(0,0,0,.4);box-shadow:0 2px 15px rgba(0,0,0,.4);-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.introjs-tooltipReferenceLayer{-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;visibility:hidden;z-index:100000000;background-color:transparent;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.introjs-helperLayer *,.introjs-helperLayer :after,.introjs-helperLayer :before{-webkit-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box}.introjs-helperNumberLayer{-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;visibility:visible;top:-16px;left:-16px;z-index:9999999999!important;padding:2px;font-family:Arial,verdana,tahoma;font-size:13px;font-weight:700;color:#fff;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.3);background:#ff3019;background:-webkit-gradient(linear,left top, left bottom,color-stop(0, #ff3019),to(#cf0404));background:linear-gradient(to bottom,#ff3019 0,#cf0404 100%);width:20px;height:20px;line-height:20px;border:3px solid #fff;-webkit-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.4);box-shadow:0 2px 5px rgba(0,0,0,.4)}.introjs-arrow{border:5px solid transparent;content:'';position:absolute}.introjs-arrow.top{top:-10px;border-bottom-color:#fff}.introjs-arrow.top-right{top:-10px;right:10px;border-bottom-color:#fff}.introjs-arrow.top-middle{top:-10px;left:50%;margin-left:-5px;border-bottom-color:#fff}.introjs-arrow.right{right:-10px;top:10px;border-left-color:#fff}.introjs-arrow.right-bottom{bottom:10px;right:-10px;border-left-color:#fff}.introjs-arrow.bottom{bottom:-10px;border-top-color:#fff}.introjs-arrow.bottom-right{bottom:-10px;right:10px;border-top-color:#fff}.introjs-arrow.bottom-middle{bottom:-10px;left:50%;margin-left:-5px;border-top-color:#fff}.introjs-arrow.left{left:-10px;top:10px;border-right-color:#fff}.introjs-arrow.left-bottom{left:-10px;bottom:10px;border-right-color:#fff}.introjs-tooltip{-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;visibility:visible;padding:10px;background-color:#fff;min-width:200px;max-width:300px;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.4);box-shadow:0 1px 10px rgba(0,0,0,.4);-webkit-transition:opacity .1s ease-out;transition:opacity .1s ease-out}.introjs-tooltipbuttons{text-align:right;white-space:nowrap}.introjs-button{-webkit-box-sizing:content-box;box-sizing:content-box;position:relative;overflow:visible;display:inline-block;padding:.3em .8em;border:1px solid #d4d4d4;margin:0;text-decoration:none;text-shadow:1px 1px 0 #fff;font:11px/normal sans-serif;color:#333;white-space:nowrap;cursor:pointer;outline:0;background-color:#ececec;background-image:-webkit-gradient(linear,left top, left bottom,from(#f4f4f4),to(#ececec));background-image:linear-gradient(#f4f4f4,#ececec);-webkit-background-clip:padding;-moz-background-clip:padding;-o-background-clip:padding-box;-webkit-border-radius:.2em;border-radius:.2em;zoom:1;margin-top:10px}.introjs-button:hover{border-color:#bcbcbc;text-decoration:none;-webkit-box-shadow:0 1px 1px #e3e3e3;box-shadow:0 1px 1px #e3e3e3}.introjs-button:active,.introjs-button:focus{background-image:-webkit-gradient(linear,left top, left bottom,from(#ececec),to(#f4f4f4));background-image:linear-gradient(#ececec,#f4f4f4)}.introjs-button::-moz-focus-inner{padding:0;border:0}.introjs-skipbutton{-webkit-box-sizing:content-box;box-sizing:content-box;margin-right:5px;color:#7a7a7a}.introjs-prevbutton{-webkit-border-radius:.2em 0 0 .2em;border-radius:.2em 0 0 .2em;border-right:none}.introjs-prevbutton.introjs-fullbutton{border:1px solid #d4d4d4;-webkit-border-radius:.2em;border-radius:.2em}.introjs-nextbutton{-webkit-border-radius:0 .2em .2em 0;border-radius:0 .2em .2em 0}.introjs-nextbutton.introjs-fullbutton{-webkit-border-radius:.2em;border-radius:.2em}.introjs-disabled,.introjs-disabled:focus,.introjs-disabled:hover{color:#9a9a9a;border-color:#d4d4d4;-webkit-box-shadow:none;box-shadow:none;cursor:default;background-color:#f4f4f4;background-image:none;text-decoration:none}.introjs-hidden{display:none}.introjs-bullets{text-align:center}.introjs-bullets ul{-webkit-box-sizing:content-box;box-sizing:content-box;clear:both;margin:15px auto 0;padding:0;display:inline-block}.introjs-bullets ul li{-webkit-box-sizing:content-box;box-sizing:content-box;list-style:none;float:left;margin:0 2px}.introjs-bullets ul li a{-webkit-box-sizing:content-box;box-sizing:content-box;display:block;width:6px;height:6px;background:#ccc;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;text-decoration:none;cursor:pointer}.introjs-bullets ul li a:hover{background:#999}.introjs-bullets ul li a.active{background:#999}.introjs-progress{-webkit-box-sizing:content-box;box-sizing:content-box;overflow:hidden;height:10px;margin:10px 0 5px 0;-webkit-border-radius:4px;border-radius:4px;background-color:#ecf0f1}.introjs-progressbar{-webkit-box-sizing:content-box;box-sizing:content-box;float:left;width:0%;height:100%;font-size:10px;line-height:10px;text-align:center;background-color:#08c}.introjsFloatingElement{position:absolute;height:0;width:0;left:50%;top:50%}.introjs-fixedTooltip{position:fixed}.introjs-hint{-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;background:0 0;width:20px;height:15px;cursor:pointer}.introjs-hint:focus{border:0;outline:0}.introjs-hidehint{display:none}.introjs-fixedhint{position:fixed}.introjs-hint:hover>.introjs-hint-pulse{border:5px solid rgba(60,60,60,.57)}.introjs-hint-pulse{-webkit-box-sizing:content-box;box-sizing:content-box;width:10px;height:10px;border:5px solid rgba(60,60,60,.27);-webkit-border-radius:30px;border-radius:30px;background-color:rgba(136,136,136,.24);z-index:10;position:absolute;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.introjs-hint-no-anim .introjs-hint-dot{-webkit-animation:none;animation:none}.introjs-hint-dot{-webkit-box-sizing:content-box;box-sizing:content-box;border:10px solid rgba(146,146,146,.36);background:0 0;-webkit-border-radius:60px;border-radius:60px;height:50px;width:50px;-webkit-animation:introjspulse 3s ease-out;animation:introjspulse 3s ease-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;position:absolute;top:-25px;left:-25px;z-index:1;opacity:0}@-webkit-keyframes introjspulse{0%{-webkit-transform:scale(0);opacity:0}25%{-webkit-transform:scale(0);opacity:.1}50%{-webkit-transform:scale(.1);opacity:.3}75%{-webkit-transform:scale(.5);opacity:.5}100%{-webkit-transform:scale(1);opacity:0}}@keyframes introjspulse{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}25%{-webkit-transform:scale(0);transform:scale(0);opacity:.1}50%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.3}75%{-webkit-transform:scale(.5);transform:scale(.5);opacity:.5}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}
/*!
* FullCalendar v3.10.5
* Docs & License: https://fullcalendar.io/
* (c) 2019 Adam Shaw
*/.fc button,.fc table,body .fc{font-size:1em}.fc .fc-axis,.fc button,.fc-day-grid-event .fc-content,.fc-list-item-marker,.fc-list-item-time,.fc-time-grid-event .fc-time,.fc-time-grid-event.fc-short .fc-content{white-space:nowrap}.fc-event,.fc-event:hover,.fc-state-hover,.fc.fc-bootstrap3 a,.ui-widget .fc-event,a.fc-more{text-decoration:none}.fc{direction:ltr;text-align:left}.fc-rtl{text-align:right}.fc th,.fc-basic-view .fc-day-top .fc-week-number,.fc-basic-view td.fc-week-number,.fc-icon,.fc-toolbar{text-align:center}.fc-highlight{background:#bce8f1;opacity:.3}.fc-bgevent{background:#8fdf82;opacity:.3}.fc-nonbusiness{background:#d7d7d7}.fc button{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;height:2.1em;padding:0 .6em;cursor:pointer}.fc button::-moz-focus-inner{margin:0;padding:0}.fc-state-default{border:1px solid;background-color:#f5f5f5;background-image:-webkit-gradient(linear,left top, left bottom,from(#fff),to(#e6e6e6));background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#333;text-shadow:0 1px 1px rgba(255,255,255,.75);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.fc-state-default.fc-corner-left{-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px}.fc-state-default.fc-corner-right{-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.fc button .fc-icon{position:relative;top:-.05em;margin:0 .2em;vertical-align:middle}.fc-state-active,.fc-state-disabled,.fc-state-down,.fc-state-hover{color:#333;background-color:#e6e6e6}.fc-state-hover{color:#333;background-position:0 -15px;-webkit-transition:background-position .1s linear;transition:background-position .1s linear}.fc-state-active,.fc-state-down{background-color:#ccc;background-image:none;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.fc-state-disabled{cursor:default;background-image:none;opacity:.65;-webkit-box-shadow:none;box-shadow:none}.fc-event.fc-draggable,.fc-event[href],.fc-popover .fc-header .fc-close,a[data-goto]{cursor:pointer}.fc-button-group{display:inline-block}.fc .fc-button-group>*{float:left;margin:0 0 0 -1px}.fc .fc-button-group>:first-child{margin-left:0}.fc-popover{position:absolute;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.15);box-shadow:0 2px 6px rgba(0,0,0,.15)}.fc-popover .fc-header{padding:2px 4px}.fc-popover .fc-header .fc-title{margin:0 2px}.fc-ltr .fc-popover .fc-header .fc-title,.fc-rtl .fc-popover .fc-header .fc-close{float:left}.fc-ltr .fc-popover .fc-header .fc-close,.fc-rtl .fc-popover .fc-header .fc-title{float:right}.fc-divider{border-style:solid;border-width:1px}hr.fc-divider{height:0;margin:0;padding:0 0 2px;border-width:1px 0}.fc-bg table,.fc-row .fc-bgevent-skeleton table,.fc-row .fc-highlight-skeleton table{height:100%}.fc-clear{clear:both}.fc-bg,.fc-bgevent-skeleton,.fc-helper-skeleton,.fc-highlight-skeleton{position:absolute;top:0;left:0;right:0}.fc-bg{bottom:0}.fc table{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;table-layout:fixed;border-collapse:collapse;border-spacing:0}.fc td,.fc th{border-style:solid;border-width:1px;padding:0;vertical-align:top}.fc td.fc-today{border-style:double}a[data-goto]:hover{text-decoration:underline}.fc .fc-row{border-style:solid;border-width:0}.fc-row table{border-left:0 hidden transparent;border-right:0 hidden transparent;border-bottom:0 hidden transparent}.fc-row:first-child table{border-top:0 hidden transparent}.fc-row{position:relative}.fc-row .fc-bg{z-index:1}.fc-row .fc-bgevent-skeleton,.fc-row .fc-highlight-skeleton{bottom:0}.fc-row .fc-bgevent-skeleton td,.fc-row .fc-highlight-skeleton td{border-color:transparent}.fc-row .fc-bgevent-skeleton{z-index:2}.fc-row .fc-highlight-skeleton{z-index:3}.fc-row .fc-content-skeleton{position:relative;z-index:4;padding-bottom:2px}.fc-row .fc-helper-skeleton{z-index:5}.fc .fc-row .fc-content-skeleton table,.fc .fc-row .fc-content-skeleton td,.fc .fc-row .fc-helper-skeleton td{background:0 0;border-color:transparent}.fc-row .fc-content-skeleton td,.fc-row .fc-helper-skeleton td{border-bottom:0}.fc-row .fc-content-skeleton tbody td,.fc-row .fc-helper-skeleton tbody td{border-top:0}.fc-scroller{-webkit-overflow-scrolling:touch}.fc-day-grid-event .fc-content,.fc-icon,.fc-row.fc-rigid,.fc-time-grid-event{overflow:hidden}.fc-scroller>.fc-day-grid,.fc-scroller>.fc-time-grid{position:relative;width:100%}.fc-event{position:relative;display:block;font-size:.85em;line-height:1.3;-webkit-border-radius:3px;border-radius:3px;border:1px solid #3a87ad}.fc-event,.fc-event-dot{background-color:#3a87ad}.fc-event,.fc-event:hover{color:#fff}.fc-not-allowed,.fc-not-allowed .fc-event{cursor:not-allowed}.fc-event .fc-bg{z-index:1;background:#fff;opacity:.25}.fc-event .fc-content{position:relative;z-index:2}.fc-event .fc-resizer{position:absolute;z-index:4;display:none}.fc-event.fc-allow-mouse-resize .fc-resizer,.fc-event.fc-selected .fc-resizer{display:block}.fc-event.fc-selected .fc-resizer:before{content:"";position:absolute;z-index:9999;top:50%;left:50%;width:40px;height:40px;margin-left:-20px;margin-top:-20px}.fc-event.fc-selected{z-index:9999!important;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.2);box-shadow:0 2px 5px rgba(0,0,0,.2)}.fc-event.fc-selected.fc-dragging{-webkit-box-shadow:0 2px 7px rgba(0,0,0,.3);box-shadow:0 2px 7px rgba(0,0,0,.3)}.fc-h-event.fc-selected:before{content:"";position:absolute;z-index:3;top:-10px;bottom:-10px;left:0;right:0}.fc-ltr .fc-h-event.fc-not-start,.fc-rtl .fc-h-event.fc-not-end{margin-left:0;border-left-width:0;padding-left:1px;-webkit-border-top-left-radius:0;border-top-left-radius:0;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0}.fc-ltr .fc-h-event.fc-not-end,.fc-rtl .fc-h-event.fc-not-start{margin-right:0;border-right-width:0;padding-right:1px;-webkit-border-top-right-radius:0;border-top-right-radius:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0}.fc-ltr .fc-h-event .fc-start-resizer,.fc-rtl .fc-h-event .fc-end-resizer{cursor:w-resize;left:-1px}.fc-ltr .fc-h-event .fc-end-resizer,.fc-rtl .fc-h-event .fc-start-resizer{cursor:e-resize;right:-1px}.fc-h-event.fc-allow-mouse-resize .fc-resizer{width:7px;top:-1px;bottom:-1px}.fc-h-event.fc-selected .fc-resizer{-webkit-border-radius:4px;border-radius:4px;border-width:1px;width:6px;height:6px;border-style:solid;border-color:inherit;background:#fff;top:50%;margin-top:-4px}.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,.fc-rtl .fc-h-event.fc-selected .fc-end-resizer{margin-left:-4px}.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,.fc-rtl .fc-h-event.fc-selected .fc-start-resizer{margin-right:-4px}.fc-day-grid-event{margin:1px 2px 0;padding:0 1px}tr:first-child>td>.fc-day-grid-event{margin-top:2px}.fc-day-grid-event.fc-selected:after{content:"";position:absolute;z-index:1;top:-1px;right:-1px;bottom:-1px;left:-1px;background:#000;opacity:.25}.fc-day-grid-event .fc-time{font-weight:700}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer{margin-left:-2px}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer{margin-right:-2px}a.fc-more{margin:1px 3px;font-size:.85em;cursor:pointer}a.fc-more:hover{text-decoration:underline}.fc-limited{display:none}.fc-day-grid .fc-row{z-index:1}.fc-more-popover{z-index:2;width:220px}.fc-more-popover .fc-event-container{padding:10px}.fc-bootstrap3 .fc-popover .panel-body,.fc-bootstrap4 .fc-popover .card-body{padding:0}.fc-now-indicator{position:absolute;border:0 solid red}.fc-bootstrap3 .fc-today.alert,.fc-bootstrap4 .fc-today.alert{-webkit-border-radius:0;border-radius:0}.fc-unselectable{-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-list-view,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#ddd}.fc-unthemed .fc-popover{background-color:#fff;border-width:1px;border-style:solid}.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-popover .fc-header{background:#eee}.fc-unthemed td.fc-today{background:#fcf8e3}.fc-unthemed .fc-disabled-day{background:#d7d7d7;opacity:.3}.fc-icon{display:inline-block;height:1em;line-height:1em;font-size:1em;font-family:"Courier New",Courier,monospace;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.fc-icon:after{position:relative}.fc-icon-left-single-arrow:after{content:"\2039";font-weight:700;font-size:200%;top:-7%}.fc-icon-right-single-arrow:after{content:"\203A";font-weight:700;font-size:200%;top:-7%}.fc-icon-left-double-arrow:after{content:"\AB";font-size:160%;top:-7%}.fc-icon-right-double-arrow:after{content:"\BB";font-size:160%;top:-7%}.fc-icon-left-triangle:after{content:"\25C4";font-size:125%;top:3%}.fc-icon-right-triangle:after{content:"\25BA";font-size:125%;top:3%}.fc-icon-down-triangle:after{content:"\25BC";font-size:125%;top:2%}.fc-icon-x:after{content:"\D7";font-size:200%;top:6%}.fc-unthemed .fc-popover .fc-header .fc-close{color:#666;font-size:.9em;margin-top:2px}.fc-unthemed .fc-list-item:hover td{background-color:#f5f5f5}.ui-widget .fc-disabled-day{background-image:none}.fc-bootstrap3 .fc-time-grid .fc-slats table,.fc-bootstrap4 .fc-time-grid .fc-slats table,.fc-time-grid .fc-slats .ui-widget-content{background:0 0}.fc-popover>.ui-widget-header+.ui-widget-content{border-top:0}.fc-bootstrap3 hr.fc-divider,.fc-bootstrap4 hr.fc-divider{border-color:inherit}.ui-widget .fc-event{color:#fff;font-weight:400}.ui-widget td.fc-axis{font-weight:400}.fc.fc-bootstrap3 a[data-goto]:hover{text-decoration:underline}.fc.fc-bootstrap4 a{text-decoration:none}.fc.fc-bootstrap4 a[data-goto]:hover{text-decoration:underline}.fc-bootstrap4 a.fc-event:not([href]):not([tabindex]){color:#fff}.fc-bootstrap4 .fc-popover.card{position:absolute}.fc-toolbar.fc-header-toolbar{margin-bottom:1em}.fc-toolbar.fc-footer-toolbar{margin-top:1em}.fc-toolbar .fc-left{float:left}.fc-toolbar .fc-right{float:right}.fc-toolbar .fc-center{display:inline-block}.fc .fc-toolbar>*>*{float:left;margin-left:.75em}.fc .fc-toolbar>*>:first-child{margin-left:0}.fc-toolbar h2{margin:0}.fc-toolbar button{position:relative}.fc-toolbar .fc-state-hover,.fc-toolbar .ui-state-hover{z-index:2}.fc-toolbar .fc-state-down{z-index:3}.fc-toolbar .fc-state-active,.fc-toolbar .ui-state-active{z-index:4}.fc-toolbar button:focus{z-index:5}.fc-view-container *,.fc-view-container :after,.fc-view-container :before{-webkit-box-sizing:content-box;box-sizing:content-box}.fc-view,.fc-view>table{position:relative;z-index:1}.fc-basicDay-view .fc-content-skeleton,.fc-basicWeek-view .fc-content-skeleton{padding-bottom:1em}.fc-basic-view .fc-body .fc-row{min-height:4em}.fc-row.fc-rigid .fc-content-skeleton{position:absolute;top:0;left:0;right:0}.fc-day-top.fc-other-month{opacity:.3}.fc-basic-view .fc-day-number,.fc-basic-view .fc-week-number{padding:2px}.fc-basic-view th.fc-day-number,.fc-basic-view th.fc-week-number{padding:0 2px}.fc-ltr .fc-basic-view .fc-day-top .fc-day-number{float:right}.fc-rtl .fc-basic-view .fc-day-top .fc-day-number{float:left}.fc-ltr .fc-basic-view .fc-day-top .fc-week-number{float:left;-webkit-border-radius:0 0 3px;border-radius:0 0 3px}.fc-rtl .fc-basic-view .fc-day-top .fc-week-number{float:right;-webkit-border-radius:0 0 0 3px;border-radius:0 0 0 3px}.fc-basic-view .fc-day-top .fc-week-number{min-width:1.5em;background-color:#f2f2f2;color:grey}.fc-basic-view td.fc-week-number>*{display:inline-block;min-width:1.25em}.fc-agenda-view .fc-day-grid{position:relative;z-index:2}.fc-agenda-view .fc-day-grid .fc-row{min-height:3em}.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton{padding-bottom:1em}.fc .fc-axis{vertical-align:middle;padding:0 4px}.fc-ltr .fc-axis{text-align:right}.fc-rtl .fc-axis{text-align:left}.fc-time-grid,.fc-time-grid-container{position:relative;z-index:1}.fc-time-grid{min-height:100%}.fc-time-grid table{border:0 hidden transparent}.fc-time-grid>.fc-bg{z-index:1}.fc-time-grid .fc-slats,.fc-time-grid>hr{position:relative;z-index:2}.fc-time-grid .fc-content-col{position:relative}.fc-time-grid .fc-content-skeleton{position:absolute;z-index:3;top:0;left:0;right:0}.fc-time-grid .fc-business-container{position:relative;z-index:1}.fc-time-grid .fc-bgevent-container{position:relative;z-index:2}.fc-time-grid .fc-highlight-container{z-index:3;position:relative}.fc-time-grid .fc-event-container{position:relative;z-index:4}.fc-time-grid .fc-now-indicator-line{z-index:5}.fc-time-grid .fc-helper-container{position:relative;z-index:6}.fc-time-grid .fc-slats td{height:1.5em;border-bottom:0}.fc-time-grid .fc-slats .fc-minor td{border-top-style:dotted}.fc-time-grid .fc-highlight{position:absolute;left:0;right:0}.fc-ltr .fc-time-grid .fc-event-container{margin:0 2.5% 0 2px}.fc-rtl .fc-time-grid .fc-event-container{margin:0 2px 0 2.5%}.fc-time-grid .fc-bgevent,.fc-time-grid .fc-event{position:absolute;z-index:1}.fc-time-grid .fc-bgevent{left:0;right:0}.fc-v-event.fc-not-start{border-top-width:0;padding-top:1px;-webkit-border-top-left-radius:0;border-top-left-radius:0;-webkit-border-top-right-radius:0;border-top-right-radius:0}.fc-v-event.fc-not-end{border-bottom-width:0;padding-bottom:1px;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0}.fc-time-grid-event.fc-selected{overflow:visible}.fc-time-grid-event.fc-selected .fc-bg{display:none}.fc-time-grid-event .fc-content{overflow:hidden}.fc-time-grid-event .fc-time,.fc-time-grid-event .fc-title{padding:0 1px}.fc-time-grid-event .fc-time{font-size:.85em}.fc-time-grid-event.fc-short .fc-time,.fc-time-grid-event.fc-short .fc-title{display:inline-block;vertical-align:top}.fc-time-grid-event.fc-short .fc-time span{display:none}.fc-time-grid-event.fc-short .fc-time:before{content:attr(data-start)}.fc-time-grid-event.fc-short .fc-time:after{content:"\A0-\A0"}.fc-time-grid-event.fc-short .fc-title{font-size:.85em;padding:0}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer{left:0;right:0;bottom:0;height:8px;overflow:hidden;line-height:8px;font-size:11px;font-family:monospace;text-align:center;cursor:s-resize}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after{content:"="}.fc-time-grid-event.fc-selected .fc-resizer{-webkit-border-radius:5px;border-radius:5px;border-width:1px;width:8px;height:8px;border-style:solid;border-color:inherit;background:#fff;left:50%;margin-left:-5px;bottom:-5px}.fc-time-grid .fc-now-indicator-line{border-top-width:1px;left:0;right:0}.fc-time-grid .fc-now-indicator-arrow{margin-top:-5px}.fc-ltr .fc-time-grid .fc-now-indicator-arrow{left:0;border-width:5px 0 5px 6px;border-top-color:transparent;border-bottom-color:transparent}.fc-rtl .fc-time-grid .fc-now-indicator-arrow{right:0;border-width:5px 6px 5px 0;border-top-color:transparent;border-bottom-color:transparent}.fc-event-dot{display:inline-block;width:10px;height:10px;-webkit-border-radius:5px;border-radius:5px}.fc-rtl .fc-list-view{direction:rtl}.fc-list-view{border-width:1px;border-style:solid}.fc .fc-list-table{table-layout:auto}.fc-list-table td{border-width:1px 0 0;padding:8px 14px}.fc-list-table tr:first-child td{border-top-width:0}.fc-list-heading{border-bottom-width:1px}.fc-list-heading td{font-weight:700}.fc-ltr .fc-list-heading-main{float:left}.fc-ltr .fc-list-heading-alt,.fc-rtl .fc-list-heading-main{float:right}.fc-rtl .fc-list-heading-alt{float:left}.fc-list-item.fc-has-url{cursor:pointer}.fc-list-item-marker,.fc-list-item-time{width:1px}.fc-ltr .fc-list-item-marker{padding-right:0}.fc-rtl .fc-list-item-marker{padding-left:0}.fc-list-item-title a{text-decoration:none;color:inherit}.fc-list-item-title a[href]:hover{text-decoration:underline}.fc-list-empty-wrap2{position:absolute;top:0;left:0;right:0;bottom:0}.fc-list-empty-wrap1{width:100%;height:100%;display:table}.fc-list-empty{display:table-cell;vertical-align:middle;text-align:center}.fc-unthemed .fc-list-empty{background-color:#eee}
/*!
* Quill Editor v1.3.7
* https://quilljs.com/
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com
*/
.ql-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
height: 100%;
margin: 0px;
position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
pointer-events: none;
}
.ql-clipboard {
left: -100000px;
height: 1px;
overflow-y: hidden;
position: absolute;
top: 50%;
}
.ql-clipboard p {
margin: 0;
padding: 0;
}
.ql-editor {
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.42;
height: 100%;
outline: none;
overflow-y: auto;
padding: 12px 15px;
tab-size: 4;
-moz-tab-size: 4;
text-align: left;
white-space: pre-wrap;
word-wrap: break-word;
}
.ql-editor > * {
cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
margin: 0;
padding: 0;
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
list-style-type: none;
}
.ql-editor ul > li::before {
content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
color: #777;
cursor: pointer;
pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
content: '\2610';
}
.ql-editor li::before {
display: inline-block;
white-space: nowrap;
width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
margin-left: -1.5em;
margin-right: 0.3em;
text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
margin-left: 0.3em;
margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
padding-right: 1.5em;
}
.ql-editor ol li {
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
counter-increment: list-0;
}
.ql-editor ol li:before {
content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 28.5em;
}
.ql-editor .ql-video {
display: block;
max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
background-color: #000;
}
.ql-editor .ql-bg-red {
background-color: #e60000;
}
.ql-editor .ql-bg-orange {
background-color: #f90;
}
.ql-editor .ql-bg-yellow {
background-color: #ff0;
}
.ql-editor .ql-bg-green {
background-color: #008a00;
}
.ql-editor .ql-bg-blue {
background-color: #06c;
}
.ql-editor .ql-bg-purple {
background-color: #93f;
}
.ql-editor .ql-color-white {
color: #fff;
}
.ql-editor .ql-color-red {
color: #e60000;
}
.ql-editor .ql-color-orange {
color: #f90;
}
.ql-editor .ql-color-yellow {
color: #ff0;
}
.ql-editor .ql-color-green {
color: #008a00;
}
.ql-editor .ql-color-blue {
color: #06c;
}
.ql-editor .ql-color-purple {
color: #93f;
}
.ql-editor .ql-font-serif {
font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
font-size: 0.75em;
}
.ql-editor .ql-size-large {
font-size: 1.5em;
}
.ql-editor .ql-size-huge {
font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
direction: rtl;
text-align: inherit;
}
.ql-editor .ql-align-center {
text-align: center;
}
.ql-editor .ql-align-justify {
text-align: justify;
}
.ql-editor .ql-align-right {
text-align: right;
}
.ql-editor.ql-blank::before {
color: rgba(0,0,0,0.6);
content: attr(data-placeholder);
font-style: italic;
left: 15px;
pointer-events: none;
position: absolute;
right: 15px;
}
/*!
* Quill Editor v1.3.7
* https://quilljs.com/
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com
*/
.ql-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
height: 100%;
margin: 0px;
position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
pointer-events: none;
}
.ql-clipboard {
left: -100000px;
height: 1px;
overflow-y: hidden;
position: absolute;
top: 50%;
}
.ql-clipboard p {
margin: 0;
padding: 0;
}
.ql-editor {
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.42;
height: 100%;
outline: none;
overflow-y: auto;
padding: 12px 15px;
tab-size: 4;
-moz-tab-size: 4;
text-align: left;
white-space: pre-wrap;
word-wrap: break-word;
}
.ql-editor > * {
cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
margin: 0;
padding: 0;
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
list-style-type: none;
}
.ql-editor ul > li::before {
content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
color: #777;
cursor: pointer;
pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
content: '\2610';
}
.ql-editor li::before {
display: inline-block;
white-space: nowrap;
width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
margin-left: -1.5em;
margin-right: 0.3em;
text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
margin-left: 0.3em;
margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
padding-right: 1.5em;
}
.ql-editor ol li {
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
counter-increment: list-0;
}
.ql-editor ol li:before {
content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 28.5em;
}
.ql-editor .ql-video {
display: block;
max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
background-color: #000;
}
.ql-editor .ql-bg-red {
background-color: #e60000;
}
.ql-editor .ql-bg-orange {
background-color: #f90;
}
.ql-editor .ql-bg-yellow {
background-color: #ff0;
}
.ql-editor .ql-bg-green {
background-color: #008a00;
}
.ql-editor .ql-bg-blue {
background-color: #06c;
}
.ql-editor .ql-bg-purple {
background-color: #93f;
}
.ql-editor .ql-color-white {
color: #fff;
}
.ql-editor .ql-color-red {
color: #e60000;
}
.ql-editor .ql-color-orange {
color: #f90;
}
.ql-editor .ql-color-yellow {
color: #ff0;
}
.ql-editor .ql-color-green {
color: #008a00;
}
.ql-editor .ql-color-blue {
color: #06c;
}
.ql-editor .ql-color-purple {
color: #93f;
}
.ql-editor .ql-font-serif {
font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
font-size: 0.75em;
}
.ql-editor .ql-size-large {
font-size: 1.5em;
}
.ql-editor .ql-size-huge {
font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
direction: rtl;
text-align: inherit;
}
.ql-editor .ql-align-center {
text-align: center;
}
.ql-editor .ql-align-justify {
text-align: justify;
}
.ql-editor .ql-align-right {
text-align: right;
}
.ql-editor.ql-blank::before {
color: rgba(0,0,0,0.6);
content: attr(data-placeholder);
font-style: italic;
left: 15px;
pointer-events: none;
position: absolute;
right: 15px;
}
.ql-bubble.ql-toolbar:after,
.ql-bubble .ql-toolbar:after {
clear: both;
content: '';
display: table;
}
.ql-bubble.ql-toolbar button,
.ql-bubble .ql-toolbar button {
background: none;
border: none;
cursor: pointer;
display: inline-block;
float: left;
height: 24px;
padding: 3px 5px;
width: 28px;
}
.ql-bubble.ql-toolbar button svg,
.ql-bubble .ql-toolbar button svg {
float: left;
height: 100%;
}
.ql-bubble.ql-toolbar button:active:hover,
.ql-bubble .ql-toolbar button:active:hover {
outline: none;
}
.ql-bubble.ql-toolbar input.ql-image[type=file],
.ql-bubble .ql-toolbar input.ql-image[type=file] {
display: none;
}
.ql-bubble.ql-toolbar button:hover,
.ql-bubble .ql-toolbar button:hover,
.ql-bubble.ql-toolbar button:focus,
.ql-bubble .ql-toolbar button:focus,
.ql-bubble.ql-toolbar button.ql-active,
.ql-bubble .ql-toolbar button.ql-active,
.ql-bubble.ql-toolbar .ql-picker-label:hover,
.ql-bubble .ql-toolbar .ql-picker-label:hover,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active,
.ql-bubble.ql-toolbar .ql-picker-item:hover,
.ql-bubble .ql-toolbar .ql-picker-item:hover,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected {
color: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
fill: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-stroke,
.ql-bubble .ql-toolbar button:hover .ql-stroke,
.ql-bubble.ql-toolbar button:focus .ql-stroke,
.ql-bubble .ql-toolbar button:focus .ql-stroke,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble.ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble .ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
stroke: #fff;
}
@media (pointer: coarse) {
.ql-bubble.ql-toolbar button:hover:not(.ql-active),
.ql-bubble .ql-toolbar button:hover:not(.ql-active) {
color: #ccc;
}
.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
fill: #ccc;
}
.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
stroke: #ccc;
}
}
.ql-bubble {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.ql-bubble * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.ql-bubble .ql-hidden {
display: none;
}
.ql-bubble .ql-out-bottom,
.ql-bubble .ql-out-top {
visibility: hidden;
}
.ql-bubble .ql-tooltip {
position: absolute;
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
.ql-bubble .ql-tooltip a {
cursor: pointer;
text-decoration: none;
}
.ql-bubble .ql-tooltip.ql-flip {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
.ql-bubble .ql-formats {
display: inline-block;
vertical-align: middle;
}
.ql-bubble .ql-formats:after {
clear: both;
content: '';
display: table;
}
.ql-bubble .ql-stroke {
fill: none;
stroke: #ccc;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 2;
}
.ql-bubble .ql-stroke-miter {
fill: none;
stroke: #ccc;
stroke-miterlimit: 10;
stroke-width: 2;
}
.ql-bubble .ql-fill,
.ql-bubble .ql-stroke.ql-fill {
fill: #ccc;
}
.ql-bubble .ql-empty {
fill: none;
}
.ql-bubble .ql-even {
fill-rule: evenodd;
}
.ql-bubble .ql-thin,
.ql-bubble .ql-stroke.ql-thin {
stroke-width: 1;
}
.ql-bubble .ql-transparent {
opacity: 0.4;
}
.ql-bubble .ql-direction svg:last-child {
display: none;
}
.ql-bubble .ql-direction.ql-active svg:last-child {
display: inline;
}
.ql-bubble .ql-direction.ql-active svg:first-child {
display: none;
}
.ql-bubble .ql-editor h1 {
font-size: 2em;
}
.ql-bubble .ql-editor h2 {
font-size: 1.5em;
}
.ql-bubble .ql-editor h3 {
font-size: 1.17em;
}
.ql-bubble .ql-editor h4 {
font-size: 1em;
}
.ql-bubble .ql-editor h5 {
font-size: 0.83em;
}
.ql-bubble .ql-editor h6 {
font-size: 0.67em;
}
.ql-bubble .ql-editor a {
text-decoration: underline;
}
.ql-bubble .ql-editor blockquote {
border-left: 4px solid #ccc;
margin-bottom: 5px;
margin-top: 5px;
padding-left: 16px;
}
.ql-bubble .ql-editor code,
.ql-bubble .ql-editor pre {
background-color: #f0f0f0;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.ql-bubble .ql-editor pre {
white-space: pre-wrap;
margin-bottom: 5px;
margin-top: 5px;
padding: 5px 10px;
}
.ql-bubble .ql-editor code {
font-size: 85%;
padding: 2px 4px;
}
.ql-bubble .ql-editor pre.ql-syntax {
background-color: #23241f;
color: #f8f8f2;
overflow: visible;
}
.ql-bubble .ql-editor img {
max-width: 100%;
}
.ql-bubble .ql-picker {
color: #ccc;
display: inline-block;
float: left;
font-size: 14px;
font-weight: 500;
height: 24px;
position: relative;
vertical-align: middle;
}
.ql-bubble .ql-picker-label {
cursor: pointer;
display: inline-block;
height: 100%;
padding-left: 8px;
padding-right: 2px;
position: relative;
width: 100%;
}
.ql-bubble .ql-picker-label::before {
display: inline-block;
line-height: 22px;
}
.ql-bubble .ql-picker-options {
background-color: #444;
display: none;
min-width: 100%;
padding: 4px 8px;
position: absolute;
white-space: nowrap;
}
.ql-bubble .ql-picker-options .ql-picker-item {
cursor: pointer;
display: block;
padding-bottom: 5px;
padding-top: 5px;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label {
color: #777;
z-index: 2;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill {
fill: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
stroke: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-options {
display: block;
margin-top: -1px;
top: 100%;
z-index: 1;
}
.ql-bubble .ql-color-picker,
.ql-bubble .ql-icon-picker {
width: 28px;
}
.ql-bubble .ql-color-picker .ql-picker-label,
.ql-bubble .ql-icon-picker .ql-picker-label {
padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-label svg,
.ql-bubble .ql-icon-picker .ql-picker-label svg {
right: 4px;
}
.ql-bubble .ql-icon-picker .ql-picker-options {
padding: 4px 0px;
}
.ql-bubble .ql-icon-picker .ql-picker-item {
height: 24px;
width: 24px;
padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-options {
padding: 3px 5px;
width: 152px;
}
.ql-bubble .ql-color-picker .ql-picker-item {
border: 1px solid transparent;
float: left;
height: 16px;
margin: 2px;
padding: 0px;
width: 16px;
}
.ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
position: absolute;
margin-top: -9px;
right: 0;
top: 50%;
width: 18px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
content: attr(data-label);
}
.ql-bubble .ql-picker.ql-header {
width: 98px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item::before {
content: 'Normal';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
content: 'Heading 1';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
content: 'Heading 2';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
content: 'Heading 3';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
content: 'Heading 4';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
content: 'Heading 5';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
content: 'Heading 6';
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
font-size: 2em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
font-size: 1.5em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
font-size: 1.17em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
font-size: 1em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
font-size: 0.83em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
font-size: 0.67em;
}
.ql-bubble .ql-picker.ql-font {
width: 108px;
}
.ql-bubble .ql-picker.ql-font .ql-picker-label::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item::before {
content: 'Sans Serif';
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
content: 'Serif';
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
content: 'Monospace';
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
font-family: Georgia, Times New Roman, serif;
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
font-family: Monaco, Courier New, monospace;
}
.ql-bubble .ql-picker.ql-size {
width: 98px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-label::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item::before {
content: 'Normal';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
content: 'Small';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
content: 'Large';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
content: 'Huge';
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
font-size: 10px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
font-size: 18px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
font-size: 32px;
}
.ql-bubble .ql-color-picker.ql-background .ql-picker-item {
background-color: #fff;
}
.ql-bubble .ql-color-picker.ql-color .ql-picker-item {
background-color: #000;
}
.ql-bubble .ql-toolbar .ql-formats {
margin: 8px 12px 8px 0px;
}
.ql-bubble .ql-toolbar .ql-formats:first-child {
margin-left: 12px;
}
.ql-bubble .ql-color-picker svg {
margin: 1px;
}
.ql-bubble .ql-color-picker .ql-picker-item.ql-selected,
.ql-bubble .ql-color-picker .ql-picker-item:hover {
border-color: #fff;
}
.ql-bubble .ql-tooltip {
background-color: #444;
-webkit-border-radius: 25px;
border-radius: 25px;
color: #fff;
}
.ql-bubble .ql-tooltip-arrow {
border-left: 6px solid transparent;
border-right: 6px solid transparent;
content: " ";
display: block;
left: 50%;
margin-left: -6px;
position: absolute;
}
.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
border-bottom: 6px solid #444;
top: -6px;
}
.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
border-top: 6px solid #444;
bottom: -6px;
}
.ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor {
display: block;
}
.ql-bubble .ql-tooltip.ql-editing .ql-formats {
visibility: hidden;
}
.ql-bubble .ql-tooltip-editor {
display: none;
}
.ql-bubble .ql-tooltip-editor input[type=text] {
background: transparent;
border: none;
color: #fff;
font-size: 13px;
height: 100%;
outline: none;
padding: 10px 20px;
position: absolute;
width: 100%;
}
.ql-bubble .ql-tooltip-editor a {
top: 10px;
position: absolute;
right: 20px;
}
.ql-bubble .ql-tooltip-editor a:before {
color: #ccc;
content: "\D7";
font-size: 16px;
font-weight: bold;
}
.ql-container.ql-bubble:not(.ql-disabled) a {
position: relative;
white-space: nowrap;
}
.ql-container.ql-bubble:not(.ql-disabled) a::before {
background-color: #444;
-webkit-border-radius: 15px;
border-radius: 15px;
top: -5px;
font-size: 12px;
color: #fff;
content: attr(href);
font-weight: normal;
overflow: hidden;
padding: 5px 15px;
text-decoration: none;
z-index: 1;
}
.ql-container.ql-bubble:not(.ql-disabled) a::after {
border-top: 6px solid #444;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
top: 0;
content: " ";
height: 0;
width: 0;
}
.ql-container.ql-bubble:not(.ql-disabled) a::before,
.ql-container.ql-bubble:not(.ql-disabled) a::after {
left: 0;
margin-left: 50%;
position: absolute;
-webkit-transform: translate(-50%, -100%);
transform: translate(-50%, -100%);
-webkit-transition: visibility 0s ease 200ms;
transition: visibility 0s ease 200ms;
visibility: hidden;
}
.ql-container.ql-bubble:not(.ql-disabled) a:hover::before,
.ql-container.ql-bubble:not(.ql-disabled) a:hover::after {
visibility: visible;
}
@charset "UTF-8";
/**
* Applies styles for users in high contrast mode. Note that this only applies
* to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
* attribute, however Chrome handles high contrast differently.
* @param target Which kind of high contrast setting to target. Defaults to `active`, can be
* `white-on-black` or `black-on-white`.
*/
/* Theme for the ripple elements.*/
/* stylelint-disable material/no-prefixes */
/* stylelint-enable */
.mat-elevation-z0 {
-webkit-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);
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); }
.mat-elevation-z1 {
-webkit-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);
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); }
.mat-elevation-z2 {
-webkit-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);
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); }
.mat-elevation-z3 {
-webkit-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);
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); }
.mat-elevation-z4 {
-webkit-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);
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); }
.mat-elevation-z5 {
-webkit-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);
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); }
.mat-elevation-z6 {
-webkit-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);
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); }
.mat-elevation-z7 {
-webkit-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);
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); }
.mat-elevation-z8 {
-webkit-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);
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); }
.mat-elevation-z9 {
-webkit-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);
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); }
.mat-elevation-z10 {
-webkit-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);
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); }
.mat-elevation-z11 {
-webkit-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);
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); }
.mat-elevation-z12 {
-webkit-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);
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); }
.mat-elevation-z13 {
-webkit-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);
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); }
.mat-elevation-z14 {
-webkit-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);
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); }
.mat-elevation-z15 {
-webkit-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);
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); }
.mat-elevation-z16 {
-webkit-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);
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); }
.mat-elevation-z17 {
-webkit-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);
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); }
.mat-elevation-z18 {
-webkit-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);
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); }
.mat-elevation-z19 {
-webkit-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);
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); }
.mat-elevation-z20 {
-webkit-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);
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); }
.mat-elevation-z21 {
-webkit-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);
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); }
.mat-elevation-z22 {
-webkit-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);
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); }
.mat-elevation-z23 {
-webkit-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);
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); }
.mat-elevation-z24 {
-webkit-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);
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); }
.mat-badge-content {
font-weight: 600;
font-size: 12px;
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-badge-small .mat-badge-content {
font-size: 6px; }
.mat-badge-large .mat-badge-content {
font-size: 24px; }
.mat-h1, .mat-headline, .mat-typography h1 {
font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h2, .mat-title, .mat-typography h2 {
font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h3, .mat-subheading-2, .mat-typography h3 {
font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h4, .mat-subheading-1, .mat-typography h4 {
font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h5, .mat-typography h5 {
font: 400 11.62px/20px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 12px; }
.mat-h6, .mat-typography h6 {
font: 400 9.38px/20px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 12px; }
.mat-body-strong, .mat-body-2 {
font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
.mat-body, .mat-body-1, .mat-typography {
font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-body p, .mat-body-1 p, .mat-typography p {
margin: 0 0 12px; }
.mat-small, .mat-caption {
font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-display-4, .mat-typography .mat-display-4 {
font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 56px;
letter-spacing: -0.05em; }
.mat-display-3, .mat-typography .mat-display-3 {
font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 64px;
letter-spacing: -0.02em; }
.mat-display-2, .mat-typography .mat-display-2 {
font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 64px;
letter-spacing: -0.005em; }
.mat-display-1, .mat-typography .mat-display-1 {
font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 64px; }
.mat-bottom-sheet-container {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 16px;
font-weight: 400; }
.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500; }
.mat-button-toggle {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-card {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-card-title {
font-size: 24px;
font-weight: 400; }
.mat-card-subtitle,
.mat-card-content,
.mat-card-header .mat-card-title {
font-size: 14px; }
.mat-checkbox {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-checkbox-layout .mat-checkbox-label {
line-height: 24px; }
.mat-chip {
font-size: 13px;
line-height: 18px; }
.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
font-size: 18px; }
.mat-table {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-header-cell {
font-size: 12px;
font-weight: 500; }
.mat-cell, .mat-footer-cell {
font-size: 14px; }
.mat-calendar {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-calendar-body {
font-size: 13px; }
.mat-calendar-body-label,
.mat-calendar-period-button {
font-size: 14px;
font-weight: 500; }
.mat-calendar-table-header th {
font-size: 11px;
font-weight: 400; }
.mat-dialog-title {
font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; }
.mat-expansion-panel-header {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 15px;
font-weight: 400; }
.mat-expansion-panel-content {
font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-form-field {
font-size: inherit;
font-weight: 400;
line-height: 1.125;
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-form-field-wrapper {
padding-bottom: 1.34375em; }
.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
font-size: 150%;
line-height: 1.125; }
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
height: 1.5em;
width: 1.5em; }
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
height: 1.125em;
line-height: 1.125; }
.mat-form-field-infix {
padding: 0.5em 0;
border-top: 0.84375em solid transparent; }
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.34375em) scale(0.75);
transform: translateY(-1.34375em) scale(0.75);
width: 133.33333333%; }
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label, .mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.34374em) scale(0.75);
transform: translateY(-1.34374em) scale(0.75);
width: 133.33334333%; }
.mat-form-field-label-wrapper {
top: -0.84375em;
padding-top: 0.84375em; }
.mat-form-field-label, .amd-placeholder {
top: 1.34375em; }
.mat-form-field-underline {
bottom: 1.34375em; }
.mat-form-field-subscript-wrapper {
font-size: 75%;
margin-top: 0.66666667em;
top: -webkit-calc(100% - 1.79166667em);
top: calc(100% - 1.79166667em); }
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
padding-bottom: 1.25em; }
.mat-form-field-appearance-legacy .mat-form-field-infix {
padding: 0.4375em 0; }
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-ms-transform: translateY(-1.28125em) scale(0.75);
width: 133.33333333%; }
.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, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
-ms-transform: translateY(-1.28124em) scale(0.75);
width: 133.33334333%; }
.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, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
-ms-transform: translateY(-1.28123em) scale(0.75);
width: 133.33335333%; }
.mat-form-field-appearance-legacy .mat-form-field-label, .mat-form-field-appearance-legacy .amd-placeholder {
top: 1.28125em; }
.mat-form-field-appearance-legacy .mat-form-field-underline {
bottom: 1.25em; }
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
margin-top: 0.54166667em;
top: -webkit-calc(100% - 1.66666667em);
top: calc(100% - 1.66666667em); }
.mat-form-field-appearance-fill .mat-form-field-infix {
padding: 0.25em 0 0.75em 0; }
.mat-form-field-appearance-fill .mat-form-field-label, .mat-form-field-appearance-fill .amd-placeholder {
top: 1.09375em;
margin-top: -0.5em; }
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-0.59375em) scale(0.75);
transform: translateY(-0.59375em) scale(0.75);
width: 133.33333333%; }
.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, .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-0.59374em) scale(0.75);
transform: translateY(-0.59374em) scale(0.75);
width: 133.33334333%; }
.mat-form-field-appearance-outline .mat-form-field-infix {
padding: 1em 0 1em 0; }
.mat-form-field-appearance-outline .mat-form-field-label, .mat-form-field-appearance-outline .amd-placeholder {
top: 1.84375em;
margin-top: -0.25em; }
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.59375em) scale(0.75);
transform: translateY(-1.59375em) scale(0.75);
width: 133.33333333%; }
.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, .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.59374em) scale(0.75);
transform: translateY(-1.59374em) scale(0.75);
width: 133.33334333%; }
.mat-grid-tile-header,
.mat-grid-tile-footer {
font-size: 14px; }
.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
font-size: 12px; }
input.mat-input-element {
margin-top: -0.0625em; }
.mat-menu-item {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 16px;
font-weight: 400; }
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 12px; }
.mat-radio-button {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-select {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-select-trigger {
height: 1.125em; }
.mat-slide-toggle-content {
font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-slider-thumb-label-text {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 12px;
font-weight: 500; }
.mat-stepper-vertical, .mat-stepper-horizontal {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-step-label {
font-size: 14px;
font-weight: 400; }
.mat-step-label-selected {
font-size: 14px;
font-weight: 500; }
.mat-tab-group {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-tab-label, .mat-tab-link {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500; }
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
margin: 0; }
.mat-tooltip {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 10px;
padding-top: 6px;
padding-bottom: 6px; }
.mat-tooltip-handset {
font-size: 14px;
padding-top: 9px;
padding-bottom: 9px; }
.mat-list-item {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-list-option {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
font-size: 16px; }
.mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
font-size: 14px; }
.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
font-size: 16px; }
.mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
font-size: 14px; }
.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500; }
.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
font-size: 12px; }
.mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
font-size: 12px; }
.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
font-size: 12px; }
.mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
font-size: 12px; }
.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 12px;
font-weight: 500; }
.mat-option {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 16px; }
.mat-optgroup-label {
font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
.mat-simple-snackbar {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px; }
.mat-simple-snackbar-action {
line-height: 1;
font-family: inherit;
font-size: inherit;
font-weight: 500; }
.mat-tree {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-tree-node {
font-weight: 400;
font-size: 14px; }
.mat-ripple {
overflow: hidden; }
.mat-ripple.mat-ripple-unbounded {
overflow: visible; }
.mat-ripple-element {
position: absolute;
-webkit-border-radius: 50%;
border-radius: 50%;
pointer-events: none;
-webkit-transition: opacity, -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity, -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
-webkit-transform: scale(0);
transform: scale(0); }
@media screen and (-ms-high-contrast: active) {
.mat-ripple-element {
display: none; } }
.cdk-visually-hidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
outline: 0;
-webkit-appearance: none;
-moz-appearance: none; }
.cdk-overlay-container, .cdk-global-overlay-wrapper {
pointer-events: none;
top: 0;
left: 0;
height: 100%;
width: 100%; }
.cdk-overlay-container {
position: fixed;
z-index: 1000; }
.cdk-overlay-container:empty {
display: none; }
.cdk-global-overlay-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: flex;
position: absolute;
z-index: 1000; }
.cdk-overlay-pane {
position: absolute;
pointer-events: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 1000;
display: -webkit-box;
display: -webkit-flex;
display: flex;
max-width: 100%;
max-height: 100%; }
.cdk-overlay-backdrop {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
pointer-events: auto;
-webkit-tap-highlight-color: transparent;
-webkit-transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
opacity: 0; }
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
opacity: 1; }
@media screen and (-ms-high-contrast: active) {
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
opacity: 0.6; } }
.cdk-overlay-dark-backdrop {
background: rgba(0, 0, 0, 0.288); }
.cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
opacity: 0; }
.cdk-overlay-connected-position-bounding-box {
position: absolute;
z-index: 1000;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
min-width: 1px;
min-height: 1px; }
.cdk-global-scrollblock {
position: fixed;
width: 100%;
overflow-y: scroll; }
@-webkit-keyframes cdk-text-field-autofill-start {
/*!*/ }
@keyframes cdk-text-field-autofill-start {
/*!*/ }
@-webkit-keyframes cdk-text-field-autofill-end {
/*!*/ }
@keyframes cdk-text-field-autofill-end {
/*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
-webkit-animation-name: cdk-text-field-autofill-start;
animation-name: cdk-text-field-autofill-start; }
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
-webkit-animation-name: cdk-text-field-autofill-end;
animation-name: cdk-text-field-autofill-end; }
textarea.cdk-textarea-autosize {
resize: none; }
textarea.cdk-textarea-autosize-measuring {
height: auto !important;
overflow: hidden !important;
padding: 2px 0 !important;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important; }
.mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-option {
color: white; }
.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
background: rgba(255, 255, 255, 0.04); }
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
background: rgba(255, 255, 255, 0.04); }
.mat-option.mat-active {
background: rgba(255, 255, 255, 0.04);
color: white; }
.mat-option.mat-option-disabled {
color: rgba(255, 255, 255, 0.5); }
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
color: #19becf; }
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
color: #005c80; }
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
color: #f44336; }
.mat-optgroup-label {
color: rgba(255, 255, 255, 0.7); }
.mat-optgroup-disabled .mat-optgroup-label {
color: rgba(255, 255, 255, 0.5); }
.mat-pseudo-checkbox {
color: rgba(255, 255, 255, 0.7); }
.mat-pseudo-checkbox::after {
color: #303030; }
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
background: #005c80; }
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
background: #19becf; }
.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
background: #f44336; }
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
background: #686868; }
.mat-app-background {
background-color: #303030;
color: white; }
.mat-theme-loaded-marker {
display: none; }
.mat-autocomplete-panel {
background: #424242;
color: white; }
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
background: #424242; }
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
color: white; }
.mat-badge-content {
color: white;
background: #19becf; }
.mat-badge-accent .mat-badge-content {
background: #005c80;
color: white; }
.mat-badge-warn .mat-badge-content {
color: white;
background: #f44336; }
.mat-badge {
position: relative; }
.mat-badge-hidden .mat-badge-content {
display: none; }
.mat-badge-content {
position: absolute;
text-align: center;
display: inline-block;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: -webkit-transform 200ms ease-in-out;
transition: -webkit-transform 200ms ease-in-out;
transition: transform 200ms ease-in-out;
transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
-webkit-transform: scale(0.6);
transform: scale(0.6);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
pointer-events: none; }
.mat-badge-content.mat-badge-active {
-webkit-transform: none;
transform: none; }
.mat-badge-small .mat-badge-content {
width: 16px;
height: 16px;
line-height: 16px; }
@media screen and (-ms-high-contrast: active) {
.mat-badge-small .mat-badge-content {
outline: solid 1px;
-webkit-border-radius: 0;
border-radius: 0; } }
.mat-badge-small.mat-badge-above .mat-badge-content {
top: -8px; }
.mat-badge-small.mat-badge-below .mat-badge-content {
bottom: -8px; }
.mat-badge-small.mat-badge-before .mat-badge-content {
left: -16px; }
[dir='rtl'] .mat-badge-small.mat-badge-before .mat-badge-content {
left: auto;
right: -16px; }
.mat-badge-small.mat-badge-after .mat-badge-content {
right: -16px; }
[dir='rtl'] .mat-badge-small.mat-badge-after .mat-badge-content {
right: auto;
left: -16px; }
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -8px; }
[dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -8px; }
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -8px; }
[dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -8px; }
.mat-badge-medium .mat-badge-content {
width: 22px;
height: 22px;
line-height: 22px; }
@media screen and (-ms-high-contrast: active) {
.mat-badge-medium .mat-badge-content {
outline: solid 1px;
-webkit-border-radius: 0;
border-radius: 0; } }
.mat-badge-medium.mat-badge-above .mat-badge-content {
top: -11px; }
.mat-badge-medium.mat-badge-below .mat-badge-content {
bottom: -11px; }
.mat-badge-medium.mat-badge-before .mat-badge-content {
left: -22px; }
[dir='rtl'] .mat-badge-medium.mat-badge-before .mat-badge-content {
left: auto;
right: -22px; }
.mat-badge-medium.mat-badge-after .mat-badge-content {
right: -22px; }
[dir='rtl'] .mat-badge-medium.mat-badge-after .mat-badge-content {
right: auto;
left: -22px; }
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -11px; }
[dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -11px; }
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -11px; }
[dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -11px; }
.mat-badge-large .mat-badge-content {
width: 28px;
height: 28px;
line-height: 28px; }
@media screen and (-ms-high-contrast: active) {
.mat-badge-large .mat-badge-content {
outline: solid 1px;
-webkit-border-radius: 0;
border-radius: 0; } }
.mat-badge-large.mat-badge-above .mat-badge-content {
top: -14px; }
.mat-badge-large.mat-badge-below .mat-badge-content {
bottom: -14px; }
.mat-badge-large.mat-badge-before .mat-badge-content {
left: -28px; }
[dir='rtl'] .mat-badge-large.mat-badge-before .mat-badge-content {
left: auto;
right: -28px; }
.mat-badge-large.mat-badge-after .mat-badge-content {
right: -28px; }
[dir='rtl'] .mat-badge-large.mat-badge-after .mat-badge-content {
right: auto;
left: -28px; }
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -14px; }
[dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -14px; }
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -14px; }
[dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -14px; }
.mat-bottom-sheet-container {
background: #424242;
color: white; }
.mat-button, .mat-icon-button, .mat-stroked-button {
color: inherit;
background: transparent; }
.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
color: #19becf; }
.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
color: #005c80; }
.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
color: #f44336; }
.mat-button.mat-primary[disabled], .mat-button.mat-accent[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled], .mat-stroked-button.mat-primary[disabled], .mat-stroked-button.mat-accent[disabled], .mat-stroked-button.mat-warn[disabled], .mat-stroked-button[disabled][disabled] {
color: rgba(255, 255, 255, 0.3); }
.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
background-color: rgba(25, 190, 207, 0.12); }
.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
background-color: rgba(0, 92, 128, 0.12); }
.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
background-color: rgba(244, 67, 54, 0.12); }
.mat-button[disabled] .mat-button-focus-overlay, .mat-icon-button[disabled] .mat-button-focus-overlay, .mat-stroked-button[disabled] .mat-button-focus-overlay {
background-color: transparent; }
.mat-button.mat-primary .mat-ripple-element, .mat-icon-button.mat-primary .mat-ripple-element, .mat-stroked-button.mat-primary .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.1); }
.mat-button.mat-accent .mat-ripple-element, .mat-icon-button.mat-accent .mat-ripple-element, .mat-stroked-button.mat-accent .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.1); }
.mat-button.mat-warn .mat-ripple-element, .mat-icon-button.mat-warn .mat-ripple-element, .mat-stroked-button.mat-warn .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.1); }
.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
color: white;
background-color: #424242; }
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
color: white; }
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
color: white; }
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
color: white; }
.mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
color: rgba(255, 255, 255, 0.3); }
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
background-color: #19becf; }
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
background-color: #005c80; }
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
background-color: #f44336; }
.mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
background-color: rgba(255, 255, 255, 0.12); }
.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-icon-button.mat-primary .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.2); }
.mat-icon-button.mat-accent .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.2); }
.mat-icon-button.mat-warn .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.2); }
.mat-button-toggle {
color: rgba(255, 255, 255, 0.5); }
.mat-button-toggle .mat-button-toggle-focus-overlay {
background-color: rgba(255, 255, 255, 0.12); }
.mat-button-toggle-checked {
background-color: #212121;
color: rgba(255, 255, 255, 0.7); }
.mat-button-toggle-disabled {
background-color: black;
color: rgba(255, 255, 255, 0.3); }
.mat-button-toggle-disabled.mat-button-toggle-checked {
background-color: #424242; }
.mat-card {
background: #424242;
color: white; }
.mat-card-subtitle {
color: rgba(255, 255, 255, 0.7); }
.mat-checkbox-frame {
border-color: rgba(255, 255, 255, 0.7); }
.mat-checkbox-checkmark {
fill: #303030; }
.mat-checkbox-checkmark-path {
stroke: #303030 !important; }
@media screen and (-ms-high-contrast: black-on-white) {
.mat-checkbox-checkmark-path {
stroke: #000 !important; } }
.mat-checkbox-mixedmark {
background-color: #303030; }
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
background-color: #19becf; }
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
background-color: #005c80; }
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
background-color: #f44336; }
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
background-color: #686868; }
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
border-color: #686868; }
.mat-checkbox-disabled .mat-checkbox-label {
color: #686868; }
@media screen and (-ms-high-contrast: active) {
.mat-checkbox-disabled {
opacity: 0.5; } }
@media screen and (-ms-high-contrast: active) {
.mat-checkbox-background {
background: none; } }
.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.26); }
.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.26); }
.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.26); }
.mat-chip.mat-standard-chip {
background-color: #616161;
color: white; }
.mat-chip.mat-standard-chip .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip .mat-chip-remove:hover {
opacity: 0.54; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
background-color: #19becf;
color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
opacity: 0.54; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
background-color: #f44336;
color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
opacity: 0.54; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
background-color: #005c80;
color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
opacity: 0.54; }
.mat-table {
background: #424242; }
.mat-table thead, .mat-table tbody, .mat-table tfoot,
mat-header-row, mat-row, mat-footer-row,
[mat-header-row], [mat-row], [mat-footer-row],
.mat-table-sticky {
background: inherit; }
mat-row, mat-header-row, mat-footer-row,
th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
border-bottom-color: rgba(255, 255, 255, 0.12); }
.mat-header-cell {
color: rgba(255, 255, 255, 0.7); }
.mat-cell, .mat-footer-cell {
color: white; }
.mat-calendar-arrow {
border-top-color: white; }
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
color: white; }
.mat-calendar-table-header {
color: rgba(255, 255, 255, 0.5); }
.mat-calendar-table-header-divider::after {
background: rgba(255, 255, 255, 0.12); }
.mat-calendar-body-label {
color: rgba(255, 255, 255, 0.7); }
.mat-calendar-body-cell-content {
color: white;
border-color: transparent; }
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
color: rgba(255, 255, 255, 0.5); }
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
background-color: rgba(255, 255, 255, 0.04); }
.mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(255, 255, 255, 0.5); }
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(255, 255, 255, 0.3); }
.mat-calendar-body-selected {
background-color: #19becf;
color: white; }
.mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(25, 190, 207, 0.4); }
.mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content {
background-color: #424242;
color: white; }
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
background-color: #005c80;
color: white; }
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(0, 92, 128, 0.4); }
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
background-color: #f44336;
color: white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(244, 67, 54, 0.4); }
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-toggle-active {
color: #19becf; }
.mat-datepicker-toggle-active.mat-accent {
color: #005c80; }
.mat-datepicker-toggle-active.mat-warn {
color: #f44336; }
.mat-dialog-container {
background: #424242;
color: white; }
.mat-divider {
border-top-color: rgba(255, 255, 255, 0.12); }
.mat-divider-vertical {
border-right-color: rgba(255, 255, 255, 0.12); }
.mat-expansion-panel {
background: #424242;
color: white; }
.mat-action-row {
border-top-color: rgba(255, 255, 255, 0.12); }
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']):hover {
background: rgba(255, 255, 255, 0.04); }
@media (hover: none) {
.mat-expansion-panel:not(.mat-expanded):not([aria-disabled='true']) .mat-expansion-panel-header:hover {
background: #424242; } }
.mat-expansion-panel-header-title {
color: white; }
.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
color: rgba(255, 255, 255, 0.7); }
.mat-expansion-panel-header[aria-disabled='true'] {
color: rgba(255, 255, 255, 0.3); }
.mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-description {
color: inherit; }
.mat-form-field-label, .amd-placeholder {
color: rgba(255, 255, 255, 0.7); }
.mat-hint {
color: rgba(255, 255, 255, 0.7); }
.mat-form-field.mat-focused .mat-form-field-label, .mat-form-field.mat-focused .amd-placeholder {
color: #19becf; }
.mat-form-field.mat-focused .mat-form-field-label.mat-accent, .mat-form-field.mat-focused .mat-accent.amd-placeholder {
color: #005c80; }
.mat-form-field.mat-focused .mat-form-field-label.mat-warn, .mat-form-field.mat-focused .mat-warn.amd-placeholder {
color: #f44336; }
.mat-focused .mat-form-field-required-marker {
color: #005c80; }
.mat-form-field-ripple {
background-color: white; }
.mat-form-field.mat-focused .mat-form-field-ripple {
background-color: #19becf; }
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
background-color: #005c80; }
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
background-color: #f44336; }
.mat-form-field.mat-form-field-invalid .mat-form-field-label, .mat-form-field.mat-form-field-invalid .amd-placeholder {
color: #f44336; }
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, .mat-form-field.mat-form-field-invalid .mat-accent.amd-placeholder,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,
.mat-form-field.mat-form-field-invalid .amd-placeholder .mat-form-field-required-marker {
color: #f44336; }
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
background-color: #f44336; }
.mat-error {
color: #f44336; }
.mat-form-field-appearance-legacy .mat-form-field-label, .mat-form-field-appearance-legacy .amd-placeholder {
color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-legacy .mat-hint {
color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-legacy .mat-form-field-underline {
background-color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.7)), color-stop(33%, rgba(255, 255, 255, 0.7)), color-stop(0%, transparent));
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
background-size: 4px 100%;
background-repeat: repeat-x; }
.mat-form-field-appearance-standard .mat-form-field-underline {
background-color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.7)), color-stop(33%, rgba(255, 255, 255, 0.7)), color-stop(0%, transparent));
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
background-size: 4px 100%;
background-repeat: repeat-x; }
.mat-form-field-appearance-fill .mat-form-field-flex {
background-color: rgba(255, 255, 255, 0.1); }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
background-color: rgba(255, 255, 255, 0.05); }
.mat-form-field-appearance-fill .mat-form-field-underline::before {
background-color: rgba(255, 255, 255, 0.5); }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-disabled .amd-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
background-color: transparent; }
.mat-form-field-appearance-outline .mat-form-field-outline {
color: rgba(255, 255, 255, 0.3); }
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
color: white; }
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
color: #19becf; }
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
color: #005c80; }
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
color: #f44336; }
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
color: #f44336; }
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-disabled .amd-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
color: rgba(255, 255, 255, 0.15); }
.mat-icon.mat-primary {
color: #19becf; }
.mat-icon.mat-accent {
color: #005c80; }
.mat-icon.mat-warn {
color: #f44336; }
.mat-input-element:disabled {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element {
caret-color: #19becf; }
.mat-input-element::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::-moz-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-accent .mat-input-element {
caret-color: #005c80; }
.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
caret-color: #f44336; }
.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
color: white; }
.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
color: white; }
.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
color: rgba(255, 255, 255, 0.7); }
.mat-list-item-disabled {
background-color: black; }
.mat-list-option:hover, .mat-list-option.mat-list-item-focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item.mat-list-item-focus {
background: rgba(255, 255, 255, 0.04); }
.mat-menu-panel {
background: #424242; }
.mat-menu-item {
background: transparent;
color: white; }
.mat-menu-item[disabled], .mat-menu-item[disabled]::after {
color: rgba(255, 255, 255, 0.5); }
.mat-menu-item .mat-icon:not([color]),
.mat-menu-item-submenu-trigger::after {
color: white; }
.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
background: rgba(255, 255, 255, 0.04); }
.mat-paginator {
background: #424242; }
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
color: rgba(255, 255, 255, 0.7); }
.mat-paginator-decrement,
.mat-paginator-increment {
border-top: 2px solid white;
border-right: 2px solid white; }
.mat-paginator-first,
.mat-paginator-last {
border-top: 2px solid white; }
.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
border-color: rgba(255, 255, 255, 0.5); }
.mat-progress-bar-background {
fill: #baecf1; }
.mat-progress-bar-buffer {
background-color: #baecf1; }
.mat-progress-bar-fill::after {
background-color: #19becf; }
.mat-progress-bar.mat-accent .mat-progress-bar-background {
fill: #b3ced9; }
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
background-color: #b3ced9; }
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
background-color: #005c80; }
.mat-progress-bar.mat-warn .mat-progress-bar-background {
fill: #ffcdd2; }
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
background-color: #ffcdd2; }
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
background-color: #f44336; }
.mat-progress-spinner circle, .mat-spinner circle {
stroke: #19becf; }
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
stroke: #005c80; }
.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
stroke: #f44336; }
.mat-radio-outer-circle {
border-color: rgba(255, 255, 255, 0.7); }
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
border-color: #19becf; }
.mat-radio-button.mat-primary .mat-radio-inner-circle {
background-color: #19becf; }
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.26); }
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
border-color: #005c80; }
.mat-radio-button.mat-accent .mat-radio-inner-circle {
background-color: #005c80; }
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.26); }
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
border-color: #f44336; }
.mat-radio-button.mat-warn .mat-radio-inner-circle {
background-color: #f44336; }
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.26); }
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
border-color: rgba(255, 255, 255, 0.5); }
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
background-color: rgba(255, 255, 255, 0.5); }
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
color: rgba(255, 255, 255, 0.5); }
.mat-select-content, .mat-select-panel-done-animating {
background: #424242; }
.mat-select-value {
color: white; }
.mat-select-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-select-disabled .mat-select-value {
color: rgba(255, 255, 255, 0.5); }
.mat-select-arrow {
color: rgba(255, 255, 255, 0.7); }
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
background: rgba(255, 255, 255, 0.12); }
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
color: #19becf; }
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
color: #005c80; }
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
color: #f44336; }
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
color: #f44336; }
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
color: rgba(255, 255, 255, 0.5); }
.mat-drawer-container {
background-color: #303030;
color: white; }
.mat-drawer {
background-color: #424242;
color: white; }
.mat-drawer.mat-drawer-push {
background-color: #424242; }
.mat-drawer-backdrop.mat-drawer-shown {
background-color: rgba(189, 189, 189, 0.6); }
.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #80adbf; }
.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgba(128, 173, 191, 0.5); }
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle .mat-ripple-element {
background-color: rgba(128, 173, 191, 0.12); }
.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #8cdfe7; }
.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgba(140, 223, 231, 0.5); }
.mat-slide-toggle.mat-primary:not(.mat-checked) .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle.mat-primary .mat-ripple-element {
background-color: rgba(140, 223, 231, 0.12); }
.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #ef9a9a; }
.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgba(239, 154, 154, 0.5); }
.mat-slide-toggle.mat-warn:not(.mat-checked) .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle.mat-warn .mat-ripple-element {
background-color: rgba(239, 154, 154, 0.12); }
.mat-disabled .mat-slide-toggle-thumb {
background-color: #424242; }
.mat-disabled .mat-slide-toggle-bar {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle-thumb {
background-color: #bdbdbd; }
.mat-slide-toggle-bar {
background-color: rgba(255, 255, 255, 0.5); }
.mat-slider-track-background {
background-color: rgba(255, 255, 255, 0.3); }
.mat-primary .mat-slider-track-fill,
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label {
background-color: #19becf; }
.mat-primary .mat-slider-thumb-label-text {
color: white; }
.mat-accent .mat-slider-track-fill,
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label {
background-color: #005c80; }
.mat-accent .mat-slider-thumb-label-text {
color: white; }
.mat-warn .mat-slider-track-fill,
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label {
background-color: #f44336; }
.mat-warn .mat-slider-thumb-label-text {
color: white; }
.mat-slider-focus-ring {
background-color: rgba(0, 92, 128, 0.2); }
.mat-slider:hover .mat-slider-track-background,
.cdk-focused .mat-slider-track-background {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled .mat-slider-thumb {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-disabled:hover .mat-slider-track-background {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-min-value .mat-slider-focus-ring {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
background-color: white; }
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
border-color: rgba(255, 255, 255, 0.3);
background-color: transparent; }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
border-color: rgba(255, 255, 255, 0.3); }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
border-color: rgba(255, 255, 255, 0.3); }
.mat-slider-has-ticks .mat-slider-wrapper::after {
border-color: rgba(255, 255, 255, 0.7); }
.mat-slider-horizontal .mat-slider-ticks {
background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);
background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); }
.mat-slider-vertical .mat-slider-ticks {
background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); }
.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover {
background-color: rgba(255, 255, 255, 0.04); }
.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
color: rgba(255, 255, 255, 0.5); }
.mat-step-header .mat-step-icon {
background-color: #19becf;
color: white; }
.mat-step-header .mat-step-icon-not-touched {
background-color: rgba(255, 255, 255, 0.5);
color: white; }
.mat-step-header .mat-step-label.mat-step-label-active {
color: white; }
.mat-stepper-horizontal, .mat-stepper-vertical {
background-color: #424242; }
.mat-stepper-vertical-line::before {
border-left-color: rgba(255, 255, 255, 0.12); }
.mat-stepper-horizontal-line {
border-top-color: rgba(255, 255, 255, 0.12); }
.mat-sort-header-arrow {
color: #c6c6c6; }
.mat-tab-nav-bar,
.mat-tab-header {
border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: none; }
.mat-tab-label, .mat-tab-link {
color: white; }
.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.5); }
.mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.5); }
.mat-tab-group[class*='mat-background-'] .mat-tab-header,
.mat-tab-nav-bar[class*='mat-background-'] {
border-bottom: none;
border-top: none; }
.mat-tab-group.mat-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(186, 236, 241, 0.3); }
.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
background-color: #19becf; }
.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
background-color: white; }
.mat-tab-group.mat-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(179, 206, 217, 0.3); }
.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
background-color: #005c80; }
.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
background-color: white; }
.mat-tab-group.mat-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(255, 205, 210, 0.3); }
.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
background-color: #f44336; }
.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
background-color: white; }
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(186, 236, 241, 0.3); }
.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
background-color: #19becf; }
.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
color: white; }
.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-primary .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(179, 206, 217, 0.3); }
.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
background-color: #005c80; }
.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
color: white; }
.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-accent .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(255, 205, 210, 0.3); }
.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links {
background-color: #f44336; }
.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
color: white; }
.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-warn .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-toolbar {
background: #212121;
color: white; }
.mat-toolbar.mat-primary {
background: #19becf;
color: white; }
.mat-toolbar.mat-accent {
background: #005c80;
color: white; }
.mat-toolbar.mat-warn {
background: #f44336;
color: white; }
.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
background-color: currentColor; }
.mat-toolbar .mat-form-field-label, .mat-toolbar .amd-placeholder,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-focused .amd-placeholder,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
color: inherit; }
.mat-toolbar .mat-input-element {
caret-color: currentColor; }
.mat-tooltip {
background: rgba(97, 97, 97, 0.9); }
.mat-tree {
background: #424242; }
.mat-tree-node {
color: white; }
.mat-snack-bar-container {
background: #fafafa;
color: rgba(0, 0, 0, 0.87); }
.mat-simple-snackbar-action {
color: inherit; }
.mat-calendar-arrow {
border-top-color: rgba(0, 0, 0, 0.54); }
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
color: rgba(0, 0, 0, 0.54); }
.mat-calendar-table-header {
color: rgba(0, 0, 0, 0.38); }
.mat-calendar-table-header-divider::after {
background: rgba(0, 0, 0, 0.12); }
.mat-calendar-body-label {
color: rgba(0, 0, 0, 0.54); }
.mat-calendar-body-cell-content {
color: rgba(0, 0, 0, 0.87);
border-color: transparent; }
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
color: rgba(0, 0, 0, 0.38); }
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
background-color: rgba(0, 0, 0, 0.04); }
.mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(0, 0, 0, 0.38); }
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(0, 0, 0, 0.18); }
.mat-calendar-body-selected {
background-color: #19becf;
color: white; }
.mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(25, 190, 207, 0.4); }
.mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content {
background-color: white;
color: rgba(0, 0, 0, 0.87); }
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
background-color: #005c80;
color: white; }
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(0, 92, 128, 0.4); }
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
background-color: #f44336;
color: white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(244, 67, 54, 0.4); }
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-toggle-active {
color: #19becf; }
.mat-datepicker-toggle-active.mat-accent {
color: #005c80; }
.mat-datepicker-toggle-active.mat-warn {
color: #f44336; }
@font-face {
font-family: 'HelveticaNeueLTStd-Roman';
src: url("/assets/fonts/3447C2_6_0.eot");
src: url("/assets/fonts/3447C2_6_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_6_0.woff2") format("woff2"), url("/assets/fonts/3447C2_6_0.woff") format("woff"), url("/assets/fonts/3447C2_6_0.ttf") format("truetype"); }
@font-face {
font-family: 'HelveticaNeueLTStd-Bd';
src: url("/assets/fonts/3447C2_8_0.eot");
src: url("/assets/fonts/3447C2_8_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_8_0.woff2") format("woff2"), url("/assets/fonts/3447C2_8_0.woff") format("woff"), url("/assets/fonts/3447C2_8_0.ttf") format("truetype"); }
@font-face {
font-family: 'HelveticaNeueLTStd-Lt';
src: url("/assets/fonts/3447C2_3_0.eot");
src: url("/assets/fonts/3447C2_3_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_3_0.woff2") format("woff2"), url("/assets/fonts/3447C2_3_0.woff") format("woff"), url("/assets/fonts/3447C2_3_0.ttf") format("truetype"); }
@font-face {
font-family: 'HelveticaNeueLTStd-Md';
src: url("/assets/fonts/3447C2_5_0.eot");
src: url("/assets/fonts/3447C2_5_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_5_0.woff2") format("woff2"), url("/assets/fonts/3447C2_5_0.woff") format("woff"), url("/assets/fonts/3447C2_5_0.ttf") format("truetype"); }
.HelveticaNeueLTStd-Roman, body, .mat-form-field,
.mat-input-element,
.mat-form-field-label, .amd-placeholder,
.md2-datepicker,
.md2-datepicker-value,
.md2-datepicker-placeholder,
.mat-radio-label-content,
.mat-radio-button,
.mat-select,
.mat-select-placeholder,
.mat-select-value-text,
.mat-option,
.mat-checkbox,
.mat-list-item,
.mat-tab-group,
.mat-expansion-panel-content,
.mat-bottom-sheet-container, .mat-tab-body__description, .mat-list .mat-subheader,
.mat-nav-list .mat-subheader, .introjs-button, .amd-button, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .amd-card__title--normal, .amd-expansion-panel__subtitle, .amd-link, .amd-link--station .amd-link__title, .amd-list__subtext, .amd-check-item__alert .amd-button, .theme--myald-dialog .amd-files-list__item.mat-list-item .amd-files-list__name {
font-family: HelveticaNeueLTStd-Roman, Arial, Helvetica, sans-serif !important; }
.HelveticaNeueLTStd-Bd, b,
strong, h2, h6, .mat-horizontal-stepper-header .mat-step-icon, .mat-step-text-label, .mat-tab-label,
.mat-tab-link, .mat-tab-body__title, .mat-expansion-panel-header-title, .mat-chip, .mat-menu-panel .mat-subheader, .u-main-title, .amd-dialog__header .mat-dialog-title, .u-phone, .amd-user, .amd-title, .amd-label, .fc .fc-toolbar h2, .introjs-tooltip--welcome .introjs-head h3, .introjs-subtitle, .introjs-title, .amd-bottom-nav__item .amd-bottom-nav__button, .amd-button--reverse, .amd-button--raised, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .amd-button--expanded, .amd-button--uppercase, .amd-card__title h4, .amd-dialog .amd-files-counter, .amd-multi-panels .mat-tab-label-active, .amd-expansion-panel__description .amd-button, .amd-expansion-panel__description .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .amd-expansion-panel__description .introjs-nextbutton, .amd-expansion-panel__filters, .amd-files-list__name, .amd-items-counter .amd-button, .amd-items-counter .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .amd-items-counter .introjs-nextbutton, .amd-items-counter__subtitle, .amd-link--reverse span, .amd-link--text, .amd-link__title, .amd-link__info, .amd-list--events h4, .amd-list__title, .amd-list__text .title,
.amd-list__text h6, .amd-list--sidenav .mat-list-item, .amd-list--selection .amd-list__subheader, .amd-message, .amd-notification, table.mat-table .mat-header-cell, .amd-table th, .amd-table__col--highlighted, .amd-stepper__step--active .amd-stepper__name, .amd-stepper__icon, .amd-stepper__icon-disabled, .amd-heading, .amd-notify__title, .amd-badge__title, .amd-check-item__name p, .amd-check-item__status, .amd-check-item__counter, .amd-button-toggle, .theme--myald .amd-button--raised, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .introjs-nextbutton,
.theme--myald .amd-button-raised-color,
.theme--myald a.amd-button.amd-button--light.cta-button, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.cta-button.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.cta-button.introjs-nextbutton,
.theme--myald a.amd-button.amd-button--light.stepper-prev.myald-button-inverse, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.stepper-prev.myald-button-inverse.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.stepper-prev.myald-button-inverse.introjs-nextbutton, .theme--myald a.amd-button.amd-button--light.cta-button.myald--aggiungi-controparte, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.cta-button.myald--aggiungi-controparte.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.cta-button.myald--aggiungi-controparte.introjs-nextbutton,
.theme--myald a.amd-button.amd-button--light.stepper-prev.myald--aggiungi-controparte, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.stepper-prev.myald--aggiungi-controparte.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.stepper-prev.myald--aggiungi-controparte.introjs-nextbutton,
.theme--myald a.amd-link.amd-link--dark.ald-generic-add,
.theme--myald button.amd-button.amd-button--raised.button-panel-title.cta-button.myald--aggiungi-controparte, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.button-panel-title.cta-button.myald--aggiungi-controparte.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald button.button-panel-title.cta-button.myald--aggiungi-controparte.introjs-nextbutton, .theme--myald .action-button.action-button--myald button.amd-button.amd-button--raised.stepper-next.mat-button.mat-raised-button, .theme--myald .action-button.action-button--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.stepper-next.mat-button.mat-raised-button.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .action-button.action-button--myald button.stepper-next.mat-button.mat-raised-button.introjs-nextbutton,
.theme--myald .action-button.action-button--myald button.amd-button.amd-button--raised.stepper-prev.mat-button.mat-raised-button, .theme--myald .action-button.action-button--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.stepper-prev.mat-button.mat-raised-button.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .action-button.action-button--myald button.stepper-prev.mat-button.mat-raised-button.introjs-nextbutton, .theme--myald .pre-step a.amd-button.amd-button--light, .theme--myald .pre-step .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .pre-step a.amd-button--light.introjs-nextbutton, .theme--myald .pre-step p.prestep-ald, .theme--myald .myald-bottom-navigation-btn, .theme--myald .myald-typage-title, .theme--myald .scarica-documento, .theme--myald-dialog a.amd-button.amd-button--reverse, .theme--myald-dialog .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--reverse.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald-dialog a.amd-button--reverse.introjs-nextbutton {
font-family: HelveticaNeueLTStd-Bd, Arial, Helvetica, sans-serif !important;
font-weight: normal !important; }
.HelveticaNeueLTStd-Md, .mat-error, .amd-legend__item, .claims-bottom-box, .fc .fc-head-container th, .fc .fc-time, .fc .fc-event, .amd-expansion-panel__recap, .amd-input--error, .amd-items-counter__title, .amd-link--station .amd-link__subtitle, .amd-link--station .amd-link__distance, .amd-check-item__date {
font-family: HelveticaNeueLTStd-Md, Arial, Helvetica, sans-serif !important; }
.HelveticaNeueLTStd-Lt, .amd-link--station .amd-link__note {
font-family: HelveticaNeueLTStd-Lt, Arial, Helvetica, sans-serif !important; }
/**
* Applies styles for users in high contrast mode. Note that this only applies
* to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
* attribute, however Chrome handles high contrast differently.
* @param target Which kind of high contrast setting to target. Defaults to `active`, can be
* `white-on-black` or `black-on-white`.
*/
/* Theme for the ripple elements.*/
/* stylelint-disable material/no-prefixes */
/* stylelint-enable */
.mat-elevation-z0 {
-webkit-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);
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); }
.mat-elevation-z1 {
-webkit-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);
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); }
.mat-elevation-z2 {
-webkit-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);
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); }
.mat-elevation-z3 {
-webkit-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);
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); }
.mat-elevation-z4 {
-webkit-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);
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); }
.mat-elevation-z5 {
-webkit-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);
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); }
.mat-elevation-z6 {
-webkit-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);
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); }
.mat-elevation-z7 {
-webkit-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);
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); }
.mat-elevation-z8 {
-webkit-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);
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); }
.mat-elevation-z9 {
-webkit-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);
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); }
.mat-elevation-z10 {
-webkit-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);
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); }
.mat-elevation-z11 {
-webkit-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);
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); }
.mat-elevation-z12 {
-webkit-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);
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); }
.mat-elevation-z13 {
-webkit-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);
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); }
.mat-elevation-z14 {
-webkit-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);
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); }
.mat-elevation-z15 {
-webkit-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);
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); }
.mat-elevation-z16 {
-webkit-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);
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); }
.mat-elevation-z17 {
-webkit-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);
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); }
.mat-elevation-z18 {
-webkit-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);
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); }
.mat-elevation-z19 {
-webkit-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);
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); }
.mat-elevation-z20 {
-webkit-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);
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); }
.mat-elevation-z21 {
-webkit-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);
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); }
.mat-elevation-z22 {
-webkit-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);
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); }
.mat-elevation-z23 {
-webkit-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);
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); }
.mat-elevation-z24 {
-webkit-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);
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); }
.mat-badge-content {
font-weight: 600;
font-size: 12px;
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-badge-small .mat-badge-content {
font-size: 6px; }
.mat-badge-large .mat-badge-content {
font-size: 24px; }
.mat-h1, .mat-headline, .mat-typography h1 {
font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h2, .mat-title, .mat-typography h2 {
font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h3, .mat-subheading-2, .mat-typography h3 {
font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h4, .mat-subheading-1, .mat-typography h4 {
font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h5, .mat-typography h5 {
font: 400 11.62px/20px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 12px; }
.mat-h6, .mat-typography h6 {
font: 400 9.38px/20px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 12px; }
.mat-body-strong, .mat-body-2 {
font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
.mat-body, .mat-body-1, .mat-typography {
font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-body p, .mat-body-1 p, .mat-typography p {
margin: 0 0 12px; }
.mat-small, .mat-caption {
font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-display-4, .mat-typography .mat-display-4 {
font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 56px;
letter-spacing: -0.05em; }
.mat-display-3, .mat-typography .mat-display-3 {
font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 64px;
letter-spacing: -0.02em; }
.mat-display-2, .mat-typography .mat-display-2 {
font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 64px;
letter-spacing: -0.005em; }
.mat-display-1, .mat-typography .mat-display-1 {
font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 64px; }
.mat-bottom-sheet-container {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 16px;
font-weight: 400; }
.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500; }
.mat-button-toggle {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-card {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-card-title {
font-size: 24px;
font-weight: 400; }
.mat-card-subtitle,
.mat-card-content,
.mat-card-header .mat-card-title {
font-size: 14px; }
.mat-checkbox {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-checkbox-layout .mat-checkbox-label {
line-height: 24px; }
.mat-chip {
font-size: 13px;
line-height: 18px; }
.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
font-size: 18px; }
.mat-table {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-header-cell {
font-size: 12px;
font-weight: 500; }
.mat-cell, .mat-footer-cell {
font-size: 14px; }
.mat-calendar {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-calendar-body {
font-size: 13px; }
.mat-calendar-body-label,
.mat-calendar-period-button {
font-size: 14px;
font-weight: 500; }
.mat-calendar-table-header th {
font-size: 11px;
font-weight: 400; }
.mat-dialog-title {
font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; }
.mat-expansion-panel-header {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 15px;
font-weight: 400; }
.mat-expansion-panel-content {
font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-form-field {
font-size: inherit;
font-weight: 400;
line-height: 1.125;
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-form-field-wrapper {
padding-bottom: 1.34375em; }
.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
font-size: 150%;
line-height: 1.125; }
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
height: 1.5em;
width: 1.5em; }
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
height: 1.125em;
line-height: 1.125; }
.mat-form-field-infix {
padding: 0.5em 0;
border-top: 0.84375em solid transparent; }
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.34375em) scale(0.75);
transform: translateY(-1.34375em) scale(0.75);
width: 133.33333333%; }
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label, .mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.34374em) scale(0.75);
transform: translateY(-1.34374em) scale(0.75);
width: 133.33334333%; }
.mat-form-field-label-wrapper {
top: -0.84375em;
padding-top: 0.84375em; }
.mat-form-field-label, .amd-placeholder {
top: 1.34375em; }
.mat-form-field-underline {
bottom: 1.34375em; }
.mat-form-field-subscript-wrapper {
font-size: 75%;
margin-top: 0.66666667em;
top: -webkit-calc(100% - 1.79166667em);
top: calc(100% - 1.79166667em); }
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
padding-bottom: 1.25em; }
.mat-form-field-appearance-legacy .mat-form-field-infix {
padding: 0.4375em 0; }
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-ms-transform: translateY(-1.28125em) scale(0.75);
width: 133.33333333%; }
.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, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
-ms-transform: translateY(-1.28124em) scale(0.75);
width: 133.33334333%; }
.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, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
-ms-transform: translateY(-1.28123em) scale(0.75);
width: 133.33335333%; }
.mat-form-field-appearance-legacy .mat-form-field-label, .mat-form-field-appearance-legacy .amd-placeholder {
top: 1.28125em; }
.mat-form-field-appearance-legacy .mat-form-field-underline {
bottom: 1.25em; }
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
margin-top: 0.54166667em;
top: -webkit-calc(100% - 1.66666667em);
top: calc(100% - 1.66666667em); }
.mat-form-field-appearance-fill .mat-form-field-infix {
padding: 0.25em 0 0.75em 0; }
.mat-form-field-appearance-fill .mat-form-field-label, .mat-form-field-appearance-fill .amd-placeholder {
top: 1.09375em;
margin-top: -0.5em; }
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-0.59375em) scale(0.75);
transform: translateY(-0.59375em) scale(0.75);
width: 133.33333333%; }
.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, .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-0.59374em) scale(0.75);
transform: translateY(-0.59374em) scale(0.75);
width: 133.33334333%; }
.mat-form-field-appearance-outline .mat-form-field-infix {
padding: 1em 0 1em 0; }
.mat-form-field-appearance-outline .mat-form-field-label, .mat-form-field-appearance-outline .amd-placeholder {
top: 1.84375em;
margin-top: -0.25em; }
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.59375em) scale(0.75);
transform: translateY(-1.59375em) scale(0.75);
width: 133.33333333%; }
.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, .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.59374em) scale(0.75);
transform: translateY(-1.59374em) scale(0.75);
width: 133.33334333%; }
.mat-grid-tile-header,
.mat-grid-tile-footer {
font-size: 14px; }
.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
font-size: 12px; }
input.mat-input-element {
margin-top: -0.0625em; }
.mat-menu-item {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 16px;
font-weight: 400; }
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 12px; }
.mat-radio-button {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-select {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-select-trigger {
height: 1.125em; }
.mat-slide-toggle-content {
font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-slider-thumb-label-text {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 12px;
font-weight: 500; }
.mat-stepper-vertical, .mat-stepper-horizontal {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-step-label {
font-size: 14px;
font-weight: 400; }
.mat-step-label-selected {
font-size: 14px;
font-weight: 500; }
.mat-tab-group {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-tab-label, .mat-tab-link {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500; }
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
margin: 0; }
.mat-tooltip {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 10px;
padding-top: 6px;
padding-bottom: 6px; }
.mat-tooltip-handset {
font-size: 14px;
padding-top: 9px;
padding-bottom: 9px; }
.mat-list-item {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-list-option {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
font-size: 16px; }
.mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
font-size: 14px; }
.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
font-size: 16px; }
.mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
font-size: 14px; }
.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500; }
.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
font-size: 12px; }
.mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
font-size: 12px; }
.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
font-size: 12px; }
.mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
font-size: 12px; }
.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 12px;
font-weight: 500; }
.mat-option {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 16px; }
.mat-optgroup-label {
font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
.mat-simple-snackbar {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px; }
.mat-simple-snackbar-action {
line-height: 1;
font-family: inherit;
font-size: inherit;
font-weight: 500; }
.mat-tree {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-tree-node {
font-weight: 400;
font-size: 14px; }
.mat-ripple {
overflow: hidden; }
.mat-ripple.mat-ripple-unbounded {
overflow: visible; }
.mat-ripple-element {
position: absolute;
-webkit-border-radius: 50%;
border-radius: 50%;
pointer-events: none;
-webkit-transition: opacity, -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity, -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
-webkit-transform: scale(0);
transform: scale(0); }
@media screen and (-ms-high-contrast: active) {
.mat-ripple-element {
display: none; } }
.cdk-visually-hidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
outline: 0;
-webkit-appearance: none;
-moz-appearance: none; }
.cdk-overlay-container, .cdk-global-overlay-wrapper {
pointer-events: none;
top: 0;
left: 0;
height: 100%;
width: 100%; }
.cdk-overlay-container {
position: fixed;
z-index: 1000; }
.cdk-overlay-container:empty {
display: none; }
.cdk-global-overlay-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: flex;
position: absolute;
z-index: 1000; }
.cdk-overlay-pane {
position: absolute;
pointer-events: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 1000;
display: -webkit-box;
display: -webkit-flex;
display: flex;
max-width: 100%;
max-height: 100%; }
.cdk-overlay-backdrop {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
pointer-events: auto;
-webkit-tap-highlight-color: transparent;
-webkit-transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
opacity: 0; }
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
opacity: 1; }
@media screen and (-ms-high-contrast: active) {
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
opacity: 0.6; } }
.cdk-overlay-dark-backdrop {
background: rgba(0, 0, 0, 0.288); }
.cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
opacity: 0; }
.cdk-overlay-connected-position-bounding-box {
position: absolute;
z-index: 1000;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
min-width: 1px;
min-height: 1px; }
.cdk-global-scrollblock {
position: fixed;
width: 100%;
overflow-y: scroll; }
@keyframes cdk-text-field-autofill-start {
/*!*/ }
@keyframes cdk-text-field-autofill-end {
/*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
-webkit-animation-name: cdk-text-field-autofill-start;
animation-name: cdk-text-field-autofill-start; }
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
-webkit-animation-name: cdk-text-field-autofill-end;
animation-name: cdk-text-field-autofill-end; }
textarea.cdk-textarea-autosize {
resize: none; }
textarea.cdk-textarea-autosize-measuring {
height: auto !important;
overflow: hidden !important;
padding: 2px 0 !important;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important; }
.mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-option {
color: white; }
.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
background: rgba(255, 255, 255, 0.04); }
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
background: rgba(255, 255, 255, 0.04); }
.mat-option.mat-active {
background: rgba(255, 255, 255, 0.04);
color: white; }
.mat-option.mat-option-disabled {
color: rgba(255, 255, 255, 0.5); }
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
color: #19becf; }
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
color: #005c80; }
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
color: #f44336; }
.mat-optgroup-label {
color: rgba(255, 255, 255, 0.7); }
.mat-optgroup-disabled .mat-optgroup-label {
color: rgba(255, 255, 255, 0.5); }
.mat-pseudo-checkbox {
color: rgba(255, 255, 255, 0.7); }
.mat-pseudo-checkbox::after {
color: #303030; }
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
background: #005c80; }
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
background: #19becf; }
.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
background: #f44336; }
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
background: #686868; }
.mat-app-background {
background-color: #303030;
color: white; }
.mat-theme-loaded-marker {
display: none; }
.mat-autocomplete-panel {
background: #424242;
color: white; }
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
background: #424242; }
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
color: white; }
.mat-badge-content {
color: white;
background: #19becf; }
.mat-badge-accent .mat-badge-content {
background: #005c80;
color: white; }
.mat-badge-warn .mat-badge-content {
color: white;
background: #f44336; }
.mat-badge {
position: relative; }
.mat-badge-hidden .mat-badge-content {
display: none; }
.mat-badge-content {
position: absolute;
text-align: center;
display: inline-block;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: -webkit-transform 200ms ease-in-out;
transition: -webkit-transform 200ms ease-in-out;
transition: transform 200ms ease-in-out;
transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
-webkit-transform: scale(0.6);
transform: scale(0.6);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
pointer-events: none; }
.mat-badge-content.mat-badge-active {
-webkit-transform: none;
transform: none; }
.mat-badge-small .mat-badge-content {
width: 16px;
height: 16px;
line-height: 16px; }
@media screen and (-ms-high-contrast: active) {
.mat-badge-small .mat-badge-content {
outline: solid 1px;
-webkit-border-radius: 0;
border-radius: 0; } }
.mat-badge-small.mat-badge-above .mat-badge-content {
top: -8px; }
.mat-badge-small.mat-badge-below .mat-badge-content {
bottom: -8px; }
.mat-badge-small.mat-badge-before .mat-badge-content {
left: -16px; }
[dir='rtl'] .mat-badge-small.mat-badge-before .mat-badge-content {
left: auto;
right: -16px; }
.mat-badge-small.mat-badge-after .mat-badge-content {
right: -16px; }
[dir='rtl'] .mat-badge-small.mat-badge-after .mat-badge-content {
right: auto;
left: -16px; }
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -8px; }
[dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -8px; }
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -8px; }
[dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -8px; }
.mat-badge-medium .mat-badge-content {
width: 22px;
height: 22px;
line-height: 22px; }
@media screen and (-ms-high-contrast: active) {
.mat-badge-medium .mat-badge-content {
outline: solid 1px;
-webkit-border-radius: 0;
border-radius: 0; } }
.mat-badge-medium.mat-badge-above .mat-badge-content {
top: -11px; }
.mat-badge-medium.mat-badge-below .mat-badge-content {
bottom: -11px; }
.mat-badge-medium.mat-badge-before .mat-badge-content {
left: -22px; }
[dir='rtl'] .mat-badge-medium.mat-badge-before .mat-badge-content {
left: auto;
right: -22px; }
.mat-badge-medium.mat-badge-after .mat-badge-content {
right: -22px; }
[dir='rtl'] .mat-badge-medium.mat-badge-after .mat-badge-content {
right: auto;
left: -22px; }
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -11px; }
[dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -11px; }
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -11px; }
[dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -11px; }
.mat-badge-large .mat-badge-content {
width: 28px;
height: 28px;
line-height: 28px; }
@media screen and (-ms-high-contrast: active) {
.mat-badge-large .mat-badge-content {
outline: solid 1px;
-webkit-border-radius: 0;
border-radius: 0; } }
.mat-badge-large.mat-badge-above .mat-badge-content {
top: -14px; }
.mat-badge-large.mat-badge-below .mat-badge-content {
bottom: -14px; }
.mat-badge-large.mat-badge-before .mat-badge-content {
left: -28px; }
[dir='rtl'] .mat-badge-large.mat-badge-before .mat-badge-content {
left: auto;
right: -28px; }
.mat-badge-large.mat-badge-after .mat-badge-content {
right: -28px; }
[dir='rtl'] .mat-badge-large.mat-badge-after .mat-badge-content {
right: auto;
left: -28px; }
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -14px; }
[dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -14px; }
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -14px; }
[dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -14px; }
.mat-bottom-sheet-container {
background: #424242;
color: white; }
.mat-button, .mat-icon-button, .mat-stroked-button {
color: inherit;
background: transparent; }
.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
color: #19becf; }
.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
color: #005c80; }
.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
color: #f44336; }
.mat-button.mat-primary[disabled], .mat-button.mat-accent[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled], .mat-stroked-button.mat-primary[disabled], .mat-stroked-button.mat-accent[disabled], .mat-stroked-button.mat-warn[disabled], .mat-stroked-button[disabled][disabled] {
color: rgba(255, 255, 255, 0.3); }
.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
background-color: rgba(25, 190, 207, 0.12); }
.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
background-color: rgba(0, 92, 128, 0.12); }
.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
background-color: rgba(244, 67, 54, 0.12); }
.mat-button[disabled] .mat-button-focus-overlay, .mat-icon-button[disabled] .mat-button-focus-overlay, .mat-stroked-button[disabled] .mat-button-focus-overlay {
background-color: transparent; }
.mat-button.mat-primary .mat-ripple-element, .mat-icon-button.mat-primary .mat-ripple-element, .mat-stroked-button.mat-primary .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.1); }
.mat-button.mat-accent .mat-ripple-element, .mat-icon-button.mat-accent .mat-ripple-element, .mat-stroked-button.mat-accent .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.1); }
.mat-button.mat-warn .mat-ripple-element, .mat-icon-button.mat-warn .mat-ripple-element, .mat-stroked-button.mat-warn .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.1); }
.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
color: white;
background-color: #424242; }
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
color: white; }
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
color: white; }
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
color: white; }
.mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
color: rgba(255, 255, 255, 0.3); }
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
background-color: #19becf; }
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
background-color: #005c80; }
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
background-color: #f44336; }
.mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
background-color: rgba(255, 255, 255, 0.12); }
.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-icon-button.mat-primary .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.2); }
.mat-icon-button.mat-accent .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.2); }
.mat-icon-button.mat-warn .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.2); }
.mat-button-toggle {
color: rgba(255, 255, 255, 0.5); }
.mat-button-toggle .mat-button-toggle-focus-overlay {
background-color: rgba(255, 255, 255, 0.12); }
.mat-button-toggle-checked {
background-color: #212121;
color: rgba(255, 255, 255, 0.7); }
.mat-button-toggle-disabled {
background-color: black;
color: rgba(255, 255, 255, 0.3); }
.mat-button-toggle-disabled.mat-button-toggle-checked {
background-color: #424242; }
.mat-card {
background: #424242;
color: white; }
.mat-card-subtitle {
color: rgba(255, 255, 255, 0.7); }
.mat-checkbox-frame {
border-color: rgba(255, 255, 255, 0.7); }
.mat-checkbox-checkmark {
fill: #303030; }
.mat-checkbox-checkmark-path {
stroke: #303030 !important; }
@media screen and (-ms-high-contrast: black-on-white) {
.mat-checkbox-checkmark-path {
stroke: #000 !important; } }
.mat-checkbox-mixedmark {
background-color: #303030; }
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
background-color: #19becf; }
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
background-color: #005c80; }
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
background-color: #f44336; }
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
background-color: #686868; }
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
border-color: #686868; }
.mat-checkbox-disabled .mat-checkbox-label {
color: #686868; }
@media screen and (-ms-high-contrast: active) {
.mat-checkbox-disabled {
opacity: 0.5; } }
@media screen and (-ms-high-contrast: active) {
.mat-checkbox-background {
background: none; } }
.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.26); }
.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.26); }
.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.26); }
.mat-chip.mat-standard-chip {
background-color: #616161;
color: white; }
.mat-chip.mat-standard-chip .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip .mat-chip-remove:hover {
opacity: 0.54; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
background-color: #19becf;
color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
opacity: 0.54; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
background-color: #f44336;
color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
opacity: 0.54; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
background-color: #005c80;
color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
opacity: 0.54; }
.mat-table {
background: #424242; }
.mat-table thead, .mat-table tbody, .mat-table tfoot,
mat-header-row, mat-row, mat-footer-row,
[mat-header-row], [mat-row], [mat-footer-row],
.mat-table-sticky {
background: inherit; }
mat-row, mat-header-row, mat-footer-row,
th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
border-bottom-color: rgba(255, 255, 255, 0.12); }
.mat-header-cell {
color: rgba(255, 255, 255, 0.7); }
.mat-cell, .mat-footer-cell {
color: white; }
.mat-calendar-arrow {
border-top-color: white; }
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
color: white; }
.mat-calendar-table-header {
color: rgba(255, 255, 255, 0.5); }
.mat-calendar-table-header-divider::after {
background: rgba(255, 255, 255, 0.12); }
.mat-calendar-body-label {
color: rgba(255, 255, 255, 0.7); }
.mat-calendar-body-cell-content {
color: white;
border-color: transparent; }
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
color: rgba(255, 255, 255, 0.5); }
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
background-color: rgba(255, 255, 255, 0.04); }
.mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(255, 255, 255, 0.5); }
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(255, 255, 255, 0.3); }
.mat-calendar-body-selected {
background-color: #19becf;
color: white; }
.mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(25, 190, 207, 0.4); }
.mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content {
background-color: #424242;
color: white; }
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
background-color: #005c80;
color: white; }
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(0, 92, 128, 0.4); }
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
background-color: #f44336;
color: white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(244, 67, 54, 0.4); }
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-toggle-active {
color: #19becf; }
.mat-datepicker-toggle-active.mat-accent {
color: #005c80; }
.mat-datepicker-toggle-active.mat-warn {
color: #f44336; }
.mat-dialog-container {
background: #424242;
color: white; }
.mat-divider {
border-top-color: rgba(255, 255, 255, 0.12); }
.mat-divider-vertical {
border-right-color: rgba(255, 255, 255, 0.12); }
.mat-expansion-panel {
background: #424242;
color: white; }
.mat-action-row {
border-top-color: rgba(255, 255, 255, 0.12); }
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']):hover {
background: rgba(255, 255, 255, 0.04); }
@media (hover: none) {
.mat-expansion-panel:not(.mat-expanded):not([aria-disabled='true']) .mat-expansion-panel-header:hover {
background: #424242; } }
.mat-expansion-panel-header-title {
color: white; }
.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
color: rgba(255, 255, 255, 0.7); }
.mat-expansion-panel-header[aria-disabled='true'] {
color: rgba(255, 255, 255, 0.3); }
.mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-description {
color: inherit; }
.mat-form-field-label, .amd-placeholder {
color: rgba(255, 255, 255, 0.7); }
.mat-hint {
color: rgba(255, 255, 255, 0.7); }
.mat-form-field.mat-focused .mat-form-field-label, .mat-form-field.mat-focused .amd-placeholder {
color: #19becf; }
.mat-form-field.mat-focused .mat-form-field-label.mat-accent, .mat-form-field.mat-focused .mat-accent.amd-placeholder {
color: #005c80; }
.mat-form-field.mat-focused .mat-form-field-label.mat-warn, .mat-form-field.mat-focused .mat-warn.amd-placeholder {
color: #f44336; }
.mat-focused .mat-form-field-required-marker {
color: #005c80; }
.mat-form-field-ripple {
background-color: white; }
.mat-form-field.mat-focused .mat-form-field-ripple {
background-color: #19becf; }
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
background-color: #005c80; }
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
background-color: #f44336; }
.mat-form-field.mat-form-field-invalid .mat-form-field-label, .mat-form-field.mat-form-field-invalid .amd-placeholder {
color: #f44336; }
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, .mat-form-field.mat-form-field-invalid .mat-accent.amd-placeholder,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,
.mat-form-field.mat-form-field-invalid .amd-placeholder .mat-form-field-required-marker {
color: #f44336; }
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
background-color: #f44336; }
.mat-error {
color: #f44336; }
.mat-form-field-appearance-legacy .mat-form-field-label, .mat-form-field-appearance-legacy .amd-placeholder {
color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-legacy .mat-hint {
color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-legacy .mat-form-field-underline {
background-color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.7)), color-stop(33%, rgba(255, 255, 255, 0.7)), color-stop(0%, transparent));
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
background-size: 4px 100%;
background-repeat: repeat-x; }
.mat-form-field-appearance-standard .mat-form-field-underline {
background-color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.7)), color-stop(33%, rgba(255, 255, 255, 0.7)), color-stop(0%, transparent));
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
background-size: 4px 100%;
background-repeat: repeat-x; }
.mat-form-field-appearance-fill .mat-form-field-flex {
background-color: rgba(255, 255, 255, 0.1); }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
background-color: rgba(255, 255, 255, 0.05); }
.mat-form-field-appearance-fill .mat-form-field-underline::before {
background-color: rgba(255, 255, 255, 0.5); }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-disabled .amd-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
background-color: transparent; }
.mat-form-field-appearance-outline .mat-form-field-outline {
color: rgba(255, 255, 255, 0.3); }
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
color: white; }
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
color: #19becf; }
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
color: #005c80; }
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
color: #f44336; }
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
color: #f44336; }
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-disabled .amd-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
color: rgba(255, 255, 255, 0.15); }
.mat-icon.mat-primary {
color: #19becf; }
.mat-icon.mat-accent {
color: #005c80; }
.mat-icon.mat-warn {
color: #f44336; }
.mat-input-element:disabled {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element {
caret-color: #19becf; }
.mat-input-element::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::-moz-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-accent .mat-input-element {
caret-color: #005c80; }
.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
caret-color: #f44336; }
.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
color: white; }
.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
color: white; }
.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
color: rgba(255, 255, 255, 0.7); }
.mat-list-item-disabled {
background-color: black; }
.mat-list-option:hover, .mat-list-option.mat-list-item-focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item.mat-list-item-focus {
background: rgba(255, 255, 255, 0.04); }
.mat-menu-panel {
background: #424242; }
.mat-menu-item {
background: transparent;
color: white; }
.mat-menu-item[disabled], .mat-menu-item[disabled]::after {
color: rgba(255, 255, 255, 0.5); }
.mat-menu-item .mat-icon:not([color]),
.mat-menu-item-submenu-trigger::after {
color: white; }
.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
background: rgba(255, 255, 255, 0.04); }
.mat-paginator {
background: #424242; }
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
color: rgba(255, 255, 255, 0.7); }
.mat-paginator-decrement,
.mat-paginator-increment {
border-top: 2px solid white;
border-right: 2px solid white; }
.mat-paginator-first,
.mat-paginator-last {
border-top: 2px solid white; }
.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
border-color: rgba(255, 255, 255, 0.5); }
.mat-progress-bar-background {
fill: #baecf1; }
.mat-progress-bar-buffer {
background-color: #baecf1; }
.mat-progress-bar-fill::after {
background-color: #19becf; }
.mat-progress-bar.mat-accent .mat-progress-bar-background {
fill: #b3ced9; }
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
background-color: #b3ced9; }
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
background-color: #005c80; }
.mat-progress-bar.mat-warn .mat-progress-bar-background {
fill: #ffcdd2; }
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
background-color: #ffcdd2; }
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
background-color: #f44336; }
.mat-progress-spinner circle, .mat-spinner circle {
stroke: #19becf; }
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
stroke: #005c80; }
.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
stroke: #f44336; }
.mat-radio-outer-circle {
border-color: rgba(255, 255, 255, 0.7); }
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
border-color: #19becf; }
.mat-radio-button.mat-primary .mat-radio-inner-circle {
background-color: #19becf; }
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.26); }
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
border-color: #005c80; }
.mat-radio-button.mat-accent .mat-radio-inner-circle {
background-color: #005c80; }
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.26); }
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
border-color: #f44336; }
.mat-radio-button.mat-warn .mat-radio-inner-circle {
background-color: #f44336; }
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.26); }
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
border-color: rgba(255, 255, 255, 0.5); }
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
background-color: rgba(255, 255, 255, 0.5); }
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
color: rgba(255, 255, 255, 0.5); }
.mat-select-content, .mat-select-panel-done-animating {
background: #424242; }
.mat-select-value {
color: white; }
.mat-select-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-select-disabled .mat-select-value {
color: rgba(255, 255, 255, 0.5); }
.mat-select-arrow {
color: rgba(255, 255, 255, 0.7); }
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
background: rgba(255, 255, 255, 0.12); }
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
color: #19becf; }
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
color: #005c80; }
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
color: #f44336; }
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
color: #f44336; }
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
color: rgba(255, 255, 255, 0.5); }
.mat-drawer-container {
background-color: #303030;
color: white; }
.mat-drawer {
background-color: #424242;
color: white; }
.mat-drawer.mat-drawer-push {
background-color: #424242; }
.mat-drawer-backdrop.mat-drawer-shown {
background-color: rgba(189, 189, 189, 0.6); }
.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #80adbf; }
.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgba(128, 173, 191, 0.5); }
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle .mat-ripple-element {
background-color: rgba(128, 173, 191, 0.12); }
.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #8cdfe7; }
.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgba(140, 223, 231, 0.5); }
.mat-slide-toggle.mat-primary:not(.mat-checked) .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle.mat-primary .mat-ripple-element {
background-color: rgba(140, 223, 231, 0.12); }
.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #ef9a9a; }
.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgba(239, 154, 154, 0.5); }
.mat-slide-toggle.mat-warn:not(.mat-checked) .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle.mat-warn .mat-ripple-element {
background-color: rgba(239, 154, 154, 0.12); }
.mat-disabled .mat-slide-toggle-thumb {
background-color: #424242; }
.mat-disabled .mat-slide-toggle-bar {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle-thumb {
background-color: #bdbdbd; }
.mat-slide-toggle-bar {
background-color: rgba(255, 255, 255, 0.5); }
.mat-slider-track-background {
background-color: rgba(255, 255, 255, 0.3); }
.mat-primary .mat-slider-track-fill,
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label {
background-color: #19becf; }
.mat-primary .mat-slider-thumb-label-text {
color: white; }
.mat-accent .mat-slider-track-fill,
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label {
background-color: #005c80; }
.mat-accent .mat-slider-thumb-label-text {
color: white; }
.mat-warn .mat-slider-track-fill,
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label {
background-color: #f44336; }
.mat-warn .mat-slider-thumb-label-text {
color: white; }
.mat-slider-focus-ring {
background-color: rgba(0, 92, 128, 0.2); }
.mat-slider:hover .mat-slider-track-background,
.cdk-focused .mat-slider-track-background {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled .mat-slider-thumb {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-disabled:hover .mat-slider-track-background {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-min-value .mat-slider-focus-ring {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
background-color: white; }
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
border-color: rgba(255, 255, 255, 0.3);
background-color: transparent; }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
border-color: rgba(255, 255, 255, 0.3); }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
border-color: rgba(255, 255, 255, 0.3); }
.mat-slider-has-ticks .mat-slider-wrapper::after {
border-color: rgba(255, 255, 255, 0.7); }
.mat-slider-horizontal .mat-slider-ticks {
background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);
background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); }
.mat-slider-vertical .mat-slider-ticks {
background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); }
.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover {
background-color: rgba(255, 255, 255, 0.04); }
.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
color: rgba(255, 255, 255, 0.5); }
.mat-step-header .mat-step-icon {
background-color: #19becf;
color: white; }
.mat-step-header .mat-step-icon-not-touched {
background-color: rgba(255, 255, 255, 0.5);
color: white; }
.mat-step-header .mat-step-label.mat-step-label-active {
color: white; }
.mat-stepper-horizontal, .mat-stepper-vertical {
background-color: #424242; }
.mat-stepper-vertical-line::before {
border-left-color: rgba(255, 255, 255, 0.12); }
.mat-stepper-horizontal-line {
border-top-color: rgba(255, 255, 255, 0.12); }
.mat-sort-header-arrow {
color: #c6c6c6; }
.mat-tab-nav-bar,
.mat-tab-header {
border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: none; }
.mat-tab-label, .mat-tab-link {
color: white; }
.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.5); }
.mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.5); }
.mat-tab-group[class*='mat-background-'] .mat-tab-header,
.mat-tab-nav-bar[class*='mat-background-'] {
border-bottom: none;
border-top: none; }
.mat-tab-group.mat-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(186, 236, 241, 0.3); }
.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
background-color: #19becf; }
.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
background-color: white; }
.mat-tab-group.mat-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(179, 206, 217, 0.3); }
.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
background-color: #005c80; }
.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
background-color: white; }
.mat-tab-group.mat-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(255, 205, 210, 0.3); }
.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
background-color: #f44336; }
.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
background-color: white; }
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(186, 236, 241, 0.3); }
.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
background-color: #19becf; }
.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
color: white; }
.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-primary .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(179, 206, 217, 0.3); }
.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
background-color: #005c80; }
.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
color: white; }
.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-accent .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(255, 205, 210, 0.3); }
.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links {
background-color: #f44336; }
.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
color: white; }
.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-warn .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-toolbar {
background: #212121;
color: white; }
.mat-toolbar.mat-primary {
background: #19becf;
color: white; }
.mat-toolbar.mat-accent {
background: #005c80;
color: white; }
.mat-toolbar.mat-warn {
background: #f44336;
color: white; }
.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
background-color: currentColor; }
.mat-toolbar .mat-form-field-label, .mat-toolbar .amd-placeholder,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-focused .amd-placeholder,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
color: inherit; }
.mat-toolbar .mat-input-element {
caret-color: currentColor; }
.mat-tooltip {
background: rgba(97, 97, 97, 0.9); }
.mat-tree {
background: #424242; }
.mat-tree-node {
color: white; }
.mat-snack-bar-container {
background: #fafafa;
color: rgba(0, 0, 0, 0.87); }
.mat-simple-snackbar-action {
color: inherit; }
.mat-calendar-arrow {
border-top-color: rgba(0, 0, 0, 0.54); }
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
color: rgba(0, 0, 0, 0.54); }
.mat-calendar-table-header {
color: rgba(0, 0, 0, 0.38); }
.mat-calendar-table-header-divider::after {
background: rgba(0, 0, 0, 0.12); }
.mat-calendar-body-label {
color: rgba(0, 0, 0, 0.54); }
.mat-calendar-body-cell-content {
color: rgba(0, 0, 0, 0.87);
border-color: transparent; }
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
color: rgba(0, 0, 0, 0.38); }
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
background-color: rgba(0, 0, 0, 0.04); }
.mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(0, 0, 0, 0.38); }
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(0, 0, 0, 0.18); }
.mat-calendar-body-selected {
background-color: #19becf;
color: white; }
.mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(25, 190, 207, 0.4); }
.mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content {
background-color: white;
color: rgba(0, 0, 0, 0.87); }
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
background-color: #005c80;
color: white; }
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(0, 92, 128, 0.4); }
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
background-color: #f44336;
color: white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(244, 67, 54, 0.4); }
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-toggle-active {
color: #19becf; }
.mat-datepicker-toggle-active.mat-accent {
color: #005c80; }
.mat-datepicker-toggle-active.mat-warn {
color: #f44336; }
/*
Variables
Styleguide 1
*/
/*
Colors Palette
$amd-primary-50 - primary 50
$amd-primary-100 - primary 100
markup:
{$modifiers}
Styleguide 1.1
*/
.amd-color-red {
color: #ff6054; }
.amd-color-green {
color: #4caf50 !important; }
.amd-color-orange {
color: #ff9800 !important; }
.amd-color-red {
color: #ff6054 !important; }
.amd-bg-color-red {
background-color: #fbd6d3; }
.amd-accent-300 {
color: #42a3d0; }
.amd-accent-500 {
color: #005c80 !important; }
.amd-accent-500--bg {
background-color: #19becf !important; }
.amd-accent-500--hover, .amd-items-counter--accent-dark:hover {
background-color: #005478 !important; }
.amd-primary-500 {
color: #19becf !important; }
.amd-primary-500--bg {
background-color: #005c80 !important; }
.amd-primary-500--hover, .amd-items-counter--primary:hover {
background-color: #47cbd8 !important; }
.mat-container-colors {
background-color: #002e40;
color: #fff; }
.mat-toolbar-colors {
background-color: rgba(0, 46, 64, 0.9); }
.footer-colors {
background-color: #003348;
color: #80adbf; }
.footer-colors a {
color: #ddeef6; }
.table-border-color, table.mat-table--bordered > thead > .mat-row,
table.mat-table--bordered > tbody > .mat-row, .amd-table--bordered > thead > tr,
.amd-table--bordered > tbody > tr {
border-bottom: 1px solid #ccc; }
.box-shadow, .amd-expansion-panel, .amd-table tbody {
-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) !important;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) !important; }
.amd-title-color, .amd-title {
color: #267493; }
.amd-title-border, .amd-title {
border-left: 2px solid #42a3d0; }
.amd-button-raised-color, .amd-button--raised, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton {
color: #fff !important;
background-color: #19becf !important; }
.amd-input-control-colors, .amd-input__group__control {
background-color: #0f727c;
color: #baecf1; }
.amd-input-control-placeholder, .amd-input__group__control::-webkit-input-placeholder {
color: #5ed2dd; }
.amd-expansion-panel-bg-color {
background-color: #004560; }
.amd-expansion-panel-header-border {
border-bottom-color: #003348; }
.amd-expansion-panel-header-color {
color: #42a3d0; }
.amd-expansion-panel-content {
background-color: #004e6d; }
.amd-card-bg-color, .amd-card {
background-color: #004e6d; }
.amd-card-bg-color .amd-icon--circle .amd-icon--border, .amd-card .amd-icon--circle .amd-icon--border {
border-color: #ccc; }
.amd-card-bg-color--light, .amd-card--light {
background-color: #005c80; }
.amd-card-bg-color--light .amd-card-title-btn-border, .amd-card--light .amd-card-title-btn-border, .amd-card-bg-color--light .amd-card__title-btn, .amd-card--light .amd-card__title-btn,
.amd-card-bg-color--light .amd-card__title-btn,
.amd-card--light .amd-card__title-btn {
border-left: 1px solid #004560; }
.amd-card-bg-color--light .amd-icon--circle .amd-icon--border, .amd-card--light .amd-icon--circle .amd-icon--border {
border-color: #004560; }
.amd-card-title-color, .amd-card__title h4 {
color: #42a3d0; }
.amd-card-title-color--light, .amd-card--light .amd-card__title h4,
.amd-card--light .amd-card__title-icon {
color: #80adbf; }
.amd-card-title-btn-border, .amd-card__title-btn {
border-left: 1px solid #003348; }
.amd-list-col-border {
border-left: 1px solid #80adbf; }
.amd-list-item-border {
border-bottom: 1px solid #003348; }
.amd-list-icon-color {
color: #42a3d0; }
.amd-list-title-color {
color: #80adbf; }
.u-theme--positive .amd-link,
.u-theme--positive .amd-button--accent,
.u-theme--positive .amd-accent-500,
.u-theme--positive .amd-button--primary,
.u-theme--positive .amd-primary-500,
.u-theme--positive .amd-button--light,
.u-theme--positive .amd-button--reverse,
.u-theme--positive .amd-select__centers .mat-select-placeholder.mat-floating-placeholder {
color: #0071b9 !important; }
.u-theme--positive .amd-list__check {
border-right: 2px solid #d1d1d1; }
.u-theme--positive .amd-toolbar__title {
color: #4e4e4e; }
.u-theme--positive .amd-toolbar__action ul li {
border-right: 1px solid #ccc; }
.u-theme--positive .amd-wizard {
border-left: 1px solid #ddd !important; }
.u-theme--positive .amd-select__centers .mat-select-value {
color: #777 !important; }
.u-theme--positive .amd-select__centers .mat-select-underline {
background-color: #ccc; }
.u-theme--positive .deadlines-cell {
background-color: #fff; }
.u-theme--positive .deadlines-list__text {
color: #696969; }
.u-theme--positive .deadlines-list a,
.u-theme--positive .deadlines-list a:visited {
color: #444; }
.u-theme--positive .deadlines-list__bar {
background-color: #e6e6e6;
color: #333; }
.u-theme--positive .deadlines-list__item {
border-bottom: 1px solid #ddd; }
.u-theme--positive .news-cell__text {
color: #333; }
.u-theme--positive .news-cell__date {
color: #696969; }
.u-theme--positive .info-grid .amd-icon--border {
border-color: #ccc !important; }
.u-theme--positive .info-grid .amd-list__text p {
color: #696969; }
.u-theme--positive .news-grid__cell__date {
color: #696969; }
.u-theme--positive .news-grid__cell__text {
color: #333; }
.u-theme--positive .order-check__label {
color: #4e4e4e !important; }
.u-theme--positive .order-details__legend .amd-title {
color: #696969; }
.u-theme--positive .order-details__legend__item {
color: #777; }
.u-theme--positive .order-details__legend__item span {
color: #666; }
.u-theme--positive .order-details__tabs .mat-expansion-panel-body tbody {
border-bottom: 1px solid #eee; }
.u-theme--positive .order-details__tabs .mat-expansion-panel-body tbody:nth-of-type(even) {
background-color: #f5f5f5; }
.u-theme--positive .order-details__tabs .mat-tab-label {
background-color: #fff;
color: #0071b9; }
.u-theme--positive .amd-table__td--toggle {
border-left: 1px solid #eee !important;
border-right: 1px solid #eee !important; }
.u-theme--positive .amd-title {
color: #818181; }
.u-theme--positive .amd-breadcrumb__bookmark .mat-button,
.u-theme--positive .amd-breadcrumb__icon,
.u-theme--positive .amd-button--expanded,
.u-theme--positive .amd-card__title-btn .mat-icon {
color: #0071b9 !important; }
.u-theme--positive .amd-bg--primary .amd-bg--highlight,
.u-theme--positive .amd-bg--accent .amd-bg--highlight {
color: #42a3d0; }
.u-theme--positive .amd-breadcrumb__content {
border-left: 2px solid #0071b9; }
.u-theme--positive .amd-bg--border::before {
border-left: 3px solid #0071b9; }
.u-theme--positive .amd-heading {
color: #42a3d0; }
.u-theme--positive .amd-breadcrumb__link,
.u-theme--positive .amd-breadcrumb__title,
.u-theme--positive .amd-breadcrumb_link:visited {
color: #333333; }
.u-theme--positive .amd-label {
background-color: #eee;
color: #777;
border-color: #ccc; }
.u-theme--positive .amd-label--primary {
color: #0071b9; }
.u-theme--positive .amd-label .fa {
color: #4caf50; }
.u-theme--positive .u-divider {
border-top: 1px solid #ddd; }
.u-theme--positive .amd-bg--accent,
.u-theme--positive .amd-bg--primary {
background-color: #f2f2f2;
color: #4e4e4e; }
.u-theme--positive .amd-legend__item {
color: #818181; }
.u-theme--positive .mat-container-colors {
background-color: #e6e6e6;
color: #4e4e4e; }
.u-theme--positive .mat-radio-outer-circle {
border-color: #ccc; }
.u-theme--positive .mat-checkbox-disabled .mat-checkbox-label {
color: #999; }
.u-theme--positive .mat-checkbox-frame {
border-color: #a4a4a4 !important; }
.u-theme--positive .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.u-theme--positive .mat-checkbox-checked.mat-accent .mat-checkbox-background {
background-color: #42a3d0 !important; }
.u-theme--positive .mat-checkbox-checkmark-path {
stroke: #fff !important; }
.u-theme--positive .mat-slide-toggle-thumb {
background-color: #eee; }
.u-theme--positive .mat-ink-bar {
background-color: #0071b9 !important; }
.u-theme--positive .mat-toolbar-colors {
background-color: white;
border-bottom: 1px solid #ccc; }
.u-theme--positive .mat-tab-link {
color: #696969; }
.u-theme--positive .mat-tab-body__description {
background-color: #fff; }
.u-theme--positive .mat-tab-body__title {
background-color: #fff;
border-bottom: 1px solid #ccc;
color: #80adbf; }
.u-theme--positive .app-footer {
background-color: #d6d6d6;
color: #696969; }
.u-theme--positive .app-footer__grid h4,
.u-theme--positive .footer-colors a,
.u-theme--positive .app-footer a {
color: #333; }
.u-theme--positive .mat-expansion-panel-body tbody {
border-bottom: 1px solid #eee; }
.u-theme--positive .mat-expansion-panel-body tbody:nth-of-type(even) {
background-color: #f5f5f5; }
.u-theme--positive .mat-tab-label {
background-color: #fff;
color: #0071b9; }
.u-theme--positive .mat-tab-label:focus {
background-color: #fff !important; }
.u-theme--positive .mat-hint {
color: #919191 !important; }
.u-theme--positive .mat-slide-toggle-bar {
background-color: #ddd; }
.u-theme--positive .mat-form-field-label, .u-theme--positive .amd-placeholder {
color: rgba(21, 21, 21, 0.7); }
.u-theme--positive .mat-form-field-underline,
.u-theme--positive .mat-form-field-underline {
background-color: #ddd !important; }
.u-theme--positive .mat-input-element,
.u-theme--positive .mat-select-value {
color: #444 !important; }
.u-theme--positive .amd-input--invalid .md2-datepicker-input {
border-bottom: 2px solid #f44336 !important; }
.u-theme--positive .amd-input--error,
.u-theme--positive .mat-input-error {
color: #f44336; }
/**
* Apply the default grid spacing to a dashboard grid. Include this mixin inside the component scss file.
*
* $selector: the parent selector string, it can be the component selector, id or class.
*
* Example1 (component selector) dashboard-grid('amd-authority-sp-dashboard')
* Example2 (class) dashboard-grid('.my-parent')
* Example3 (id) dashboard-grid('#my-parent')
*
* NOTE: dashboard grid should be .section > .row > .col
*/
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block; }
body {
line-height: 1; }
ol,
ul {
list-style: none; }
blockquote,
q {
quotes: none; }
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
.nomargin {
margin: 0 !important; }
.nopadding {
padding: 0 !important;
margin: 0 !important; }
.padding-0px {
padding: 0px; }
.padding-5px {
padding: 5px; }
.padding-10px {
padding: 10px; }
.padding-20px {
padding: 20px; }
/* Works for Chrome, Safari, Edge, Opera */
input.input-number-no-arrows ::-webkit-outer-spin-button,
input.input-number-no-arrows ::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0; }
/* Works for Firefox */
input[type="number"].input-number-no-arrows {
-moz-appearance: textfield; }
.text-left {
text-align: left; }
.text-right {
text-align: right; }
.text-center {
text-align: center; }
.text-bold {
font-weight: bold; }
.cursor-pointer {
cursor: pointer; }
/*
* FLEX
*/
.flex-align-items-center {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center; }
.bold {
font-weight: bold; }
.text-lighter {
font-weight: lighter; }
.text-normal {
font-weight: normal; }
.text-bold {
font-weight: bold; }
.text-bolder {
font-weight: bolder; }
.text-100 {
font-weight: 100; }
.text-200 {
font-weight: 200; }
.text-300 {
font-weight: 300; }
.text-400 {
font-weight: 400; }
.text-500 {
font-weight: 500; }
.text-600 {
font-weight: 600; }
.text-700 {
font-weight: 700; }
.text-800 {
font-weight: 800; }
.text-900 {
font-weight: 900; }
.only-text {
background-color: transparent;
padding: 0;
margin: 0;
border: 0; }
/*
* Animazioni
*/
.animationFadeIn {
-webkit-animation: fadeIn 0.5s ease-in forwards;
animation: fadeIn 0.5s ease-in forwards; }
@-webkit-keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
.animationFadeOut {
-webkit-animation: fadeOut 1s ease-out forwards;
animation: fadeOut 1s ease-out forwards; }
@-webkit-keyframes fadeOut {
from {
opacity: 1; }
to {
opacity: 0; } }
@keyframes fadeOut {
from {
opacity: 1; }
to {
opacity: 0; } }
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS and IE text size adjust after device orientation change,
* without disabling user zoom.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */ }
/**
* Remove default margin.
*/
body {
margin: 0; }
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block; }
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */ }
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0; }
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none; }
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent; }
/**
* Improve readability of focused elements when they are also in an
* active/hover state.
*/
a:active,
a:hover {
outline: 0; }
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted; }
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold; }
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic; }
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0; }
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000; }
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%; }
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0; }
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden; }
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px; }
/**
* Address differences between Firefox and other browsers.
*/
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0; }
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto; }
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em; }
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit;
/* 1 */
font: inherit;
/* 2 */
margin: 0;
/* 3 */ }
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible; }
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none; }
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */ }
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default; }
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal; }
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */ }
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; }
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
*/
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
-webkit-box-sizing: content-box;
box-sizing: content-box;
/* 2 */ }
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */ }
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto; }
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold; }
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; }
@font-face {
font-family: 'HelveticaNeueLTStd-Roman';
src: url("/assets/fonts/3447C2_6_0.eot");
src: url("/assets/fonts/3447C2_6_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_6_0.woff2") format("woff2"), url("/assets/fonts/3447C2_6_0.woff") format("woff"), url("/assets/fonts/3447C2_6_0.ttf") format("truetype"); }
@font-face {
font-family: 'HelveticaNeueLTStd-Bd';
src: url("/assets/fonts/3447C2_8_0.eot");
src: url("/assets/fonts/3447C2_8_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_8_0.woff2") format("woff2"), url("/assets/fonts/3447C2_8_0.woff") format("woff"), url("/assets/fonts/3447C2_8_0.ttf") format("truetype"); }
@font-face {
font-family: 'HelveticaNeueLTStd-Lt';
src: url("/assets/fonts/3447C2_3_0.eot");
src: url("/assets/fonts/3447C2_3_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_3_0.woff2") format("woff2"), url("/assets/fonts/3447C2_3_0.woff") format("woff"), url("/assets/fonts/3447C2_3_0.ttf") format("truetype"); }
@font-face {
font-family: 'HelveticaNeueLTStd-Md';
src: url("/assets/fonts/3447C2_5_0.eot");
src: url("/assets/fonts/3447C2_5_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_5_0.woff2") format("woff2"), url("/assets/fonts/3447C2_5_0.woff") format("woff"), url("/assets/fonts/3447C2_5_0.ttf") format("truetype"); }
.HelveticaNeueLTStd-Roman, body, .mat-form-field,
.mat-input-element,
.mat-form-field-label, .amd-placeholder,
.md2-datepicker,
.md2-datepicker-value,
.md2-datepicker-placeholder,
.mat-radio-label-content,
.mat-radio-button,
.mat-select,
.mat-select-placeholder,
.mat-select-value-text,
.mat-option,
.mat-checkbox,
.mat-list-item,
.mat-tab-group,
.mat-expansion-panel-content,
.mat-bottom-sheet-container, .mat-tab-body__description, .mat-list .mat-subheader,
.mat-nav-list .mat-subheader, .introjs-button, .amd-button, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .amd-card__title--normal, .amd-expansion-panel__subtitle, .amd-link, .amd-link--station .amd-link__title, .amd-list__subtext, .amd-check-item__alert .amd-button, .theme--myald-dialog .amd-files-list__item.mat-list-item .amd-files-list__name {
font-family: HelveticaNeueLTStd-Roman, Arial, Helvetica, sans-serif !important; }
.HelveticaNeueLTStd-Bd, b,
strong, h2, h6, .mat-horizontal-stepper-header .mat-step-icon, .mat-step-text-label, .mat-tab-label,
.mat-tab-link, .mat-tab-body__title, .mat-expansion-panel-header-title, .mat-chip, .mat-menu-panel .mat-subheader, .u-main-title, .amd-dialog__header .mat-dialog-title, .u-phone, .amd-user, .amd-title, .amd-label, .fc .fc-toolbar h2, .introjs-tooltip--welcome .introjs-head h3, .introjs-subtitle, .introjs-title, .amd-bottom-nav__item .amd-bottom-nav__button, .amd-button--reverse, .amd-button--raised, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .amd-button--expanded, .amd-button--uppercase, .amd-card__title h4, .amd-dialog .amd-files-counter, .amd-multi-panels .mat-tab-label-active, .amd-expansion-panel__description .amd-button, .amd-expansion-panel__description .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .amd-expansion-panel__description .introjs-nextbutton, .amd-expansion-panel__filters, .amd-files-list__name, .amd-items-counter .amd-button, .amd-items-counter .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .amd-items-counter .introjs-nextbutton, .amd-items-counter__subtitle, .amd-link--reverse span, .amd-link--text, .amd-link__title, .amd-link__info, .amd-list--events h4, .amd-list__title, .amd-list__text .title,
.amd-list__text h6, .amd-list--sidenav .mat-list-item, .amd-list--selection .amd-list__subheader, .amd-message, .amd-notification, table.mat-table .mat-header-cell, .amd-table th, .amd-table__col--highlighted, .amd-stepper__step--active .amd-stepper__name, .amd-stepper__icon, .amd-stepper__icon-disabled, .amd-heading, .amd-notify__title, .amd-badge__title, .amd-check-item__name p, .amd-check-item__status, .amd-check-item__counter, .amd-button-toggle, .theme--myald .amd-button--raised, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .introjs-nextbutton,
.theme--myald .amd-button-raised-color,
.theme--myald a.amd-button.amd-button--light.cta-button, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.cta-button.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.cta-button.introjs-nextbutton,
.theme--myald a.amd-button.amd-button--light.stepper-prev.myald-button-inverse, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.stepper-prev.myald-button-inverse.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.stepper-prev.myald-button-inverse.introjs-nextbutton, .theme--myald a.amd-button.amd-button--light.cta-button.myald--aggiungi-controparte, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.cta-button.myald--aggiungi-controparte.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.cta-button.myald--aggiungi-controparte.introjs-nextbutton,
.theme--myald a.amd-button.amd-button--light.stepper-prev.myald--aggiungi-controparte, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.stepper-prev.myald--aggiungi-controparte.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.stepper-prev.myald--aggiungi-controparte.introjs-nextbutton,
.theme--myald a.amd-link.amd-link--dark.ald-generic-add,
.theme--myald button.amd-button.amd-button--raised.button-panel-title.cta-button.myald--aggiungi-controparte, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.button-panel-title.cta-button.myald--aggiungi-controparte.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald button.button-panel-title.cta-button.myald--aggiungi-controparte.introjs-nextbutton, .theme--myald .action-button.action-button--myald button.amd-button.amd-button--raised.stepper-next.mat-button.mat-raised-button, .theme--myald .action-button.action-button--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.stepper-next.mat-button.mat-raised-button.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .action-button.action-button--myald button.stepper-next.mat-button.mat-raised-button.introjs-nextbutton,
.theme--myald .action-button.action-button--myald button.amd-button.amd-button--raised.stepper-prev.mat-button.mat-raised-button, .theme--myald .action-button.action-button--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.stepper-prev.mat-button.mat-raised-button.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .action-button.action-button--myald button.stepper-prev.mat-button.mat-raised-button.introjs-nextbutton, .theme--myald .pre-step a.amd-button.amd-button--light, .theme--myald .pre-step .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .pre-step a.amd-button--light.introjs-nextbutton, .theme--myald .pre-step p.prestep-ald, .theme--myald .myald-bottom-navigation-btn, .theme--myald .myald-typage-title, .theme--myald .scarica-documento, .theme--myald-dialog a.amd-button.amd-button--reverse, .theme--myald-dialog .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--reverse.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald-dialog a.amd-button--reverse.introjs-nextbutton {
font-family: HelveticaNeueLTStd-Bd, Arial, Helvetica, sans-serif !important;
font-weight: normal !important; }
.HelveticaNeueLTStd-Md, .mat-error, .amd-legend__item, .claims-bottom-box, .fc .fc-head-container th, .fc .fc-time, .fc .fc-event, .amd-expansion-panel__recap, .amd-input--error, .amd-items-counter__title, .amd-link--station .amd-link__subtitle, .amd-link--station .amd-link__distance, .amd-check-item__date {
font-family: HelveticaNeueLTStd-Md, Arial, Helvetica, sans-serif !important; }
.HelveticaNeueLTStd-Lt, .amd-link--station .amd-link__note {
font-family: HelveticaNeueLTStd-Lt, Arial, Helvetica, sans-serif !important; }
/**
* Applies styles for users in high contrast mode. Note that this only applies
* to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
* attribute, however Chrome handles high contrast differently.
* @param target Which kind of high contrast setting to target. Defaults to `active`, can be
* `white-on-black` or `black-on-white`.
*/
/* Theme for the ripple elements.*/
/* stylelint-disable material/no-prefixes */
/* stylelint-enable */
.mat-elevation-z0 {
-webkit-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);
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); }
.mat-elevation-z1 {
-webkit-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);
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); }
.mat-elevation-z2 {
-webkit-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);
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); }
.mat-elevation-z3 {
-webkit-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);
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); }
.mat-elevation-z4 {
-webkit-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);
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); }
.mat-elevation-z5 {
-webkit-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);
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); }
.mat-elevation-z6 {
-webkit-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);
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); }
.mat-elevation-z7 {
-webkit-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);
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); }
.mat-elevation-z8 {
-webkit-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);
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); }
.mat-elevation-z9 {
-webkit-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);
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); }
.mat-elevation-z10 {
-webkit-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);
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); }
.mat-elevation-z11 {
-webkit-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);
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); }
.mat-elevation-z12 {
-webkit-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);
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); }
.mat-elevation-z13 {
-webkit-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);
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); }
.mat-elevation-z14 {
-webkit-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);
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); }
.mat-elevation-z15 {
-webkit-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);
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); }
.mat-elevation-z16 {
-webkit-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);
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); }
.mat-elevation-z17 {
-webkit-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);
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); }
.mat-elevation-z18 {
-webkit-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);
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); }
.mat-elevation-z19 {
-webkit-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);
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); }
.mat-elevation-z20 {
-webkit-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);
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); }
.mat-elevation-z21 {
-webkit-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);
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); }
.mat-elevation-z22 {
-webkit-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);
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); }
.mat-elevation-z23 {
-webkit-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);
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); }
.mat-elevation-z24 {
-webkit-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);
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); }
.mat-badge-content {
font-weight: 600;
font-size: 12px;
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-badge-small .mat-badge-content {
font-size: 6px; }
.mat-badge-large .mat-badge-content {
font-size: 24px; }
.mat-h1, .mat-headline, .mat-typography h1 {
font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h2, .mat-title, .mat-typography h2 {
font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h3, .mat-subheading-2, .mat-typography h3 {
font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h4, .mat-subheading-1, .mat-typography h4 {
font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h5, .mat-typography h5 {
font: 400 11.62px/20px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 12px; }
.mat-h6, .mat-typography h6 {
font: 400 9.38px/20px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 12px; }
.mat-body-strong, .mat-body-2 {
font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
.mat-body, .mat-body-1, .mat-typography {
font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-body p, .mat-body-1 p, .mat-typography p {
margin: 0 0 12px; }
.mat-small, .mat-caption {
font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-display-4, .mat-typography .mat-display-4 {
font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 56px;
letter-spacing: -0.05em; }
.mat-display-3, .mat-typography .mat-display-3 {
font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 64px;
letter-spacing: -0.02em; }
.mat-display-2, .mat-typography .mat-display-2 {
font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 64px;
letter-spacing: -0.005em; }
.mat-display-1, .mat-typography .mat-display-1 {
font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 64px; }
.mat-bottom-sheet-container {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 16px;
font-weight: 400; }
.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500; }
.mat-button-toggle {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-card {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-card-title {
font-size: 24px;
font-weight: 400; }
.mat-card-subtitle,
.mat-card-content,
.mat-card-header .mat-card-title {
font-size: 14px; }
.mat-checkbox {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-checkbox-layout .mat-checkbox-label {
line-height: 24px; }
.mat-chip {
font-size: 13px;
line-height: 18px; }
.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
font-size: 18px; }
.mat-table {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-header-cell {
font-size: 12px;
font-weight: 500; }
.mat-cell, .mat-footer-cell {
font-size: 14px; }
.mat-calendar {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-calendar-body {
font-size: 13px; }
.mat-calendar-body-label,
.mat-calendar-period-button {
font-size: 14px;
font-weight: 500; }
.mat-calendar-table-header th {
font-size: 11px;
font-weight: 400; }
.mat-dialog-title {
font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; }
.mat-expansion-panel-header {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 15px;
font-weight: 400; }
.mat-expansion-panel-content {
font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-form-field {
font-size: inherit;
font-weight: 400;
line-height: 1.125;
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-form-field-wrapper {
padding-bottom: 1.34375em; }
.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
font-size: 150%;
line-height: 1.125; }
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
height: 1.5em;
width: 1.5em; }
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
height: 1.125em;
line-height: 1.125; }
.mat-form-field-infix {
padding: 0.5em 0;
border-top: 0.84375em solid transparent; }
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.34375em) scale(0.75);
transform: translateY(-1.34375em) scale(0.75);
width: 133.33333333%; }
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label, .mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.34374em) scale(0.75);
transform: translateY(-1.34374em) scale(0.75);
width: 133.33334333%; }
.mat-form-field-label-wrapper {
top: -0.84375em;
padding-top: 0.84375em; }
.mat-form-field-label, .amd-placeholder {
top: 1.34375em; }
.mat-form-field-underline {
bottom: 1.34375em; }
.mat-form-field-subscript-wrapper {
font-size: 75%;
margin-top: 0.66666667em;
top: -webkit-calc(100% - 1.79166667em);
top: calc(100% - 1.79166667em); }
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
padding-bottom: 1.25em; }
.mat-form-field-appearance-legacy .mat-form-field-infix {
padding: 0.4375em 0; }
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-ms-transform: translateY(-1.28125em) scale(0.75);
width: 133.33333333%; }
.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, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
-ms-transform: translateY(-1.28124em) scale(0.75);
width: 133.33334333%; }
.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, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
-ms-transform: translateY(-1.28123em) scale(0.75);
width: 133.33335333%; }
.mat-form-field-appearance-legacy .mat-form-field-label, .mat-form-field-appearance-legacy .amd-placeholder {
top: 1.28125em; }
.mat-form-field-appearance-legacy .mat-form-field-underline {
bottom: 1.25em; }
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
margin-top: 0.54166667em;
top: -webkit-calc(100% - 1.66666667em);
top: calc(100% - 1.66666667em); }
.mat-form-field-appearance-fill .mat-form-field-infix {
padding: 0.25em 0 0.75em 0; }
.mat-form-field-appearance-fill .mat-form-field-label, .mat-form-field-appearance-fill .amd-placeholder {
top: 1.09375em;
margin-top: -0.5em; }
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-0.59375em) scale(0.75);
transform: translateY(-0.59375em) scale(0.75);
width: 133.33333333%; }
.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, .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-0.59374em) scale(0.75);
transform: translateY(-0.59374em) scale(0.75);
width: 133.33334333%; }
.mat-form-field-appearance-outline .mat-form-field-infix {
padding: 1em 0 1em 0; }
.mat-form-field-appearance-outline .mat-form-field-label, .mat-form-field-appearance-outline .amd-placeholder {
top: 1.84375em;
margin-top: -0.25em; }
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.59375em) scale(0.75);
transform: translateY(-1.59375em) scale(0.75);
width: 133.33333333%; }
.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, .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.59374em) scale(0.75);
transform: translateY(-1.59374em) scale(0.75);
width: 133.33334333%; }
.mat-grid-tile-header,
.mat-grid-tile-footer {
font-size: 14px; }
.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
font-size: 12px; }
input.mat-input-element {
margin-top: -0.0625em; }
.mat-menu-item {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 16px;
font-weight: 400; }
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 12px; }
.mat-radio-button {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-select {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-select-trigger {
height: 1.125em; }
.mat-slide-toggle-content {
font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-slider-thumb-label-text {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 12px;
font-weight: 500; }
.mat-stepper-vertical, .mat-stepper-horizontal {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-step-label {
font-size: 14px;
font-weight: 400; }
.mat-step-label-selected {
font-size: 14px;
font-weight: 500; }
.mat-tab-group {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-tab-label, .mat-tab-link {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500; }
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
margin: 0; }
.mat-tooltip {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 10px;
padding-top: 6px;
padding-bottom: 6px; }
.mat-tooltip-handset {
font-size: 14px;
padding-top: 9px;
padding-bottom: 9px; }
.mat-list-item {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-list-option {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
font-size: 16px; }
.mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
font-size: 14px; }
.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
font-size: 16px; }
.mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
font-size: 14px; }
.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500; }
.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
font-size: 12px; }
.mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
font-size: 12px; }
.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
font-size: 12px; }
.mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
font-size: 12px; }
.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 12px;
font-weight: 500; }
.mat-option {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 16px; }
.mat-optgroup-label {
font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
.mat-simple-snackbar {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px; }
.mat-simple-snackbar-action {
line-height: 1;
font-family: inherit;
font-size: inherit;
font-weight: 500; }
.mat-tree {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-tree-node {
font-weight: 400;
font-size: 14px; }
.mat-ripple {
overflow: hidden; }
.mat-ripple.mat-ripple-unbounded {
overflow: visible; }
.mat-ripple-element {
position: absolute;
-webkit-border-radius: 50%;
border-radius: 50%;
pointer-events: none;
-webkit-transition: opacity, -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity, -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
-webkit-transform: scale(0);
transform: scale(0); }
@media screen and (-ms-high-contrast: active) {
.mat-ripple-element {
display: none; } }
.cdk-visually-hidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
outline: 0;
-webkit-appearance: none;
-moz-appearance: none; }
.cdk-overlay-container, .cdk-global-overlay-wrapper {
pointer-events: none;
top: 0;
left: 0;
height: 100%;
width: 100%; }
.cdk-overlay-container {
position: fixed;
z-index: 1000; }
.cdk-overlay-container:empty {
display: none; }
.cdk-global-overlay-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: flex;
position: absolute;
z-index: 1000; }
.cdk-overlay-pane {
position: absolute;
pointer-events: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 1000;
display: -webkit-box;
display: -webkit-flex;
display: flex;
max-width: 100%;
max-height: 100%; }
.cdk-overlay-backdrop {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
pointer-events: auto;
-webkit-tap-highlight-color: transparent;
-webkit-transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
opacity: 0; }
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
opacity: 1; }
@media screen and (-ms-high-contrast: active) {
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
opacity: 0.6; } }
.cdk-overlay-dark-backdrop {
background: rgba(0, 0, 0, 0.288); }
.cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
opacity: 0; }
.cdk-overlay-connected-position-bounding-box {
position: absolute;
z-index: 1000;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
min-width: 1px;
min-height: 1px; }
.cdk-global-scrollblock {
position: fixed;
width: 100%;
overflow-y: scroll; }
@keyframes cdk-text-field-autofill-start {
/*!*/ }
@keyframes cdk-text-field-autofill-end {
/*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
-webkit-animation-name: cdk-text-field-autofill-start;
animation-name: cdk-text-field-autofill-start; }
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
-webkit-animation-name: cdk-text-field-autofill-end;
animation-name: cdk-text-field-autofill-end; }
textarea.cdk-textarea-autosize {
resize: none; }
textarea.cdk-textarea-autosize-measuring {
height: auto !important;
overflow: hidden !important;
padding: 2px 0 !important;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important; }
.mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-option {
color: white; }
.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
background: rgba(255, 255, 255, 0.04); }
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
background: rgba(255, 255, 255, 0.04); }
.mat-option.mat-active {
background: rgba(255, 255, 255, 0.04);
color: white; }
.mat-option.mat-option-disabled {
color: rgba(255, 255, 255, 0.5); }
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
color: #19becf; }
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
color: #005c80; }
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
color: #f44336; }
.mat-optgroup-label {
color: rgba(255, 255, 255, 0.7); }
.mat-optgroup-disabled .mat-optgroup-label {
color: rgba(255, 255, 255, 0.5); }
.mat-pseudo-checkbox {
color: rgba(255, 255, 255, 0.7); }
.mat-pseudo-checkbox::after {
color: #303030; }
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
background: #005c80; }
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
background: #19becf; }
.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
background: #f44336; }
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
background: #686868; }
.mat-app-background {
background-color: #303030;
color: white; }
.mat-theme-loaded-marker {
display: none; }
.mat-autocomplete-panel {
background: #424242;
color: white; }
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
background: #424242; }
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
color: white; }
.mat-badge-content {
color: white;
background: #19becf; }
.mat-badge-accent .mat-badge-content {
background: #005c80;
color: white; }
.mat-badge-warn .mat-badge-content {
color: white;
background: #f44336; }
.mat-badge {
position: relative; }
.mat-badge-hidden .mat-badge-content {
display: none; }
.mat-badge-content {
position: absolute;
text-align: center;
display: inline-block;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: -webkit-transform 200ms ease-in-out;
transition: -webkit-transform 200ms ease-in-out;
transition: transform 200ms ease-in-out;
transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
-webkit-transform: scale(0.6);
transform: scale(0.6);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
pointer-events: none; }
.mat-badge-content.mat-badge-active {
-webkit-transform: none;
transform: none; }
.mat-badge-small .mat-badge-content {
width: 16px;
height: 16px;
line-height: 16px; }
@media screen and (-ms-high-contrast: active) {
.mat-badge-small .mat-badge-content {
outline: solid 1px;
-webkit-border-radius: 0;
border-radius: 0; } }
.mat-badge-small.mat-badge-above .mat-badge-content {
top: -8px; }
.mat-badge-small.mat-badge-below .mat-badge-content {
bottom: -8px; }
.mat-badge-small.mat-badge-before .mat-badge-content {
left: -16px; }
[dir='rtl'] .mat-badge-small.mat-badge-before .mat-badge-content {
left: auto;
right: -16px; }
.mat-badge-small.mat-badge-after .mat-badge-content {
right: -16px; }
[dir='rtl'] .mat-badge-small.mat-badge-after .mat-badge-content {
right: auto;
left: -16px; }
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -8px; }
[dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -8px; }
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -8px; }
[dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -8px; }
.mat-badge-medium .mat-badge-content {
width: 22px;
height: 22px;
line-height: 22px; }
@media screen and (-ms-high-contrast: active) {
.mat-badge-medium .mat-badge-content {
outline: solid 1px;
-webkit-border-radius: 0;
border-radius: 0; } }
.mat-badge-medium.mat-badge-above .mat-badge-content {
top: -11px; }
.mat-badge-medium.mat-badge-below .mat-badge-content {
bottom: -11px; }
.mat-badge-medium.mat-badge-before .mat-badge-content {
left: -22px; }
[dir='rtl'] .mat-badge-medium.mat-badge-before .mat-badge-content {
left: auto;
right: -22px; }
.mat-badge-medium.mat-badge-after .mat-badge-content {
right: -22px; }
[dir='rtl'] .mat-badge-medium.mat-badge-after .mat-badge-content {
right: auto;
left: -22px; }
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -11px; }
[dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -11px; }
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -11px; }
[dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -11px; }
.mat-badge-large .mat-badge-content {
width: 28px;
height: 28px;
line-height: 28px; }
@media screen and (-ms-high-contrast: active) {
.mat-badge-large .mat-badge-content {
outline: solid 1px;
-webkit-border-radius: 0;
border-radius: 0; } }
.mat-badge-large.mat-badge-above .mat-badge-content {
top: -14px; }
.mat-badge-large.mat-badge-below .mat-badge-content {
bottom: -14px; }
.mat-badge-large.mat-badge-before .mat-badge-content {
left: -28px; }
[dir='rtl'] .mat-badge-large.mat-badge-before .mat-badge-content {
left: auto;
right: -28px; }
.mat-badge-large.mat-badge-after .mat-badge-content {
right: -28px; }
[dir='rtl'] .mat-badge-large.mat-badge-after .mat-badge-content {
right: auto;
left: -28px; }
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -14px; }
[dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -14px; }
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -14px; }
[dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -14px; }
.mat-bottom-sheet-container {
background: #424242;
color: white; }
.mat-button, .mat-icon-button, .mat-stroked-button {
color: inherit;
background: transparent; }
.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
color: #19becf; }
.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
color: #005c80; }
.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
color: #f44336; }
.mat-button.mat-primary[disabled], .mat-button.mat-accent[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled], .mat-stroked-button.mat-primary[disabled], .mat-stroked-button.mat-accent[disabled], .mat-stroked-button.mat-warn[disabled], .mat-stroked-button[disabled][disabled] {
color: rgba(255, 255, 255, 0.3); }
.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
background-color: rgba(25, 190, 207, 0.12); }
.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
background-color: rgba(0, 92, 128, 0.12); }
.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
background-color: rgba(244, 67, 54, 0.12); }
.mat-button[disabled] .mat-button-focus-overlay, .mat-icon-button[disabled] .mat-button-focus-overlay, .mat-stroked-button[disabled] .mat-button-focus-overlay {
background-color: transparent; }
.mat-button.mat-primary .mat-ripple-element, .mat-icon-button.mat-primary .mat-ripple-element, .mat-stroked-button.mat-primary .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.1); }
.mat-button.mat-accent .mat-ripple-element, .mat-icon-button.mat-accent .mat-ripple-element, .mat-stroked-button.mat-accent .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.1); }
.mat-button.mat-warn .mat-ripple-element, .mat-icon-button.mat-warn .mat-ripple-element, .mat-stroked-button.mat-warn .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.1); }
.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
color: white;
background-color: #424242; }
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
color: white; }
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
color: white; }
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
color: white; }
.mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
color: rgba(255, 255, 255, 0.3); }
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
background-color: #19becf; }
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
background-color: #005c80; }
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
background-color: #f44336; }
.mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
background-color: rgba(255, 255, 255, 0.12); }
.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-icon-button.mat-primary .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.2); }
.mat-icon-button.mat-accent .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.2); }
.mat-icon-button.mat-warn .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.2); }
.mat-button-toggle {
color: rgba(255, 255, 255, 0.5); }
.mat-button-toggle .mat-button-toggle-focus-overlay {
background-color: rgba(255, 255, 255, 0.12); }
.mat-button-toggle-checked {
background-color: #212121;
color: rgba(255, 255, 255, 0.7); }
.mat-button-toggle-disabled {
background-color: black;
color: rgba(255, 255, 255, 0.3); }
.mat-button-toggle-disabled.mat-button-toggle-checked {
background-color: #424242; }
.mat-card {
background: #424242;
color: white; }
.mat-card-subtitle {
color: rgba(255, 255, 255, 0.7); }
.mat-checkbox-frame {
border-color: rgba(255, 255, 255, 0.7); }
.mat-checkbox-checkmark {
fill: #303030; }
.mat-checkbox-checkmark-path {
stroke: #303030 !important; }
@media screen and (-ms-high-contrast: black-on-white) {
.mat-checkbox-checkmark-path {
stroke: #000 !important; } }
.mat-checkbox-mixedmark {
background-color: #303030; }
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
background-color: #19becf; }
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
background-color: #005c80; }
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
background-color: #f44336; }
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
background-color: #686868; }
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
border-color: #686868; }
.mat-checkbox-disabled .mat-checkbox-label {
color: #686868; }
@media screen and (-ms-high-contrast: active) {
.mat-checkbox-disabled {
opacity: 0.5; } }
@media screen and (-ms-high-contrast: active) {
.mat-checkbox-background {
background: none; } }
.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.26); }
.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.26); }
.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.26); }
.mat-chip.mat-standard-chip {
background-color: #616161;
color: white; }
.mat-chip.mat-standard-chip .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip .mat-chip-remove:hover {
opacity: 0.54; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
background-color: #19becf;
color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
opacity: 0.54; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
background-color: #f44336;
color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
opacity: 0.54; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
background-color: #005c80;
color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
opacity: 0.54; }
.mat-table {
background: #424242; }
.mat-table thead, .mat-table tbody, .mat-table tfoot,
mat-header-row, mat-row, mat-footer-row,
[mat-header-row], [mat-row], [mat-footer-row],
.mat-table-sticky {
background: inherit; }
mat-row, mat-header-row, mat-footer-row,
th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
border-bottom-color: rgba(255, 255, 255, 0.12); }
.mat-header-cell {
color: rgba(255, 255, 255, 0.7); }
.mat-cell, .mat-footer-cell {
color: white; }
.mat-calendar-arrow {
border-top-color: white; }
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
color: white; }
.mat-calendar-table-header {
color: rgba(255, 255, 255, 0.5); }
.mat-calendar-table-header-divider::after {
background: rgba(255, 255, 255, 0.12); }
.mat-calendar-body-label {
color: rgba(255, 255, 255, 0.7); }
.mat-calendar-body-cell-content {
color: white;
border-color: transparent; }
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
color: rgba(255, 255, 255, 0.5); }
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
background-color: rgba(255, 255, 255, 0.04); }
.mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(255, 255, 255, 0.5); }
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(255, 255, 255, 0.3); }
.mat-calendar-body-selected {
background-color: #19becf;
color: white; }
.mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(25, 190, 207, 0.4); }
.mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content {
background-color: #424242;
color: white; }
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
background-color: #005c80;
color: white; }
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(0, 92, 128, 0.4); }
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
background-color: #f44336;
color: white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(244, 67, 54, 0.4); }
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-toggle-active {
color: #19becf; }
.mat-datepicker-toggle-active.mat-accent {
color: #005c80; }
.mat-datepicker-toggle-active.mat-warn {
color: #f44336; }
.mat-dialog-container {
background: #424242;
color: white; }
.mat-divider {
border-top-color: rgba(255, 255, 255, 0.12); }
.mat-divider-vertical {
border-right-color: rgba(255, 255, 255, 0.12); }
.mat-expansion-panel {
background: #424242;
color: white; }
.mat-action-row {
border-top-color: rgba(255, 255, 255, 0.12); }
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']):hover {
background: rgba(255, 255, 255, 0.04); }
@media (hover: none) {
.mat-expansion-panel:not(.mat-expanded):not([aria-disabled='true']) .mat-expansion-panel-header:hover {
background: #424242; } }
.mat-expansion-panel-header-title {
color: white; }
.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
color: rgba(255, 255, 255, 0.7); }
.mat-expansion-panel-header[aria-disabled='true'] {
color: rgba(255, 255, 255, 0.3); }
.mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-description {
color: inherit; }
.mat-form-field-label, .amd-placeholder {
color: rgba(255, 255, 255, 0.7); }
.mat-hint {
color: rgba(255, 255, 255, 0.7); }
.mat-form-field.mat-focused .mat-form-field-label, .mat-form-field.mat-focused .amd-placeholder {
color: #19becf; }
.mat-form-field.mat-focused .mat-form-field-label.mat-accent, .mat-form-field.mat-focused .mat-accent.amd-placeholder {
color: #005c80; }
.mat-form-field.mat-focused .mat-form-field-label.mat-warn, .mat-form-field.mat-focused .mat-warn.amd-placeholder {
color: #f44336; }
.mat-focused .mat-form-field-required-marker {
color: #005c80; }
.mat-form-field-ripple {
background-color: white; }
.mat-form-field.mat-focused .mat-form-field-ripple {
background-color: #19becf; }
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
background-color: #005c80; }
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
background-color: #f44336; }
.mat-form-field.mat-form-field-invalid .mat-form-field-label, .mat-form-field.mat-form-field-invalid .amd-placeholder {
color: #f44336; }
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, .mat-form-field.mat-form-field-invalid .mat-accent.amd-placeholder,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,
.mat-form-field.mat-form-field-invalid .amd-placeholder .mat-form-field-required-marker {
color: #f44336; }
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
background-color: #f44336; }
.mat-error {
color: #f44336; }
.mat-form-field-appearance-legacy .mat-form-field-label, .mat-form-field-appearance-legacy .amd-placeholder {
color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-legacy .mat-hint {
color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-legacy .mat-form-field-underline {
background-color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.7)), color-stop(33%, rgba(255, 255, 255, 0.7)), color-stop(0%, transparent));
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
background-size: 4px 100%;
background-repeat: repeat-x; }
.mat-form-field-appearance-standard .mat-form-field-underline {
background-color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.7)), color-stop(33%, rgba(255, 255, 255, 0.7)), color-stop(0%, transparent));
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
background-size: 4px 100%;
background-repeat: repeat-x; }
.mat-form-field-appearance-fill .mat-form-field-flex {
background-color: rgba(255, 255, 255, 0.1); }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
background-color: rgba(255, 255, 255, 0.05); }
.mat-form-field-appearance-fill .mat-form-field-underline::before {
background-color: rgba(255, 255, 255, 0.5); }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-disabled .amd-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
background-color: transparent; }
.mat-form-field-appearance-outline .mat-form-field-outline {
color: rgba(255, 255, 255, 0.3); }
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
color: white; }
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
color: #19becf; }
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
color: #005c80; }
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
color: #f44336; }
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
color: #f44336; }
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-disabled .amd-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
color: rgba(255, 255, 255, 0.15); }
.mat-icon.mat-primary {
color: #19becf; }
.mat-icon.mat-accent {
color: #005c80; }
.mat-icon.mat-warn {
color: #f44336; }
.mat-input-element:disabled {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element {
caret-color: #19becf; }
.mat-input-element::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::-moz-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-accent .mat-input-element {
caret-color: #005c80; }
.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
caret-color: #f44336; }
.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
color: white; }
.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
color: white; }
.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
color: rgba(255, 255, 255, 0.7); }
.mat-list-item-disabled {
background-color: black; }
.mat-list-option:hover, .mat-list-option.mat-list-item-focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item.mat-list-item-focus {
background: rgba(255, 255, 255, 0.04); }
.mat-menu-panel {
background: #424242; }
.mat-menu-item {
background: transparent;
color: white; }
.mat-menu-item[disabled], .mat-menu-item[disabled]::after {
color: rgba(255, 255, 255, 0.5); }
.mat-menu-item .mat-icon:not([color]),
.mat-menu-item-submenu-trigger::after {
color: white; }
.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
background: rgba(255, 255, 255, 0.04); }
.mat-paginator {
background: #424242; }
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
color: rgba(255, 255, 255, 0.7); }
.mat-paginator-decrement,
.mat-paginator-increment {
border-top: 2px solid white;
border-right: 2px solid white; }
.mat-paginator-first,
.mat-paginator-last {
border-top: 2px solid white; }
.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
border-color: rgba(255, 255, 255, 0.5); }
.mat-progress-bar-background {
fill: #baecf1; }
.mat-progress-bar-buffer {
background-color: #baecf1; }
.mat-progress-bar-fill::after {
background-color: #19becf; }
.mat-progress-bar.mat-accent .mat-progress-bar-background {
fill: #b3ced9; }
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
background-color: #b3ced9; }
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
background-color: #005c80; }
.mat-progress-bar.mat-warn .mat-progress-bar-background {
fill: #ffcdd2; }
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
background-color: #ffcdd2; }
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
background-color: #f44336; }
.mat-progress-spinner circle, .mat-spinner circle {
stroke: #19becf; }
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
stroke: #005c80; }
.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
stroke: #f44336; }
.mat-radio-outer-circle {
border-color: rgba(255, 255, 255, 0.7); }
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
border-color: #19becf; }
.mat-radio-button.mat-primary .mat-radio-inner-circle {
background-color: #19becf; }
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.26); }
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
border-color: #005c80; }
.mat-radio-button.mat-accent .mat-radio-inner-circle {
background-color: #005c80; }
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.26); }
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
border-color: #f44336; }
.mat-radio-button.mat-warn .mat-radio-inner-circle {
background-color: #f44336; }
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.26); }
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
border-color: rgba(255, 255, 255, 0.5); }
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
background-color: rgba(255, 255, 255, 0.5); }
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
color: rgba(255, 255, 255, 0.5); }
.mat-select-content, .mat-select-panel-done-animating {
background: #424242; }
.mat-select-value {
color: white; }
.mat-select-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-select-disabled .mat-select-value {
color: rgba(255, 255, 255, 0.5); }
.mat-select-arrow {
color: rgba(255, 255, 255, 0.7); }
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
background: rgba(255, 255, 255, 0.12); }
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
color: #19becf; }
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
color: #005c80; }
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
color: #f44336; }
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
color: #f44336; }
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
color: rgba(255, 255, 255, 0.5); }
.mat-drawer-container {
background-color: #303030;
color: white; }
.mat-drawer {
background-color: #424242;
color: white; }
.mat-drawer.mat-drawer-push {
background-color: #424242; }
.mat-drawer-backdrop.mat-drawer-shown {
background-color: rgba(189, 189, 189, 0.6); }
.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #80adbf; }
.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgba(128, 173, 191, 0.5); }
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle .mat-ripple-element {
background-color: rgba(128, 173, 191, 0.12); }
.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #8cdfe7; }
.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgba(140, 223, 231, 0.5); }
.mat-slide-toggle.mat-primary:not(.mat-checked) .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle.mat-primary .mat-ripple-element {
background-color: rgba(140, 223, 231, 0.12); }
.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #ef9a9a; }
.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgba(239, 154, 154, 0.5); }
.mat-slide-toggle.mat-warn:not(.mat-checked) .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle.mat-warn .mat-ripple-element {
background-color: rgba(239, 154, 154, 0.12); }
.mat-disabled .mat-slide-toggle-thumb {
background-color: #424242; }
.mat-disabled .mat-slide-toggle-bar {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle-thumb {
background-color: #bdbdbd; }
.mat-slide-toggle-bar {
background-color: rgba(255, 255, 255, 0.5); }
.mat-slider-track-background {
background-color: rgba(255, 255, 255, 0.3); }
.mat-primary .mat-slider-track-fill,
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label {
background-color: #19becf; }
.mat-primary .mat-slider-thumb-label-text {
color: white; }
.mat-accent .mat-slider-track-fill,
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label {
background-color: #005c80; }
.mat-accent .mat-slider-thumb-label-text {
color: white; }
.mat-warn .mat-slider-track-fill,
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label {
background-color: #f44336; }
.mat-warn .mat-slider-thumb-label-text {
color: white; }
.mat-slider-focus-ring {
background-color: rgba(0, 92, 128, 0.2); }
.mat-slider:hover .mat-slider-track-background,
.cdk-focused .mat-slider-track-background {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled .mat-slider-thumb {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-disabled:hover .mat-slider-track-background {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-min-value .mat-slider-focus-ring {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
background-color: white; }
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
border-color: rgba(255, 255, 255, 0.3);
background-color: transparent; }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
border-color: rgba(255, 255, 255, 0.3); }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
border-color: rgba(255, 255, 255, 0.3); }
.mat-slider-has-ticks .mat-slider-wrapper::after {
border-color: rgba(255, 255, 255, 0.7); }
.mat-slider-horizontal .mat-slider-ticks {
background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);
background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); }
.mat-slider-vertical .mat-slider-ticks {
background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); }
.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover {
background-color: rgba(255, 255, 255, 0.04); }
.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
color: rgba(255, 255, 255, 0.5); }
.mat-step-header .mat-step-icon {
background-color: #19becf;
color: white; }
.mat-step-header .mat-step-icon-not-touched {
background-color: rgba(255, 255, 255, 0.5);
color: white; }
.mat-step-header .mat-step-label.mat-step-label-active {
color: white; }
.mat-stepper-horizontal, .mat-stepper-vertical {
background-color: #424242; }
.mat-stepper-vertical-line::before {
border-left-color: rgba(255, 255, 255, 0.12); }
.mat-stepper-horizontal-line {
border-top-color: rgba(255, 255, 255, 0.12); }
.mat-sort-header-arrow {
color: #c6c6c6; }
.mat-tab-nav-bar,
.mat-tab-header {
border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: none; }
.mat-tab-label, .mat-tab-link {
color: white; }
.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.5); }
.mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.5); }
.mat-tab-group[class*='mat-background-'] .mat-tab-header,
.mat-tab-nav-bar[class*='mat-background-'] {
border-bottom: none;
border-top: none; }
.mat-tab-group.mat-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(186, 236, 241, 0.3); }
.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
background-color: #19becf; }
.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
background-color: white; }
.mat-tab-group.mat-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(179, 206, 217, 0.3); }
.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
background-color: #005c80; }
.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
background-color: white; }
.mat-tab-group.mat-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(255, 205, 210, 0.3); }
.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
background-color: #f44336; }
.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
background-color: white; }
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(186, 236, 241, 0.3); }
.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
background-color: #19becf; }
.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
color: white; }
.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-primary .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(179, 206, 217, 0.3); }
.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
background-color: #005c80; }
.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
color: white; }
.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-accent .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(255, 205, 210, 0.3); }
.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links {
background-color: #f44336; }
.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
color: white; }
.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-warn .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-toolbar {
background: #212121;
color: white; }
.mat-toolbar.mat-primary {
background: #19becf;
color: white; }
.mat-toolbar.mat-accent {
background: #005c80;
color: white; }
.mat-toolbar.mat-warn {
background: #f44336;
color: white; }
.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
background-color: currentColor; }
.mat-toolbar .mat-form-field-label, .mat-toolbar .amd-placeholder,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-focused .amd-placeholder,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
color: inherit; }
.mat-toolbar .mat-input-element {
caret-color: currentColor; }
.mat-tooltip {
background: rgba(97, 97, 97, 0.9); }
.mat-tree {
background: #424242; }
.mat-tree-node {
color: white; }
.mat-snack-bar-container {
background: #fafafa;
color: rgba(0, 0, 0, 0.87); }
.mat-simple-snackbar-action {
color: inherit; }
.mat-calendar-arrow {
border-top-color: rgba(0, 0, 0, 0.54); }
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
color: rgba(0, 0, 0, 0.54); }
.mat-calendar-table-header {
color: rgba(0, 0, 0, 0.38); }
.mat-calendar-table-header-divider::after {
background: rgba(0, 0, 0, 0.12); }
.mat-calendar-body-label {
color: rgba(0, 0, 0, 0.54); }
.mat-calendar-body-cell-content {
color: rgba(0, 0, 0, 0.87);
border-color: transparent; }
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
color: rgba(0, 0, 0, 0.38); }
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
background-color: rgba(0, 0, 0, 0.04); }
.mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(0, 0, 0, 0.38); }
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(0, 0, 0, 0.18); }
.mat-calendar-body-selected {
background-color: #19becf;
color: white; }
.mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(25, 190, 207, 0.4); }
.mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content {
background-color: white;
color: rgba(0, 0, 0, 0.87); }
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
background-color: #005c80;
color: white; }
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(0, 92, 128, 0.4); }
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
background-color: #f44336;
color: white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(244, 67, 54, 0.4); }
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-toggle-active {
color: #19becf; }
.mat-datepicker-toggle-active.mat-accent {
color: #005c80; }
.mat-datepicker-toggle-active.mat-warn {
color: #f44336; }
/*
Variables
Styleguide 1
*/
/*
Colors Palette
$amd-primary-50 - primary 50
$amd-primary-100 - primary 100
markup:
{$modifiers}
Styleguide 1.1
*/
.amd-color-red {
color: #ff6054; }
.amd-color-green {
color: #4caf50 !important; }
.amd-color-orange {
color: #ff9800 !important; }
.amd-color-red {
color: #ff6054 !important; }
.amd-bg-color-red {
background-color: #fbd6d3; }
.amd-accent-300 {
color: #42a3d0; }
.amd-accent-500 {
color: #005c80 !important; }
.amd-accent-500--bg {
background-color: #19becf !important; }
.amd-accent-500--hover, .amd-items-counter--accent-dark:hover {
background-color: #005478 !important; }
.amd-primary-500 {
color: #19becf !important; }
.amd-primary-500--bg {
background-color: #005c80 !important; }
.amd-primary-500--hover, .amd-items-counter--primary:hover {
background-color: #47cbd8 !important; }
.mat-container-colors {
background-color: #002e40;
color: #fff; }
.mat-toolbar-colors {
background-color: rgba(0, 46, 64, 0.9); }
.footer-colors {
background-color: #003348;
color: #80adbf; }
.footer-colors a {
color: #ddeef6; }
.table-border-color, table.mat-table--bordered > thead > .mat-row,
table.mat-table--bordered > tbody > .mat-row, .amd-table--bordered > thead > tr,
.amd-table--bordered > tbody > tr {
border-bottom: 1px solid #ccc; }
.box-shadow, .amd-expansion-panel, .amd-table tbody {
-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) !important;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) !important; }
.amd-title-color, .amd-title {
color: #267493; }
.amd-title-border, .amd-title {
border-left: 2px solid #42a3d0; }
.amd-button-raised-color, .amd-button--raised, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton {
color: #fff !important;
background-color: #19becf !important; }
.amd-input-control-colors, .amd-input__group__control {
background-color: #0f727c;
color: #baecf1; }
.amd-input-control-placeholder, .amd-input__group__control::-webkit-input-placeholder {
color: #5ed2dd; }
.amd-expansion-panel-bg-color {
background-color: #004560; }
.amd-expansion-panel-header-border {
border-bottom-color: #003348; }
.amd-expansion-panel-header-color {
color: #42a3d0; }
.amd-expansion-panel-content {
background-color: #004e6d; }
.amd-card-bg-color, .amd-card {
background-color: #004e6d; }
.amd-card-bg-color .amd-icon--circle .amd-icon--border, .amd-card .amd-icon--circle .amd-icon--border {
border-color: #ccc; }
.amd-card-bg-color--light, .amd-card--light {
background-color: #005c80; }
.amd-card-bg-color--light .amd-card-title-btn-border, .amd-card--light .amd-card-title-btn-border, .amd-card-bg-color--light .amd-card__title-btn, .amd-card--light .amd-card__title-btn,
.amd-card-bg-color--light .amd-card__title-btn,
.amd-card--light .amd-card__title-btn {
border-left: 1px solid #004560; }
.amd-card-bg-color--light .amd-icon--circle .amd-icon--border, .amd-card--light .amd-icon--circle .amd-icon--border {
border-color: #004560; }
.amd-card-title-color, .amd-card__title h4 {
color: #42a3d0; }
.amd-card-title-color--light, .amd-card--light .amd-card__title h4,
.amd-card--light .amd-card__title-icon {
color: #80adbf; }
.amd-card-title-btn-border, .amd-card__title-btn {
border-left: 1px solid #003348; }
.amd-list-col-border {
border-left: 1px solid #80adbf; }
.amd-list-item-border {
border-bottom: 1px solid #003348; }
.amd-list-icon-color {
color: #42a3d0; }
.amd-list-title-color {
color: #80adbf; }
.u-theme--positive .amd-link,
.u-theme--positive .amd-button--accent,
.u-theme--positive .amd-accent-500,
.u-theme--positive .amd-button--primary,
.u-theme--positive .amd-primary-500,
.u-theme--positive .amd-button--light,
.u-theme--positive .amd-button--reverse,
.u-theme--positive .amd-select__centers .mat-select-placeholder.mat-floating-placeholder {
color: #0071b9 !important; }
.u-theme--positive .amd-list__check {
border-right: 2px solid #d1d1d1; }
.u-theme--positive .amd-toolbar__title {
color: #4e4e4e; }
.u-theme--positive .amd-toolbar__action ul li {
border-right: 1px solid #ccc; }
.u-theme--positive .amd-wizard {
border-left: 1px solid #ddd !important; }
.u-theme--positive .amd-select__centers .mat-select-value {
color: #777 !important; }
.u-theme--positive .amd-select__centers .mat-select-underline {
background-color: #ccc; }
.u-theme--positive .deadlines-cell {
background-color: #fff; }
.u-theme--positive .deadlines-list__text {
color: #696969; }
.u-theme--positive .deadlines-list a,
.u-theme--positive .deadlines-list a:visited {
color: #444; }
.u-theme--positive .deadlines-list__bar {
background-color: #e6e6e6;
color: #333; }
.u-theme--positive .deadlines-list__item {
border-bottom: 1px solid #ddd; }
.u-theme--positive .news-cell__text {
color: #333; }
.u-theme--positive .news-cell__date {
color: #696969; }
.u-theme--positive .info-grid .amd-icon--border {
border-color: #ccc !important; }
.u-theme--positive .info-grid .amd-list__text p {
color: #696969; }
.u-theme--positive .news-grid__cell__date {
color: #696969; }
.u-theme--positive .news-grid__cell__text {
color: #333; }
.u-theme--positive .order-check__label {
color: #4e4e4e !important; }
.u-theme--positive .order-details__legend .amd-title {
color: #696969; }
.u-theme--positive .order-details__legend__item {
color: #777; }
.u-theme--positive .order-details__legend__item span {
color: #666; }
.u-theme--positive .order-details__tabs .mat-expansion-panel-body tbody {
border-bottom: 1px solid #eee; }
.u-theme--positive .order-details__tabs .mat-expansion-panel-body tbody:nth-of-type(even) {
background-color: #f5f5f5; }
.u-theme--positive .order-details__tabs .mat-tab-label {
background-color: #fff;
color: #0071b9; }
.u-theme--positive .amd-table__td--toggle {
border-left: 1px solid #eee !important;
border-right: 1px solid #eee !important; }
.u-theme--positive .amd-title {
color: #818181; }
.u-theme--positive .amd-breadcrumb__bookmark .mat-button,
.u-theme--positive .amd-breadcrumb__icon,
.u-theme--positive .amd-button--expanded,
.u-theme--positive .amd-card__title-btn .mat-icon {
color: #0071b9 !important; }
.u-theme--positive .amd-bg--primary .amd-bg--highlight,
.u-theme--positive .amd-bg--accent .amd-bg--highlight {
color: #42a3d0; }
.u-theme--positive .amd-breadcrumb__content {
border-left: 2px solid #0071b9; }
.u-theme--positive .amd-bg--border::before {
border-left: 3px solid #0071b9; }
.u-theme--positive .amd-heading {
color: #42a3d0; }
.u-theme--positive .amd-breadcrumb__link,
.u-theme--positive .amd-breadcrumb__title,
.u-theme--positive .amd-breadcrumb_link:visited {
color: #333333; }
.u-theme--positive .amd-label {
background-color: #eee;
color: #777;
border-color: #ccc; }
.u-theme--positive .amd-label--primary {
color: #0071b9; }
.u-theme--positive .amd-label .fa {
color: #4caf50; }
.u-theme--positive .u-divider {
border-top: 1px solid #ddd; }
.u-theme--positive .amd-bg--accent,
.u-theme--positive .amd-bg--primary {
background-color: #f2f2f2;
color: #4e4e4e; }
.u-theme--positive .amd-legend__item {
color: #818181; }
.u-theme--positive .mat-container-colors {
background-color: #e6e6e6;
color: #4e4e4e; }
.u-theme--positive .mat-radio-outer-circle {
border-color: #ccc; }
.u-theme--positive .mat-checkbox-disabled .mat-checkbox-label {
color: #999; }
.u-theme--positive .mat-checkbox-frame {
border-color: #a4a4a4 !important; }
.u-theme--positive .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.u-theme--positive .mat-checkbox-checked.mat-accent .mat-checkbox-background {
background-color: #42a3d0 !important; }
.u-theme--positive .mat-checkbox-checkmark-path {
stroke: #fff !important; }
.u-theme--positive .mat-slide-toggle-thumb {
background-color: #eee; }
.u-theme--positive .mat-ink-bar {
background-color: #0071b9 !important; }
.u-theme--positive .mat-toolbar-colors {
background-color: white;
border-bottom: 1px solid #ccc; }
.u-theme--positive .mat-tab-link {
color: #696969; }
.u-theme--positive .mat-tab-body__description {
background-color: #fff; }
.u-theme--positive .mat-tab-body__title {
background-color: #fff;
border-bottom: 1px solid #ccc;
color: #80adbf; }
.u-theme--positive .app-footer {
background-color: #d6d6d6;
color: #696969; }
.u-theme--positive .app-footer__grid h4,
.u-theme--positive .footer-colors a,
.u-theme--positive .app-footer a {
color: #333; }
.u-theme--positive .mat-expansion-panel-body tbody {
border-bottom: 1px solid #eee; }
.u-theme--positive .mat-expansion-panel-body tbody:nth-of-type(even) {
background-color: #f5f5f5; }
.u-theme--positive .mat-tab-label {
background-color: #fff;
color: #0071b9; }
.u-theme--positive .mat-tab-label:focus {
background-color: #fff !important; }
.u-theme--positive .mat-hint {
color: #919191 !important; }
.u-theme--positive .mat-slide-toggle-bar {
background-color: #ddd; }
.u-theme--positive .mat-form-field-label, .u-theme--positive .amd-placeholder {
color: rgba(21, 21, 21, 0.7); }
.u-theme--positive .mat-form-field-underline,
.u-theme--positive .mat-form-field-underline {
background-color: #ddd !important; }
.u-theme--positive .mat-input-element,
.u-theme--positive .mat-select-value {
color: #444 !important; }
.u-theme--positive .amd-input--invalid .md2-datepicker-input {
border-bottom: 2px solid #f44336 !important; }
.u-theme--positive .amd-input--error,
.u-theme--positive .mat-input-error {
color: #f44336; }
/*
Headings
markup:
Heading 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque massa ipsum, tincidunt vel convallis in, suscipit et risus. Morbi erat dolor, mattis at dignissim sed, feugiat sed lorem.
Heading 2
Mauris feugiat suscipit turpis, ut rhoncus lectus finibus sed. Etiam suscipit consectetur eros vitae venenatis.
Heading 3
Ut leo ipsum, tincidunt vel mauris eget, convallis egestas justo. Nunc ligula neque, porta ac lorem id, ultrices dapibus dolor.
Heading 4
Phasellus interdum massa ante, ac placerat felis ultricies at. Fusce vulputate, odio sed convallis laoreet, tortor orci venenatis massa, a placerat ligula nisl vitae felis. In pellentesque ornare eleifend. Suspendisse potenti. Quisque eget mauris enim.
Heading 5
Heading 6
Styleguide 1.2
*/
body {
font-weight: normal;
font-size: 12px;
letter-spacing: 0.2px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
html,
body {
line-height: 1.4; }
a {
color: #005c80;
text-decoration: none;
-webkit-tap-highlight-color: transparent; }
textarea {
resize: none; }
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 400; }
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
font-weight: inherit; }
em,
i {
font-style: italic; }
b,
strong {
font-weight: normal !important; }
small {
font-size: 75%; }
.light {
font-weight: 300; }
.thin {
font-weight: 200; }
h2 {
font-size: 18px;
letter-spacing: 0.2px;
color: #42a3d0; }
.u-theme--positive h2 {
color: #0071b9; }
h6 {
line-height: 1.5;
font-size: 14px;
margin-bottom: 10px; }
.h3 {
color: #80adbf;
font-size: 18px;
letter-spacing: 0.2px; }
.h6 {
font-size: 10px;
color: #005c80;
letter-spacing: 1px; }
/* Md2 Datepicker */
md2-datepicker {
min-width: auto !important;
width: 100%;
margin-top: 18px; }
.md2-datepicker-actions {
display: none; }
.md2-datepicker-button {
right: 0;
left: auto !important;
top: -6px !important;
z-index: 6; }
.md2-datepicker-button svg {
height: 20px;
fill-opacity: 0.7; }
.md2-datepicker-arrow {
display: none !important; }
.md2-datepicker-input {
min-width: auto !important;
border-bottom: 1px solid #336a7f !important;
padding-right: 40px !important;
padding-left: 0 !important; }
.md2-datepicker-input-focused {
border-color: #19becf !important; }
.md2-datepicker-input-focused .md2-datepicker-placeholder {
color: #19becf !important; }
.amd-dialog .md2-datepicker-input,
.u-theme--positive .md2-datepicker-input {
border-bottom: 1px solid #ddd !important; }
.amd-dialog .md2-datepicker-input-focused,
.u-theme--positive .md2-datepicker-input-focused {
border-color: #19becf !important; }
.amd-dialog .md2-datepicker-input-focused .md2-datepicker-placeholder,
.u-theme--positive .md2-datepicker-input-focused .md2-datepicker-placeholder {
color: #555 !important; }
/*
md2-datepicker:focus:not(.md2-datepicker-disabled) .md2-datepicker-input {
color: $amd-primary-500 !important;
border-color: $amd-primary-500 !important;
}
*/
.md2-datepicker-button,
.md2-datepicker-input,
.md2-datepicker-value,
.md2-datepicker-arrow {
color: #fff !important; }
.amd-dialog .md2-datepicker-button,
.u-theme--positive .md2-datepicker-button, .amd-dialog
.md2-datepicker-input,
.u-theme--positive
.md2-datepicker-input, .amd-dialog
.md2-datepicker-value,
.u-theme--positive
.md2-datepicker-value, .amd-dialog
.md2-datepicker-arrow,
.u-theme--positive
.md2-datepicker-arrow {
color: #999 !important; }
.amd-dialog .md2-datepicker-value,
.u-theme--positive .md2-datepicker-value {
color: #444 !important; }
.md2-datepicker-input-focused {
border-color: #19becf !important; }
.md2-datepicker-input-focused .md2-datepicker-placeholder {
color: #19becf !important; }
.md2-datepicker-placeholder {
font-size: 14px; }
.md2-datepicker-placeholder.md2-floating-placeholder {
font-size: 16px !important; }
.md2-calendar-header {
background: #19becf !important; }
.md2-datepicker-trigger {
padding: 0 !important; }
.md2-button,
.md2-calendar-year.selected,
md2-datepicker:focus:not(.md2-datepicker-disabled) .md2-datepicker-arrow {
color: #19becf !important; }
md2-datepicker:focus:not(.md2-datepicker-disabled) .md2-datepicker-input {
color: #19becf !important;
border-color: #19becf !important; }
.md2-calendar-day.selected {
background: #19becf !important; }
.md2-clock-center,
.md2-clock-hand,
.md2-clock-hand::before,
.md2-clock-hour.active,
.md2-clock-minute.active {
background: #19becf !important; }
.md2-calendar-body-selected {
background-color: #19becf !important;
color: white; }
.md2-calendar-body-today {
border-color: #19becf !important; }
.md2-calendar-body-today.md2-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px #fff !important;
box-shadow: inset 0 0 0 1px #fff !important; }
.md2-calendar-body-disabled > .md2-calendar-body-selected {
background-color: rgba(25, 190, 207, 0.4) !important; }
.md2-calendar-period-button {
color: #333;
font-size: 14px;
line-height: 24px; }
.md2-calendar-next-button {
color: #19becf; }
.md2-calendar-previous-button {
color: #19becf; }
.md2-datepicker-trigger {
padding: 0 !important; }
/* Angular2 Material Components reset
*/
/* Force way to disable ripple animation */
.mat-ripple-element {
display: none; }
.mat-sidenav-container {
width: 100%;
height: 100%;
overflow: visible !important; }
input.mat-input-element {
min-height: 32px; }
.mat-form-field-infix {
border-top: 17px solid transparent !important; }
.mat-button {
padding: 0 !important;
min-width: auto !important; }
.mat-button .mat-button-focus-overlay,
.mat-icon-button .mat-button-focus-overlay {
display: none !important; }
.mat-icon-button {
width: auto !important;
height: auto !important; }
.mat-step-header:hover {
background-color: transparent !important;
cursor: default; }
.mat-stepper-horizontal {
background-color: transparent !important; }
.mat-horizontal-content-container {
padding: 0 !important; }
.mat-stepper-horizontal-line {
border-top-color: #004560 !important;
margin: 21px -52px 0 !important;
border-top-width: 4px !important;
width: 100%; }
.mat-stepper-horizontal-line--active {
border-top-color: #2e7fa5 !important; }
.u-theme--positive .mat-stepper-horizontal-line {
border-top-color: #a4a4a4 !important; }
.u-theme--positive .mat-stepper-horizontal-line--active {
border-top-color: #0071b9 !important; }
.mat-bottom-sheet-container {
background: #fff !important;
color: #19becf !important; }
.mat-horizontal-stepper-header {
padding: 28px 30px 40px !important;
height: auto !important;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse; }
.mat-horizontal-stepper-header .mat-step-label {
text-align: center;
float: left;
clear: both;
min-height: 34px;
min-width: 104px;
white-space: pre-wrap; }
.mat-horizontal-stepper-header .mat-step-icon {
background-color: #2e7fa5 !important;
font-size: 14px;
margin-right: 0 !important;
margin-top: 0;
clear: both; }
.mat-horizontal-stepper-header .mat-step-icon-not-touched {
height: 12px !important;
width: 12px !important;
background-color: #005c80 !important;
margin-right: 0 !important;
margin-top: 0; }
.mat-horizontal-stepper-header .mat-step-icon-not-touched span {
display: none; }
.mat-step-text-label {
color: #2e7fa5;
font-size: 12px; }
.mat-step-text-label-active {
color: #fff; }
.mat-step-label-selected .mat-step-text-label {
color: #fff; }
.u-theme--positive .mat-step-label-selected .mat-step-text-label {
color: #666; }
.mat-autocomplete-panel {
background: #eee !important;
color: #333; }
.mat-autocomplete-panel .mat-option {
font-size: 14px; }
.mat-autocomplete-panel .mat-option:hover {
background: #ccc !important; }
.mat-autocomplete-panel .mat-active {
background: #ccc !important; }
.mat-autocomplete-panel .mat-selected {
background: #19becf !important;
color: #fff !important; }
/* Dialog */
.mat-dialog-actions {
padding: 22px 0 0 !important; }
.mat-dialog-actions:last-child {
margin-bottom: 0 !important; }
.mat-dialog-container {
background-color: #fff !important;
color: #333;
max-width: 100% !important;
overflow: hidden !important;
-webkit-box-shadow: none !important;
box-shadow: none !important; }
.mat-dialog-content {
padding: 0 24px 10px;
margin: 0 -24px 10px; }
@media only screen and (max-width: 992px) {
.mat-dialog-content {
max-height: 400px !important; } }
/* toggle */
.mat-slide-toggle {
height: auto !important; }
/* select */
.amd-select__centers .mat-select-value {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden; }
.amd-select__centers label.mat-form-field-label, .amd-select__centers label.amd-placeholder {
color: #19becf !important; }
.mat-select {
min-height: 31px !important; }
.mat-select-trigger {
height: 31px !important; }
.mat-select-value {
vertical-align: middle; }
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-can-float.mat-form-field-should-float .amd-placeholder {
-webkit-transform: translateY(-1.28125em) !important;
transform: translateY(-1.28125em) !important;
font-size: 12px !important; }
.mat-select-panel,
.mat-select-panel-done-animating {
overflow-y: auto !important;
overflow-x: hidden !important; }
.mat-select-content, .mat-select-panel-done-animating {
background: #fff !important; }
.mat-select-panel .mat-selected {
background: #19becf !important;
color: #fff !important; }
.mat-select-content {
background: #eee !important; }
.mat-option:not(.mat-selected) {
color: #333 !important; }
.mat-option.mat-option-disabled {
color: rgba(0, 0, 0, 0.3) !important; }
.mat-select-panel .mat-option:not(.mat-selected):not(.mat-option-disabled):hover {
background: #ccc !important; }
.mat-tab-label, .mat-tab-link {
letter-spacing: 0.2px; }
.mat-tab-nav-bar {
border-bottom: 0 !important; }
.mat-tab-body.mat-tab-body.mat-tab-body-active {
overflow: visible !important; }
.mat-tab-body-content {
overflow: visible !important; }
.mat-tab-body-content .amd-card .amd-form {
margin: 0; }
.mat-tab-body-wrapper {
-webkit-transition: none !important;
transition: none !important; }
.mat-tab-body__description {
margin-bottom: 10px;
padding: 20px;
background-color: #004560;
color: #80adbf;
font-size: 14px; }
.mat-tab-body__title {
padding: 20px;
background-color: #004560;
border-bottom: 1px solid #002e40;
text-transform: uppercase;
letter-spacing: 1px;
color: #fff; }
.mat-tab-header-pagination {
display: none !important; }
.mat-ink-bar {
background-color: #19becf !important;
height: 3px !important; }
.mat-form-field-infix {
padding: 0 !important; }
.mat-form-field-underline:not(.mat-disabled),
.mat-form-field-underline:not(.mat-disabled) {
background-color: #336a7f !important; }
.amd-form--positive .mat-form-field-underline:not(.mat-disabled), .amd-form--positive
.mat-form-field-underline:not(.mat-disabled) {
background-color: #e0e0e0 !important; }
.mat-tab-nav-bar .mat-tab-link:focus {
background: transparent !important; }
/* panel */
.mat-action-row {
padding: 0 20px 30px 20px !important;
border-top-color: transparent !important;
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
justify-content: center !important; }
.mat-action-row button.mat-button {
margin-left: 0 !important; }
.mat-expansion-panel-body {
margin: 0 !important;
padding: 0 !important; }
.mat-expansion-panel-body .amd-form__cell {
margin: 0; }
.mat-expansion-panel-spacing {
margin: 0 !important; }
.mat-expansion-panel-header {
border-bottom: 0 !important;
padding: 0 20px !important;
height: 80px !important;
min-height: 80px;
line-height: 80px !important;
background-color: #004560; }
.mat-expansion-panel-header:hover, .mat-expansion-panel-header:focus {
background-color: #004560 !important; }
.mat-expansion-panel-header-title {
color: #42a3d0 !important; }
.u-theme--positive .mat-expansion-panel-header {
background: #f2f2f2; }
.u-theme--positive .mat-expansion-panel-header:hover, .u-theme--positive .mat-expansion-panel-header:focus {
background-color: #f2f2f2 !important; }
.mat-expansion-panel-header-title {
color: #42a3d0;
font-size: 18px;
font-weight: normal !important;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
text-transform: none !important; }
.u-theme--positive .mat-expansion-panel-header-title {
color: #42a3d0; }
.mat-expansion-indicator {
background-color: #003C53;
padding: 8px 15px 10px;
line-height: normal;
height: 20px;
-webkit-align-self: center;
-ms-grid-row-align: center;
align-self: center;
-webkit-border-radius: 2px;
border-radius: 2px; }
.u-theme--positive .mat-expansion-indicator {
background-color: #e2e2e2; }
.u-theme--positive .mat-expansion-indicator::after {
color: #0071b9 !important; }
.mat-expansion-panel,
.mat-expansion-panel-content {
background-color: #004e6d; }
.u-theme--positive .mat-expansion-panel, .u-theme--positive
.mat-expansion-panel-content {
background-color: #fff; }
.mat-expansion-indicator::after {
color: #19becf !important;
padding: 4px !important; }
/* Mat-List */
.mat-list,
.mat-nav-list {
padding-top: 0 !important; }
.mat-list .mat-list-item,
.mat-nav-list .mat-list-item {
height: 42px !important; }
.mat-list .mat-subheader,
.mat-nav-list .mat-subheader {
color: #42a3d0 !important;
padding: 0 !important; }
.mat-select-arrow,
.mat-select-trigger,
label.mat-form-field-label,
label.amd-placeholder,
.md2-datepicker-placeholder {
color: #80adbf; }
.amd-dialog .mat-select-arrow,
.u-theme--positive .mat-select-arrow, .amd-dialog
.mat-select-trigger,
.u-theme--positive
.mat-select-trigger, .amd-dialog label.mat-form-field-label, .amd-dialog label.amd-placeholder,
.u-theme--positive label.mat-form-field-label,
.u-theme--positive label.amd-placeholder, .amd-dialog
.md2-datepicker-placeholder,
.u-theme--positive
.md2-datepicker-placeholder {
color: #555 !important; }
.mat-form-field {
width: 100% !important; }
.mat-form-field-suffix {
color: #80adbf !important; }
.u-theme--positive .mat-form-field-suffix {
color: #444 !important; }
.mat-select-trigger,
.mat-form-field {
font-size: 14px !important; }
.mat-slide-toggle-bar {
margin-right: 0 !important; }
.mat-slide-toggle-thumb {
background-color: #eee !important; }
/* Input */
.mat-form--dark .mat-select-arrow,
.mat-form--dark .mat-select-trigger,
.mat-form--dark .mat-form-field-label,
.mat-form--dark .amd-placeholder,
.mat-form--dark .md2-datepicker-placeholder,
.mat-form--dark .mat-form-field-label,
.mat-form--dark .amd-placeholder {
color: #4d7587; }
.amd-dialog .mat-form--dark .mat-select-arrow,
.u-theme--positive .mat-form--dark .mat-select-arrow, .amd-dialog
.mat-form--dark .mat-select-trigger,
.u-theme--positive
.mat-form--dark .mat-select-trigger, .amd-dialog .mat-form--dark .mat-form-field-label, .amd-dialog .mat-form--dark .amd-placeholder,
.u-theme--positive .mat-form--dark .mat-form-field-label,
.u-theme--positive .mat-form--dark .amd-placeholder, .amd-dialog
.mat-form--dark .md2-datepicker-placeholder,
.u-theme--positive
.mat-form--dark .md2-datepicker-placeholder, .amd-dialog .mat-form--dark .mat-form-field-label, .amd-dialog .mat-form--dark .amd-placeholder,
.u-theme--positive .mat-form--dark .mat-form-field-label,
.u-theme--positive .mat-form--dark .amd-placeholder {
color: #555 !important; }
.mat-form--dark .mat-form-field-underline:not(.mat-disabled),
.mat-form--dark .mat-form-field-underline:not(.mat-disabled) {
background-color: #335766 !important; }
.u-theme--positive .mat-form--dark .mat-form-field-underline:not(.mat-disabled),
.amd-form--positive .mat-form--dark .mat-form-field-underline:not(.mat-disabled), .u-theme--positive
.mat-form--dark .mat-form-field-underline:not(.mat-disabled),
.amd-form--positive
.mat-form--dark .mat-form-field-underline:not(.mat-disabled) {
background-color: #e0e0e0 !important; }
.mat-form--dark .amd-icon, .mat-form--dark .fc .fc-next-button .ui-icon, .fc .fc-next-button .mat-form--dark .ui-icon, .mat-form--dark .fc .fc-prev-button .ui-icon, .fc .fc-prev-button .mat-form--dark .ui-icon,
.mat-form--dark .amd-icon--font {
opacity: 0.6; }
.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-icon-button {
vertical-align: bottom !important; }
.mat-form-field-appearance-legacy .mat-form-field-prefix .mat-datepicker-toggle-default-icon,
.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-datepicker-toggle-default-icon {
width: 18px !important;
vertical-align: initial; }
.mat-form-field-can-float .mat-form-field-label, .mat-form-field-can-float .amd-placeholder {
display: block; }
.mat-datepicker-toggle {
color: #80adbf !important; }
.u-theme--positive .mat-datepicker-toggle {
color: #444 !important; }
/* Error */
.mat-error {
font-size: 12px;
color: #ff6054 !important; }
/* Focused */
.mat-focused .mat-form-field-appearance-legacy .mat-form-field-label, .mat-focused .mat-form-field-appearance-legacy .amd-placeholder,
.mat-focused .mat-input-placeholder,
.mat-focused .mat-select-disabled .mat-select-value,
.mat-focused .mat-select-arrow,
.mat-focused .mat-select-trigger,
.mat-focused .md2-datepicker-placeholder {
color: #19becf !important; }
.mat-focused .mat-form-field-underline .mat-form-field-ripple {
height: 1px !important; }
.mat-form-field-label.mat-float:not(.mat-empty), .mat-float.amd-placeholder:not(.mat-empty),
.mat-focused .mat-form-field-label.mat-float,
.mat-focused .mat-float.amd-placeholder {
font-size: 16px !important; }
/* Disabled Status Form */
.mat-select-disabled .mat-select-value,
.mat-select-disabled .mat-select-trigger,
.mat-select-disabled .mat-select-placeholder,
.mat-select-disabled .mat-select-arrow,
.mat-select-disabled .mat-form-field-label,
.mat-select-disabled .amd-placeholder {
color: #71a4b8 !important; }
.u-theme--positive .mat-select-disabled .mat-select-value, .u-theme--positive
.mat-select-disabled .mat-select-trigger, .u-theme--positive
.mat-select-disabled .mat-select-placeholder, .u-theme--positive
.mat-select-disabled .mat-select-arrow, .u-theme--positive .mat-select-disabled .mat-form-field-label, .u-theme--positive .mat-select-disabled .amd-placeholder {
color: #aaa !important; }
.mat-select-disabled + .mat-form-field-label-wrapper .mat-form-field-label, .mat-select-disabled + .mat-form-field-label-wrapper .amd-placeholder {
color: #5f91a5 !important; }
.u-theme--positive .mat-select-disabled + .mat-form-field-label-wrapper .mat-form-field-label, .u-theme--positive .mat-select-disabled + .mat-form-field-label-wrapper .amd-placeholder {
color: #888 !important; }
.md2-datepicker-disabled .md2-datepicker-button,
.md2-datepicker-disabled .md2-datepicker-input,
.md2-datepicker-disabled .md2-datepicker-value,
.md2-datepicker-disabled .md2-datepicker-arrow {
color: #71a4b8 !important; }
.amd-dialog .md2-datepicker-disabled .md2-datepicker-button,
.u-theme--positive .md2-datepicker-disabled .md2-datepicker-button, .amd-dialog
.md2-datepicker-disabled .md2-datepicker-input,
.u-theme--positive
.md2-datepicker-disabled .md2-datepicker-input, .amd-dialog
.md2-datepicker-disabled .md2-datepicker-value,
.u-theme--positive
.md2-datepicker-disabled .md2-datepicker-value, .amd-dialog
.md2-datepicker-disabled .md2-datepicker-arrow,
.u-theme--positive
.md2-datepicker-disabled .md2-datepicker-arrow {
color: #aaa !important; }
.md2-datepicker-disabled .md2-datepicker-placeholder {
color: #5f91a5 !important; }
.amd-dialog .md2-datepicker-disabled .md2-datepicker-placeholder,
.u-theme--positive .md2-datepicker-disabled .md2-datepicker-placeholder {
color: #aaa !important; }
.mat-form-field-appearance-legacy .mat-form-field-label, .mat-form-field-appearance-legacy .amd-placeholder {
color: #679baf !important; }
.u-theme--positive .mat-form-field-appearance-legacy .mat-form-field-label, .u-theme--positive .mat-form-field-appearance-legacy .amd-placeholder {
color: #797979 !important; }
.mat-input-element:disabled {
color: #5f91a5 !important; }
.u-theme--positive .mat-input-element:disabled {
color: #797979 !important; }
.mat-input-element:disabled + .mat-autocomplete + .mat-form-field-label-wrapper .mat-form-field-label, .mat-input-element:disabled + .mat-autocomplete + .mat-form-field-label-wrapper .amd-placeholder,
.mat-input-element:disabled + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-input-element:disabled + .mat-form-field-label-wrapper .amd-placeholder,
.mat-input-element:disabled + mat-datepicker + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-input-element:disabled + mat-datepicker + .mat-form-field-label-wrapper .amd-placeholder {
color: #679baf !important; }
.u-theme--positive .mat-input-element:disabled + .mat-autocomplete + .mat-form-field-label-wrapper .mat-form-field-label, .u-theme--positive .mat-input-element:disabled + .mat-autocomplete + .mat-form-field-label-wrapper .amd-placeholder, .u-theme--positive .mat-input-element:disabled + .mat-form-field-label-wrapper .mat-form-field-label, .u-theme--positive .mat-input-element:disabled + .mat-form-field-label-wrapper .amd-placeholder, .u-theme--positive .mat-input-element:disabled + mat-datepicker + .mat-form-field-label-wrapper .mat-form-field-label, .u-theme--positive .mat-input-element:disabled + mat-datepicker + .mat-form-field-label-wrapper .amd-placeholder {
color: #797979 !important; }
[aria-disabled=true] .md2-datepicker-input {
background-image: -webkit-gradient(linear, left top, right top, from(#4d7c8f), color-stop(33%, #4d7c8f), color-stop(0%, transparent)) !important;
background-image: linear-gradient(to right, #4d7c8f 0%, #4d7c8f 33%, transparent 0%) !important;
border-bottom: 0 !important; }
.amd-dialog [aria-disabled=true] .md2-datepicker-input,
.u-theme--positive [aria-disabled=true] .md2-datepicker-input {
background-image: -webkit-gradient(linear, left top, right top, from(#ccc), color-stop(33%, #ccc), color-stop(0%, transparent)) !important;
background-image: linear-gradient(to right, #ccc 0%, #ccc 33%, transparent 0%) !important;
border-bottom: 0 !important; }
.mat-form-field-disabled .mat-form-field-underline {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.3)), color-stop(33%, rgba(255, 255, 255, 0.3)), color-stop(0%, transparent)) !important;
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 33%, transparent 0%) !important; }
.u-theme--positive .mat-form-field-disabled .mat-form-field-underline {
background-image: -webkit-gradient(linear, left top, right top, from(white), color-stop(33%, #969696), color-stop(0%, white)) !important;
background-image: linear-gradient(to right, white 0%, #969696 33%, white 0%) !important; }
.mat-disabled .mat-slide-toggle-thumb,
.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: #aaa !important; }
.mat-disabled .mat-slide-toggle-bar {
background-color: #666 !important; }
.u-theme--positive .mat-disabled .mat-slide-toggle-bar {
background-color: #ccc; }
.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #4caf50 !important; }
.u-theme--positive .mat-radio-disabled .mat-radio-label-content {
color: #888 !important; }
/* Radio Button */
.mat-radio-group {
margin-left: 30px; }
.mat-radio-group--nolabel {
margin-left: 0; }
.mat-radio-button {
font-size: 14px;
margin-right: 10px; }
.mat-radio-button .mat-radio-inner-circle {
background-color: #42a3d0 !important; }
.mat-radio-outer-circle {
border-color: #2e7fa5 !important; }
.u-theme--positive .mat-radio-outer-circle {
border-color: #a4a5a5 !important; }
.mat-radio-checked .mat-radio-inner-circle {
background-color: #42a3d0 !important; }
.mat-radio-checked .mat-radio-outer-circle {
border-color: #42a3d0 !important; }
.mat-raised-button {
-webkit-box-shadow: 0 0 0 !important;
box-shadow: 0 0 0 !important; }
/* Chip */
.amd-form .mat-chip:not(.mat-basic-chip) {
background-color: #2e7fa5 !important;
color: #fff !important; }
.amd-form .mat-chip:not(.mat-basic-chip) .mat-chip-remove {
color: #002e40 !important; }
.amd-form .mat-chip-list-wrapper {
margin: 0 !important; }
input.mat-chip-input {
margin: 0 !important; }
.mat-chip {
font-size: 11px !important;
line-height: 13px !important;
padding: 2px 8px !important; }
.mat-chip:not(.mat-basic-chip):focus {
-webkit-box-shadow: 0 0 !important;
box-shadow: 0 0 !important; }
/* Checkbox */
.mat-checkbox {
display: block;
margin: 5px 0; }
.mat-checkbox-inner-container {
margin-top: 2px !important;
-webkit-align-self: flex-start;
align-self: flex-start; }
.mat-checkbox-disabled {
opacity: 0.6; }
.mat-checkbox-disabled .mat-checkbox-label {
color: #bbb !important; }
.amd-dialog .mat-checkbox .mat-checkbox-checkmark-path {
stroke: #ffffff !important; }
.amd-dialog .mat-checkbox .mat-checkbox-checkmark {
fill: #fff !important; }
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
background-color: #42a3d0 !important; }
.mat-checkbox-frame {
border-color: #2e7fa5 !important; }
.mat-checkbox-label {
font-size: 12px; }
.mat-checkbox-layout {
white-space: normal !important; }
.u-theme--positive .mat-checkbox-disabled .mat-checkbox-label,
.u-theme--positive .mat-pseudo-checkbox,
.amd-table .mat-checkbox-disabled .mat-checkbox-label,
.amd-table .mat-pseudo-checkbox,
.mat-menu-panel .mat-checkbox-disabled .mat-checkbox-label,
.mat-menu-panel .mat-pseudo-checkbox {
color: #999; }
.u-theme--positive .mat-checkbox-frame,
.amd-table .mat-checkbox-frame,
.mat-menu-panel .mat-checkbox-frame {
border-color: #a4a4a4 !important; }
.u-theme--positive .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.u-theme--positive .mat-checkbox-checked.mat-accent .mat-checkbox-background,
.amd-table .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.amd-table .mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-menu-panel .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.mat-menu-panel .mat-checkbox-checked.mat-accent .mat-checkbox-background {
background-color: #42a3d0 !important; }
.u-theme--positive .mat-checkbox-checkmark-path,
.amd-table .mat-checkbox-checkmark-path,
.mat-menu-panel .mat-checkbox-checkmark-path {
stroke: #fff !important; }
.amd-table__authority th .mat-checkbox-frame {
border-color: white !important; }
.amd-table__row--highlighted .mat-checkbox-frame {
border-color: #80adbf !important; }
/* Mat menu */
.mat-menu-content {
padding: 20px !important;
max-height: 400px;
overflow-y: scroll; }
.mat-menu-panel {
background-color: #fff !important; }
.mat-menu-panel .mat-subheader {
color: #005c80 !important; }
.mat-menu-panel .mat-list-option {
color: #696969 !important; }
.mat-menu-panel .mat-pseudo-checkbox {
color: #999; }
.mat-menu-panel .mat-pseudo-checkbox-checked {
background: #42a3d0 !important; }
.mat-menu-panel .mat-pseudo-checkbox::after {
color: #fff !important; }
.mat-menu-panel .mat-divider {
border-top-color: #d1d1d1; }
.dp-material .dp-time-select-control {
position: relative;
width: 40px !important;
height: 27px; }
.dp-material .dp-time-select-control-up,
.dp-material .dp-time-select-control-down {
margin: 0 !important;
position: absolute !important;
height: 18px;
width: 18px;
color: #80adbf; }
.dp-material .dp-time-select-control-up:hover,
.dp-material .dp-time-select-control-down:hover {
background: transparent !important; }
.dp-material .dp-time-select-display-hours,
.dp-material .dp-time-select-display-minutes {
position: absolute !important;
left: 0;
top: 5px; }
.dp-material .dp-time-select-control-up {
top: -2px;
right: 0; }
.dp-material .dp-time-select-control-up::before {
top: 1px;
left: -1px !important; }
.dp-material .dp-time-select-control-down {
bottom: 1px;
right: 0; }
.dp-material .dp-time-select-control-down::before {
left: -1px !important;
bottom: 0; }
.dp-material .dp-time-select-separator {
width: 5px !important;
margin: 0 8px !important;
padding-top: 6px; }
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
background-color: transparent !important; }
.mat-dialog-content .mat-expansion-panel-header {
background: #f2f2f2; }
.mat-dialog-content .mat-expansion-panel-header:hover, .mat-dialog-content .mat-expansion-panel-header:focus {
background-color: #f2f2f2 !important; }
.mat-dialog-content .amd-expansion-panel__body {
background: #fff; }
.mat-dialog-content .mat-expansion-indicator {
background-color: #e2e2e2; }
.mat-dialog-content .mat-expansion-indicator::after {
color: #0071b9 !important; }
.mat-dialog-content .mat-form-field-appearance-legacy .mat-form-field-label, .mat-dialog-content .mat-form-field-appearance-legacy .amd-placeholder,
.mat-dialog-content .mat-select-value,
.mat-dialog-content .mat-input-element,
.mat-dialog-content .mat-select-value,
.mat-dialog-content .mat-checkbox-label,
.mat-dialog-content .mat-select-arrow,
.mat-dialog-content .mat-select-placeholder {
color: #4e4e4e !important; }
.mat-dialog-content .mat-form-field-disabled .mat-form-field-underline {
background-image: -webkit-gradient(linear, left top, right top, from(white), color-stop(33%, #969696), color-stop(0%, white)) !important;
background-image: linear-gradient(to right, white 0%, #969696 33%, white 0%) !important; }
.mat-dialog-content .mat-form-field.mat-form-field-invalid .mat-form-field-label, .mat-dialog-content .mat-form-field.mat-form-field-invalid .amd-placeholder,
.mat-dialog-content .mat-form-field.mat-form-field-invalid .amd-placeholder {
color: #f44336 !important; }
.mat-dialog-content .mat-checkbox-checkmark-path {
stroke: #fff !important; }
.mat-dialog-content .amd-check-item__name p, .mat-dialog-content .amd-check-item__counter {
color: #696969 !important; }
.mat-dialog-content .amd-check-item__container {
background: url("/assets/images/dotted-grey.png") repeat-x bottom left; }
.mat-dialog-content .amd-check-item__container--active {
background-color: #fff; }
.mat-dialog-content .amd-check-item__toggle, .mat-dialog-content .amd-check-item__date {
border-right: 2px solid #aaa; }
.mat-dialog-content .amd-check-item__status {
border-left: 2px solid #aaa; }
.mat-dialog-content .pu-background {
background: #EEEEEE !important; }
.mat-dialog-content .pu-container--auto {
background-image: url("/assets/images/claims/puntiurto/auto/light.png") !important; }
.mat-dialog-content .pu-container--furgone {
background-image: url("/assets/images/claims/puntiurto/furgone/light.png") !important; }
.mat-dialog-content .pu-container--moto {
background-image: url("/assets/images/claims/puntiurto/moto/light.png") !important; }
.mat-dialog-content .pu-container .pu-overlay__bottom-cell, .mat-dialog-content .pu-container .pu-overlay__middle-cell, .mat-dialog-content .pu-container .pu-overlay__top-cell {
background-color: rgba(164, 165, 165, 0.15) !important; }
.mat-dialog-content .pu-container .pu-overlay__bottom-cell:hover, .mat-dialog-content .pu-container .pu-overlay__middle-cell:hover, .mat-dialog-content .pu-container .pu-overlay__top-cell:hover {
background-color: rgba(164, 165, 165, 0.15) !important; }
.mat-dialog-content .pu-container .pu-overlay__bottom-cell.active, .mat-dialog-content .pu-container .pu-overlay__middle-cell.active, .mat-dialog-content .pu-container .pu-overlay__top-cell.active {
background-color: rgba(172, 215, 237, 0.8) !important; }
.mat-dialog-content .pu-container .pu-overlay__bottom-cell.active i, .mat-dialog-content .pu-container .pu-overlay__middle-cell.active i, .mat-dialog-content .pu-container .pu-overlay__top-cell.active i {
color: #3791c6 !important; }
td .mat-input-element:disabled {
color: #797979 !important; }
.u-theme--positive .claims-ald-dashboard {
-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3); }
.u-theme--positive .claims-ald-dashboard .mat-tab-label {
background: #E2E2E2;
color: #999999;
font-weight: normal; }
.u-theme--positive .claims-ald-dashboard .mat-tab-label.mat-tab-label-active {
background: #fff;
color: #0071b9; }
.u-theme--positive .mat-checkbox-layout .mat-checkbox-label {
color: #555 !important; }
.amd-data-sheet .amd-data-sheet__row .amd-data-sheet__cell .mat-form-field-suffix,
.amd-data-sheet .amd-data-sheet__row-inner .amd-data-sheet__cell-inner .mat-form-field-suffix {
color: white !important;
position: relative;
top: -8.5px;
margin-left: 5px;
font-weight: bold; }
.u-theme--positive .amd-data-sheet .amd-data-sheet__row .amd-data-sheet__cell .mat-form-field-suffix {
color: #4e4e4e !important; }
[hidden],
.u-show--print {
display: none !important; }
.u-opacity--020 {
opacity: 0.20; }
.u-bold {
font-weight: bold; }
.u-position-sticky {
position: sticky;
position: -webkit-sticky;
display: block;
top: 61px;
z-index: 2; }
.u-search-highlight {
color: #005478;
background-color: #80adbf;
padding: 1px; }
.u-cursor-pointer {
cursor: pointer; }
.u-list--appointments li {
display: inline-block; }
.u-list--appointments li:not(:last-child):after {
content: ' / '; }
.u-list--hours li {
display: inline-block; }
.u-list--hours li:first-child:after {
content: '/ '; }
.u-float--right {
float: right !important; }
.u-flex {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.u-flex--spacer {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
flex: 1 1 auto; }
.u-flex--w-100 {
width: 100%; }
.u-flex--items-center {
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center; }
.u-flex--items-center .col {
margin: 0 !important; }
.u-flex--items-start {
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start; }
.u-flex--items-start .col {
margin: 0 !important; }
.u-flex--justify-start {
-webkit-box-pack: start !important;
-webkit-justify-content: start !important;
justify-content: start !important; }
.u-flex--justify-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
justify-content: center !important; }
.u-flex--justify-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
justify-content: flex-end !important; }
.u-flex--justify-space-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
justify-content: space-between !important; }
.u-flex--items-end {
-webkit-box-align: end;
-webkit-align-items: flex-end;
align-items: flex-end; }
.u-flex--items-end .col {
margin: 0 !important; }
.u-flex--items-baseline {
-webkit-box-align: baseline;
-webkit-align-items: baseline;
align-items: baseline; }
.u-flex--flex-direction-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column; }
.u-flex--center,
.u-flex--center .col {
-webkit-align-self: center;
-ms-grid-row-align: center;
align-self: center; }
.u-flex--1 {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1; }
.u-flex--sameHeight {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap; }
.u-flex .u-align--center {
-webkit-align-self: center;
-ms-grid-row-align: center;
align-self: center; }
.u-flex--fill {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
flex: 1 1 auto; }
.u-full-mask {
background-color: rgba(0, 0, 0, 0.6);
width: 100%;
height: 100%;
z-index: 999;
top: 0;
left: 0;
position: fixed; }
.u-full-width {
width: 100%; }
.u-divider {
display: block;
border-top: 1px solid #002e40;
margin: 10px 0; }
.u-divider--light {
border-top: 1px solid #004560; }
.u-theme--positive .u-divider--light,
.amd-dialog .u-divider--light {
border-top-color: #ccc; }
.u-divider--full {
margin: 0 -20px; }
.mat-dialog-content .u-divider--full {
margin: 0 -24px; }
.u-divider--vertical {
margin: 0 20px;
border-right: 1px solid #002e40;
min-height: 40px; }
.u-theme--positive .u-divider--vertical {
border-right: 1px solid #d1d4d7; }
.u-show {
display: block !important; }
.u-hide {
display: none !important; }
@media only screen and (max-width: 992px) {
.u-hide--medium-and-down {
display: none !important; } }
.u-col--border {
border-left: 2px solid #003348; }
.u-text--mute {
color: #888 !important; }
.u-text--center {
text-align: center; }
.u-text--left {
text-align: left; }
.u-text--right {
text-align: right; }
.u-text--truncate {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 74%; }
.u-text--capitalize {
text-transform: lowercase; }
.u-text--capitalize:first-letter {
text-transform: uppercase; }
.u-text--capitalize-first:first-letter {
text-transform: uppercase; }
.u-main-title, .amd-dialog__header .mat-dialog-title {
font-size: 18px; }
.u-phone {
color: #4caf50; }
.u-overflow-ellipsis {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden; }
.u-margin--none {
margin: 0 !important; }
.u-margin--bottom0 {
margin-bottom: 0 !important; }
.u-margin--bottom5 {
margin-bottom: 5px !important; }
.u-margin--bottom10 {
margin-bottom: 10px !important; }
.u-margin--bottom20 {
margin-bottom: 20px !important; }
.u-margin--bottom30 {
margin-bottom: 30px !important; }
.u-margin--bottom40 {
margin-bottom: 40px !important; }
.u-margin--top5 {
margin-top: 5px !important; }
.u-margin--top5 {
margin-top: 5px !important; }
.u-margin--top10 {
margin-top: 10px !important; }
.u-margin--top15 {
margin-top: 15px !important; }
.u-margin--top30 {
margin-top: 30px !important; }
.u-margin--top20 {
margin-top: 20px !important; }
.u-margin--top40 {
margin-top: 40px !important; }
.u-margin--left10 {
margin-left: 10px !important; }
.u-margin--left20 {
margin-left: 20px !important; }
.u-margin--left40 {
margin-left: 40px !important; }
.u-margin--left30 {
margin-left: 30px !important; }
.u-margin--left5 {
margin-left: 5px !important; }
.u-margin--left20 {
margin-left: 20px !important; }
.u-margin--right5 {
margin-right: 5px !important; }
.u-margin--right10 {
margin-right: 10px !important; }
.u-margin--right20 {
margin-right: 20px !important; }
.u-padding--none {
margin: 0 !important; }
.u-padding--bottom0 {
padding-bottom: 0 !important; }
.u-padding--bottom5 {
padding-bottom: 5px !important; }
.u-padding--bottom10 {
padding-bottom: 10px !important; }
.u-padding--bottom20 {
padding-bottom: 20px !important; }
.u-padding--bottom30 {
padding-bottom: 30px !important; }
.u-padding--bottom40 {
padding-bottom: 40px !important; }
.u-padding--top0 {
padding-top: 0px !important; }
.u-padding--top5 {
padding-top: 5px !important; }
.u-padding--top10 {
padding-top: 10px !important; }
.u-padding--top30 {
padding-top: 30px !important; }
.u-padding--top20 {
padding-top: 20px !important; }
.u-padding--top40 {
padding-top: 40px !important; }
.u-padding--left0 {
padding-left: 0px !important; }
.u-padding--left10 {
padding-left: 10px !important; }
.u-padding--left20 {
padding-left: 20px !important; }
.u-padding--left40 {
padding-left: 40px !important; }
.u-padding--left30 {
padding-left: 30px !important; }
.u-padding--left5 {
padding-left: 5px !important; }
.u-padding--left20 {
padding-left: 20px !important; }
.u-padding--right0 {
padding-right: 0px !important; }
.u-padding--right5 {
padding-right: 5px !important; }
.u-padding--right10 {
padding-right: 10px !important; }
.u-padding--right20 {
padding-right: 20px !important; }
.u-no-padding {
padding: 0 !important; }
.u-preline {
white-space: pre-line; }
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.clearfix {
display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix {
height: 1%; }
.clearfix {
display: block; }
/* close commented backslash hack */
@font-face {
font-family: 'HelveticaNeueLTStd-Roman';
src: url("/assets/fonts/3447C2_6_0.eot");
src: url("/assets/fonts/3447C2_6_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_6_0.woff2") format("woff2"), url("/assets/fonts/3447C2_6_0.woff") format("woff"), url("/assets/fonts/3447C2_6_0.ttf") format("truetype"); }
@font-face {
font-family: 'HelveticaNeueLTStd-Bd';
src: url("/assets/fonts/3447C2_8_0.eot");
src: url("/assets/fonts/3447C2_8_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_8_0.woff2") format("woff2"), url("/assets/fonts/3447C2_8_0.woff") format("woff"), url("/assets/fonts/3447C2_8_0.ttf") format("truetype"); }
@font-face {
font-family: 'HelveticaNeueLTStd-Lt';
src: url("/assets/fonts/3447C2_3_0.eot");
src: url("/assets/fonts/3447C2_3_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_3_0.woff2") format("woff2"), url("/assets/fonts/3447C2_3_0.woff") format("woff"), url("/assets/fonts/3447C2_3_0.ttf") format("truetype"); }
@font-face {
font-family: 'HelveticaNeueLTStd-Md';
src: url("/assets/fonts/3447C2_5_0.eot");
src: url("/assets/fonts/3447C2_5_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_5_0.woff2") format("woff2"), url("/assets/fonts/3447C2_5_0.woff") format("woff"), url("/assets/fonts/3447C2_5_0.ttf") format("truetype"); }
.HelveticaNeueLTStd-Roman, body, .mat-form-field,
.mat-input-element,
.mat-form-field-label, .amd-placeholder,
.md2-datepicker,
.md2-datepicker-value,
.md2-datepicker-placeholder,
.mat-radio-label-content,
.mat-radio-button,
.mat-select,
.mat-select-placeholder,
.mat-select-value-text,
.mat-option,
.mat-checkbox,
.mat-list-item,
.mat-tab-group,
.mat-expansion-panel-content,
.mat-bottom-sheet-container, .mat-tab-body__description, .mat-list .mat-subheader,
.mat-nav-list .mat-subheader, .introjs-button, .amd-button, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .amd-card__title--normal, .amd-expansion-panel__subtitle, .amd-link, .amd-link--station .amd-link__title, .amd-list__subtext, .amd-check-item__alert .amd-button, .theme--myald-dialog .amd-files-list__item.mat-list-item .amd-files-list__name {
font-family: HelveticaNeueLTStd-Roman, Arial, Helvetica, sans-serif !important; }
.HelveticaNeueLTStd-Bd, b,
strong, h2, h6, .mat-horizontal-stepper-header .mat-step-icon, .mat-step-text-label, .mat-tab-label,
.mat-tab-link, .mat-tab-body__title, .mat-expansion-panel-header-title, .mat-chip, .mat-menu-panel .mat-subheader, .u-main-title, .amd-dialog__header .mat-dialog-title, .u-phone, .amd-user, .amd-title, .amd-label, .fc .fc-toolbar h2, .introjs-tooltip--welcome .introjs-head h3, .introjs-subtitle, .introjs-title, .amd-bottom-nav__item .amd-bottom-nav__button, .amd-button--reverse, .amd-button--raised, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .amd-button--expanded, .amd-button--uppercase, .amd-card__title h4, .amd-dialog .amd-files-counter, .amd-multi-panels .mat-tab-label-active, .amd-expansion-panel__description .amd-button, .amd-expansion-panel__description .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .amd-expansion-panel__description .introjs-nextbutton, .amd-expansion-panel__filters, .amd-files-list__name, .amd-items-counter .amd-button, .amd-items-counter .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .amd-items-counter .introjs-nextbutton, .amd-items-counter__subtitle, .amd-link--reverse span, .amd-link--text, .amd-link__title, .amd-link__info, .amd-list--events h4, .amd-list__title, .amd-list__text .title,
.amd-list__text h6, .amd-list--sidenav .mat-list-item, .amd-list--selection .amd-list__subheader, .amd-message, .amd-notification, table.mat-table .mat-header-cell, .amd-table th, .amd-table__col--highlighted, .amd-stepper__step--active .amd-stepper__name, .amd-stepper__icon, .amd-stepper__icon-disabled, .amd-heading, .amd-notify__title, .amd-badge__title, .amd-check-item__name p, .amd-check-item__status, .amd-check-item__counter, .amd-button-toggle, .theme--myald .amd-button--raised, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .introjs-nextbutton,
.theme--myald .amd-button-raised-color,
.theme--myald a.amd-button.amd-button--light.cta-button, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.cta-button.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.cta-button.introjs-nextbutton,
.theme--myald a.amd-button.amd-button--light.stepper-prev.myald-button-inverse, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.stepper-prev.myald-button-inverse.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.stepper-prev.myald-button-inverse.introjs-nextbutton, .theme--myald a.amd-button.amd-button--light.cta-button.myald--aggiungi-controparte, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.cta-button.myald--aggiungi-controparte.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.cta-button.myald--aggiungi-controparte.introjs-nextbutton,
.theme--myald a.amd-button.amd-button--light.stepper-prev.myald--aggiungi-controparte, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.stepper-prev.myald--aggiungi-controparte.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.stepper-prev.myald--aggiungi-controparte.introjs-nextbutton,
.theme--myald a.amd-link.amd-link--dark.ald-generic-add,
.theme--myald button.amd-button.amd-button--raised.button-panel-title.cta-button.myald--aggiungi-controparte, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.button-panel-title.cta-button.myald--aggiungi-controparte.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald button.button-panel-title.cta-button.myald--aggiungi-controparte.introjs-nextbutton, .theme--myald .action-button.action-button--myald button.amd-button.amd-button--raised.stepper-next.mat-button.mat-raised-button, .theme--myald .action-button.action-button--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.stepper-next.mat-button.mat-raised-button.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .action-button.action-button--myald button.stepper-next.mat-button.mat-raised-button.introjs-nextbutton,
.theme--myald .action-button.action-button--myald button.amd-button.amd-button--raised.stepper-prev.mat-button.mat-raised-button, .theme--myald .action-button.action-button--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.stepper-prev.mat-button.mat-raised-button.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .action-button.action-button--myald button.stepper-prev.mat-button.mat-raised-button.introjs-nextbutton, .theme--myald .pre-step a.amd-button.amd-button--light, .theme--myald .pre-step .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .pre-step a.amd-button--light.introjs-nextbutton, .theme--myald .pre-step p.prestep-ald, .theme--myald .myald-bottom-navigation-btn, .theme--myald .myald-typage-title, .theme--myald .scarica-documento, .theme--myald-dialog a.amd-button.amd-button--reverse, .theme--myald-dialog .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--reverse.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald-dialog a.amd-button--reverse.introjs-nextbutton {
font-family: HelveticaNeueLTStd-Bd, Arial, Helvetica, sans-serif !important;
font-weight: normal !important; }
.HelveticaNeueLTStd-Md, .mat-error, .amd-legend__item, .claims-bottom-box, .fc .fc-head-container th, .fc .fc-time, .fc .fc-event, .amd-expansion-panel__recap, .amd-input--error, .amd-items-counter__title, .amd-link--station .amd-link__subtitle, .amd-link--station .amd-link__distance, .amd-check-item__date {
font-family: HelveticaNeueLTStd-Md, Arial, Helvetica, sans-serif !important; }
.HelveticaNeueLTStd-Lt, .amd-link--station .amd-link__note {
font-family: HelveticaNeueLTStd-Lt, Arial, Helvetica, sans-serif !important; }
/**
* Applies styles for users in high contrast mode. Note that this only applies
* to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
* attribute, however Chrome handles high contrast differently.
* @param target Which kind of high contrast setting to target. Defaults to `active`, can be
* `white-on-black` or `black-on-white`.
*/
/* Theme for the ripple elements.*/
/* stylelint-disable material/no-prefixes */
/* stylelint-enable */
.mat-elevation-z0 {
-webkit-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);
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); }
.mat-elevation-z1 {
-webkit-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);
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); }
.mat-elevation-z2 {
-webkit-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);
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); }
.mat-elevation-z3 {
-webkit-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);
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); }
.mat-elevation-z4 {
-webkit-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);
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); }
.mat-elevation-z5 {
-webkit-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);
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); }
.mat-elevation-z6 {
-webkit-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);
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); }
.mat-elevation-z7 {
-webkit-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);
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); }
.mat-elevation-z8 {
-webkit-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);
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); }
.mat-elevation-z9 {
-webkit-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);
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); }
.mat-elevation-z10 {
-webkit-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);
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); }
.mat-elevation-z11 {
-webkit-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);
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); }
.mat-elevation-z12 {
-webkit-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);
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); }
.mat-elevation-z13 {
-webkit-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);
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); }
.mat-elevation-z14 {
-webkit-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);
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); }
.mat-elevation-z15 {
-webkit-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);
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); }
.mat-elevation-z16 {
-webkit-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);
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); }
.mat-elevation-z17 {
-webkit-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);
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); }
.mat-elevation-z18 {
-webkit-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);
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); }
.mat-elevation-z19 {
-webkit-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);
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); }
.mat-elevation-z20 {
-webkit-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);
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); }
.mat-elevation-z21 {
-webkit-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);
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); }
.mat-elevation-z22 {
-webkit-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);
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); }
.mat-elevation-z23 {
-webkit-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);
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); }
.mat-elevation-z24 {
-webkit-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);
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); }
.mat-badge-content {
font-weight: 600;
font-size: 12px;
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-badge-small .mat-badge-content {
font-size: 6px; }
.mat-badge-large .mat-badge-content {
font-size: 24px; }
.mat-h1, .mat-headline, .mat-typography h1 {
font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h2, .mat-title, .mat-typography h2 {
font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h3, .mat-subheading-2, .mat-typography h3 {
font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h4, .mat-subheading-1, .mat-typography h4 {
font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h5, .mat-typography h5 {
font: 400 11.62px/20px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 12px; }
.mat-h6, .mat-typography h6 {
font: 400 9.38px/20px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 12px; }
.mat-body-strong, .mat-body-2 {
font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
.mat-body, .mat-body-1, .mat-typography {
font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-body p, .mat-body-1 p, .mat-typography p {
margin: 0 0 12px; }
.mat-small, .mat-caption {
font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-display-4, .mat-typography .mat-display-4 {
font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 56px;
letter-spacing: -0.05em; }
.mat-display-3, .mat-typography .mat-display-3 {
font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 64px;
letter-spacing: -0.02em; }
.mat-display-2, .mat-typography .mat-display-2 {
font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 64px;
letter-spacing: -0.005em; }
.mat-display-1, .mat-typography .mat-display-1 {
font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 64px; }
.mat-bottom-sheet-container {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 16px;
font-weight: 400; }
.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500; }
.mat-button-toggle {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-card {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-card-title {
font-size: 24px;
font-weight: 400; }
.mat-card-subtitle,
.mat-card-content,
.mat-card-header .mat-card-title {
font-size: 14px; }
.mat-checkbox {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-checkbox-layout .mat-checkbox-label {
line-height: 24px; }
.mat-chip {
font-size: 13px;
line-height: 18px; }
.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
font-size: 18px; }
.mat-table {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-header-cell {
font-size: 12px;
font-weight: 500; }
.mat-cell, .mat-footer-cell {
font-size: 14px; }
.mat-calendar {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-calendar-body {
font-size: 13px; }
.mat-calendar-body-label,
.mat-calendar-period-button {
font-size: 14px;
font-weight: 500; }
.mat-calendar-table-header th {
font-size: 11px;
font-weight: 400; }
.mat-dialog-title {
font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; }
.mat-expansion-panel-header {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 15px;
font-weight: 400; }
.mat-expansion-panel-content {
font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-form-field {
font-size: inherit;
font-weight: 400;
line-height: 1.125;
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-form-field-wrapper {
padding-bottom: 1.34375em; }
.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
font-size: 150%;
line-height: 1.125; }
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
height: 1.5em;
width: 1.5em; }
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
height: 1.125em;
line-height: 1.125; }
.mat-form-field-infix {
padding: 0.5em 0;
border-top: 0.84375em solid transparent; }
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.34375em) scale(0.75);
transform: translateY(-1.34375em) scale(0.75);
width: 133.33333333%; }
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label, .mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.34374em) scale(0.75);
transform: translateY(-1.34374em) scale(0.75);
width: 133.33334333%; }
.mat-form-field-label-wrapper {
top: -0.84375em;
padding-top: 0.84375em; }
.mat-form-field-label, .amd-placeholder {
top: 1.34375em; }
.mat-form-field-underline {
bottom: 1.34375em; }
.mat-form-field-subscript-wrapper {
font-size: 75%;
margin-top: 0.66666667em;
top: -webkit-calc(100% - 1.79166667em);
top: calc(100% - 1.79166667em); }
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
padding-bottom: 1.25em; }
.mat-form-field-appearance-legacy .mat-form-field-infix {
padding: 0.4375em 0; }
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-ms-transform: translateY(-1.28125em) scale(0.75);
width: 133.33333333%; }
.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, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
-ms-transform: translateY(-1.28124em) scale(0.75);
width: 133.33334333%; }
.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, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
-ms-transform: translateY(-1.28123em) scale(0.75);
width: 133.33335333%; }
.mat-form-field-appearance-legacy .mat-form-field-label, .mat-form-field-appearance-legacy .amd-placeholder {
top: 1.28125em; }
.mat-form-field-appearance-legacy .mat-form-field-underline {
bottom: 1.25em; }
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
margin-top: 0.54166667em;
top: -webkit-calc(100% - 1.66666667em);
top: calc(100% - 1.66666667em); }
.mat-form-field-appearance-fill .mat-form-field-infix {
padding: 0.25em 0 0.75em 0; }
.mat-form-field-appearance-fill .mat-form-field-label, .mat-form-field-appearance-fill .amd-placeholder {
top: 1.09375em;
margin-top: -0.5em; }
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-0.59375em) scale(0.75);
transform: translateY(-0.59375em) scale(0.75);
width: 133.33333333%; }
.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, .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-0.59374em) scale(0.75);
transform: translateY(-0.59374em) scale(0.75);
width: 133.33334333%; }
.mat-form-field-appearance-outline .mat-form-field-infix {
padding: 1em 0 1em 0; }
.mat-form-field-appearance-outline .mat-form-field-label, .mat-form-field-appearance-outline .amd-placeholder {
top: 1.84375em;
margin-top: -0.25em; }
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.59375em) scale(0.75);
transform: translateY(-1.59375em) scale(0.75);
width: 133.33333333%; }
.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, .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.59374em) scale(0.75);
transform: translateY(-1.59374em) scale(0.75);
width: 133.33334333%; }
.mat-grid-tile-header,
.mat-grid-tile-footer {
font-size: 14px; }
.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
font-size: 12px; }
input.mat-input-element {
margin-top: -0.0625em; }
.mat-menu-item {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 16px;
font-weight: 400; }
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 12px; }
.mat-radio-button {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-select {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-select-trigger {
height: 1.125em; }
.mat-slide-toggle-content {
font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-slider-thumb-label-text {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 12px;
font-weight: 500; }
.mat-stepper-vertical, .mat-stepper-horizontal {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-step-label {
font-size: 14px;
font-weight: 400; }
.mat-step-label-selected {
font-size: 14px;
font-weight: 500; }
.mat-tab-group {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-tab-label, .mat-tab-link {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500; }
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
margin: 0; }
.mat-tooltip {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 10px;
padding-top: 6px;
padding-bottom: 6px; }
.mat-tooltip-handset {
font-size: 14px;
padding-top: 9px;
padding-bottom: 9px; }
.mat-list-item {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-list-option {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
font-size: 16px; }
.mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
font-size: 14px; }
.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
font-size: 16px; }
.mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
font-size: 14px; }
.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500; }
.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
font-size: 12px; }
.mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
font-size: 12px; }
.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
font-size: 12px; }
.mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
font-size: 12px; }
.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 12px;
font-weight: 500; }
.mat-option {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 16px; }
.mat-optgroup-label {
font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
.mat-simple-snackbar {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px; }
.mat-simple-snackbar-action {
line-height: 1;
font-family: inherit;
font-size: inherit;
font-weight: 500; }
.mat-tree {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-tree-node {
font-weight: 400;
font-size: 14px; }
.mat-ripple {
overflow: hidden; }
.mat-ripple.mat-ripple-unbounded {
overflow: visible; }
.mat-ripple-element {
position: absolute;
-webkit-border-radius: 50%;
border-radius: 50%;
pointer-events: none;
-webkit-transition: opacity, -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity, -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
-webkit-transform: scale(0);
transform: scale(0); }
@media screen and (-ms-high-contrast: active) {
.mat-ripple-element {
display: none; } }
.cdk-visually-hidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
outline: 0;
-webkit-appearance: none;
-moz-appearance: none; }
.cdk-overlay-container, .cdk-global-overlay-wrapper {
pointer-events: none;
top: 0;
left: 0;
height: 100%;
width: 100%; }
.cdk-overlay-container {
position: fixed;
z-index: 1000; }
.cdk-overlay-container:empty {
display: none; }
.cdk-global-overlay-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: flex;
position: absolute;
z-index: 1000; }
.cdk-overlay-pane {
position: absolute;
pointer-events: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 1000;
display: -webkit-box;
display: -webkit-flex;
display: flex;
max-width: 100%;
max-height: 100%; }
.cdk-overlay-backdrop {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
pointer-events: auto;
-webkit-tap-highlight-color: transparent;
-webkit-transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
opacity: 0; }
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
opacity: 1; }
@media screen and (-ms-high-contrast: active) {
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
opacity: 0.6; } }
.cdk-overlay-dark-backdrop {
background: rgba(0, 0, 0, 0.288); }
.cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
opacity: 0; }
.cdk-overlay-connected-position-bounding-box {
position: absolute;
z-index: 1000;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
min-width: 1px;
min-height: 1px; }
.cdk-global-scrollblock {
position: fixed;
width: 100%;
overflow-y: scroll; }
@keyframes cdk-text-field-autofill-start {
/*!*/ }
@keyframes cdk-text-field-autofill-end {
/*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
-webkit-animation-name: cdk-text-field-autofill-start;
animation-name: cdk-text-field-autofill-start; }
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
-webkit-animation-name: cdk-text-field-autofill-end;
animation-name: cdk-text-field-autofill-end; }
textarea.cdk-textarea-autosize {
resize: none; }
textarea.cdk-textarea-autosize-measuring {
height: auto !important;
overflow: hidden !important;
padding: 2px 0 !important;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important; }
.mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-option {
color: white; }
.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
background: rgba(255, 255, 255, 0.04); }
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
background: rgba(255, 255, 255, 0.04); }
.mat-option.mat-active {
background: rgba(255, 255, 255, 0.04);
color: white; }
.mat-option.mat-option-disabled {
color: rgba(255, 255, 255, 0.5); }
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
color: #19becf; }
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
color: #005c80; }
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
color: #f44336; }
.mat-optgroup-label {
color: rgba(255, 255, 255, 0.7); }
.mat-optgroup-disabled .mat-optgroup-label {
color: rgba(255, 255, 255, 0.5); }
.mat-pseudo-checkbox {
color: rgba(255, 255, 255, 0.7); }
.mat-pseudo-checkbox::after {
color: #303030; }
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
background: #005c80; }
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
background: #19becf; }
.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
background: #f44336; }
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
background: #686868; }
.mat-app-background {
background-color: #303030;
color: white; }
.mat-theme-loaded-marker {
display: none; }
.mat-autocomplete-panel {
background: #424242;
color: white; }
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
background: #424242; }
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
color: white; }
.mat-badge-content {
color: white;
background: #19becf; }
.mat-badge-accent .mat-badge-content {
background: #005c80;
color: white; }
.mat-badge-warn .mat-badge-content {
color: white;
background: #f44336; }
.mat-badge {
position: relative; }
.mat-badge-hidden .mat-badge-content {
display: none; }
.mat-badge-content {
position: absolute;
text-align: center;
display: inline-block;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: -webkit-transform 200ms ease-in-out;
transition: -webkit-transform 200ms ease-in-out;
transition: transform 200ms ease-in-out;
transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
-webkit-transform: scale(0.6);
transform: scale(0.6);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
pointer-events: none; }
.mat-badge-content.mat-badge-active {
-webkit-transform: none;
transform: none; }
.mat-badge-small .mat-badge-content {
width: 16px;
height: 16px;
line-height: 16px; }
@media screen and (-ms-high-contrast: active) {
.mat-badge-small .mat-badge-content {
outline: solid 1px;
-webkit-border-radius: 0;
border-radius: 0; } }
.mat-badge-small.mat-badge-above .mat-badge-content {
top: -8px; }
.mat-badge-small.mat-badge-below .mat-badge-content {
bottom: -8px; }
.mat-badge-small.mat-badge-before .mat-badge-content {
left: -16px; }
[dir='rtl'] .mat-badge-small.mat-badge-before .mat-badge-content {
left: auto;
right: -16px; }
.mat-badge-small.mat-badge-after .mat-badge-content {
right: -16px; }
[dir='rtl'] .mat-badge-small.mat-badge-after .mat-badge-content {
right: auto;
left: -16px; }
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -8px; }
[dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -8px; }
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -8px; }
[dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -8px; }
.mat-badge-medium .mat-badge-content {
width: 22px;
height: 22px;
line-height: 22px; }
@media screen and (-ms-high-contrast: active) {
.mat-badge-medium .mat-badge-content {
outline: solid 1px;
-webkit-border-radius: 0;
border-radius: 0; } }
.mat-badge-medium.mat-badge-above .mat-badge-content {
top: -11px; }
.mat-badge-medium.mat-badge-below .mat-badge-content {
bottom: -11px; }
.mat-badge-medium.mat-badge-before .mat-badge-content {
left: -22px; }
[dir='rtl'] .mat-badge-medium.mat-badge-before .mat-badge-content {
left: auto;
right: -22px; }
.mat-badge-medium.mat-badge-after .mat-badge-content {
right: -22px; }
[dir='rtl'] .mat-badge-medium.mat-badge-after .mat-badge-content {
right: auto;
left: -22px; }
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -11px; }
[dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -11px; }
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -11px; }
[dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -11px; }
.mat-badge-large .mat-badge-content {
width: 28px;
height: 28px;
line-height: 28px; }
@media screen and (-ms-high-contrast: active) {
.mat-badge-large .mat-badge-content {
outline: solid 1px;
-webkit-border-radius: 0;
border-radius: 0; } }
.mat-badge-large.mat-badge-above .mat-badge-content {
top: -14px; }
.mat-badge-large.mat-badge-below .mat-badge-content {
bottom: -14px; }
.mat-badge-large.mat-badge-before .mat-badge-content {
left: -28px; }
[dir='rtl'] .mat-badge-large.mat-badge-before .mat-badge-content {
left: auto;
right: -28px; }
.mat-badge-large.mat-badge-after .mat-badge-content {
right: -28px; }
[dir='rtl'] .mat-badge-large.mat-badge-after .mat-badge-content {
right: auto;
left: -28px; }
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -14px; }
[dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -14px; }
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -14px; }
[dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -14px; }
.mat-bottom-sheet-container {
background: #424242;
color: white; }
.mat-button, .mat-icon-button, .mat-stroked-button {
color: inherit;
background: transparent; }
.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
color: #19becf; }
.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
color: #005c80; }
.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
color: #f44336; }
.mat-button.mat-primary[disabled], .mat-button.mat-accent[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled], .mat-stroked-button.mat-primary[disabled], .mat-stroked-button.mat-accent[disabled], .mat-stroked-button.mat-warn[disabled], .mat-stroked-button[disabled][disabled] {
color: rgba(255, 255, 255, 0.3); }
.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
background-color: rgba(25, 190, 207, 0.12); }
.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
background-color: rgba(0, 92, 128, 0.12); }
.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
background-color: rgba(244, 67, 54, 0.12); }
.mat-button[disabled] .mat-button-focus-overlay, .mat-icon-button[disabled] .mat-button-focus-overlay, .mat-stroked-button[disabled] .mat-button-focus-overlay {
background-color: transparent; }
.mat-button.mat-primary .mat-ripple-element, .mat-icon-button.mat-primary .mat-ripple-element, .mat-stroked-button.mat-primary .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.1); }
.mat-button.mat-accent .mat-ripple-element, .mat-icon-button.mat-accent .mat-ripple-element, .mat-stroked-button.mat-accent .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.1); }
.mat-button.mat-warn .mat-ripple-element, .mat-icon-button.mat-warn .mat-ripple-element, .mat-stroked-button.mat-warn .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.1); }
.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
color: white;
background-color: #424242; }
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
color: white; }
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
color: white; }
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
color: white; }
.mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
color: rgba(255, 255, 255, 0.3); }
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
background-color: #19becf; }
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
background-color: #005c80; }
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
background-color: #f44336; }
.mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
background-color: rgba(255, 255, 255, 0.12); }
.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-icon-button.mat-primary .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.2); }
.mat-icon-button.mat-accent .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.2); }
.mat-icon-button.mat-warn .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.2); }
.mat-button-toggle {
color: rgba(255, 255, 255, 0.5); }
.mat-button-toggle .mat-button-toggle-focus-overlay {
background-color: rgba(255, 255, 255, 0.12); }
.mat-button-toggle-checked {
background-color: #212121;
color: rgba(255, 255, 255, 0.7); }
.mat-button-toggle-disabled {
background-color: black;
color: rgba(255, 255, 255, 0.3); }
.mat-button-toggle-disabled.mat-button-toggle-checked {
background-color: #424242; }
.mat-card {
background: #424242;
color: white; }
.mat-card-subtitle {
color: rgba(255, 255, 255, 0.7); }
.mat-checkbox-frame {
border-color: rgba(255, 255, 255, 0.7); }
.mat-checkbox-checkmark {
fill: #303030; }
.mat-checkbox-checkmark-path {
stroke: #303030 !important; }
@media screen and (-ms-high-contrast: black-on-white) {
.mat-checkbox-checkmark-path {
stroke: #000 !important; } }
.mat-checkbox-mixedmark {
background-color: #303030; }
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
background-color: #19becf; }
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
background-color: #005c80; }
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
background-color: #f44336; }
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
background-color: #686868; }
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
border-color: #686868; }
.mat-checkbox-disabled .mat-checkbox-label {
color: #686868; }
@media screen and (-ms-high-contrast: active) {
.mat-checkbox-disabled {
opacity: 0.5; } }
@media screen and (-ms-high-contrast: active) {
.mat-checkbox-background {
background: none; } }
.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.26); }
.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.26); }
.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.26); }
.mat-chip.mat-standard-chip {
background-color: #616161;
color: white; }
.mat-chip.mat-standard-chip .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip .mat-chip-remove:hover {
opacity: 0.54; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
background-color: #19becf;
color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
opacity: 0.54; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
background-color: #f44336;
color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
opacity: 0.54; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
background-color: #005c80;
color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
opacity: 0.54; }
.mat-table {
background: #424242; }
.mat-table thead, .mat-table tbody, .mat-table tfoot,
mat-header-row, mat-row, mat-footer-row,
[mat-header-row], [mat-row], [mat-footer-row],
.mat-table-sticky {
background: inherit; }
mat-row, mat-header-row, mat-footer-row,
th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
border-bottom-color: rgba(255, 255, 255, 0.12); }
.mat-header-cell {
color: rgba(255, 255, 255, 0.7); }
.mat-cell, .mat-footer-cell {
color: white; }
.mat-calendar-arrow {
border-top-color: white; }
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
color: white; }
.mat-calendar-table-header {
color: rgba(255, 255, 255, 0.5); }
.mat-calendar-table-header-divider::after {
background: rgba(255, 255, 255, 0.12); }
.mat-calendar-body-label {
color: rgba(255, 255, 255, 0.7); }
.mat-calendar-body-cell-content {
color: white;
border-color: transparent; }
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
color: rgba(255, 255, 255, 0.5); }
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
background-color: rgba(255, 255, 255, 0.04); }
.mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(255, 255, 255, 0.5); }
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(255, 255, 255, 0.3); }
.mat-calendar-body-selected {
background-color: #19becf;
color: white; }
.mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(25, 190, 207, 0.4); }
.mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content {
background-color: #424242;
color: white; }
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
background-color: #005c80;
color: white; }
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(0, 92, 128, 0.4); }
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
background-color: #f44336;
color: white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(244, 67, 54, 0.4); }
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-toggle-active {
color: #19becf; }
.mat-datepicker-toggle-active.mat-accent {
color: #005c80; }
.mat-datepicker-toggle-active.mat-warn {
color: #f44336; }
.mat-dialog-container {
background: #424242;
color: white; }
.mat-divider {
border-top-color: rgba(255, 255, 255, 0.12); }
.mat-divider-vertical {
border-right-color: rgba(255, 255, 255, 0.12); }
.mat-expansion-panel {
background: #424242;
color: white; }
.mat-action-row {
border-top-color: rgba(255, 255, 255, 0.12); }
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']):hover {
background: rgba(255, 255, 255, 0.04); }
@media (hover: none) {
.mat-expansion-panel:not(.mat-expanded):not([aria-disabled='true']) .mat-expansion-panel-header:hover {
background: #424242; } }
.mat-expansion-panel-header-title {
color: white; }
.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
color: rgba(255, 255, 255, 0.7); }
.mat-expansion-panel-header[aria-disabled='true'] {
color: rgba(255, 255, 255, 0.3); }
.mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-description {
color: inherit; }
.mat-form-field-label, .amd-placeholder {
color: rgba(255, 255, 255, 0.7); }
.mat-hint {
color: rgba(255, 255, 255, 0.7); }
.mat-form-field.mat-focused .mat-form-field-label, .mat-form-field.mat-focused .amd-placeholder {
color: #19becf; }
.mat-form-field.mat-focused .mat-form-field-label.mat-accent, .mat-form-field.mat-focused .mat-accent.amd-placeholder {
color: #005c80; }
.mat-form-field.mat-focused .mat-form-field-label.mat-warn, .mat-form-field.mat-focused .mat-warn.amd-placeholder {
color: #f44336; }
.mat-focused .mat-form-field-required-marker {
color: #005c80; }
.mat-form-field-ripple {
background-color: white; }
.mat-form-field.mat-focused .mat-form-field-ripple {
background-color: #19becf; }
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
background-color: #005c80; }
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
background-color: #f44336; }
.mat-form-field.mat-form-field-invalid .mat-form-field-label, .mat-form-field.mat-form-field-invalid .amd-placeholder {
color: #f44336; }
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, .mat-form-field.mat-form-field-invalid .mat-accent.amd-placeholder,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,
.mat-form-field.mat-form-field-invalid .amd-placeholder .mat-form-field-required-marker {
color: #f44336; }
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
background-color: #f44336; }
.mat-error {
color: #f44336; }
.mat-form-field-appearance-legacy .mat-form-field-label, .mat-form-field-appearance-legacy .amd-placeholder {
color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-legacy .mat-hint {
color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-legacy .mat-form-field-underline {
background-color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.7)), color-stop(33%, rgba(255, 255, 255, 0.7)), color-stop(0%, transparent));
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
background-size: 4px 100%;
background-repeat: repeat-x; }
.mat-form-field-appearance-standard .mat-form-field-underline {
background-color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.7)), color-stop(33%, rgba(255, 255, 255, 0.7)), color-stop(0%, transparent));
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
background-size: 4px 100%;
background-repeat: repeat-x; }
.mat-form-field-appearance-fill .mat-form-field-flex {
background-color: rgba(255, 255, 255, 0.1); }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
background-color: rgba(255, 255, 255, 0.05); }
.mat-form-field-appearance-fill .mat-form-field-underline::before {
background-color: rgba(255, 255, 255, 0.5); }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-disabled .amd-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
background-color: transparent; }
.mat-form-field-appearance-outline .mat-form-field-outline {
color: rgba(255, 255, 255, 0.3); }
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
color: white; }
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
color: #19becf; }
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
color: #005c80; }
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
color: #f44336; }
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
color: #f44336; }
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-disabled .amd-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
color: rgba(255, 255, 255, 0.15); }
.mat-icon.mat-primary {
color: #19becf; }
.mat-icon.mat-accent {
color: #005c80; }
.mat-icon.mat-warn {
color: #f44336; }
.mat-input-element:disabled {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element {
caret-color: #19becf; }
.mat-input-element::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::-moz-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-accent .mat-input-element {
caret-color: #005c80; }
.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
caret-color: #f44336; }
.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
color: white; }
.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
color: white; }
.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
color: rgba(255, 255, 255, 0.7); }
.mat-list-item-disabled {
background-color: black; }
.mat-list-option:hover, .mat-list-option.mat-list-item-focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item.mat-list-item-focus {
background: rgba(255, 255, 255, 0.04); }
.mat-menu-panel {
background: #424242; }
.mat-menu-item {
background: transparent;
color: white; }
.mat-menu-item[disabled], .mat-menu-item[disabled]::after {
color: rgba(255, 255, 255, 0.5); }
.mat-menu-item .mat-icon:not([color]),
.mat-menu-item-submenu-trigger::after {
color: white; }
.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
background: rgba(255, 255, 255, 0.04); }
.mat-paginator {
background: #424242; }
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
color: rgba(255, 255, 255, 0.7); }
.mat-paginator-decrement,
.mat-paginator-increment {
border-top: 2px solid white;
border-right: 2px solid white; }
.mat-paginator-first,
.mat-paginator-last {
border-top: 2px solid white; }
.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
border-color: rgba(255, 255, 255, 0.5); }
.mat-progress-bar-background {
fill: #baecf1; }
.mat-progress-bar-buffer {
background-color: #baecf1; }
.mat-progress-bar-fill::after {
background-color: #19becf; }
.mat-progress-bar.mat-accent .mat-progress-bar-background {
fill: #b3ced9; }
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
background-color: #b3ced9; }
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
background-color: #005c80; }
.mat-progress-bar.mat-warn .mat-progress-bar-background {
fill: #ffcdd2; }
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
background-color: #ffcdd2; }
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
background-color: #f44336; }
.mat-progress-spinner circle, .mat-spinner circle {
stroke: #19becf; }
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
stroke: #005c80; }
.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
stroke: #f44336; }
.mat-radio-outer-circle {
border-color: rgba(255, 255, 255, 0.7); }
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
border-color: #19becf; }
.mat-radio-button.mat-primary .mat-radio-inner-circle {
background-color: #19becf; }
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.26); }
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
border-color: #005c80; }
.mat-radio-button.mat-accent .mat-radio-inner-circle {
background-color: #005c80; }
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.26); }
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
border-color: #f44336; }
.mat-radio-button.mat-warn .mat-radio-inner-circle {
background-color: #f44336; }
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.26); }
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
border-color: rgba(255, 255, 255, 0.5); }
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
background-color: rgba(255, 255, 255, 0.5); }
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
color: rgba(255, 255, 255, 0.5); }
.mat-select-content, .mat-select-panel-done-animating {
background: #424242; }
.mat-select-value {
color: white; }
.mat-select-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-select-disabled .mat-select-value {
color: rgba(255, 255, 255, 0.5); }
.mat-select-arrow {
color: rgba(255, 255, 255, 0.7); }
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
background: rgba(255, 255, 255, 0.12); }
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
color: #19becf; }
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
color: #005c80; }
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
color: #f44336; }
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
color: #f44336; }
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
color: rgba(255, 255, 255, 0.5); }
.mat-drawer-container {
background-color: #303030;
color: white; }
.mat-drawer {
background-color: #424242;
color: white; }
.mat-drawer.mat-drawer-push {
background-color: #424242; }
.mat-drawer-backdrop.mat-drawer-shown {
background-color: rgba(189, 189, 189, 0.6); }
.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #80adbf; }
.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgba(128, 173, 191, 0.5); }
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle .mat-ripple-element {
background-color: rgba(128, 173, 191, 0.12); }
.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #8cdfe7; }
.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgba(140, 223, 231, 0.5); }
.mat-slide-toggle.mat-primary:not(.mat-checked) .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle.mat-primary .mat-ripple-element {
background-color: rgba(140, 223, 231, 0.12); }
.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #ef9a9a; }
.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgba(239, 154, 154, 0.5); }
.mat-slide-toggle.mat-warn:not(.mat-checked) .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle.mat-warn .mat-ripple-element {
background-color: rgba(239, 154, 154, 0.12); }
.mat-disabled .mat-slide-toggle-thumb {
background-color: #424242; }
.mat-disabled .mat-slide-toggle-bar {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle-thumb {
background-color: #bdbdbd; }
.mat-slide-toggle-bar {
background-color: rgba(255, 255, 255, 0.5); }
.mat-slider-track-background {
background-color: rgba(255, 255, 255, 0.3); }
.mat-primary .mat-slider-track-fill,
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label {
background-color: #19becf; }
.mat-primary .mat-slider-thumb-label-text {
color: white; }
.mat-accent .mat-slider-track-fill,
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label {
background-color: #005c80; }
.mat-accent .mat-slider-thumb-label-text {
color: white; }
.mat-warn .mat-slider-track-fill,
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label {
background-color: #f44336; }
.mat-warn .mat-slider-thumb-label-text {
color: white; }
.mat-slider-focus-ring {
background-color: rgba(0, 92, 128, 0.2); }
.mat-slider:hover .mat-slider-track-background,
.cdk-focused .mat-slider-track-background {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled .mat-slider-thumb {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-disabled:hover .mat-slider-track-background {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-min-value .mat-slider-focus-ring {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
background-color: white; }
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
border-color: rgba(255, 255, 255, 0.3);
background-color: transparent; }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
border-color: rgba(255, 255, 255, 0.3); }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
border-color: rgba(255, 255, 255, 0.3); }
.mat-slider-has-ticks .mat-slider-wrapper::after {
border-color: rgba(255, 255, 255, 0.7); }
.mat-slider-horizontal .mat-slider-ticks {
background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);
background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); }
.mat-slider-vertical .mat-slider-ticks {
background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); }
.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover {
background-color: rgba(255, 255, 255, 0.04); }
.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
color: rgba(255, 255, 255, 0.5); }
.mat-step-header .mat-step-icon {
background-color: #19becf;
color: white; }
.mat-step-header .mat-step-icon-not-touched {
background-color: rgba(255, 255, 255, 0.5);
color: white; }
.mat-step-header .mat-step-label.mat-step-label-active {
color: white; }
.mat-stepper-horizontal, .mat-stepper-vertical {
background-color: #424242; }
.mat-stepper-vertical-line::before {
border-left-color: rgba(255, 255, 255, 0.12); }
.mat-stepper-horizontal-line {
border-top-color: rgba(255, 255, 255, 0.12); }
.mat-sort-header-arrow {
color: #c6c6c6; }
.mat-tab-nav-bar,
.mat-tab-header {
border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: none; }
.mat-tab-label, .mat-tab-link {
color: white; }
.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.5); }
.mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.5); }
.mat-tab-group[class*='mat-background-'] .mat-tab-header,
.mat-tab-nav-bar[class*='mat-background-'] {
border-bottom: none;
border-top: none; }
.mat-tab-group.mat-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(186, 236, 241, 0.3); }
.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
background-color: #19becf; }
.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
background-color: white; }
.mat-tab-group.mat-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(179, 206, 217, 0.3); }
.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
background-color: #005c80; }
.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
background-color: white; }
.mat-tab-group.mat-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(255, 205, 210, 0.3); }
.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
background-color: #f44336; }
.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
background-color: white; }
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(186, 236, 241, 0.3); }
.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
background-color: #19becf; }
.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
color: white; }
.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-primary .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(179, 206, 217, 0.3); }
.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
background-color: #005c80; }
.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
color: white; }
.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-accent .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(255, 205, 210, 0.3); }
.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links {
background-color: #f44336; }
.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
color: white; }
.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-warn .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-toolbar {
background: #212121;
color: white; }
.mat-toolbar.mat-primary {
background: #19becf;
color: white; }
.mat-toolbar.mat-accent {
background: #005c80;
color: white; }
.mat-toolbar.mat-warn {
background: #f44336;
color: white; }
.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
background-color: currentColor; }
.mat-toolbar .mat-form-field-label, .mat-toolbar .amd-placeholder,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-focused .amd-placeholder,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
color: inherit; }
.mat-toolbar .mat-input-element {
caret-color: currentColor; }
.mat-tooltip {
background: rgba(97, 97, 97, 0.9); }
.mat-tree {
background: #424242; }
.mat-tree-node {
color: white; }
.mat-snack-bar-container {
background: #fafafa;
color: rgba(0, 0, 0, 0.87); }
.mat-simple-snackbar-action {
color: inherit; }
.mat-calendar-arrow {
border-top-color: rgba(0, 0, 0, 0.54); }
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
color: rgba(0, 0, 0, 0.54); }
.mat-calendar-table-header {
color: rgba(0, 0, 0, 0.38); }
.mat-calendar-table-header-divider::after {
background: rgba(0, 0, 0, 0.12); }
.mat-calendar-body-label {
color: rgba(0, 0, 0, 0.54); }
.mat-calendar-body-cell-content {
color: rgba(0, 0, 0, 0.87);
border-color: transparent; }
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
color: rgba(0, 0, 0, 0.38); }
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
background-color: rgba(0, 0, 0, 0.04); }
.mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(0, 0, 0, 0.38); }
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(0, 0, 0, 0.18); }
.mat-calendar-body-selected {
background-color: #19becf;
color: white; }
.mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(25, 190, 207, 0.4); }
.mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content {
background-color: white;
color: rgba(0, 0, 0, 0.87); }
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
background-color: #005c80;
color: white; }
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(0, 92, 128, 0.4); }
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
background-color: #f44336;
color: white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(244, 67, 54, 0.4); }
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-toggle-active {
color: #19becf; }
.mat-datepicker-toggle-active.mat-accent {
color: #005c80; }
.mat-datepicker-toggle-active.mat-warn {
color: #f44336; }
/*
Variables
Styleguide 1
*/
/*
Colors Palette
$amd-primary-50 - primary 50
$amd-primary-100 - primary 100
markup:
{$modifiers}
Styleguide 1.1
*/
.amd-color-red {
color: #ff6054; }
.amd-color-green {
color: #4caf50 !important; }
.amd-color-orange {
color: #ff9800 !important; }
.amd-color-red {
color: #ff6054 !important; }
.amd-bg-color-red {
background-color: #fbd6d3; }
.amd-accent-300 {
color: #42a3d0; }
.amd-accent-500 {
color: #005c80 !important; }
.amd-accent-500--bg {
background-color: #19becf !important; }
.amd-accent-500--hover, .amd-items-counter--accent-dark:hover {
background-color: #005478 !important; }
.amd-primary-500 {
color: #19becf !important; }
.amd-primary-500--bg {
background-color: #005c80 !important; }
.amd-primary-500--hover, .amd-items-counter--primary:hover {
background-color: #47cbd8 !important; }
.mat-container-colors {
background-color: #002e40;
color: #fff; }
.mat-toolbar-colors {
background-color: rgba(0, 46, 64, 0.9); }
.footer-colors {
background-color: #003348;
color: #80adbf; }
.footer-colors a {
color: #ddeef6; }
.table-border-color, table.mat-table--bordered > thead > .mat-row,
table.mat-table--bordered > tbody > .mat-row, .amd-table--bordered > thead > tr,
.amd-table--bordered > tbody > tr {
border-bottom: 1px solid #ccc; }
.box-shadow, .amd-expansion-panel, .amd-table tbody {
-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) !important;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) !important; }
.amd-title-color, .amd-title {
color: #267493; }
.amd-title-border, .amd-title {
border-left: 2px solid #42a3d0; }
.amd-button-raised-color, .amd-button--raised, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton {
color: #fff !important;
background-color: #19becf !important; }
.amd-input-control-colors, .amd-input__group__control {
background-color: #0f727c;
color: #baecf1; }
.amd-input-control-placeholder, .amd-input__group__control::-webkit-input-placeholder {
color: #5ed2dd; }
.amd-expansion-panel-bg-color {
background-color: #004560; }
.amd-expansion-panel-header-border {
border-bottom-color: #003348; }
.amd-expansion-panel-header-color {
color: #42a3d0; }
.amd-expansion-panel-content {
background-color: #004e6d; }
.amd-card-bg-color, .amd-card {
background-color: #004e6d; }
.amd-card-bg-color .amd-icon--circle .amd-icon--border, .amd-card .amd-icon--circle .amd-icon--border {
border-color: #ccc; }
.amd-card-bg-color--light, .amd-card--light {
background-color: #005c80; }
.amd-card-bg-color--light .amd-card-title-btn-border, .amd-card--light .amd-card-title-btn-border, .amd-card-bg-color--light .amd-card__title-btn, .amd-card--light .amd-card__title-btn,
.amd-card-bg-color--light .amd-card__title-btn,
.amd-card--light .amd-card__title-btn {
border-left: 1px solid #004560; }
.amd-card-bg-color--light .amd-icon--circle .amd-icon--border, .amd-card--light .amd-icon--circle .amd-icon--border {
border-color: #004560; }
.amd-card-title-color, .amd-card__title h4 {
color: #42a3d0; }
.amd-card-title-color--light, .amd-card--light .amd-card__title h4,
.amd-card--light .amd-card__title-icon {
color: #80adbf; }
.amd-card-title-btn-border, .amd-card__title-btn {
border-left: 1px solid #003348; }
.amd-list-col-border {
border-left: 1px solid #80adbf; }
.amd-list-item-border {
border-bottom: 1px solid #003348; }
.amd-list-icon-color {
color: #42a3d0; }
.amd-list-title-color {
color: #80adbf; }
.u-theme--positive .amd-link,
.u-theme--positive .amd-button--accent,
.u-theme--positive .amd-accent-500,
.u-theme--positive .amd-button--primary,
.u-theme--positive .amd-primary-500,
.u-theme--positive .amd-button--light,
.u-theme--positive .amd-button--reverse,
.u-theme--positive .amd-select__centers .mat-select-placeholder.mat-floating-placeholder {
color: #0071b9 !important; }
.u-theme--positive .amd-list__check {
border-right: 2px solid #d1d1d1; }
.u-theme--positive .amd-toolbar__title {
color: #4e4e4e; }
.u-theme--positive .amd-toolbar__action ul li {
border-right: 1px solid #ccc; }
.u-theme--positive .amd-wizard {
border-left: 1px solid #ddd !important; }
.u-theme--positive .amd-select__centers .mat-select-value {
color: #777 !important; }
.u-theme--positive .amd-select__centers .mat-select-underline {
background-color: #ccc; }
.u-theme--positive .deadlines-cell {
background-color: #fff; }
.u-theme--positive .deadlines-list__text {
color: #696969; }
.u-theme--positive .deadlines-list a,
.u-theme--positive .deadlines-list a:visited {
color: #444; }
.u-theme--positive .deadlines-list__bar {
background-color: #e6e6e6;
color: #333; }
.u-theme--positive .deadlines-list__item {
border-bottom: 1px solid #ddd; }
.u-theme--positive .news-cell__text {
color: #333; }
.u-theme--positive .news-cell__date {
color: #696969; }
.u-theme--positive .info-grid .amd-icon--border {
border-color: #ccc !important; }
.u-theme--positive .info-grid .amd-list__text p {
color: #696969; }
.u-theme--positive .news-grid__cell__date {
color: #696969; }
.u-theme--positive .news-grid__cell__text {
color: #333; }
.u-theme--positive .order-check__label {
color: #4e4e4e !important; }
.u-theme--positive .order-details__legend .amd-title {
color: #696969; }
.u-theme--positive .order-details__legend__item {
color: #777; }
.u-theme--positive .order-details__legend__item span {
color: #666; }
.u-theme--positive .order-details__tabs .mat-expansion-panel-body tbody {
border-bottom: 1px solid #eee; }
.u-theme--positive .order-details__tabs .mat-expansion-panel-body tbody:nth-of-type(even) {
background-color: #f5f5f5; }
.u-theme--positive .order-details__tabs .mat-tab-label {
background-color: #fff;
color: #0071b9; }
.u-theme--positive .amd-table__td--toggle {
border-left: 1px solid #eee !important;
border-right: 1px solid #eee !important; }
.u-theme--positive .amd-title {
color: #818181; }
.u-theme--positive .amd-breadcrumb__bookmark .mat-button,
.u-theme--positive .amd-breadcrumb__icon,
.u-theme--positive .amd-button--expanded,
.u-theme--positive .amd-card__title-btn .mat-icon {
color: #0071b9 !important; }
.u-theme--positive .amd-bg--primary .amd-bg--highlight,
.u-theme--positive .amd-bg--accent .amd-bg--highlight {
color: #42a3d0; }
.u-theme--positive .amd-breadcrumb__content {
border-left: 2px solid #0071b9; }
.u-theme--positive .amd-bg--border::before {
border-left: 3px solid #0071b9; }
.u-theme--positive .amd-heading {
color: #42a3d0; }
.u-theme--positive .amd-breadcrumb__link,
.u-theme--positive .amd-breadcrumb__title,
.u-theme--positive .amd-breadcrumb_link:visited {
color: #333333; }
.u-theme--positive .amd-label {
background-color: #eee;
color: #777;
border-color: #ccc; }
.u-theme--positive .amd-label--primary {
color: #0071b9; }
.u-theme--positive .amd-label .fa {
color: #4caf50; }
.u-theme--positive .u-divider {
border-top: 1px solid #ddd; }
.u-theme--positive .amd-bg--accent,
.u-theme--positive .amd-bg--primary {
background-color: #f2f2f2;
color: #4e4e4e; }
.u-theme--positive .amd-legend__item {
color: #818181; }
.u-theme--positive .mat-container-colors {
background-color: #e6e6e6;
color: #4e4e4e; }
.u-theme--positive .mat-radio-outer-circle {
border-color: #ccc; }
.u-theme--positive .mat-checkbox-disabled .mat-checkbox-label {
color: #999; }
.u-theme--positive .mat-checkbox-frame {
border-color: #a4a4a4 !important; }
.u-theme--positive .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.u-theme--positive .mat-checkbox-checked.mat-accent .mat-checkbox-background {
background-color: #42a3d0 !important; }
.u-theme--positive .mat-checkbox-checkmark-path {
stroke: #fff !important; }
.u-theme--positive .mat-slide-toggle-thumb {
background-color: #eee; }
.u-theme--positive .mat-ink-bar {
background-color: #0071b9 !important; }
.u-theme--positive .mat-toolbar-colors {
background-color: white;
border-bottom: 1px solid #ccc; }
.u-theme--positive .mat-tab-link {
color: #696969; }
.u-theme--positive .mat-tab-body__description {
background-color: #fff; }
.u-theme--positive .mat-tab-body__title {
background-color: #fff;
border-bottom: 1px solid #ccc;
color: #80adbf; }
.u-theme--positive .app-footer {
background-color: #d6d6d6;
color: #696969; }
.u-theme--positive .app-footer__grid h4,
.u-theme--positive .footer-colors a,
.u-theme--positive .app-footer a {
color: #333; }
.u-theme--positive .mat-expansion-panel-body tbody {
border-bottom: 1px solid #eee; }
.u-theme--positive .mat-expansion-panel-body tbody:nth-of-type(even) {
background-color: #f5f5f5; }
.u-theme--positive .mat-tab-label {
background-color: #fff;
color: #0071b9; }
.u-theme--positive .mat-tab-label:focus {
background-color: #fff !important; }
.u-theme--positive .mat-hint {
color: #919191 !important; }
.u-theme--positive .mat-slide-toggle-bar {
background-color: #ddd; }
.u-theme--positive .mat-form-field-label, .u-theme--positive .amd-placeholder {
color: rgba(21, 21, 21, 0.7); }
.u-theme--positive .mat-form-field-underline,
.u-theme--positive .mat-form-field-underline {
background-color: #ddd !important; }
.u-theme--positive .mat-input-element,
.u-theme--positive .mat-select-value {
color: #444 !important; }
.u-theme--positive .amd-input--invalid .md2-datepicker-input {
border-bottom: 2px solid #f44336 !important; }
.u-theme--positive .amd-input--error,
.u-theme--positive .mat-input-error {
color: #f44336; }
i[class*="32x32"] {
font-size: 32px; }
i[class*="24x24"] {
font-size: 24px; }
i[class*="20x20"] {
font-size: 20px; }
i[class*="16x16"] {
font-size: 16px; }
.amd-icon, .fc .fc-next-button .ui-icon, .fc .fc-prev-button .ui-icon {
/*
&--pushpin-24x24{
color: $amd-accent-300;
}*/ }
.amd-icon--alert-24x24 {
color: #80adbf; }
.amd-icon--wizard-guide-24x24 {
color: #267493; }
.amd-icon--wizard-guide-24x24:hover {
color: #42a3d0; }
.mat-form-field .amd-icon--font {
color: #80adbf; }
.u-theme--positive .amd-icon--alert-24x24 {
color: #42a3d0; }
.u-theme--positive .amd-icon--download-32x32 {
color: #0071b9; }
.u-theme--positive .amd-icon--download-32x32:hover {
color: #42a3d0; }
.u-theme--positive .download-grid__link:hover .amd-icon--font.amd-icon--download-32x32 {
color: #42a3d0; }
@font-face {
font-family: 'AldNemoIconfont';
src: url("/assets/fonts/AldNemoIconfont.woff2?819a9v") format("woff2"), url("/assets/fonts/AldNemoIconfont.ttf?819a9v") format("truetype"), url("/assets/fonts/AldNemoIconfont.woff?819a9v") format("woff"), url("/assets/fonts/AldNemoIconfont.svg?819a9v#AldNemoIconfont") format("svg");
font-weight: normal;
font-style: normal; }
[class^="amd-icon--"],
[class*=" amd-icon--"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'AldNemoIconfont' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Remove extra spacing */
display: block; }
/* Non rimuoverere */
.amd-icon--lightcommercialicle,
.amd-icon--v,
.amd-icon--quadriciclo,
.amd-icon--lightcommercialvehicle,
.amd-icon--van {
font-size: 32px; }
.amd-icon--lightcommercialicle:before,
.amd-icon--v:before,
.amd-icon--quadriciclo:before,
.amd-icon--lightcommercialvehicle:before,
.amd-icon--van:before {
content: ""; }
.amd-icon--passengercar,
.amd-icon--quadriciclo,
.amd-icon--undefined,
.amd-icon--c,
.amd-icon--suv,
.amd-icon--car {
font-size: 32px; }
.amd-icon--passengercar:before,
.amd-icon--quadriciclo:before,
.amd-icon--undefined:before,
.amd-icon--c:before,
.amd-icon--suv:before,
.amd-icon--car:before {
content: ""; }
.amd-icon--motorcycle,
.amd-icon--scooter,
.amd-icon--ciclomotore,
.amd-icon--1,
.amd-icon--bike {
font-size: 32px; }
.amd-icon--motorcycle:before,
.amd-icon--scooter:before,
.amd-icon--ciclomotore:before,
.amd-icon--1:before,
.amd-icon--bike:before {
content: ""; }
.amd-icon--relief_32x32:before {
content: ""; }
.amd-icon--prelease_32x32:before {
content: ""; }
/* fino qui */
.amd-icon--manutenzioni_32x32:before {
content: ""; }
.amd-icon--user_32x32:before {
content: ""; }
.amd-icon--fatturazione_32x32:before {
content: ""; }
.amd-icon--change-user_32x32:before {
content: ""; }
.amd-icon--addMore:before {
content: ""; }
.amd-icon--logout-32x322:before {
content: ""; }
.amd-icon--alertNotifica-32x32:before {
content: ""; }
.amd-icon--academy-32x32:before {
content: ""; }
.amd-icon--aiuto-32x32:before {
content: ""; }
.amd-icon--alert-32x32:before {
content: ""; }
.amd-icon--auto-32x32:before {
content: ""; }
.amd-icon--calendario-32x32:before {
content: ""; }
.amd-icon--cerca-32x32:before {
content: ""; }
.amd-icon--consegna-32x32:before {
content: ""; }
.amd-icon--download-32x32:before {
content: ""; }
.amd-icon--hamburger-menu-32x32:before {
content: ""; }
.amd-icon--moto-32x32:before {
content: ""; }
.amd-icon--power-off-32x32:before {
content: ""; }
.amd-icon--profilo-centro-32x32:before {
content: ""; }
.amd-icon--riconsegna-32x32:before {
content: ""; }
.amd-icon--scrivi-feedback-32x32:before {
content: ""; }
.amd-icon--scroll-mouse-32x32:before {
content: ""; }
.amd-icon--van-32x32:before {
content: ""; }
.amd-icon--attenzione_24x24:before {
content: ""; }
.amd-icon--richiesta_cliente_24x24:before {
content: ""; }
.amd-icon--cargos_32x32 {
padding-left: 7px; }
.amd-icon--cargos_32x32:before {
content: ""; }
.amd-icon--message-close:before {
content: ""; }
.amd-icon--no-ricambista:before {
content: ""; }
.amd-icon--ricambista:before {
content: ""; }
.amd-icon--setting:before {
content: ""; }
.amd-icon--info-cliente_24x24:before {
content: ""; }
.amd-icon--perito-non-dedicato-24x24:before {
content: ""; }
.amd-icon--perito-dedicato-24x24:before {
content: ""; }
.amd-icon--lavorazioni-cliente_24x24:before {
content: ""; }
.amd-icon--message-close_24x24:before {
content: ""; }
.amd-icon--no-ricambista_24x24:before {
content: ""; }
.amd-icon--ricambista_24x24:before {
content: ""; }
.amd-icon--setting_24x24:before {
content: ""; }
.amd-icon--body_car_24x24:before {
content: ""; }
.amd-icon--broken_glass_24x24:before {
content: ""; }
.amd-icon--engine_24x24:before {
content: ""; }
.amd-icon--grid_24x24:before {
content: ""; }
.amd-icon--documenti-affida-24x24:before {
content: ""; }
.amd-icon--documenti-attesa-24x24:before {
content: ""; }
.amd-icon--documenti-evidenza-24x24:before {
content: ""; }
.amd-icon--documenti-incompleti-24x24:before {
content: ""; }
.amd-icon--settings-24x24:before {
content: ""; }
.amd-icon--table-24x24:before {
content: ""; }
.amd-icon--utility-24x24:before {
content: ""; }
.amd-icon--accessories-24x24:before {
content: ""; }
.amd-icon--alertRiconsegna-24x24:before {
content: ""; }
.amd-icon--appuntamenti-check-24x24:before {
content: ""; }
.amd-icon--documentPersonale-24x24:before {
content: ""; }
.amd-icon--aiuto-24x24:before {
content: ""; }
.amd-icon--alert-24x24:before {
content: ""; }
.amd-icon--alert-consegna-24x24:before {
content: ""; }
.amd-icon--allestimento-24x24:before {
content: ""; }
.amd-icon--altro-24x24:before {
content: ""; }
.amd-icon--appuntamenti-check-24x24:before {
content: ""; }
.amd-icon--appuntamenti-add-24x24:before {
content: ""; }
.amd-icon--appuntamenti-attesa-24x24:before {
content: ""; }
.amd-icon--appuntamenti-programmare-24x24:before {
content: ""; }
.amd-icon--appuntamenti-totali-24x24:before {
content: ""; }
.amd-icon--circle-outilne-alert-24x24:before {
content: ""; }
.amd-icon--circle-outilne-check-24x24:before {
content: ""; }
.amd-icon--circle-outilne-error-24x24:before {
content: ""; }
.amd-icon--circle-outilne-info-24x24:before {
content: ""; }
.amd-icon--close-big-24x24:before {
content: ""; }
.amd-icon--consegna-offsite-24x24:before {
content: ""; }
.amd-icon--consegna-on-site_24x24:before {
content: ""; }
.amd-icon--contratti-appuntamento-24x24:before {
content: ""; }
.amd-icon--contratti-bloccati-24x24:before {
content: ""; }
.amd-icon--contratti-chiusi-24x24:before {
content: ""; }
.amd-icon--contratti-InVerifica-24x24:before {
content: ""; }
.amd-icon--contratti-lista-24x24:before {
content: ""; }
.amd-icon--contratti-perizia-24x24:before {
content: ""; }
.amd-icon--contratti-rifatturabile-24x24:before {
content: ""; }
.amd-icon--contratti-scadenza-24x24:before {
content: ""; }
.amd-icon--contratti-scaduti-24x24:before {
content: ""; }
.amd-icon--contratti-standard-24x24:before {
content: ""; }
.amd-icon--credenziali-full-24x24:before {
content: ""; }
.amd-icon--credenziali-outline-24x24:before {
content: ""; }
.amd-icon--documenti-24x24:before {
content: ""; }
.amd-icon--documenti-ok-24x24:before {
content: ""; }
.amd-icon--documenti-speciali-24x24:before {
content: ""; }
.amd-icon--driver-24x24:before {
content: ""; }
.amd-icon--filtra-ricerca-24x24:before {
content: ""; }
.amd-icon--firma-digitale-24x24:before {
content: ""; }
.amd-icon--firma-cartacea_24x24:before {
content: ""; }
.amd-icon--fuelcard-24x24:before {
content: ""; }
.amd-icon--manutenzioni-24x24:before {
content: ""; }
.amd-icon--notifications-24x24:before {
content: ""; }
.amd-icon--ordini-uscita-24x24:before {
content: ""; }
.amd-icon--numero-verde-24x24:before {
content: ""; }
.amd-icon--ordini-lavorazione_24x24:before {
content: ""; }
.amd-icon--ordini-fatturazione_24x24:before {
content: ""; }
.amd-icon--ordini-attesa-24x24:before {
content: ""; }
.amd-icon--ordini-consegnati-24x24:before {
content: ""; }
.amd-icon--ordini-entrata-24x24:before {
content: ""; }
.amd-icon--ordini-modifica-24x24:before {
content: ""; }
.amd-icon--ordini-standard-24x24:before {
content: ""; }
.amd-icon--ordini-uscita-24x24:before {
content: ""; }
.amd-icon--perito-dedicato-24x24:before {
content: ""; }
.amd-icon--perito-non-dedicato-24x24:before {
content: ""; }
.amd-icon--perizia-24x24:before {
content: ""; }
.amd-icon--phone-error-24x24:before {
content: ""; }
.amd-icon--phone-standard-24x24:before {
content: ""; }
.amd-icon--placeholder-24x24:before {
content: ""; }
.amd-icon--prerent-24x24:before {
content: ""; }
.amd-icon--consegna-on-site_24x24:before {
content: ""; }
.amd-icon--profilo-centro-24x24:before {
content: ""; }
.amd-icon--pushpin-24x24:before {
content: ""; }
.amd-icon--question-24x24:before {
content: ""; }
.amd-icon--report-24x24:before {
content: ""; }
.amd-icon--richiesta-certificato-24x24:before {
content: ""; }
.amd-icon--riconsegna-24x24:before {
content: ""; }
.amd-icon--rifiuto-processo-digitale-24x24:before {
content: ""; }
.amd-icon--rubrica-24x24:before {
content: ""; }
.amd-icon--ruote-standard-24x24:before {
content: ""; }
.amd-icon--ruote-sun-24x24:before {
content: ""; }
.amd-icon--ruote-winter-24x24:before {
content: ""; }
.amd-icon--salvagente-24x24:before {
content: ""; }
.amd-icon--scrivi-feedback-24x24:before {
content: ""; }
.amd-icon--switch-24x24:before {
content: ""; }
.amd-icon--upload-24x24:before {
content: ""; }
.amd-icon--user-24x24:before {
content: ""; }
.amd-icon--user-data-24x24:before {
content: ""; }
.amd-icon--consegna-offsite-24x24:before {
content: ""; }
.amd-icon--veicoli-consegna-nuovo-24x24:before {
content: ""; }
.amd-icon--veicoli-da-periziare-24x24:before {
content: ""; }
.amd-icon--veicoli-dotazioni-24x24:before {
content: ""; }
.amd-icon--veicoli-info-24x24:before {
content: ""; }
.amd-icon--veicoli-noleggio-24x24:before {
content: ""; }
.amd-icon--veicoli-riconsegnare-24x24:before {
content: ""; }
.amd-icon--veicoli-sinistri-24x24:before {
content: ""; }
.amd-icon--veicoli-statoConsegna-24x24:before {
content: ""; }
.amd-icon--wizard-guide-24x24:before {
content: ""; }
.amd-icon--ricevuto_16x16:before {
content: ""; }
.amd-icon--spedito_16x16:before {
content: ""; }
.amd-icon--ruote-sun_16x16:before {
content: ""; }
.amd-icon--ruote-winter_16x16:before {
content: ""; }
.amd-icon--no-ricambista_16x16:before {
content: ""; }
.amd-icon--ricambista_16x16:before {
content: ""; }
.amd-icon--ricambista1:before {
content: ""; }
.amd-icon--doc-details_16x16:before {
content: ""; }
.amd-icon--policy_16x16:before {
content: ""; }
.amd-icon--search-box_16x16:before {
content: ""; }
.amd-icon--circle-check-outline_16x16:before {
content: ""; }
.amd-icon--arrow_bottom_16x16:before {
content: ""; }
.amd-icon--arrow_top_16x16:before {
content: ""; }
.amd-icon--load_16x16:before {
content: ""; }
.amd-icon--evidence-16x16:before {
content: ""; }
.amd-icon--sub-arrow_16x16:before {
content: ""; }
.amd-icon--rientrato-16x16:before {
content: ""; }
.amd-icon--no-ricambista1:before {
content: ""; }
.amd-icon--doc-details:before {
content: ""; }
.amd-icon--policy:before {
content: ""; }
.amd-icon--search-box:before {
content: ""; }
.amd-icon--circle-check-outline:before {
content: ""; }
.amd-icon--sub-arrow:before {
content: ""; }
.amd-icon--add-more-small-16x16:before {
content: ""; }
.amd-icon--alert-small-16x16:before {
content: ""; }
.amd-icon--allega-16x16:before {
content: ""; }
.amd-icon--arrow-down-16x16:before {
content: ""; }
.amd-icon--arrow-left-16x16:before {
content: ""; }
.amd-icon--arrow-left1-16x16:before {
content: ""; }
.amd-icon--arrow-left2-16x16:before {
content: ""; }
.amd-icon--arrow-right-16x16:before {
content: ""; }
.amd-icon--arrow-right1-16x16:before {
content: ""; }
.amd-icon--arrow-right2-16x16:before {
content: ""; }
.amd-icon--arrow-up-16x16:before {
content: ""; }
.amd-icon--arrow_bottom_16x16:before {
content: ""; }
.amd-icon--arrow_top_16x16:before {
content: ""; }
.amd-icon--assistenza-16x16:before {
content: ""; }
.amd-icon--attenzione-16x16:before {
content: ""; }
.amd-icon--calendar-16x16:before {
content: ""; }
.amd-icon--cerca-small-16x16:before {
content: ""; }
.amd-icon--check-16x16:before {
content: ""; }
.amd-icon--circle-alert-16x16:before {
content: ""; }
.amd-icon--circle-alert-outline-16x16:before {
content: ""; }
.amd-icon--circle-check-16x16:before {
content: ""; }
.amd-icon--circle-check-outline_16x16:before {
content: ""; }
.amd-icon--circle-error-16x16:before {
content: ""; }
.amd-icon--circle-info-16x16:before {
content: ""; }
.amd-icon--circle-phone-16x16:before {
content: ""; }
.amd-icon--circle-question-16x16:before {
content: ""; }
.amd-icon--close-small-16x16:before {
content: ""; }
.amd-icon--consegna-small-16x16:before {
content: ""; }
.amd-icon--doc-details_16x16:before {
content: ""; }
.amd-icon--documenti-small-16x16:before {
content: ""; }
.amd-icon--download-small-16x16:before {
content: ""; }
.amd-icon--duplica-16x16:before {
content: ""; }
.amd-icon--edit-16x16:before {
content: ""; }
.amd-icon--edit-scrivi-16x16:before {
content: ""; }
.amd-icon--evidence-16x16:before {
content: ""; }
.amd-icon--eye-16x16:before {
content: ""; }
.amd-icon--eye-hidden-16x16:before {
content: ""; }
.amd-icon--folder-16x16:before {
content: ""; }
.amd-icon--hour-time-small-full-16x16:before {
content: ""; }
.amd-icon--hour-time-small-outline-16x16:before {
content: ""; }
.amd-icon--label-16x16:before {
content: ""; }
.amd-icon--less-close-small-16x16:before {
content: ""; }
.amd-icon--load_16x16:before {
content: ""; }
.amd-icon--locked-16x16:before {
content: ""; }
.amd-icon--message-close-16x16:before {
content: ""; }
.amd-icon--message-open-16x16:before {
content: ""; }
.amd-icon--no-ricambista_16x16:before {
content: ""; }
.amd-icon--ordini-small-16x16:before {
content: ""; }
.amd-icon--password-16x16:before {
content: ""; }
.amd-icon--pause-16x16:before {
content: ""; }
.amd-icon--phone-16x16:before {
content: ""; }
.amd-icon--play-16x16:before {
content: ""; }
.amd-icon--policy_16x16:before {
content: ""; }
.amd-icon--print-16x16:before {
content: ""; }
.amd-icon--refresh-16x16:before {
content: ""; }
.amd-icon--ricambista_16x16:before {
content: ""; }
.amd-icon--ricevuto_16x16:before {
content: ""; }
.amd-icon--richiedi-16x16:before {
content: ""; }
.amd-icon--rientrato-16x16:before {
content: ""; }
.amd-icon--rifiuta-16x16:before {
content: ""; }
.amd-icon--ruote-sun_16x16:before {
content: ""; }
.amd-icon--ruote-winter_16x16:before {
content: ""; }
.amd-icon--save-16x16:before {
content: ""; }
.amd-icon--scrivi-feedback-16x16:before {
content: ""; }
.amd-icon--search-box_16x16:before {
content: ""; }
.amd-icon--show-more-16x16:before {
content: ""; }
.amd-icon--spedito_16x16:before {
content: ""; }
.amd-icon--star-full-16x16:before {
content: ""; }
.amd-icon--star-outline-16x16:before {
content: ""; }
.amd-icon--storia-16x16:before {
content: ""; }
.amd-icon--sub-arrow_16x16:before {
content: ""; }
.amd-icon--termina-16x16:before {
content: ""; }
.amd-icon--trash-16x16:before {
content: ""; }
.amd-icon--unlock-16x16:before {
content: ""; }
.amd-icon--user-login-16x16:before {
content: ""; }
.amd-icon--circle-check-outline1:before {
content: ""; }
.amd-icon--arrow_bottom_16x161:before {
content: ""; }
.amd-icon--arrow_top_16x161:before {
content: ""; }
.amd-icon--load_16x161:before {
content: ""; }
.amd-icon--change-user_32x321:before {
content: ""; }
.amd-icon--fatturazione_32x321:before {
content: ""; }
.amd-icon--manutenzioni_32x321:before {
content: ""; }
.amd-icon--user_32x321:before {
content: ""; }
.amd-icon--body_car_24x241:before {
content: ""; }
.amd-icon--broken_glass_24x241:before {
content: ""; }
.amd-icon--engine_24x241:before {
content: ""; }
.amd-icon--grid_24x241:before {
content: ""; }
.amd-icon--addMore1:before {
content: ""; }
.amd-icon--evidence-16x161:before {
content: ""; }
.amd-icon--sub-arrow1:before {
content: ""; }
.amd-icon--documenti-affida-24x241:before {
content: ""; }
.amd-icon--documenti-attesa-24x241:before {
content: ""; }
.amd-icon--documenti-evidenza-24x241:before {
content: ""; }
.amd-icon--documenti-incompleti-24x241:before {
content: ""; }
.amd-icon--settings-24x241:before {
content: ""; }
.amd-icon--table-24x241:before {
content: ""; }
.amd-icon--utility-24x241:before {
content: ""; }
.amd-icon--accessories-24x242:before {
content: ""; }
.amd-icon--alertRiconsegna-24x242:before {
content: ""; }
.amd-icon--appuntamenti-check-24x242:before {
content: ""; }
.amd-icon--documentPersonale-24x242:before {
content: ""; }
.amd-icon--rientrato-16x162:before {
content: ""; }
.amd-icon--logout-32x32:before {
content: ""; }
.amd-icon--alertNotifica-32x322:before {
content: ""; }
.amd-icon--add-more-small-16x162:before {
content: ""; }
.amd-icon--alert-small-16x162:before {
content: ""; }
.amd-icon--allega-16x162:before {
content: ""; }
.amd-icon--arrow-down-16x162:before {
content: ""; }
.amd-icon--arrow-left-16x162:before {
content: ""; }
.amd-icon--arrow-left1-16x162:before {
content: ""; }
.amd-icon--arrow-left2-16x162:before {
content: ""; }
.amd-icon--arrow-right-16x162:before {
content: ""; }
.amd-icon--arrow-right1-16x162:before {
content: ""; }
.amd-icon--arrow-right2-16x162:before {
content: ""; }
.amd-icon--arrow-up-16x162:before {
content: ""; }
.amd-icon--assistenza-16x162:before {
content: ""; }
.amd-icon--attenzione-16x162:before {
content: ""; }
.amd-icon--calendar-16x162:before {
content: ""; }
.amd-icon--cerca-small-16x162:before {
content: ""; }
.amd-icon--check-16x162:before {
content: ""; }
.amd-icon--circle-alert-16x162:before {
content: ""; }
.amd-icon--circle-alert-outline-16x162:before {
content: ""; }
.amd-icon--circle-check-16x162:before {
content: ""; }
.amd-icon--circle-error-16x162:before {
content: ""; }
.amd-icon--circle-info-16x162:before {
content: ""; }
.amd-icon--circle-phone-16x162:before {
content: ""; }
.amd-icon--circle-question-16x162:before {
content: ""; }
.amd-icon--close-small-16x162:before {
content: ""; }
.amd-icon--consegna-small-16x162:before {
content: ""; }
.amd-icon--documenti-small-16x162:before {
content: ""; }
.amd-icon--download-small-16x162:before {
content: ""; }
.amd-icon--duplica-16x162:before {
content: ""; }
.amd-icon--edit-16x162:before {
content: ""; }
.amd-icon--edit-scrivi-16x162:before {
content: ""; }
.amd-icon--eye-16x162:before {
content: ""; }
.amd-icon--eye-hidden-16x162:before {
content: ""; }
.amd-icon--folder-16x162:before {
content: ""; }
.amd-icon--hour-time-small-full-16x162:before {
content: ""; }
.amd-icon--hour-time-small-outline-16x162:before {
content: ""; }
.amd-icon--label-16x162:before {
content: ""; }
.amd-icon--less-close-small-16x162:before {
content: ""; }
.amd-icon--locked-16x162:before {
content: ""; }
.amd-icon--message-close-16x162:before {
content: ""; }
.amd-icon--message-open-16x162:before {
content: ""; }
.amd-icon--ordini-small-16x162:before {
content: ""; }
.amd-icon--password-16x162:before {
content: ""; }
.amd-icon--pause-16x162:before {
content: ""; }
.amd-icon--phone-16x162:before {
content: ""; }
.amd-icon--play-16x162:before {
content: ""; }
.amd-icon--print-16x162:before {
content: ""; }
.amd-icon--refresh-16x162:before {
content: ""; }
.amd-icon--richiedi-16x162:before {
content: ""; }
.amd-icon--rifiuta-16x162:before {
content: ""; }
.amd-icon--save-16x162:before {
content: ""; }
.amd-icon--scrivi-feedback-16x162:before {
content: ""; }
.amd-icon--show-more-16x162:before {
content: ""; }
.amd-icon--star-full-16x162:before {
content: ""; }
.amd-icon--star-outline-16x162:before {
content: ""; }
.amd-icon--storia-16x162:before {
content: ""; }
.amd-icon--termina-16x162:before {
content: ""; }
.amd-icon--trash-16x162:before {
content: ""; }
.amd-icon--unlock-16x162:before {
content: ""; }
.amd-icon--user-login-16x162:before {
content: ""; }
.amd-icon--aiuto-24x242:before {
content: ""; }
.amd-icon--alert-24x242:before {
content: ""; }
.amd-icon--alert-consegna-24x242:before {
content: ""; }
.amd-icon--allestimento-24x242:before {
content: ""; }
.amd-icon--altro-24x242:before {
content: ""; }
.amd-icon--appuntamenti-add-24x242:before {
content: ""; }
.amd-icon--appuntamenti-attesa-24x242:before {
content: ""; }
.amd-icon--appuntamenti-programmare-24x242:before {
content: ""; }
.amd-icon--appuntamenti-totali-24x242:before {
content: ""; }
.amd-icon--circle-outilne-alert-24x242:before {
content: ""; }
.amd-icon--circle-outilne-check-24x242:before {
content: ""; }
.amd-icon--circle-outilne-error-24x242:before {
content: ""; }
.amd-icon--circle-outilne-info-24x242:before {
content: ""; }
.amd-icon--close-big-24x242:before {
content: ""; }
.amd-icon--consegna-offsite-24x242:before {
content: ""; }
.amd-icon--contratti-appuntamento-24x242:before {
content: ""; }
.amd-icon--contratti-bloccati-24x242:before {
content: ""; }
.amd-icon--contratti-chiusi-24x242:before {
content: ""; }
.amd-icon--contratti-InVerifica-24x242:before {
content: ""; }
.amd-icon--contratti-lista-24x242:before {
content: ""; }
.amd-icon--contratti-perizia-24x242:before {
content: ""; }
.amd-icon--contratti-rifatturabile-24x242:before {
content: ""; }
.amd-icon--contratti-scadenza-24x242:before {
content: ""; }
.amd-icon--contratti-scaduti-24x242:before {
content: ""; }
.amd-icon--contratti-standard-24x242:before {
content: ""; }
.amd-icon--credenziali-full-24x242:before {
content: ""; }
.amd-icon--credenziali-outline-24x242:before {
content: ""; }
.amd-icon--documenti-24x242:before {
content: ""; }
.amd-icon--documenti-ok-24x242:before {
content: ""; }
.amd-icon--documenti-speciali-24x242:before {
content: ""; }
.amd-icon--driver-24x242:before {
content: ""; }
.amd-icon--filtra-ricerca-24x242:before {
content: ""; }
.amd-icon--firma-digitale-24x242:before {
content: ""; }
.amd-icon--fuelcard-24x242:before {
content: ""; }
.amd-icon--manutenzioni-24x242:before {
content: ""; }
.amd-icon--notifications-24x242:before {
content: ""; }
.amd-icon--numero-verde-24x242:before {
content: ""; }
.amd-icon--ordini-attesa-24x242:before {
content: ""; }
.amd-icon--ordini-consegnati-24x242:before {
content: ""; }
.amd-icon--ordini-entrata-24x242:before {
content: ""; }
.amd-icon--ordini-modifica-24x242:before {
content: ""; }
.amd-icon--ordini-standard-24x242:before {
content: ""; }
.amd-icon--ordini-uscita-24x242:before {
content: ""; }
.amd-icon--perito-dedicato-24x242:before {
content: ""; }
.amd-icon--perito-non-dedicato-24x242:before {
content: ""; }
.amd-icon--perizia-24x242:before {
content: ""; }
.amd-icon--phone-error-24x242:before {
content: ""; }
.amd-icon--phone-standard-24x242:before {
content: ""; }
.amd-icon--placeholder-24x242:before {
content: ""; }
.amd-icon--prerent-24x242:before {
content: ""; }
.amd-icon--profilo-centro-24x242:before {
content: ""; }
.amd-icon--pushpin-24x242:before {
content: ""; }
.amd-icon--question-24x242:before {
content: ""; }
.amd-icon--report-24x242:before {
content: ""; }
.amd-icon--richiesta-certificato-24x242:before {
content: ""; }
.amd-icon--riconsegna-24x242:before {
content: ""; }
.amd-icon--rifiuto-processo-digitale-24x242:before {
content: ""; }
.amd-icon--rubrica-24x242:before {
content: ""; }
.amd-icon--ruote-standard-24x242:before {
content: ""; }
.amd-icon--ruote-sun-24x242:before {
content: ""; }
.amd-icon--ruote-winter-24x242:before {
content: ""; }
.amd-icon--salvagente-24x242:before {
content: ""; }
.amd-icon--scrivi-feedback-24x242:before {
content: ""; }
.amd-icon--switch-24x242:before {
content: ""; }
.amd-icon--upload-24x242:before {
content: ""; }
.amd-icon--user-24x242:before {
content: ""; }
.amd-icon--user-data-24x242:before {
content: ""; }
.amd-icon--veicoli-consegna-nuovo-24x242:before {
content: ""; }
.amd-icon--veicoli-da-periziare-24x242:before {
content: ""; }
.amd-icon--veicoli-dotazioni-24x242:before {
content: ""; }
.amd-icon--veicoli-info-24x242:before {
content: ""; }
.amd-icon--veicoli-noleggio-24x242:before {
content: ""; }
.amd-icon--veicoli-riconsegnare-24x242:before {
content: ""; }
.amd-icon--veicoli-sinistri-24x242:before {
content: ""; }
.amd-icon--veicoli-statoConsegna-24x242:before {
content: ""; }
.amd-icon--wizard-guide-24x242:before {
content: ""; }
.amd-icon--academy-32x322:before {
content: ""; }
.amd-icon--aiuto-32x322:before {
content: ""; }
.amd-icon--alert-32x322:before {
content: ""; }
.amd-icon--auto-32x322:before {
content: ""; }
.amd-icon--calendario-32x322:before {
content: ""; }
.amd-icon--cerca-32x322:before {
content: ""; }
.amd-icon--consegna-32x322:before {
content: ""; }
.amd-icon--download-32x322:before {
content: ""; }
.amd-icon--hamburger-menu-32x322:before {
content: ""; }
.amd-icon--moto-32x322:before {
content: ""; }
.amd-icon--power-off-32x322:before {
content: ""; }
.amd-icon--profilo-centro-32x322:before {
content: ""; }
.amd-icon--riconsegna-32x322:before {
content: ""; }
.amd-icon--scrivi-feedback-32x322:before {
content: ""; }
.amd-icon--scroll-mouse-32x322:before {
content: ""; }
.amd-icon--van-32x322:before {
content: ""; }
.amd-icon--ordini-lavorazione_24x24:before {
content: ""; }
.amd-icon--ordini-fatturazione_24x24:before {
content: ""; }
.amd-icon, .fc .fc-next-button .ui-icon, .fc .fc-prev-button .ui-icon {
background-image: url("/assets/icons/icons-sprite.png");
display: block; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.amd-icon, .fc .fc-next-button .ui-icon, .fc .fc-prev-button .ui-icon {
background-image: url("/assets/icons/icons-sprite@2x.png");
background-size: 325px 3500px; } }
.amd-icon--alertcircle {
width: 15px;
height: 15px;
background-position: 0 0; }
.amd-icon--alertcirclecolor {
width: 15px;
height: 15px;
background-position: 0 -15px; }
.amd-icon--alertricevuti {
width: 24px;
height: 24px;
background-position: 0 -30px; }
.amd-icon--alertricevutic {
width: 24px;
height: 24px;
background-position: 0 -54px; }
.amd-icon--alertricevutic1 {
width: 24px;
height: 24px;
background-position: 0 -78px; }
.amd-icon--equipment {
width: 24px;
height: 24px;
background-position: 0 -102px; }
.amd-icon--arrowleftc {
width: 15px;
height: 11px;
background-position: 0 -126px; }
.amd-icon--arrowleftg {
width: 15px;
height: 11px;
background-position: 0 -137px; }
.amd-icon--arrowrightc {
width: 15px;
height: 11px;
background-position: 0 -148px; }
.amd-icon--arrowrightg {
width: 15px;
height: 11px;
background-position: 0 -159px; }
.amd-icon--arrowtabdownc {
width: 10px;
height: 7px;
background-position: 0 -170px; }
.amd-icon--arrowtabdownw {
width: 10px;
height: 7px;
background-position: 0 -177px; }
.amd-icon--arrowtabupc {
width: 10px;
height: 7px;
background-position: 0 -184px; }
.amd-icon--arrowtabupw {
width: 10px;
height: 7px;
background-position: 0 -191px; }
.amd-icon--attachc {
width: 14px;
height: 14px;
background-position: 0 -198px; }
.amd-icon--attachg {
width: 14px;
height: 14px;
background-position: 0 -212px; }
.amd-icon--car,
.amd-icon--vehpassengercar,
.amd-icon--vehquadriciclo,
.amd-icon--vehundefined,
.amd-icon--vehc {
width: 36px;
height: 25px;
background-position: 0 -226px; }
.amd-icon--calendar {
width: 15px;
height: 17px;
background-position: 0 -251px; }
.amd-icon--centric {
width: 24px;
height: 24px;
background-position: 0 -268px; }
.amd-icon--centrig {
width: 24px;
height: 24px;
background-position: 0 -292px; }
.amd-icon--checkcircle {
width: 15px;
height: 15px;
background-position: 0 -316px; }
.amd-icon--checkcirclecolor {
width: 15px;
height: 15px;
background-position: 0 -331px; }
.amd-icon--close16 {
width: 16px;
height: 16px;
background-position: 0 -346px; }
.amd-icon--closebig16-c {
width: 16px;
height: 16px;
background-position: 0 -362px; }
.amd-icon--closebig16-g {
width: 16px;
height: 16px;
background-position: 0 -378px; }
.amd-icon--closebig16-w {
width: 16px;
height: 16px;
background-position: 0 -394px; }
.amd-icon--closelightcta {
width: 12px;
height: 12px;
background-position: 0 -410px; }
.amd-icon--closesmall13-cyan {
width: 13px;
height: 13px;
background-position: 0 -422px; }
.amd-icon--closesmall13-green {
width: 13px;
height: 13px;
background-position: 0 -435px; }
.amd-icon--closesmall13-grey {
width: 13px;
height: 13px;
background-position: 0 -448px; }
.amd-icon--closesmall13-orange {
width: 13px;
height: 13px;
background-position: 0 -461px; }
.amd-icon--closesmall13-red {
width: 13px;
height: 13px;
background-position: 0 -474px; }
.amd-icon--closesmall13-white {
width: 13px;
height: 13px;
background-position: 0 -487px; }
.amd-icon--consegnaauto {
width: 32px;
height: 32px;
background-position: 0 -500px; }
.amd-icon--contatti {
width: 24px;
height: 24px;
background-position: 0 -532px; }
.amd-icon--credenziali1 {
width: 24px;
height: 24px;
background-position: 0 -556px; }
.amd-icon--credenziali2 {
width: 24px;
height: 24px;
background-position: 0 -580px; }
.amd-icon--documents {
width: 24px;
height: 24px;
background-position: 0 -604px; }
.amd-icon--specialdocuments {
width: 24px;
height: 24px;
background-position: 0 -628px; }
.amd-icon--accessories {
width: 24px;
height: 24px;
background-position: 0 -652px; }
.amd-icon--download-hover {
width: 22px;
height: 28px;
background-position: 0 -676px; }
.amd-icon--download-normal {
width: 22px;
height: 28px;
background-position: 0 -704px; }
.amd-icon--driver {
width: 24px;
height: 24px;
background-position: 0 -732px; }
.amd-icon--dropdown {
width: 14px;
height: 10px;
background-position: 0 -756px; }
.amd-icon--dropup {
width: 14px;
height: 10px;
background-position: 0 -766px; }
.amd-icon--edit {
width: 15px;
height: 12px;
background-position: 0 -776px; }
.amd-icon--errorcircle {
width: 15px;
height: 15px;
background-position: 0 -788px; }
.amd-icon--errorcirclecolor {
width: 15px;
height: 15px;
background-position: 0 -803px; }
.amd-icon--feedback {
width: 24px;
height: 24px;
background-position: 0 -818px; }
.amd-icon--filter-icon {
width: 24px;
height: 24px;
background-position: 0 -842px; }
.amd-icon--hbmenu {
width: 32px;
height: 32px;
background-position: 0 -866px; }
.amd-icon--icowelcome2 {
width: 67px;
height: 40px;
background-position: 0 -898px; }
.amd-icon--icowelcome {
width: 67px;
height: 40px;
background-position: 0 -938px; }
.amd-icon--infocircle {
width: 15px;
height: 15px;
background-position: 0 -978px; }
.amd-icon--infocirclecolor {
width: 15px;
height: 15px;
background-position: 0 -993px; }
.amd-icon--vehicle {
width: 24px;
height: 24px;
background-position: 0 -1008px; }
.amd-icon--loginpwd {
width: 17px;
height: 17px;
background-position: 0 -1032px; }
.amd-icon--loginuser {
width: 17px;
height: 17px;
background-position: 0 -1049px; }
.amd-icon--logout2 {
width: 32px;
height: 32px;
background-position: 0 -1066px; }
.amd-icon--logout2c {
width: 32px;
height: 32px;
background-position: 0 -1098px; }
.amd-icon--mostrapwd {
width: 17px;
height: 17px;
background-position: 0 -1130px; }
.amd-icon--vehmotorcycle,
.amd-icon--vehscooter,
.amd-icon--vehciclomotore,
.amd-icon--veh1 {
width: 36px;
height: 25px;
background-position: 0 -1147px; }
.amd-icon--newcar {
width: 24px;
height: 24px;
background-position: 0 -1172px; }
.amd-icon--noleggiocar {
width: 24px;
height: 24px;
background-position: 0 -1196px; }
.amd-icon--ordinic {
width: 24px;
height: 24px;
background-position: 0 -1220px; }
.amd-icon--ordinic4 {
width: 24px;
height: 24px;
background-position: 0 -1244px; }
.amd-icon--ordinic5 {
width: 24px;
height: 24px;
background-position: 0 -1268px; }
.amd-icon--ordiniinattesa {
width: 24px;
height: 24px;
background-position: 0 -1292px; }
.amd-icon--ordiniinattesaw {
width: 24px;
height: 24px;
background-position: 0 -1316px; }
.amd-icon--ordiniw {
width: 24px;
height: 24px;
background-position: 0 -1340px; }
.amd-icon--ordiniw2 {
width: 24px;
height: 24px;
background-position: 0 -1364px; }
.amd-icon--ordiniw3 {
width: 24px;
height: 24px;
background-position: 0 -1388px; }
.amd-icon--ordiniwcheck {
width: 24px;
height: 24px;
background-position: 0 -1412px; }
.amd-icon--paginationarrowleft {
width: 10px;
height: 14px;
background-position: 0 -1436px; }
.amd-icon--paginationarrowright {
width: 10px;
height: 14px;
background-position: 0 -1450px; }
.amd-icon--preferitifull {
width: 19px;
height: 18px;
background-position: 0 -1464px; }
.amd-icon--preferitioutline {
width: 19px;
height: 18px;
background-position: 0 -1482px; }
.amd-icon--prerent {
width: 24px;
height: 24px;
background-position: 0 -1500px; }
.amd-icon--profilocentro2 {
width: 24px;
height: 24px;
background-position: 0 -1524px; }
.amd-icon--profilocentro {
width: 32px;
height: 32px;
background-position: 0 -1548px; }
.amd-icon--profilocentroc {
width: 32px;
height: 32px;
background-position: 0 -1580px; }
.amd-icon--readmessage {
width: 20px;
height: 20px;
background-position: 0 -1612px; }
.amd-icon--readmessage1 {
width: 20px;
height: 20px;
background-position: 0 -1632px; }
.amd-icon--referente {
width: 24px;
height: 24px;
background-position: 0 -1652px; }
.amd-icon--ruote {
width: 24px;
height: 24px;
background-position: 0 -1676px; }
.amd-icon--scrivis {
width: 32px;
height: 32px;
background-position: 0 -1700px; }
.amd-icon--scrivisc {
width: 32px;
height: 32px;
background-position: 0 -1732px; }
.amd-icon--searchicon {
width: 32px;
height: 32px;
background-position: 0 -1764px; }
.amd-icon--searchiconc {
width: 32px;
height: 32px;
background-position: 0 -1796px; }
.amd-icon--statoconsegna {
width: 24px;
height: 24px;
background-position: 0 -1828px; }
.amd-icon--switchoff {
width: 20px;
height: 13px;
background-position: 0 -1852px; }
.amd-icon--switchon {
width: 16px;
height: 13px;
background-position: -2px -1865px; }
.amd-icon--tutorbig {
width: 92px;
height: 54px;
background-position: 0 -1878px; }
.amd-icon--upload {
width: 24px;
height: 24px;
background-position: 0 -1932px; }
.amd-icon--userdata {
width: 24px;
height: 24px;
background-position: 0 -1956px; }
.amd-icon--userfullc {
width: 20px;
height: 22px;
background-position: 0 -1980px; }
.amd-icon--userfullg {
width: 20px;
height: 22px;
background-position: 0 -2002px; }
.amd-icon--vehlightcommercialvehicle,
.amd-icon--vehheavycommercialvehicle,
.amd-icon--vehv {
width: 36px;
height: 25px;
background-position: 0 -2024px; }
.amd-icon--glasses {
width: 23px;
height: 18px;
background-position: 0 -2049px; }
.amd-icon--glasses:hover {
background-position: 0 -2067px; }
.amd-icon--glassesl {
width: 23px;
height: 18px;
background-position: 0 -2067px; }
.amd-icon--tutor {
width: 92px;
height: 58px;
background-position: 0 -2085px; }
.amd-icon--download {
width: 16px;
height: 13px;
background-position: 0 -2144px;
right: 0 !important; }
.amd-icon--copy {
width: 14px;
height: 14px;
background-position: 0 -2157px; }
.amd-icon--winterruote {
width: 24px;
height: 24px;
background-position: 0 -2648px; }
.amd-icon--arrowleft {
background-position: 0 -2693px;
width: 15px;
height: 10px; }
.amd-icon--arrowright {
background-position: 0 -2703px;
width: 15px;
height: 11px; }
.amd-icon--confirm {
background-position: 0 -2799px;
width: 16px;
height: 13px; }
.amd-icon--print {
background-position: 0 -2786px;
width: 16px;
height: 14px; }
.amd-icon--refuse {
background-position: 0 -2729px;
width: 16px;
height: 14px; }
.amd-icon--request {
background-position: 0 -2813px;
width: 16px;
height: 14px; }
.amd-icon--request-d {
background-position: 0 -2855px;
width: 16px;
height: 14px; }
.amd-icon--save {
background-position: 0 -2743px;
width: 16px;
height: 14px; }
.amd-icon--downloadc {
background-position: 0 -2757px;
width: 16px;
height: 14px; }
.amd-icon--warn {
background-position: 0 -2771px;
width: 16px;
height: 14px; }
.amd-icon--ordini-cta {
background-position: 0 -2926px;
width: 15px;
height: 15px;
top: -1px; }
.amd-icon--fuelcards {
background-position: 0 -2941px;
width: 24px;
height: 19px; }
.amd-icon--addtohome {
background-position: 0 -2987px;
width: 205px;
height: 63px; }
.amd-icon--closetohome {
background-position: 0 -2960px;
width: 13px;
height: 13px; }
.amd-icon--hidetohome {
background-position: 0 -2973px;
width: 16px;
height: 14px; }
.amd-icon--welcome {
background-position: 0 -3051px;
width: 114px;
height: 67px; }
.amd-icon--phone {
background-position: 0 -3118px;
width: 14px;
height: 14px; }
.amd-icon--headphone {
background-position: 0 -3132px;
width: 22px;
height: 24px; }
.amd-icon--bluLeftArrow, .fc .fc-prev-button .ui-icon {
background-position: 0 -3155px;
width: 9px;
height: 14px; }
.amd-icon--bluRightArrow, .fc .fc-next-button .ui-icon {
background-position: 0 -3169px;
width: 9px;
height: 14px; }
.amd-icon--bigCalendar {
background-position: 4px -3184px;
width: 32px;
height: 24px; }
/*
Relative DeliveryFase2
================================================*/
.amd-icon--alert {
background-position: -150px -943px;
width: 25px;
height: 24px; }
.amd-icon--alert-active {
background-position: -150px -967px;
width: 25px;
height: 24px; }
.amd-icon--BluProgress1 {
background-position: -150px 0;
width: 4px;
height: 1px; }
.amd-icon--BluProgress2 {
background-position: -150px -1px;
width: 4px;
height: 1px; }
.amd-icon--print_white {
background-position: -150px -2px;
width: 16px;
height: 14px; }
.amd-icon--DocumentiSmall {
background-position: -150px -16px;
width: 14px;
height: 14px; }
.amd-icon--Assistenza1 {
background-position: -150px -30px;
width: 15px;
height: 15px; }
.amd-icon--Assistenza2 {
background-position: -150px -45px;
width: 15px;
height: 15px; }
.amd-icon--Cyan2 {
background-position: -150px -79px;
width: 19px;
height: 19px; }
.amd-icon--info2 {
background-position: -150px -98px;
width: 19px;
height: 19px; }
.amd-icon--green2 {
background-position: -150px -117px;
width: 19px;
height: 19px; }
.amd-icon--red2 {
background-position: -150px -136px;
width: 19px;
height: 19px; }
.amd-icon--Green {
background-position: -150px -155px;
width: 19px;
height: 19px; }
.amd-icon--Orange {
background-position: -150px -174px;
width: 19px;
height: 19px; }
.amd-icon--Red {
background-position: -150px -193px;
width: 19px;
height: 19px; }
.amd-icon--newCar2 {
background-position: -150px -212px;
width: 24px;
height: 24px; }
.amd-icon--RefuseDigitalProcess_Cyan {
background-position: -150px -236px;
width: 24px;
height: 24px; }
.amd-icon--digitalSignature {
background-position: -150px -260px;
width: 24px;
height: 24px; }
.amd-icon--Documenti2C {
background-position: -150px -284px;
width: 24px;
height: 24px; }
.amd-icon--Documenti2 {
background-position: -150px -308px;
width: 24px;
height: 24px; }
.amd-icon--Contratti {
background-position: -150px -332px;
width: 24px;
height: 24px; }
.amd-icon--RefuseDigitalProcess_Grey {
background-position: -150px -356px;
width: 24px;
height: 24px; }
.amd-icon--ConsegnaOffSite_Grey {
background-position: -150px -380px;
width: 24px;
height: 24px; }
.amd-icon--ConsegnaOffSite_Cyan {
background-position: -150px -404px;
width: 24px;
height: 24px; }
.amd-icon--smartphpone {
background-position: -150px -428px;
width: 24px;
height: 24px; }
.amd-icon--smartphponeC {
background-position: -150px -452px;
width: 24px;
height: 24px; }
.amd-icon--smartphponeProblem_Cyan {
background-position: -150px -476px;
width: 24px;
height: 24px; }
.amd-icon--smartphponeProblem_Grey {
background-position: -150px -500px;
width: 24px;
height: 24px; }
.amd-icon--eventsToBeSchedule {
background-position: -150px -524px;
width: 24px;
height: 24px; }
.amd-icon--app-waiting {
background-position: -150px -549px;
width: 24px;
height: 24px; }
.amd-icon--app-planned {
background-position: -150px -573px;
width: 24px;
height: 24px; }
.amd-icon--app-toplan {
background-position: -150px -597px;
width: 24px;
height: 24px; }
.amd-icon--app-total {
background-position: -150px -621px;
width: 20px;
height: 22px; }
.amd-icon--app-waiting-b {
background-position: -150px -643px;
width: 24px;
height: 24px; }
.amd-icon--app-planned-b {
background-position: -150px -667px;
width: 24px;
height: 24px; }
.amd-icon--app-toplan-b {
background-position: -150px -691px;
width: 24px;
height: 24px; }
.amd-icon--app-total-b {
background-position: -150px -715px;
width: 20px;
height: 22px; }
.amd-icon--certificate-request {
background-position: -150px -737px;
width: 22px;
height: 24px; }
.amd-icon--app-star {
background-position: -150px -761px;
width: 9px;
height: 9px; }
.amd-icon--star-blu {
background-position: -150px -770px;
width: 13px;
height: 12px; }
.amd-icon--star-grey {
background-position: -150px -782px;
width: 13px;
height: 12px; }
.amd-icon--star-blu-outline {
background-position: -150px -794px;
width: 15px;
height: 14px; }
.amd-icon--star-grey-outline {
background-position: -150px -808px;
width: 15px;
height: 14px; }
.amd-icon--ordinic6 {
background-position: -150px -822px;
width: 18px;
height: 24px; }
.amd-icon--green2Large {
background-position: -150px -846px;
width: 48px;
height: 48px; }
.amd-icon--greenLarge {
background-position: -150px -894px;
width: 48px;
height: 50px; }
.amd-icon--academy {
background-position: -148px -988px;
width: 32px;
height: 28px; }
/* CONTRACT CLOSING */
.amd-icon--timing {
background-position: 0px -3208px;
width: 15px;
height: 15px; }
.amd-icon--cclosing {
background-position: 0px -3223px;
width: 30px;
height: 31px; }
.amd-icon--calendar2 {
background-position: 0px -3254px;
width: 22px;
height: 24px; }
.amd-icon--add2 {
background-position: 0px -3278px;
width: 16px;
height: 16px; }
.amd-icon--more-blu {
background-position: -250px -0px;
width: 15px;
height: 5px; }
.amd-icon--phone-cyan2 {
background-position: -250px -7px;
width: 16px;
height: 14px; }
.amd-icon--close-white {
background-position: -250px -22px;
width: 16px;
height: 16px; }
.amd-icon--more-add {
background-position: -250px -37px;
width: 16px;
height: 16px; }
.amd-icon--app-totalcyan2 {
background-position: -250px -53px;
width: 24px;
height: 24px; }
.amd-icon--ContrattiPerizia {
background-position: -250px -77px;
width: 24px;
height: 24px; }
.amd-icon--ContrattiRifatturabile {
background-position: -250px -101px;
width: 24px;
height: 24px; }
.amd-icon--ContrattiScadenza {
background-position: -250px -125px;
width: 24px;
height: 24px; }
.amd-icon--ContrattiScaduti {
background-position: -250px -149px;
width: 24px;
height: 24px; }
.amd-icon--ListaAppuntamento {
background-position: -250px -173px;
width: 24px;
height: 24px; }
.amd-icon--Report {
background-position: -250px -197px;
width: 24px;
height: 24px; }
.amd-icon--app-add {
background-position: -250px -221px;
width: 24px;
height: 24px; }
.amd-icon--app-programmare {
background-position: -250px -245px;
width: 24px;
height: 24px; }
.amd-icon--ContrattiAppuntamento {
background-position: -250px -269px;
width: 24px;
height: 24px; }
.amd-icon--Contratti-cyan2 {
background-position: -250px -293px;
width: 24px;
height: 24px; }
.amd-icon--manutenzioni-cyan2 {
background-position: -250px -321px;
width: 24px;
height: 24px; }
.amd-icon--manutenzioni-cyan {
background-position: -250px -341px;
width: 24px;
height: 24px; }
.amd-icon--ContrattiBloccati {
background-position: -250px -365px;
width: 24px;
height: 24px; }
.amd-icon--ContrattiChiusi {
background-position: -250px -387px;
width: 24px;
height: 24px; }
.amd-icon--sinistri-cyan2 {
background-position: -250px -413px;
width: 24px;
height: 24px; }
.amd-icon--perizia-blu {
background-position: -250px -437px;
width: 24px;
height: 24px; }
.amd-icon--perizia-cyan2 {
background-position: -250px -461px;
width: 24px;
height: 24px; }
.amd-icon--ContrattiFaseDiVerifica {
background-position: -250px -485px;
width: 24px;
height: 24px; }
.amd-icon--riconsegna-cyan2 {
background-position: -250px -509px;
width: 24px;
height: 24px; }
.amd-icon--sinistri-cyan {
background-position: -250px -533px;
width: 24px;
height: 24px; }
.amd-icon--mouse-scroll-blu {
background-position: -250px -557px;
width: 24px;
height: 36px; }
.amd-icon--trash {
background-position: -250px -593px;
width: 24px;
height: 32px; }
/* Icone tema positivo */
.u-theme--positive {
/*
.amd-icon--confirm {
background-position: 0 -2715px;
width: 16px;
height: 14px;
}*/ }
.u-theme--positive .amd-icon--alertcircle {
background-position: 0 -15px; }
.u-theme--positive .amd-icon--infocircle {
background-position: 0 -993px; }
.u-theme--positive .amd-icon--checkcircle {
background-position: 0 -331px; }
.u-theme--positive .amd-icon--errorcircle {
background-position: 0 -803px; }
.u-theme--positive .amd-icon--download-hover {
width: 22px;
height: 28px;
background-position: 0 -2171px; }
.u-theme--positive .amd-icon--download-normal {
width: 22px;
height: 28px;
background-position: 0 -2199px; }
.u-theme--positive .amd-icon--copy {
width: 14px;
height: 14px;
background-position: 0 -2227px; }
.u-theme--positive .amd-icon--dropdown {
width: 14px;
height: 10px;
background-position: 0 -2241px; }
.u-theme--positive .amd-icon--dropup {
width: 14px;
height: 10px;
background-position: 0 -2251px; }
.u-theme--positive .amd-icon--arrowleftc {
width: 15px;
height: 11px;
background-position: 0 -2261px; }
.u-theme--positive .amd-icon--arrowrightc {
width: 15px;
height: 11px;
background-position: 0 -2272px; }
.u-theme--positive .amd-icon--closelightcta {
background-position: 0 -2283px; }
.u-theme--positive .amd-icon--edit {
width: 15px;
height: 12px;
background-position: 0 -2295px; }
.u-theme--positive .amd-icon--switchoff {
width: 20px;
height: 13px;
background-position: 0 -2307px; }
.u-theme--positive .amd-icon--attachc {
background-position: 0 -2320px; }
.u-theme--positive .amd-icon--preferitifull {
width: 19px;
height: 18px;
background-position: 0 -2414px; }
.u-theme--positive .amd-icon--arrowleft {
background-position: 0 -2682px;
width: 15px;
height: 10px; }
.u-theme--positive .amd-icon--arrowright {
background-position: 0 -2672px;
height: 10px; }
.u-theme--positive .amd-icon--print {
background-position: 0 -2827px;
width: 16px;
height: 14px; }
.u-theme--positive .amd-icon--refuse {
background-position: 0 -2841px;
width: 16px;
height: 14px; }
.u-theme--positive .amd-icon--request {
background-position: 0 -2855px;
width: 16px;
height: 14px; }
.u-theme--positive .amd-icon--save {
background-position: 0 -2869px;
width: 16px;
height: 14px; }
.u-theme--positive .amd-icon--downloadc {
background-position: 0 -2883px;
width: 16px;
height: 14px; }
.u-theme--positive .amd-icon--warn {
background-position: 0 -2897px;
width: 16px;
height: 14px; }
.u-theme--positive .amd-icon--ordini-cta {
background-position: 0 -2911px;
width: 13px;
height: 15px; }
@media print {
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in
* IE on Windows Phone and in iOS.
*/
html {
/* Change the default font family in all browsers (opinionated). */
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 1.15;
font-size: 16px;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */ }
/* Sections
========================================================================== */
/*
/**
* Add the correct display in IE 9-.
*/
article,
aside,
footer,
header,
nav,
section {
display: block; }
/**
* Add the correct display in IE 10-.
*/
[hidden] {
display: none; }
* {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
html,
body {
margin: 0;
padding: 0; }
body {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
color: #000;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 1.5;
margin: 0 auto;
text-rendering: optimizeLegibility; }
/* Layout */
.u-show--print {
display: block !important; }
.app-sidenav,
.mat-sidenav,
.mat-tab-nav-bar,
.amd-breadcrumb__bookmark,
.u-hide--print,
.amd-expansion-panel--search,
.order-list__icon,
.app-footer,
.mat-tab-body__description,
.mat-expansion-indicator,
.mat-expansion-panel-header-description,
.order-details__legend,
.order-check-item__alert,
.order-check-item__toggle,
.order-details__attach,
.order-details__cta,
.order-details__note,
.amd-message,
app-select-center,
amd-select-center,
.order-details-alerts,
.amd-stepper__content,
.order-check-item__download,
.order-check-item__date,
.mat-input-underline,
.amd-alerts-widget,
.amd-bottom-nav__item,
button.amd-button,
.introjs-tooltip--welcome .introjs-tooltipbuttons button.introjs-nextbutton,
button,
.u-divider,
.md2-datepicker-button svg,
::-webkit-scrollbar {
display: none !important; }
.amd-container,
.mat-toolbar {
width: 690px !important; }
.amd-container.is-full-width {
margin-left: -68px !important; }
.mat-toolbar {
margin: 0 auto !important;
border-bottom: 0 !important; }
.mat-toolbar .ald-nemo {
margin-left: 0 !important; }
.amd-page {
position: static !important; }
.amd-sidenav__content .mat-toolbar {
background-color: #fff !important; }
.amd-sidenav__content--closed {
width: 100%; }
/* Color */
.amd-dialog .md2-datepicker-disabled .md2-datepicker-button,
.u-theme--positive .md2-datepicker-disabled .md2-datepicker-button,
.amd-dialog .md2-datepicker-disabled .md2-datepicker-input,
.u-theme--positive .md2-datepicker-disabled .md2-datepicker-input,
.amd-dialog .md2-datepicker-disabled .md2-datepicker-value,
.u-theme--positive .md2-datepicker-disabled .md2-datepicker-value,
.amd-dialog .md2-datepicker-disabled .md2-datepicker-arrow,
.u-theme--positive .md2-datepicker-disabled .md2-datepicker-arrow,
.u-theme--positive .mat-input-element:disabled,
.mat-input-element:disabled, .mat-form-field-label, .amd-placeholder {
color: #111 !important; }
.amd-card,
.mat-expansion-panel,
.amd-check-item__container--active {
background-color: #fff !important; }
/* Header */
.amd-container--top {
padding-top: 0 !important; }
.header-submenu__grid {
margin-top: 0; }
.amd-select__centers {
float: right !important; }
.amd-breadcrumb__content {
height: auto;
margin-bottom: 20px; }
.mat-toolbar {
position: static !important; }
.mat-sidenav-container {
overflow: visible !important;
background: #fff !important; }
.mat-sidenav-container * {
color: #111 !important; }
.mat-sidenav-content {
height: initial !important; }
.mat-expansion-panel-content {
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important;
display: block !important;
height: 100% !important; }
.mat-toolbar .mat-toolbar-row {
margin-left: 0 !important; }
.mat-chip {
color: #fff !important; }
.mat-form-field-wrapper {
padding-bottom: 5px !important; }
/*---------------------------------------
Order Detail */
.amd-card {
-webkit-box-shadow: 0 0 !important;
box-shadow: 0 0 !important; }
.amd-card__content {
padding: 0 !important; }
.amd-card__content .col {
width: 100%; }
.amd-card__content .amd-list {
margin-right: 0 !important; }
.amd-card__content .amd-list__title {
width: 36% !important; }
.amd-card__content .amd-list__item {
padding-bottom: 10px !important; }
.amd-card__content .amd-list__item--double-height {
min-height: auto !important; }
.amd-card__title {
padding: 0 !important;
margin-bottom: 10px !important;
background-color: transparent !important; }
.amd-card .amd-bar, .amd-card .amd-toolbar {
display: none; }
.amd-list__item {
border-bottom: 0 !important;
margin-bottom: 0 !important; }
.header-submenu__grid {
margin: 5px 0 !important; }
.amd-stepper {
border: 0 !important;
margin-bottom: 10px !important; }
.amd-stepper__head {
padding: 0 !important;
border: 0 !important; }
.amd-stepper__content {
padding: 10px 20px !important; }
.amd-stepper__steps {
width: 650px; }
.amd-stepper__steps .amd-stepper__step {
min-width: 82px !important; }
.amd-stepper__steps .amd-stepper__step:before, .amd-stepper__steps .amd-stepper__step:after {
background: transparent !important; }
.order-details__tabs, .amd-multi-panels {
margin: 10px 0 !important; }
.order-details__tabs .mat-tab-label-container, .amd-multi-panels .mat-tab-label-container {
display: none; }
.order-details__tabs .mat-tab-label, .amd-multi-panels .mat-tab-label {
background-color: #fff !important; }
.order-details__tabs .mat-expansion-panel-content, .amd-multi-panels .mat-expansion-panel-content {
visibility: visible !important; }
.order-details__tabs .mat-expansion-panel, .amd-multi-panels .mat-expansion-panel {
margin-bottom: 0 !important; }
.order-details__tabs .mat-expansion-panel-header, .amd-multi-panels .mat-expansion-panel-header {
padding: 0 !important;
height: auto !important;
line-height: 1 !important; }
.order-details__tabs .amd-form__cell, .amd-multi-panels .amd-form__cell {
margin: 0 50px 0 0 !important; }
.order-details__tabs .amd-expansion-panel, .amd-multi-panels .amd-expansion-panel {
-webkit-box-shadow: 0 0 0 !important;
box-shadow: 0 0 0 !important; }
.order-details__tabs .mat-expansion-panel-header-title .amd-icon, .order-details__tabs .mat-expansion-panel-header-title .fc .fc-next-button .ui-icon, .fc .fc-next-button .order-details__tabs .mat-expansion-panel-header-title .ui-icon, .order-details__tabs .mat-expansion-panel-header-title .fc .fc-prev-button .ui-icon, .fc .fc-prev-button .order-details__tabs .mat-expansion-panel-header-title .ui-icon,
.order-details__tabs .mat-expansion-panel-header-title .amd-icon--font, .amd-multi-panels .mat-expansion-panel-header-title .amd-icon, .amd-multi-panels .mat-expansion-panel-header-title .fc .fc-next-button .ui-icon, .fc .fc-next-button .amd-multi-panels .mat-expansion-panel-header-title .ui-icon, .amd-multi-panels .mat-expansion-panel-header-title .fc .fc-prev-button .ui-icon, .fc .fc-prev-button .amd-multi-panels .mat-expansion-panel-header-title .ui-icon,
.amd-multi-panels .mat-expansion-panel-header-title .amd-icon--font {
display: none; }
.order-details__grid .col {
width: 100%; }
.order-details__grid .col .amd-card {
height: auto !important;
margin-right: 0;
min-height: auto !important; }
.order-check-item__container {
padding: 3px 0 !important;
background: transparent !important;
page-break-inside: avoid; }
.order-check-item__name {
margin: 0 !important;
padding: 0 10px 0 0 !important;
width: 53% !important;
border: 0 !important; }
.order-check-item__name p {
font-size: 12px !important; }
.order-check-item__cell {
max-width: 280px; }
.order-check-item__cell--date, .order-check-item__cell--select, .order-check-item__cell--note {
display: none; }
.order-check-item__status {
border: 0 !important;
font-size: 12px !important; }
.order-check-item__row {
margin-bottom: 0 !important; }
.order-check-item__row:first-child {
border-bottom: 1px solid #ddd; }
.order-check-item__container--active,
.amd-expansion-panel .mat-expansion-panel-content,
.amd-files-list__item {
background: #fff !important; }
md-sidenav.mat-sidenav-closed /deep/ .mat-sidenav-content {
margin-left: 0 !important; }
.mat-stepper-horizontal,
.mat-input-hint-wrapper {
display: none !important; }
amd-cc-report-details-list table thead tr th:first-child {
display: block !important; }
.print-override {
width: 100% !important; }
.print-thead-color {
background-color: #fff !important; }
.print-thead-color tr th {
padding: 0 10px; }
.print-table tbody tr td {
padding: 0 10px; }
.row,
.amd-card {
margin-bottom: 0 !important; }
.amd-card__content .amd-list__item {
padding-bottom: 5px !important; }
.mat-accordion .mat-expansion-panel-spacing:last-child,
.mat-accordion .mat-expansion-panel-spacing {
-webkit-box-shadow: none !important;
box-shadow: none !important; }
.md2-datepicker-input {
border-bottom: 0 !important; }
.amd-check-item__container {
padding: 0 !important;
margin-bottom: 10px;
margin-top: 10px;
background: none !important; }
.amd-form .row {
margin: 0; }
.amd-card__title-icon {
display: none; }
.mat-expansion-panel-header {
background: #fff; }
.mat-select-value {
padding: 0 0 10px 0; }
amd-au-car-body-quotation-entry-table .amd-table tr,
amd-au-mechanics-quotation-entry-table .amd-table tr {
border: 1px solid #CCCCCC; }
amd-au-car-body-quotation-entry-table .amd-table th, amd-au-car-body-quotation-entry-table .amd-table td,
amd-au-mechanics-quotation-entry-table .amd-table th,
amd-au-mechanics-quotation-entry-table .amd-table td {
font-size: 7px !important; }
amd-authority-dossier-details .amd-list .col,
amd-authority-working-log-detail .amd-list .col {
width: 100%; }
amd-authority-dossier-details .amd-table,
amd-authority-working-log-detail .amd-table {
margin: 20px 0 !important; }
amd-authority-dossier-details .amd-table__authority-print-margin,
amd-authority-working-log-detail .amd-table__authority-print-margin {
margin-top: -20px !important; }
amd-authority-dossier-details .amd-table tbody,
amd-authority-working-log-detail .amd-table tbody {
-webkit-box-shadow: 0 0 0 0 !important;
box-shadow: 0 0 0 0 !important; }
amd-authority-dossier-details amd-authority-dossier-costs-detail .amd-table thead tr,
amd-authority-working-log-detail amd-authority-dossier-costs-detail .amd-table thead tr {
border: 0 !important;
font-size: 11px !important; }
amd-authority-dossier-details .amd-table__authority tr, amd-authority-dossier-details .amd-table__authority th.amd-table__col--highlighted,
amd-authority-working-log-detail .amd-table__authority tr,
amd-authority-working-log-detail .amd-table__authority th.amd-table__col--highlighted {
border: 1px solid #CCCCCC; }
amd-authority-dossier-details .amd-table__authority-carbody-vertical th,
amd-authority-working-log-detail .amd-table__authority-carbody-vertical th {
font-size: 8px !important; }
amd-authority-dossier-details .amd-table__authority-carbody-vertical td,
amd-authority-working-log-detail .amd-table__authority-carbody-vertical td {
font-size: 7px !important; } }
/* Hack Ipad */
.u-device--ipad .amd-sidenav__content--closed .ald-nemo {
margin-left: 15px !important; }
.u-device--ipad.amd-page,
.u-device--ipad .amd-sidenav--bottom {
position: static !important; }
.u-device--ipad md-sidenav.mat-sidenav-closed {
position: absolute !important;
left: 0; }
.u-device--ipad .mat-sidenav-content {
overflow-x: hidden;
overflow-y: auto; }
.u-device--ipad .mat-tab-nav-bar {
top: 0 !important;
bottom: auto !important; }
.u-device--ipad .mat-toolbar {
position: static !important;
top: auto !important;
left: auto !important; }
.u-device--ipad .mat-toolbar .mat-toolbar-single-row {
margin-left: 0; }
.u-device--ipad .mat-toolbar .mat-toolbar-single-row .ald-nemo {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
margin-left: 20px !important; }
.u-device--ipad .mat-toolbar .mat-toolbar-single-row .mat-tab-nav-bar {
position: static !important;
right: auto !important;
bottom: auto !important; }
.u-device--ipad .amd-container--top {
padding-top: 0; }
.u-device--ipad .amd-bottom-nav--fixed {
bottom: 57px; }
.ql-container.ql-snow {
color: #424242; }
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(/assets/fonts/material-icons/MaterialIcons-Regular.eot);
/* For IE6-8 */
src: local("/assets/fonts/material-icons/Material Icons"), local("/assets/fonts/material-icons/MaterialIcons-Regular"), url(/assets/fonts/material-icons/MaterialIcons-Regular.woff2) format("woff2"), url(/assets/fonts/material-icons/MaterialIcons-Regular.woff) format("woff"), url(/assets/fonts/material-icons/MaterialIcons-Regular.ttf) format("truetype"); }
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
/* Preferred icon size */
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: 'liga'; }
/*
Structure
Styleguide 4
*/
/*
Grid
markup:
col l1 m1
col l1 m1
col l1 m1
col l1 m1
col l1 m1
col l1 m1
col l1 m1
col l1 m1
col l1 m1
col l1 m1
col l1 m1
col l1 m1
Styleguide 4.1
*/
.container {
margin: 0 auto;
max-width: 1280px;
width: 90%; }
@media only screen and (min-width: 601px) {
.container {
width: 85%; } }
@media only screen and (min-width: 993px) {
.container {
width: 70%; } }
.container .row {
margin-left: -10px;
margin-right: -10px; }
.section {
padding-top: 1rem;
padding-bottom: 1rem; }
.section.no-pad {
padding: 0; }
.section.no-pad-bot {
padding-bottom: 0; }
.section.no-pad-top {
padding-top: 0; }
.row {
margin-left: auto;
margin-right: auto;
margin-bottom: 20px; }
.row--no-margin-bottom {
margin-bottom: 0; }
.row--nopadding-in-card {
margin: 0 -20px; }
.row--nopadding-in-card .col {
padding: 0 !important; }
.row--nopadding {
margin-bottom: 0; }
.row--nopadding .col {
padding: 0 !important; }
.row:after {
content: "";
display: table;
clear: both; }
.row .col {
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 10px;
min-height: 1px; }
.row .col[class*="push-"], .row .col[class*="pull-"] {
position: relative; }
.row .col.s1 {
width: 8.33333333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s2 {
width: 16.66666667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s3 {
width: 25%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s4 {
width: 33.33333333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s5 {
width: 41.66666667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s6 {
width: 50%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s7 {
width: 58.33333333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s8 {
width: 66.66666667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s9 {
width: 75%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s10 {
width: 83.33333333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s11 {
width: 91.66666667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s12 {
width: 100%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.offset-s1 {
margin-left: 8.33333333%; }
.row .col.pull-s1 {
right: 8.33333333%; }
.row .col.push-s1 {
left: 8.33333333%; }
.row .col.offset-s2 {
margin-left: 16.66666667%; }
.row .col.pull-s2 {
right: 16.66666667%; }
.row .col.push-s2 {
left: 16.66666667%; }
.row .col.offset-s3 {
margin-left: 25%; }
.row .col.pull-s3 {
right: 25%; }
.row .col.push-s3 {
left: 25%; }
.row .col.offset-s4 {
margin-left: 33.33333333%; }
.row .col.pull-s4 {
right: 33.33333333%; }
.row .col.push-s4 {
left: 33.33333333%; }
.row .col.offset-s5 {
margin-left: 41.66666667%; }
.row .col.pull-s5 {
right: 41.66666667%; }
.row .col.push-s5 {
left: 41.66666667%; }
.row .col.offset-s6 {
margin-left: 50%; }
.row .col.pull-s6 {
right: 50%; }
.row .col.push-s6 {
left: 50%; }
.row .col.offset-s7 {
margin-left: 58.33333333%; }
.row .col.pull-s7 {
right: 58.33333333%; }
.row .col.push-s7 {
left: 58.33333333%; }
.row .col.offset-s8 {
margin-left: 66.66666667%; }
.row .col.pull-s8 {
right: 66.66666667%; }
.row .col.push-s8 {
left: 66.66666667%; }
.row .col.offset-s9 {
margin-left: 75%; }
.row .col.pull-s9 {
right: 75%; }
.row .col.push-s9 {
left: 75%; }
.row .col.offset-s10 {
margin-left: 83.33333333%; }
.row .col.pull-s10 {
right: 83.33333333%; }
.row .col.push-s10 {
left: 83.33333333%; }
.row .col.offset-s11 {
margin-left: 91.66666667%; }
.row .col.pull-s11 {
right: 91.66666667%; }
.row .col.push-s11 {
left: 91.66666667%; }
.row .col.offset-s12 {
margin-left: 100%; }
.row .col.pull-s12 {
right: 100%; }
.row .col.push-s12 {
left: 100%; }
@media only screen and (min-width: 601px) {
.row .col.m1 {
width: 8.33333333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.m2 {
width: 16.66666667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.m3 {
width: 25%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.m4 {
width: 33.33333333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.m5 {
width: 41.66666667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.m6 {
width: 50%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.m7 {
width: 58.33333333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.m8 {
width: 66.66666667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.m9 {
width: 75%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.m10 {
width: 83.33333333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.m11 {
width: 91.66666667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.m12 {
width: 100%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.offset-m1 {
margin-left: 8.33333333%; }
.row .col.pull-m1 {
right: 8.33333333%; }
.row .col.push-m1 {
left: 8.33333333%; }
.row .col.offset-m2 {
margin-left: 16.66666667%; }
.row .col.pull-m2 {
right: 16.66666667%; }
.row .col.push-m2 {
left: 16.66666667%; }
.row .col.offset-m3 {
margin-left: 25%; }
.row .col.pull-m3 {
right: 25%; }
.row .col.push-m3 {
left: 25%; }
.row .col.offset-m4 {
margin-left: 33.33333333%; }
.row .col.pull-m4 {
right: 33.33333333%; }
.row .col.push-m4 {
left: 33.33333333%; }
.row .col.offset-m5 {
margin-left: 41.66666667%; }
.row .col.pull-m5 {
right: 41.66666667%; }
.row .col.push-m5 {
left: 41.66666667%; }
.row .col.offset-m6 {
margin-left: 50%; }
.row .col.pull-m6 {
right: 50%; }
.row .col.push-m6 {
left: 50%; }
.row .col.offset-m7 {
margin-left: 58.33333333%; }
.row .col.pull-m7 {
right: 58.33333333%; }
.row .col.push-m7 {
left: 58.33333333%; }
.row .col.offset-m8 {
margin-left: 66.66666667%; }
.row .col.pull-m8 {
right: 66.66666667%; }
.row .col.push-m8 {
left: 66.66666667%; }
.row .col.offset-m9 {
margin-left: 75%; }
.row .col.pull-m9 {
right: 75%; }
.row .col.push-m9 {
left: 75%; }
.row .col.offset-m10 {
margin-left: 83.33333333%; }
.row .col.pull-m10 {
right: 83.33333333%; }
.row .col.push-m10 {
left: 83.33333333%; }
.row .col.offset-m11 {
margin-left: 91.66666667%; }
.row .col.pull-m11 {
right: 91.66666667%; }
.row .col.push-m11 {
left: 91.66666667%; }
.row .col.offset-m12 {
margin-left: 100%; }
.row .col.pull-m12 {
right: 100%; }
.row .col.push-m12 {
left: 100%; } }
@media only screen and (min-width: 993px) {
.row .col.l1 {
width: 8.33333333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l2 {
width: 16.66666667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l3 {
width: 25%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l4 {
width: 33.33333333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l5 {
width: 41.66666667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l6 {
width: 50%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l7 {
width: 58.33333333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l8 {
width: 66.66666667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l9 {
width: 75%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l10 {
width: 83.33333333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l11 {
width: 91.66666667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l12 {
width: 100%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.offset-l1 {
margin-left: 8.33333333%; }
.row .col.pull-l1 {
right: 8.33333333%; }
.row .col.push-l1 {
left: 8.33333333%; }
.row .col.offset-l2 {
margin-left: 16.66666667%; }
.row .col.pull-l2 {
right: 16.66666667%; }
.row .col.push-l2 {
left: 16.66666667%; }
.row .col.offset-l3 {
margin-left: 25%; }
.row .col.pull-l3 {
right: 25%; }
.row .col.push-l3 {
left: 25%; }
.row .col.offset-l4 {
margin-left: 33.33333333%; }
.row .col.pull-l4 {
right: 33.33333333%; }
.row .col.push-l4 {
left: 33.33333333%; }
.row .col.offset-l5 {
margin-left: 41.66666667%; }
.row .col.pull-l5 {
right: 41.66666667%; }
.row .col.push-l5 {
left: 41.66666667%; }
.row .col.offset-l6 {
margin-left: 50%; }
.row .col.pull-l6 {
right: 50%; }
.row .col.push-l6 {
left: 50%; }
.row .col.offset-l7 {
margin-left: 58.33333333%; }
.row .col.pull-l7 {
right: 58.33333333%; }
.row .col.push-l7 {
left: 58.33333333%; }
.row .col.offset-l8 {
margin-left: 66.66666667%; }
.row .col.pull-l8 {
right: 66.66666667%; }
.row .col.push-l8 {
left: 66.66666667%; }
.row .col.offset-l9 {
margin-left: 75%; }
.row .col.pull-l9 {
right: 75%; }
.row .col.push-l9 {
left: 75%; }
.row .col.offset-l10 {
margin-left: 83.33333333%; }
.row .col.pull-l10 {
right: 83.33333333%; }
.row .col.push-l10 {
left: 83.33333333%; }
.row .col.offset-l11 {
margin-left: 91.66666667%; }
.row .col.pull-l11 {
right: 91.66666667%; }
.row .col.push-l11 {
left: 91.66666667%; }
.row .col.offset-l12 {
margin-left: 100%; }
.row .col.pull-l12 {
right: 100%; }
.row .col.push-l12 {
left: 100%; } }
@media only screen and (min-width: 1201px) {
.row .col.xl1 {
width: 8.33333333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.xl2 {
width: 16.66666667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.xl3 {
width: 25%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.xl4 {
width: 33.33333333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.xl5 {
width: 41.66666667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.xl6 {
width: 50%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.xl7 {
width: 58.33333333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.xl8 {
width: 66.66666667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.xl9 {
width: 75%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.xl10 {
width: 83.33333333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.xl11 {
width: 91.66666667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.xl12 {
width: 100%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.offset-xl1 {
margin-left: 8.33333333%; }
.row .col.pull-xl1 {
right: 8.33333333%; }
.row .col.push-xl1 {
left: 8.33333333%; }
.row .col.offset-xl2 {
margin-left: 16.66666667%; }
.row .col.pull-xl2 {
right: 16.66666667%; }
.row .col.push-xl2 {
left: 16.66666667%; }
.row .col.offset-xl3 {
margin-left: 25%; }
.row .col.pull-xl3 {
right: 25%; }
.row .col.push-xl3 {
left: 25%; }
.row .col.offset-xl4 {
margin-left: 33.33333333%; }
.row .col.pull-xl4 {
right: 33.33333333%; }
.row .col.push-xl4 {
left: 33.33333333%; }
.row .col.offset-xl5 {
margin-left: 41.66666667%; }
.row .col.pull-xl5 {
right: 41.66666667%; }
.row .col.push-xl5 {
left: 41.66666667%; }
.row .col.offset-xl6 {
margin-left: 50%; }
.row .col.pull-xl6 {
right: 50%; }
.row .col.push-xl6 {
left: 50%; }
.row .col.offset-xl7 {
margin-left: 58.33333333%; }
.row .col.pull-xl7 {
right: 58.33333333%; }
.row .col.push-xl7 {
left: 58.33333333%; }
.row .col.offset-xl8 {
margin-left: 66.66666667%; }
.row .col.pull-xl8 {
right: 66.66666667%; }
.row .col.push-xl8 {
left: 66.66666667%; }
.row .col.offset-xl9 {
margin-left: 75%; }
.row .col.pull-xl9 {
right: 75%; }
.row .col.push-xl9 {
left: 75%; }
.row .col.offset-xl10 {
margin-left: 83.33333333%; }
.row .col.pull-xl10 {
right: 83.33333333%; }
.row .col.push-xl10 {
left: 83.33333333%; }
.row .col.offset-xl11 {
margin-left: 91.66666667%; }
.row .col.pull-xl11 {
right: 91.66666667%; }
.row .col.push-xl11 {
left: 91.66666667%; }
.row .col.offset-xl12 {
margin-left: 100%; }
.row .col.pull-xl12 {
right: 100%; }
.row .col.push-xl12 {
left: 100%; } }
html {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
*,
*:before,
*:after {
-webkit-box-sizing: inherit;
box-sizing: inherit; }
html,
body {
min-height: 100%;
height: 100%; }
a img {
display: block; }
body {
margin: 0;
text-align: left;
color: #fff;
background: #004560 url("/assets/images/bg-preloader.png") repeat-x top left;
background-size: auto 100%; }
.preloader-page {
position: relative;
width: 100%;
height: 100%; }
.preloader-page__logo {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.preloader-page__loader {
position: absolute;
bottom: 50px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%); }
.preloader-page__loader p {
margin-top: 55px;
color: #ccc; }
.row--gutter .col .amd-list {
margin-right: 50px; }
.row--gutter .col:last-child .amd-list,
.row--gutter .col:nth-child(even) .mat-list-item {
margin-right: 0; }
.row--no-padding .col {
padding: 0 !important; }
.amd-page {
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute; }
.amd-page--webdealer {
overflow: visible;
height: 100%; }
.amd-page--webdealer .amd-container--top {
padding-top: 20px; }
.amd-page--webdealer .amd-sidenav__content--closed {
margin-left: 0 !important; }
.amd-page--webdealer .order-details__tabs {
margin-top: 30px; }
.amd-container {
width: 100%;
max-width: 90%;
margin: 0 auto; }
@media (max-width: 1400px) {
.amd-container {
max-width: 1100px; } }
@media (max-width: 1200px) {
.amd-container {
max-width: 940px; } }
@media (max-width: 768px) {
.amd-container {
max-width: 660px; } }
.amd-container--top {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
flex: 1 0 auto;
padding-top: 60px; }
.amd-container.is-full-width {
max-width: 99%; }
.add-to-home-dialog .mat-dialog-container {
padding: 0 !important;
background-color: transparent !important;
border: none;
-webkit-box-shadow: none;
box-shadow: none; }
.amd-placeholder {
font-size: 12px;
margin-top: -3px;
display: block; }
.amd-user {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color: #80adbf;
font-size: 12px;
max-width: 90%;
text-transform: none; }
.amd-user__details {
color: #fff;
font-size: 14px; }
.amd-logo {
max-width: 164px; }
.amd-nav {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
margin: 0;
list-style: none; }
.amd-nav__item {
margin-right: 40px; }
.amd-title {
font-size: 14px;
letter-spacing: 1px;
margin-bottom: 30px;
padding: 3px 0 3px 20px;
text-transform: uppercase; }
.amd-select--noarrow .mat-select-arrow {
opacity: 0 !important; }
.amd-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 9000px;
background-color: rgba(0, 0, 0, 0.3);
z-index: 999; }
.amd-label {
text-align: center;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 10px 20px;
line-height: 1.4;
font-size: 12px;
color: #80adbf;
border: 1px solid #003348; }
.amd-label--primary {
color: #4caf50; }
.amd-input-time .dp-material {
width: 100%;
border-bottom: 1px solid #336a7f; }
.amd-input-time__placeholder {
margin-top: 0;
color: #80adbf !important; }
.amd-input-time .dp-time-select-controls {
background-color: transparent !important;
text-align: left; }
.amd-input-time--disabled {
color: #71a4b8;
position: relative; }
.amd-input-time--disabled .dp-material {
background-size: 4px 1px;
background-repeat: repeat-x;
border-color: transparent;
background-position: 0 bottom;
background-image: -webkit-gradient(linear, left top, right top, from(#4d7c8f), color-stop(33%, #4d7c8f), color-stop(0%, transparent)) !important;
background-image: linear-gradient(to right, #4d7c8f 0%, #4d7c8f 33%, transparent 0%) !important;
border-bottom: 0 !important; }
.amd-input-time--disabled .amd-input-time__placeholder {
color: #5f91a5 !important; }
.amd-input-time--disabled::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 999; }
.u-theme--positive .amd-input-time .dp-material,
.amd-dialog .amd-input-time .dp-material {
border-bottom: 1px solid #e0e0e0; }
.u-theme--positive .amd-input-time__placeholder,
.amd-dialog .amd-input-time__placeholder {
color: #a4a5a5 !important; }
.u-theme--positive .amd-input-time .amd-input-time__placeholder,
.amd-dialog .amd-input-time .amd-input-time__placeholder {
color: #555 !important; }
.u-theme--positive .amd-input-time--disabled,
.amd-dialog .amd-input-time--disabled {
color: #a4a5a5; }
.u-theme--positive .amd-input-time--disabled .dp-material,
.amd-dialog .amd-input-time--disabled .dp-material {
background-image: -webkit-gradient(linear, left top, right top, from(#ddd), color-stop(33%, #ddd), color-stop(0%, transparent)) !important;
background-image: linear-gradient(to right, #ddd 0%, #ddd 33%, transparent 0%) !important; }
.amd-legend {
margin: 40px 0 10px; }
.amd-legend__item {
color: #80adbf; }
.amd-loader:before {
content: '';
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
-webkit-border-radius: 50%;
border-radius: 50%;
border-top: 2px solid #07d;
border-right: 2px solid transparent;
-webkit-animation: spinner .6s linear infinite;
animation: spinner .6s linear infinite; }
@-webkit-keyframes spinner {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes spinner {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.amd-wrapper--positive {
padding: 20px;
background-color: #fff; }
.amd-wizard {
padding: 20px !important;
border-left: 1px solid #004560 !important; }
.snack-bar-error {
color: #fff !important;
background: #f44336 !important; }
.snack-bar-success {
color: #fff !important;
background: #4caf50 !important; }
.snack-bar-warning {
color: #fff !important;
background: #ff9800 !important; }
.snack-bar-info {
color: #fff !important;
background: #42a3d0 !important; }
.mat-toolbar.introjs-fixParent {
position: relative !important;
margin-bottom: -60px !important; }
.u-theme--positive .introjs-fixParent .amd-select__centers .mat-select-value-text {
color: #fff !important; }
.pdfViewer {
min-height: 360px;
max-height: 360px;
overflow-y: scroll;
overflow-x: hidden; }
.amd-rotate-screen {
display: none;
background-color: #002e40;
color: #fff;
text-align: center;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 999; }
.amd-rotate-screen .mat-toolbar {
background-color: #002e40;
border-bottom: 1px solid #004560; }
.amd-rotate-screen .row {
height: 100%; }
.amd-rotate-screen__icon {
height: 102px;
width: 102px;
margin-bottom: 60px; }
.amd-rotate-screen h2 {
font-size: 28px;
color: #fff;
margin-bottom: 20px; }
.amd-rotate-screen p {
font-size: 14px;
line-height: 24px; }
.u-theme--positive .amd-rotate-screen {
background-color: #e6e6e6;
color: #000; }
.u-theme--positive .amd-rotate-screen .mat-toolbar {
background-color: #fff;
border-bottom: 1px solid #ccc; }
.u-theme--positive .amd-rotate-screen h2 {
color: #0071b9; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.amd-rotate-screen {
display: block; } }
.amd-icon--close-small-16x16:hover {
cursor: pointer; }
.amd-counter-grid {
margin: 5px 0 10px; }
.amd-counter-grid .col:last-child .amd-items-counter {
margin-right: 0; }
@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
.amd-counter-grid .col:nth-of-type(even) .amd-counter-grid__cell {
margin-right: 0; } }
.claims-bottom-box {
background: #004560;
color: #42a3d0;
padding: 25px 20px;
font-size: 18px;
font-weight: 500;
line-height: 18px;
cursor: pointer;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) !important;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) !important; }
.claims-bottom-box__num {
font-size: 28px;
margin-right: 5px; }
.claims-bottom-box__icon {
margin-left: auto; }
.claims-bottom-box__icon-pre {
margin-right: 20px; }
.u-theme--positive .claims-bottom-box {
background: #fff;
color: #42a3d0;
-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3); }
.fc {
color: #333;
/* Interaction states
----------------------------------*/ }
.fc .fc-row .fc-content-skeleton table,
.fc .fc-row .fc-content-skeleton td,
.fc .fc-row .fc-helper-skeleton td,
.fc td,
.fc th {
border-color: #d1d4d7;
height: 100%; }
.fc .fc-today-button {
background-color: #fff;
font-size: 14px; }
.fc .fc-toolbar h2 {
font-size: 18px;
color: #005c80; }
.fc .fc-toolbar h2::first-letter {
text-transform: uppercase; }
.fc .fc-head-container {
border: 0 !important; }
.fc .fc-head-container th {
border: 0;
font-size: 14px;
padding: 10px 0; }
.fc .fc-time-grid .fc-slats td {
height: 2.3em; }
.fc .fc-body td:first-child {
border-left: 0 !important;
border-right: 0 !important; }
.fc .fc-week-number {
color: #42a3d0; }
.fc hr.fc-divider {
padding: 0;
border-color: #d1d4d7;
border-width: 2px 0;
border-bottom: 0; }
.fc .fc-day-header::first-letter {
text-transform: uppercase; }
.fc .fc-time {
text-align: center; }
.fc .fc-event {
background-color: #42a3d0;
border: 0;
padding: 5px;
font-size: 12px; }
.fc .fc-event .fc-time {
text-align: left;
font-size: 12px !important; }
.fc .fc-row {
border: 0; }
.fc .fc-day-number {
font-size: 14px;
padding: 3px; }
.fc .fc-agendaDay-button,
.fc .fc-agendaWeek-button,
.fc .fc-month-button {
font-size: 14px; }
.fc .ui-state-default {
border: 1px solid #d1d4d7;
background: #f2f2f2;
height: 34px;
padding: 0 20px;
-webkit-border-radius: 0;
border-radius: 0; }
.fc .ui-state-default, .fc .ui-widget-content .ui-state-default, .fc .ui-widget-header .ui-state-default, .fc .ui-button,
.fc html .ui-button.ui-state-disabled:active,
.fc html .ui-button.ui-state-disabled:hover {
border: 1px solid #d1d4d7;
background: #f6f6f6;
font-weight: normal;
color: #696969; }
.fc .ui-button,
.fc .ui-state-default a,
.fc .ui-state-default a:link,
.fc .ui-state-default a:visited,
.fc a.ui-button,
.fc a:link.ui-button,
.fc a:visited.ui-button {
color: #696969;
text-decoration: none; }
.fc .ui-button:focus,
.fc .ui-button:hover,
.fc .ui-state-focus,
.fc .ui-state-hover,
.fc .ui-widget-content .ui-state-focus,
.fc .ui-widget-content .ui-state-hover,
.fc .ui-widget-header .ui-state-focus,
.fc .ui-widget-header .ui-state-hover {
border: 1px solid #cccccc;
background: #ededed;
font-weight: normal;
color: #2b2b2b; }
.fc .ui-state-focus a,
.fc .ui-state-focus a:hover,
.fc .ui-state-focus a:link,
.fc .ui-state-focus a:visited,
.fc .ui-state-hover a,
.fc .ui-state-hover a:hover,
.fc .ui-state-hover a:link,
.fc .ui-state-hover a:visited,
.fc a.ui-button:focus,
.fc a.ui-button:hover {
color: #2b2b2b;
text-decoration: none; }
.fc .ui-visual-focus {
-webkit-box-shadow: 0 0 3px 1px #5e9ed6;
box-shadow: 0 0 3px 1px #5e9ed6; }
.fc .ui-button.ui-state-active:hover,
.fc .ui-button:active,
.fc .ui-state-active,
.fc .ui-widget-content .ui-state-active,
.fc .ui-widget-header .ui-state-active,
.fc a.ui-button:active {
border: 1px solid #42a3d0;
background: #c3e1f0;
font-weight: normal;
color: #0071b9; }
.fc .ui-icon-background,
.fc .ui-state-active .ui-icon-background {
border: #42a3d0;
background-color: #0071b9; }
.fc .ui-state-active a,
.fc .ui-state-active a:link,
.fc .ui-state-active a:visited {
color: #0071b9;
text-decoration: none; }
.fc .ui-state-highlight,
.fc .ui-widget-content .ui-state-highlight,
.fc .ui-widget-header .ui-state-highlight {
-webkit-border-image: initial;
border-image: initial;
background: #ddeef6; }
.fc-toolbar.fc-header-toolbar {
margin: 0;
padding: 25px 20px 20px;
position: relative; }
.fc-toolbar.fc-header-toolbar .fc-clear {
display: none; }
.fc-left {
display: none; }
.fc-right {
float: left; }
.fc-center {
display: block; }
.fc-center h2 {
font-size: 18px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 0.2px; }
.fc-day-header span {
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.5;
letter-spacing: 0.2px;
text-align: center;
color: #696969; }
.fc .fc-event {
background-color: transparent;
border: 0;
padding: 0; }
a.fc-day-number,
a.fc-day-number:hover {
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.5;
letter-spacing: 0.2px;
text-align: right;
color: #333;
text-decoration: none; }
.fc-row .fc-content-skeleton {
height: 100%; }
.fc-event-container {
padding: 2% 20px 0 !important; }
@media (max-width: 1400px) {
.fc-event-container {
padding-top: 1% !important; } }
@media (max-width: 1200px) {
.fc-event-container {
padding-top: 0 !important; } }
.fc-event-container .fc-day-grid-event {
margin: 0 !important; }
.fc-event-container .fc-title {
overflow: auto;
text-align: center;
display: block; }
.fcalendar-event {
width: 24px;
height: 24px;
line-height: 25px;
text-align: center;
-webkit-border-radius: 50%;
border-radius: 50%;
display: inline-block;
font-size: 12px;
font-weight: bold;
letter-spacing: 0.2px;
margin: 0 5px;
color: #fff;
cursor: pointer; }
.fcalendar-event:first-child {
margin: 0 5px 0 0;
width: 44px;
height: 44px;
line-height: 45px;
font-size: 18px; }
.fcalendar-event:last-child {
margin: 0 0 0 5px; }
.fcalendar-event--planning {
background-color: #ff9800; }
.fcalendar-event--pending {
background: #696969; }
.fcalendar-event--planned {
background: #42a3d0; }
.fcalendar-event-text {
margin-top: 10px;
font-size: 12px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: 1.5;
letter-spacing: 0.2px;
text-align: center;
color: #696969; }
.fcalendar-event-text b {
color: #333333; }
.fc-scroller.fc-day-grid-container {
overflow: visible !important; }
/* Reset styles of node_modules/intro.js/introjs.css */
.introjs-overlay {
background: rgba(0, 46, 64, 0.9) !important; }
.introjs-tooltipReferenceLayer {
position: absolute;
z-index: 99999999 !important; }
.introjs-disableInteraction {
z-index: 99999996 !important; }
.introjs-tooltip {
padding: 0 !important;
-webkit-box-shadow: 0 22px 22px rgba(0, 0, 0, 0.3);
box-shadow: 0 22px 22px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 3px;
border-radius: 3px;
width: 320px !important;
margin-top: 15px;
margin-left: 15px; }
.introjs-tooltip--middle {
left: 38% !important; }
.introjs-tooltip--first .introjs-prevbutton {
display: none; }
.introjs-tooltip--first .introjs-skipbutton {
display: block; }
.introjs-tooltip--welcome {
background: transparent !important;
-webkit-box-shadow: 0 0 !important;
box-shadow: 0 0 !important;
text-align: center;
max-width: 540px;
width: 540px !important; }
.introjs-tooltip--welcome .introjs-head {
background-color: transparent;
text-align: center; }
.introjs-tooltip--welcome .introjs-head .amd-icon, .introjs-tooltip--welcome .introjs-head .fc .fc-next-button .ui-icon, .fc .fc-next-button .introjs-tooltip--welcome .introjs-head .ui-icon, .introjs-tooltip--welcome .introjs-head .fc .fc-prev-button .ui-icon, .fc .fc-prev-button .introjs-tooltip--welcome .introjs-head .ui-icon {
float: none;
margin: 10px auto; }
.introjs-tooltip--welcome .introjs-head h3 {
font-size: 32px; }
.introjs-tooltip--welcome .introjs-content {
color: #fff;
text-align: center; }
.introjs-tooltip--welcome .introjs-tooltipbuttons {
border-top: 0;
text-align: center; }
.introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton {
float: none; }
.introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton::after {
display: none; }
.introjs-arrow {
border-width: 8px !important; }
.introjs-arrow.top {
left: 20px !important;
top: -15px !important;
border-bottom-color: #ddeef6 !important; }
.introjs-arrow.top-right {
right: 10px !important;
top: -16px !important;
border-bottom-color: #ddeef6 !important; }
.introjs-arrow.left {
left: -16px !important;
border-right-color: #ddeef6 !important; }
.introjs-arrow.right {
right: -16px !important;
border-left-color: #ddeef6 !important; }
.introjs-arrow.bottom {
left: 10px !important;
bottom: -15px !important; }
.introjs-arrow.right-bottom {
right: -16px !important; }
.introjs-head {
padding: 20px;
background-color: #ddeef6;
-webkit-border-radius: 3px;
border-radius: 3px;
overflow: hidden; }
.introjs-head .amd-icon, .introjs-head .fc .fc-next-button .ui-icon, .fc .fc-next-button .introjs-head .ui-icon, .introjs-head .fc .fc-prev-button .ui-icon, .fc .fc-prev-button .introjs-head .ui-icon {
float: left; }
.introjs-subtitle {
font-size: 11px;
color: #80adbf;
text-transform: uppercase;
display: block; }
.introjs-title {
display: block;
font-size: 18px;
color: #005c80;
line-height: 23px; }
.introjs-content {
color: #4e4e4e;
font-size: 14px;
padding: 20px; }
.introjs-disabled {
display: none !important; }
.introjs-skipbutton {
float: left; }
.introjs-helperLayer {
background: transparent !important; }
.introjs-tooltipbuttons {
border-top: 1px solid #d1d1d1;
padding: 20px;
overflow: hidden;
clear: both; }
.introjs-helperLayer {
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: 0 !important; }
.introjs-button {
font-size: 14px !important;
border: 0 !important;
color: #818181 !important;
text-shadow: 0 0 0;
padding: 0 !important;
margin: 0 !important;
background: transparent !important; }
.introjs-button:hover {
-webkit-box-shadow: 0 0 0 !important;
box-shadow: 0 0 0 !important;
color: #333; }
.introjs-prevbutton {
float: left;
background: #fff !important;
padding: 0 2px; }
.introjs-nextbutton {
float: right; }
.introjs-nextbutton::after {
content: '';
background-image: url("/assets/images/wizard/next.png");
display: inline-block;
margin-left: 5px;
width: 15px;
height: 10px;
vertical-align: middle;
background-size: 15px 10px; }
.introjs-prevbutton::before {
content: '';
background-image: url("/assets/images/wizard/back.png");
display: inline-block;
margin-right: 5px;
vertical-align: middle;
width: 15px;
height: 10px;
background-size: 15px 10px; }
.introjs-skipbutton {
display: none;
position: absolute;
left: 20px;
bottom: 20px; }
.introjs-donebutton {
position: absolute;
right: 20px;
left: auto !important;
display: block !important; }
.introjs-donebutton::before {
content: '';
background-image: url("/assets/images/wizard/close.png");
display: inline-block;
margin-right: 5px;
vertical-align: middle;
width: 16px;
height: 16px;
background-size: 16px 16px; }
.wizard-header-pic {
float: left; }
.wizard-tutor {
display: block;
width: 92px;
height: 58px; }
/* hack intro.js
check this solution: https://github.com/usablica/intro.js/pull/747
*/
.amd-bottom-nav {
margin: 30px 0;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
float: left; }
.amd-bottom-nav__item + .amd-bottom-nav__item {
margin-left: -1px; }
.amd-bottom-nav__item {
-webkit-align-self: center;
-ms-grid-row-align: center;
align-self: center; }
.amd-bottom-nav__item:first-child:not(:last-child) .amd-bottom-nav__button {
-webkit-border-bottom-right-radius: 0;
border-bottom-right-radius: 0;
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0; }
.amd-bottom-nav__item:not(:first-child):not(:last-child) .amd-bottom-nav__button {
-webkit-border-radius: 0;
border-radius: 0; }
.amd-bottom-nav__item:last-child:not(:first-child) .amd-bottom-nav__button {
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0; }
.amd-bottom-nav__item .amd-bottom-nav__button {
background-color: transparent;
border: 1px solid #19becf;
padding: 13px 22px !important;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 1;
-webkit-border-radius: 2px;
border-radius: 2px;
max-height: 40px;
-webkit-transition: .3s;
transition: .3s; }
.amd-bottom-nav__item .amd-bottom-nav__button[disabled] {
color: #004560 !important; }
.amd-bottom-nav__item .amd-bottom-nav__button[disabled] .amd-icon, .amd-bottom-nav__item .amd-bottom-nav__button[disabled] .fc .fc-next-button .ui-icon, .fc .fc-next-button .amd-bottom-nav__item .amd-bottom-nav__button[disabled] .ui-icon, .amd-bottom-nav__item .amd-bottom-nav__button[disabled] .fc .fc-prev-button .ui-icon, .fc .fc-prev-button .amd-bottom-nav__item .amd-bottom-nav__button[disabled] .ui-icon,
.amd-bottom-nav__item .amd-bottom-nav__button[disabled] .amd-icon--font {
opacity: 0.1; }
.amd-bottom-nav__item .amd-bottom-nav__button:first-letter {
text-transform: uppercase; }
.amd-bottom-nav__item .amd-bottom-nav__button:hover:not([disabled]) {
background-color: rgba(25, 190, 207, 0.15); }
.amd-bottom-nav__item .amd-bottom-nav__button:hover:not([disabled]) .mat-button-wrapper {
opacity: 0.7; }
.amd-bottom-nav__item .amd-bottom-nav__button--primary {
color: #fff; }
.amd-bottom-nav__item .amd-bottom-nav__button--secondary {
color: #19becf; }
.amd-bottom-nav__item .amd-bottom-nav__button .amd-icon, .amd-bottom-nav__item .amd-bottom-nav__button .fc .fc-next-button .ui-icon, .fc .fc-next-button .amd-bottom-nav__item .amd-bottom-nav__button .ui-icon, .amd-bottom-nav__item .amd-bottom-nav__button .fc .fc-prev-button .ui-icon, .fc .fc-prev-button .amd-bottom-nav__item .amd-bottom-nav__button .ui-icon,
.amd-bottom-nav__item .amd-bottom-nav__button .amd-icon--font {
display: inline-block;
margin-right: 7px;
vertical-align: middle; }
.amd-bottom-nav .mat-progress-bar {
bottom: 4px;
position: absolute !important;
left: 15px;
width: 80%;
height: 2px; }
.amd-bottom-nav--right {
float: right; }
.amd-bottom-nav--offset {
margin-right: 20px; }
.amd-bottom-nav--right {
float: right; }
.amd-bottom-nav--fixed {
margin: 0;
z-index: 99;
position: fixed;
bottom: 54px;
left: 0;
border: 0;
height: 60px;
width: 100%; }
.amd-bottom-nav--fixed .amd-button--light {
border: 1px solid #ccc !important; }
.amd-bottom-nav--fixed .amd-button--light:hover {
border-color: #aaa !important;
color: #12afc3 !important; }
.amd-bottom-nav--fixed .amd-bottom-nav__container {
max-width: 1320px;
width: 100%;
margin: 0;
margin-left: 24px;
position: absolute;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
top: 0;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.3), 0 0 24px 0 rgba(0, 0, 0, 0.22);
box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.3), 0 0 24px 0 rgba(0, 0, 0, 0.22);
background: #fff;
padding: 20px; }
@media (max-width: 1400px) {
.amd-bottom-nav--fixed .amd-bottom-nav__container {
max-width: 980px; } }
@media (max-width: 768px) {
.amd-bottom-nav--fixed .amd-bottom-nav__container {
max-width: 700px; } }
.u-theme--positive .amd-bottom-nav__button--secondary .amd-icon--closelightcta {
background-position: 0 -2960px; }
.u-theme--positive .amd-bottom-nav .amd-bottom-nav__button {
border: 1px solid #0071b9; }
.u-theme--positive .amd-bottom-nav .amd-bottom-nav__button--primary {
color: #0071b9; }
.u-theme--positive .amd-bottom-nav .amd-bottom-nav__button--secondary {
color: #0071b9; }
.u-theme--positive .amd-bottom-nav .amd-bottom-nav__button[disabled] {
color: #0071b9 !important; }
.u-theme--positive .amd-bottom-nav .amd-bottom-nav__button:hover:not([disabled]) {
background-color: rgba(0, 113, 185, 0.15); }
.u-theme--positive .amd-bottom-nav--fixed .amd-bottom-nav__container {
border: 0; }
.u-theme--positive .amd-bottom-nav .amd-icon--attachc {
background-position: 0 -212px; }
/*
.amd-button
raised - Raised status
light - Raised status
reverse - Raised status
small - Raised status
full - Raised status
expanded - Raised status
border - Raised status
disabled - Disabled status
markup:
Effettua Ricerca
Styleguide 2.3
*/
.amd-button, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton {
display: inline-block;
margin: 0;
padding: 0 !important;
font-size: 12px !important;
-webkit-border-radius: 2px;
border-radius: 2px;
border: 0;
line-height: 1 !important;
cursor: pointer;
vertical-align: bottom;
-webkit-transition: .3s;
transition: .3s; }
.amd-button:focus, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton:focus {
outline: none; }
.amd-button:hover .mat-button-focus-overlay, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton:hover .mat-button-focus-overlay {
opacity: 0 !important; }
.amd-button--disabled, .amd-button[disabled], .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton[disabled] {
opacity: 0.6; }
.amd-button--disabled:hover, .amd-button[disabled]:hover, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton[disabled]:hover {
cursor: default; }
.amd-button--full {
width: 100%; }
.amd-button--reverse, .amd-button--light {
background-color: transparent !important; }
.amd-button--reverse {
color: #19becf !important;
border: 1px solid #19becf !important;
height: 40px;
letter-spacing: 1px;
text-transform: uppercase; }
.amd-button--reverse:not(.amd-button--disabled):hover {
background-color: rgba(25, 190, 207, 0.15) !important; }
.amd-button--light {
color: #19becf;
border: 1px solid #19becf; }
.amd-button--light:not(.amd-button--disabled):hover {
background-color: rgba(25, 190, 207, 0.15) !important; }
.amd-button--light--disabled, .amd-button--light[disabled] {
opacity: 0.3; }
.amd-button--raised, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton {
font-size: 12px !important;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0;
min-height: 40px; }
.amd-button--raised:hover:not([disabled]), .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton:hover:not([disabled]) {
background-color: #168f9c !important; }
.amd-button--reverse, .amd-button--light {
padding: 12px 22px !important; }
.amd-button--raised, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton {
padding: 14px 22px !important; }
.amd-button--small {
padding: 13px !important;
min-width: auto !important; }
.amd-button--extra-small {
text-transform: uppercase !important;
font-size: 8px !important;
padding: 10px !important;
min-width: auto !important;
font-weight: 700 !important;
color: #fff !important;
background-color: #19becf !important; }
.amd-button--extra-small:hover:not([disabled]) {
background-color: #168f9c !important; }
.amd-button--accent {
color: #80adbf !important; }
.amd-button--primary {
color: #19becf !important; }
.amd-button--delete {
background-color: #ff6054 !important; }
.amd-button--delete:hover:not([disabled]) {
background-color: #990000 !important; }
.amd-button--ok {
background-color: #4caf50 !important; }
.amd-button--ok:hover:not([disabled]) {
background-color: #3e8f41 !important; }
.amd-button--expanded {
margin: 0 !important;
padding: 20px !important;
color: #19becf; }
.amd-button--expanded:hover {
background-color: #003348;
cursor: pointer; }
.amd-button--border {
border: 1px solid #004560;
-webkit-border-radius: 2px;
border-radius: 2px; }
.amd-button--uppercase {
text-transform: uppercase;
font-size: 12px !important; }
.amd-button .amd-icon, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton .amd-icon, .amd-button .fc .fc-next-button .ui-icon, .fc .fc-next-button .amd-button .ui-icon, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton .fc .fc-next-button .ui-icon, .fc .fc-next-button .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton .ui-icon, .amd-button .fc .fc-prev-button .ui-icon, .fc .fc-prev-button .amd-button .ui-icon, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton .fc .fc-prev-button .ui-icon, .fc .fc-prev-button .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton .ui-icon,
.amd-button .amd-icon--font,
.introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton .amd-icon--font {
display: inline-block;
vertical-align: middle;
margin-right: 3px; }
.u-theme--positive .amd-button--light, .u-theme--positive .amd-button--reverse {
border: 1px solid #0071b9 !important; }
.u-theme--positive .amd-button--light:hover, .u-theme--positive .amd-button--reverse:hover {
border-color: #0071b9 !important; }
.u-theme--positive .amd-button--light:not(.amd-button--disabled):hover, .u-theme--positive .amd-button--reverse:not(.amd-button--disabled):hover {
background-color: rgba(0, 113, 185, 0.15) !important; }
.u-theme--positive .amd-button--raised, .u-theme--positive .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .u-theme--positive .introjs-nextbutton, .u-theme--positive .amd-button--extra-small {
background-color: #0071b9 !important; }
.u-theme--positive .amd-button--raised-color, .u-theme--positive .amd-button--extra-small-color {
color: #fff !important;
background-color: #0071b9 !important; }
.u-theme--positive .amd-button--raised:hover:not([disabled]), .u-theme--positive .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton:hover:not([disabled]), .introjs-tooltip--welcome .introjs-tooltipbuttons .u-theme--positive .introjs-nextbutton:hover:not([disabled]), .u-theme--positive .amd-button--extra-small:hover:not([disabled]) {
background-color: #005478 !important; }
.u-theme--positive .amd-button--expanded:hover {
background-color: #f2f2f2; }
.u-theme--positive .amd-button--delete {
background-color: #ff6054 !important; }
.u-theme--positive .amd-button--delete:hover:not([disabled]) {
background-color: #990000 !important; }
/*
.amd-card
markup:
Procedura firma digitale
Il cliente accetta per procedere con la firma digitale:
Hai un problema e non puoi procedere con la firma digitale?
Torna all'ordine e procedi con la versione cartacea.
Styleguide 7.6
*/
.amd-card {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
margin-bottom: 10px; }
.amd-card--list {
margin-bottom: 0;
-webkit-box-shadow: 0 0 0 !important;
box-shadow: 0 0 0 !important; }
.amd-card__description {
margin-bottom: 30px;
font-size: 14px; }
.amd-card__description .amd-link {
text-decoration: underline; }
.amd-card--accent {
background-color: #004e6d; }
.amd-card--accent .amd-card__title {
background-color: #004560; }
.amd-card--placeholder {
border: 1px solid #004560;
background: none; }
.amd-card__content {
padding: 20px; }
.amd-card__content--nopadding {
padding: 0; }
.amd-card__title {
margin: 0;
padding: 20px;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between; }
.amd-card__title h4 {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
line-height: 24px;
font-size: 18px; }
.amd-card__title h4::first-letter {
text-transform: uppercase; }
.amd-card__title--normal {
font-size: 12px; }
.amd-card__title-btn {
text-align: center;
height: 50px;
color: #19becf;
padding: 0 20px; }
.amd-card__title-btn:hover {
cursor: pointer;
background-color: #005478; }
.amd-card__title-btn .mat-icon,
.amd-card__title-btn .fa {
color: #19becf;
margin-top: 18px; }
.amd-card__title-icon {
color: #42a3d0; }
.amd-card__footer {
padding: 0 20px 20px;
margin: auto 0 0; }
.amd-card__footer--nopadding {
padding: 0; }
.amd-card .amd-form {
width: auto; }
.amd-card .amd-toolbar {
-webkit-box-shadow: 0 0;
box-shadow: 0 0;
padding: 30px 0 0 !important; }
.amd-card__note {
margin-top: 10px; }
.amd-card__note p {
color: #80adbf;
font-size: 14px; }
.amd-card__note .amd-link {
text-decoration: underline; }
.amd-card__note .mat-checkbox-label {
font-size: 12px; }
.u-theme--positive .amd-card--accent {
background-color: #fff; }
.u-theme--positive .amd-card--accent .amd-card__title {
background-color: #f2f2f2; }
.u-theme--positive .amd-card-bg-color, .u-theme--positive .amd-card {
background-color: #fff; }
.u-theme--positive .amd-card-bg-color .amd-card-title-btn-border, .u-theme--positive .amd-card .amd-card-title-btn-border, .u-theme--positive .amd-card-bg-color .amd-card__title-btn, .u-theme--positive .amd-card .amd-card__title-btn,
.u-theme--positive .amd-card-bg-color .amd-card__title-btn,
.u-theme--positive .amd-card .amd-card__title-btn {
border-left: 1px solid #ddd; }
.u-theme--positive .amd-card-bg-color .amd-icon--circle .amd-icon--border, .u-theme--positive .amd-card .amd-icon--circle .amd-icon--border {
border-color: #ddd; }
.u-theme--positive .amd-card-bg-color--light, .u-theme--positive .amd-card--light {
background-color: #ddeef6; }
.u-theme--positive .amd-card-bg-color--light .amd-icon--circle .amd-icon--border, .u-theme--positive .amd-card--light .amd-icon--circle .amd-icon--border {
border-color: #ccc; }
.u-theme--positive .amd-card-bg-color--light .amd-card__title-btn:hover, .u-theme--positive .amd-card--light .amd-card__title-btn:hover {
background-color: #C4E1EF; }
.u-theme--positive .amd-card-bg-color--light .amd-list__text, .u-theme--positive .amd-card--light .amd-list__text {
color: #4e4e4e; }
.u-theme--positive .amd-card-title-color, .u-theme--positive .amd-card__title h4, .amd-card__title .u-theme--positive h4 {
color: #42a3d0; }
.u-theme--positive .amd-card-title-color--light, .u-theme--positive .amd-card--light .amd-card__title h4, .amd-card--light .amd-card__title .u-theme--positive h4,
.u-theme--positive .amd-card--light .amd-card__title-icon, .amd-card--light .u-theme--positive .amd-card__title-icon {
color: #818181; }
.u-theme--positive .amd-card-title-border {
border-bottom: 1px solid #ddd; }
.u-theme--positive .amd-card-title-btn-border, .u-theme--positive .amd-card__title-btn {
border-left: 1px solid #ddd; }
.u-theme--positive .amd-card__title-btn {
color: #0071b9; }
.u-theme--positive .amd-card__title-btn:hover {
background-color: #f2f2f2; }
.u-theme--positive .amd-card--placeholder {
border: 1px solid #fff; }
.amd-dialog__container--fullscreen mat-dialog-container {
padding: 0 24px;
overflow: hidden; }
.amd-dialog__backdrop--dark {
background-color: #000 !important;
opacity: 0.8 !important; }
.amd-dialog__header {
padding-left: 24px;
margin-left: -24px;
margin-bottom: 10px;
line-height: 30px;
border-left: 3px solid #19becf; }
.amd-dialog__header .row {
margin-bottom: 0; }
.amd-dialog__header .mat-dialog-title {
color: #333;
margin-bottom: 0; }
.amd-dialog__header .mat-dialog-title .amd-icon, .amd-dialog__header .mat-dialog-title .fc .fc-next-button .ui-icon, .fc .fc-next-button .amd-dialog__header .mat-dialog-title .ui-icon, .amd-dialog__header .mat-dialog-title .fc .fc-prev-button .ui-icon, .fc .fc-prev-button .amd-dialog__header .mat-dialog-title .ui-icon,
.amd-dialog__header .mat-dialog-title .amd-icon--font {
display: inline-block;
margin-right: 5px; }
.amd-dialog__header .mat-button {
float: right;
color: #999;
line-height: 1; }
.amd-dialog__header .mat-button:hover {
color: #555; }
.amd-dialog__content {
color: #4e4e4e;
font-size: 14px; }
.amd-dialog .amd-list__item {
border-bottom: 1px solid #d1d4d7; }
.amd-dialog .amd-list__item h6 {
color: #4e4e4e; }
.amd-dialog .amd-list__item p {
color: #696969; }
.amd-dialog--warning .amd-dialog__header {
border-left: 3px solid #ff9800; }
.amd-dialog--error .amd-dialog__header {
border-left: 3px solid #ff6054; }
.amd-dialog--success .amd-dialog__header {
border-left: 3px solid #4caf50; }
.amd-dialog--external .mat-dialog-content {
max-height: 100% !important; }
.amd-dialog--full-height {
position: absolute;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
padding: 10vh 11vw;
overflow: auto; }
.amd-dialog--full-height .mat-full-height-container {
background-color: #FFFFFF !important;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 24px;
margin-right: 0; }
.amd-dialog--full-height .mat-dialog-content {
overflow-y: auto;
overflow-x: hidden;
max-height: none !important; }
.amd-dialog--full-height .amd-table tbody {
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: 1px solid #cccccc; }
.amd-dialog--fullscreen {
position: absolute;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
padding: 10vh 11vw 0;
overflow: auto; }
.amd-dialog--fullscreen .amd-dialog__header {
margin-left: 0; }
.amd-dialog--fullscreen .amd-dialog__header .mat-dialog-title {
color: #fff;
margin-bottom: 30px; }
.amd-dialog--fullscreen .mat-dialog-content {
overflow-y: auto;
overflow-x: hidden;
padding-right: 0;
margin-right: 0;
max-height: none !important; }
.amd-dialog--fullscreen .mat-dialog-container {
background-color: transparent !important;
-webkit-box-shadow: 0 0 0;
box-shadow: 0 0 0; }
.amd-dialog--fullscreen .amd-table thead, .amd-dialog--fullscreen .amd-table tbody {
width: 100%; }
.amd-dialog--fullscreen .amd-table tbody {
overflow: auto;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: 1px solid #cccccc; }
.amd-dialog--fullscreen .amd-table tr {
width: 100%;
text-align: left; }
.amd-dialog .amd-files-counter {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-align-self: center;
-ms-grid-row-align: center;
align-self: center;
color: #696969;
text-align: left;
font-size: 14px; }
.amd-dialog .amd-files-counter .amd-icon, .amd-dialog .amd-files-counter .fc .fc-next-button .ui-icon, .fc .fc-next-button .amd-dialog .amd-files-counter .ui-icon, .amd-dialog .amd-files-counter .fc .fc-prev-button .ui-icon, .fc .fc-prev-button .amd-dialog .amd-files-counter .ui-icon,
.amd-dialog .amd-files-counter .amd-icon--font {
display: inline-block; }
.amd-dialog .mat-checkbox {
text-align: left;
color: #4e4e4e;
width: 100%; }
.amd-dialog .mat-checkbox-label {
line-height: 18px !important; }
.amd-dialog .mat-form-field-underline:not(.mat-disabled) {
background-color: #e0e0e0 !important; }
.amd-dialog .mat-dialog-actions .amd-button, .amd-dialog .mat-dialog-actions .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .amd-dialog .mat-dialog-actions .introjs-nextbutton {
margin: 0 10px; }
.amd-dialog .mat-dialog-actions .row {
margin-bottom: 0; }
.amd-dialog .amd-icon--download {
background-position: 0 -2883px;
height: 14px; }
.amd-dialog__pdf-content {
margin: 10px auto;
min-height: 360px;
background-color: #004560;
border: 1px solid #003348; }
.u-theme--positive .amd-dialog__pdf-content,
.amd-dialog .amd-dialog__pdf-content {
background-color: #f2f2f2;
border: 1px solid #ebebeb; }
.amd-dialog__dark-theme:not(.u-theme--positive) .mat-expansion-panel .mat-expansion-panel-header,
.amd-dialog__dark-theme:not(.u-theme--positive) .mat-expansion-panel .mat-expansion-panel-header:focus,
.amd-dialog__dark-theme:not(.u-theme--positive) .mat-expansion-panel .mat-expansion-panel-header:hover {
background-color: #004560 !important; }
.amd-dialog__dark-theme:not(.u-theme--positive) .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator,
.amd-dialog__dark-theme:not(.u-theme--positive) .mat-expansion-panel .mat-expansion-panel-header:focus .mat-expansion-indicator,
.amd-dialog__dark-theme:not(.u-theme--positive) .mat-expansion-panel .mat-expansion-panel-header:hover .mat-expansion-indicator {
background-color: #003C53; }
.amd-dialog__dark-theme:not(.u-theme--positive) .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator::after,
.amd-dialog__dark-theme:not(.u-theme--positive) .mat-expansion-panel .mat-expansion-panel-header:focus .mat-expansion-indicator::after,
.amd-dialog__dark-theme:not(.u-theme--positive) .mat-expansion-panel .mat-expansion-panel-header:hover .mat-expansion-indicator::after {
color: #42a3d0; }
.amd-dialog__dark-theme:not(.u-theme--positive) .mat-expansion-panel .amd-expansion-panel__body {
background-color: #004E6D; }
.amd-dialog__dark-theme:not(.u-theme--positive) .mat-expansion-panel .amd-expansion-panel__body .mat-select-trigger {
color: #FFFFFF !important; }
.amd-dialog__dark-theme:not(.u-theme--positive) .mat-expansion-panel .amd-expansion-panel__body .mat-checkbox-label {
color: #FFFFFF !important; }
.amd-dialog__dark-theme:not(.u-theme--positive) .mat-expansion-panel .amd-expansion-panel__body .mat-checkbox-frame {
border-color: #2E7FA5 !important; }
.amd-dialog__dark-theme:not(.u-theme--positive) .amd-card {
background-color: #004560 !important; }
.amd-dialog__dark-theme:not(.u-theme--positive) .mat-form-field-label, .amd-dialog__dark-theme:not(.u-theme--positive) .amd-placeholder {
color: #80adbf !important; }
.amd-dialog__dark-theme:not(.u-theme--positive) .mat-form-field-underline {
background-color: #5D8392 !important; }
.amd-dialog__dark-theme:not(.u-theme--positive) .mat-form-field-disabled .mat-form-field-underline {
display: none; }
.amd-dialog__dark-theme:not(.u-theme--positive) .mat-form-field-disabled .mat-form-field-wrapper {
padding-bottom: 0; }
.amd-dialog__dark-theme:not(.u-theme--positive) .mat-form-field .mat-select-arrow {
color: #19becf !important; }
.amd-dialog__dark-theme:not(.u-theme--positive) .mat-form-field .mat-select-value {
color: #FFFFFF !important; }
.amd-dialog__dark-theme:not(.u-theme--positive) .mat-form-field .mat-select-disabled .mat-select-arrow {
color: transparent !important; }
.amd-dialog__dark-theme:not(.u-theme--positive) .amd-paginator {
color: #FFFFFF; }
.amd-dialog__dark-theme:not(.u-theme--positive) .amd-paginator .mat-icon-button {
color: #FFFFFF; }
.amd-dialog__dark-theme:not(.u-theme--positive) .amd-paginator .mat-select-arrow, .amd-dialog__dark-theme:not(.u-theme--positive) .amd-paginator .mat-select-value {
color: #FFFFFF !important; }
.amd-dialog__theme:not(.u-theme--positive) .amd-dialog__content {
color: #FFFFFF; }
.amd-dialog__theme:not(.u-theme--positive) .mat-expansion-panel .mat-expansion-panel-header,
.amd-dialog__theme:not(.u-theme--positive) .mat-expansion-panel .mat-expansion-panel-header:focus,
.amd-dialog__theme:not(.u-theme--positive) .mat-expansion-panel .mat-expansion-panel-header:hover {
background-color: #004560 !important; }
.amd-dialog__theme:not(.u-theme--positive) .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator,
.amd-dialog__theme:not(.u-theme--positive) .mat-expansion-panel .mat-expansion-panel-header:focus .mat-expansion-indicator,
.amd-dialog__theme:not(.u-theme--positive) .mat-expansion-panel .mat-expansion-panel-header:hover .mat-expansion-indicator {
background-color: #003C53; }
.amd-dialog__theme:not(.u-theme--positive) .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator::after,
.amd-dialog__theme:not(.u-theme--positive) .mat-expansion-panel .mat-expansion-panel-header:focus .mat-expansion-indicator::after,
.amd-dialog__theme:not(.u-theme--positive) .mat-expansion-panel .mat-expansion-panel-header:hover .mat-expansion-indicator::after {
color: #42a3d0; }
.amd-dialog__theme:not(.u-theme--positive) .mat-expansion-panel .amd-expansion-panel__body {
background-color: #004e6d; }
.amd-dialog__theme:not(.u-theme--positive) .mat-expansion-panel .amd-expansion-panel__body .mat-select-trigger {
color: #FFFFFF !important; }
.amd-dialog__theme:not(.u-theme--positive) .mat-expansion-panel .amd-expansion-panel__body .mat-checkbox-label {
color: #FFFFFF !important; }
.amd-dialog__theme:not(.u-theme--positive) .mat-expansion-panel .amd-expansion-panel__body .mat-checkbox-frame {
border-color: #2E7FA5 !important; }
.amd-dialog__theme:not(.u-theme--positive) .amd-card {
background-color: #004560 !important; }
.amd-dialog__theme:not(.u-theme--positive) .mat-form-field-label, .amd-dialog__theme:not(.u-theme--positive) .amd-placeholder {
color: #80adbf !important; }
.amd-dialog__theme:not(.u-theme--positive) .mat-form-field-underline {
background-color: #5D8392 !important; }
.amd-dialog__theme:not(.u-theme--positive) .mat-form-field-disabled .mat-form-field-underline {
display: none; }
.amd-dialog__theme:not(.u-theme--positive) .mat-form-field-disabled .mat-form-field-wrapper {
padding-bottom: 0; }
.amd-dialog__theme:not(.u-theme--positive) .mat-form-field .mat-select-arrow {
color: #19becf !important; }
.amd-dialog__theme:not(.u-theme--positive) .mat-form-field .mat-select-value {
color: #FFFFFF !important; }
.amd-dialog__theme:not(.u-theme--positive) .mat-form-field .mat-select-disabled .mat-select-arrow {
color: transparent !important; }
.amd-dialog__theme:not(.u-theme--positive) .mat-form-field .mat-input-element {
color: #FFFFFF !important; }
.amd-dialog__theme:not(.u-theme--positive) .amd-paginator {
color: #FFFFFF; }
.amd-dialog__theme:not(.u-theme--positive) .amd-paginator .mat-icon-button {
color: #FFFFFF; }
.amd-dialog__theme:not(.u-theme--positive) .amd-paginator .mat-select-arrow, .amd-dialog__theme:not(.u-theme--positive) .amd-paginator .mat-select-value {
color: #FFFFFF !important; }
.amd-full-screen-simple-table-dialog .mat-dialog-container {
background: transparent !important;
overflow: hidden;
-webkit-box-shadow: 0 0 0;
box-shadow: 0 0 0; }
.amd-full-screen-simple-table-dialog .amd-dialog__theme:not(.amd-dialog--full-height):not(.amd-dialog--fullscreen) {
padding: 24px; }
.amd-full-screen-simple-table-dialog .amd-dialog__theme:not(.amd-dialog--full-height):not(.amd-dialog--fullscreen).u-theme--positive {
background: #FFFFFF; }
.amd-full-screen-simple-table-dialog .amd-dialog__theme:not(.amd-dialog--full-height):not(.amd-dialog--fullscreen):not(.u-theme--positive) {
background: #004e6d; }
@font-face {
font-family: 'HelveticaNeueLTStd-Roman';
src: url("/assets/fonts/3447C2_6_0.eot");
src: url("/assets/fonts/3447C2_6_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_6_0.woff2") format("woff2"), url("/assets/fonts/3447C2_6_0.woff") format("woff"), url("/assets/fonts/3447C2_6_0.ttf") format("truetype"); }
@font-face {
font-family: 'HelveticaNeueLTStd-Bd';
src: url("/assets/fonts/3447C2_8_0.eot");
src: url("/assets/fonts/3447C2_8_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_8_0.woff2") format("woff2"), url("/assets/fonts/3447C2_8_0.woff") format("woff"), url("/assets/fonts/3447C2_8_0.ttf") format("truetype"); }
@font-face {
font-family: 'HelveticaNeueLTStd-Lt';
src: url("/assets/fonts/3447C2_3_0.eot");
src: url("/assets/fonts/3447C2_3_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_3_0.woff2") format("woff2"), url("/assets/fonts/3447C2_3_0.woff") format("woff"), url("/assets/fonts/3447C2_3_0.ttf") format("truetype"); }
@font-face {
font-family: 'HelveticaNeueLTStd-Md';
src: url("/assets/fonts/3447C2_5_0.eot");
src: url("/assets/fonts/3447C2_5_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_5_0.woff2") format("woff2"), url("/assets/fonts/3447C2_5_0.woff") format("woff"), url("/assets/fonts/3447C2_5_0.ttf") format("truetype"); }
.HelveticaNeueLTStd-Roman, body, .mat-form-field,
.mat-input-element,
.mat-form-field-label, .amd-placeholder,
.md2-datepicker,
.md2-datepicker-value,
.md2-datepicker-placeholder,
.mat-radio-label-content,
.mat-radio-button,
.mat-select,
.mat-select-placeholder,
.mat-select-value-text,
.mat-option,
.mat-checkbox,
.mat-list-item,
.mat-tab-group,
.mat-expansion-panel-content,
.mat-bottom-sheet-container, .mat-tab-body__description, .mat-list .mat-subheader,
.mat-nav-list .mat-subheader, .introjs-button, .amd-button, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .amd-card__title--normal, .amd-expansion-panel__subtitle, .amd-link, .amd-link--station .amd-link__title, .amd-list__subtext, .amd-check-item__alert .amd-button, .theme--myald-dialog .amd-files-list__item.mat-list-item .amd-files-list__name {
font-family: HelveticaNeueLTStd-Roman, Arial, Helvetica, sans-serif !important; }
.HelveticaNeueLTStd-Bd, b,
strong, h2, h6, .mat-horizontal-stepper-header .mat-step-icon, .mat-step-text-label, .mat-tab-label,
.mat-tab-link, .mat-tab-body__title, .mat-expansion-panel-header-title, .mat-chip, .mat-menu-panel .mat-subheader, .u-main-title, .amd-dialog__header .mat-dialog-title, .u-phone, .amd-user, .amd-title, .amd-label, .fc .fc-toolbar h2, .introjs-tooltip--welcome .introjs-head h3, .introjs-subtitle, .introjs-title, .amd-bottom-nav__item .amd-bottom-nav__button, .amd-button--reverse, .amd-button--raised, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .amd-button--expanded, .amd-button--uppercase, .amd-card__title h4, .amd-dialog .amd-files-counter, .amd-multi-panels .mat-tab-label-active, .amd-expansion-panel__description .amd-button, .amd-expansion-panel__description .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .amd-expansion-panel__description .introjs-nextbutton, .amd-expansion-panel__filters, .amd-files-list__name, .amd-items-counter .amd-button, .amd-items-counter .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .amd-items-counter .introjs-nextbutton, .amd-items-counter__subtitle, .amd-link--reverse span, .amd-link--text, .amd-link__title, .amd-link__info, .amd-list--events h4, .amd-list__title, .amd-list__text .title,
.amd-list__text h6, .amd-list--sidenav .mat-list-item, .amd-list--selection .amd-list__subheader, .amd-message, .amd-notification, table.mat-table .mat-header-cell, .amd-table th, .amd-table__col--highlighted, .amd-stepper__step--active .amd-stepper__name, .amd-stepper__icon, .amd-stepper__icon-disabled, .amd-heading, .amd-notify__title, .amd-badge__title, .amd-check-item__name p, .amd-check-item__status, .amd-check-item__counter, .amd-button-toggle, .theme--myald .amd-button--raised, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .introjs-nextbutton,
.theme--myald .amd-button-raised-color,
.theme--myald a.amd-button.amd-button--light.cta-button, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.cta-button.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.cta-button.introjs-nextbutton,
.theme--myald a.amd-button.amd-button--light.stepper-prev.myald-button-inverse, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.stepper-prev.myald-button-inverse.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.stepper-prev.myald-button-inverse.introjs-nextbutton, .theme--myald a.amd-button.amd-button--light.cta-button.myald--aggiungi-controparte, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.cta-button.myald--aggiungi-controparte.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.cta-button.myald--aggiungi-controparte.introjs-nextbutton,
.theme--myald a.amd-button.amd-button--light.stepper-prev.myald--aggiungi-controparte, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.stepper-prev.myald--aggiungi-controparte.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.stepper-prev.myald--aggiungi-controparte.introjs-nextbutton,
.theme--myald a.amd-link.amd-link--dark.ald-generic-add,
.theme--myald button.amd-button.amd-button--raised.button-panel-title.cta-button.myald--aggiungi-controparte, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.button-panel-title.cta-button.myald--aggiungi-controparte.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald button.button-panel-title.cta-button.myald--aggiungi-controparte.introjs-nextbutton, .theme--myald .action-button.action-button--myald button.amd-button.amd-button--raised.stepper-next.mat-button.mat-raised-button, .theme--myald .action-button.action-button--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.stepper-next.mat-button.mat-raised-button.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .action-button.action-button--myald button.stepper-next.mat-button.mat-raised-button.introjs-nextbutton,
.theme--myald .action-button.action-button--myald button.amd-button.amd-button--raised.stepper-prev.mat-button.mat-raised-button, .theme--myald .action-button.action-button--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.stepper-prev.mat-button.mat-raised-button.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .action-button.action-button--myald button.stepper-prev.mat-button.mat-raised-button.introjs-nextbutton, .theme--myald .pre-step a.amd-button.amd-button--light, .theme--myald .pre-step .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .pre-step a.amd-button--light.introjs-nextbutton, .theme--myald .pre-step p.prestep-ald, .theme--myald .myald-bottom-navigation-btn, .theme--myald .myald-typage-title, .theme--myald .scarica-documento, .theme--myald-dialog a.amd-button.amd-button--reverse, .theme--myald-dialog .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--reverse.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald-dialog a.amd-button--reverse.introjs-nextbutton {
font-family: HelveticaNeueLTStd-Bd, Arial, Helvetica, sans-serif !important;
font-weight: normal !important; }
.HelveticaNeueLTStd-Md, .mat-error, .amd-legend__item, .claims-bottom-box, .fc .fc-head-container th, .fc .fc-time, .fc .fc-event, .amd-expansion-panel__recap, .amd-input--error, .amd-items-counter__title, .amd-link--station .amd-link__subtitle, .amd-link--station .amd-link__distance, .amd-check-item__date {
font-family: HelveticaNeueLTStd-Md, Arial, Helvetica, sans-serif !important; }
.HelveticaNeueLTStd-Lt, .amd-link--station .amd-link__note {
font-family: HelveticaNeueLTStd-Lt, Arial, Helvetica, sans-serif !important; }
/**
* Applies styles for users in high contrast mode. Note that this only applies
* to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
* attribute, however Chrome handles high contrast differently.
* @param target Which kind of high contrast setting to target. Defaults to `active`, can be
* `white-on-black` or `black-on-white`.
*/
/* Theme for the ripple elements.*/
/* stylelint-disable material/no-prefixes */
/* stylelint-enable */
.mat-elevation-z0 {
-webkit-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);
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); }
.mat-elevation-z1 {
-webkit-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);
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); }
.mat-elevation-z2 {
-webkit-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);
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); }
.mat-elevation-z3 {
-webkit-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);
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); }
.mat-elevation-z4 {
-webkit-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);
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); }
.mat-elevation-z5 {
-webkit-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);
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); }
.mat-elevation-z6 {
-webkit-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);
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); }
.mat-elevation-z7 {
-webkit-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);
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); }
.mat-elevation-z8 {
-webkit-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);
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); }
.mat-elevation-z9 {
-webkit-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);
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); }
.mat-elevation-z10 {
-webkit-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);
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); }
.mat-elevation-z11 {
-webkit-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);
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); }
.mat-elevation-z12 {
-webkit-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);
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); }
.mat-elevation-z13 {
-webkit-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);
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); }
.mat-elevation-z14 {
-webkit-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);
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); }
.mat-elevation-z15 {
-webkit-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);
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); }
.mat-elevation-z16 {
-webkit-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);
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); }
.mat-elevation-z17 {
-webkit-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);
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); }
.mat-elevation-z18 {
-webkit-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);
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); }
.mat-elevation-z19 {
-webkit-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);
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); }
.mat-elevation-z20 {
-webkit-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);
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); }
.mat-elevation-z21 {
-webkit-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);
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); }
.mat-elevation-z22 {
-webkit-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);
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); }
.mat-elevation-z23 {
-webkit-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);
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); }
.mat-elevation-z24 {
-webkit-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);
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); }
.mat-badge-content {
font-weight: 600;
font-size: 12px;
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-badge-small .mat-badge-content {
font-size: 6px; }
.mat-badge-large .mat-badge-content {
font-size: 24px; }
.mat-h1, .mat-headline, .mat-typography h1 {
font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h2, .mat-title, .mat-typography h2 {
font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h3, .mat-subheading-2, .mat-typography h3 {
font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h4, .mat-subheading-1, .mat-typography h4 {
font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h5, .mat-typography h5 {
font: 400 11.62px/20px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 12px; }
.mat-h6, .mat-typography h6 {
font: 400 9.38px/20px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 12px; }
.mat-body-strong, .mat-body-2 {
font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
.mat-body, .mat-body-1, .mat-typography {
font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-body p, .mat-body-1 p, .mat-typography p {
margin: 0 0 12px; }
.mat-small, .mat-caption {
font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-display-4, .mat-typography .mat-display-4 {
font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 56px;
letter-spacing: -0.05em; }
.mat-display-3, .mat-typography .mat-display-3 {
font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 64px;
letter-spacing: -0.02em; }
.mat-display-2, .mat-typography .mat-display-2 {
font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 64px;
letter-spacing: -0.005em; }
.mat-display-1, .mat-typography .mat-display-1 {
font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 64px; }
.mat-bottom-sheet-container {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 16px;
font-weight: 400; }
.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500; }
.mat-button-toggle {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-card {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-card-title {
font-size: 24px;
font-weight: 400; }
.mat-card-subtitle,
.mat-card-content,
.mat-card-header .mat-card-title {
font-size: 14px; }
.mat-checkbox {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-checkbox-layout .mat-checkbox-label {
line-height: 24px; }
.mat-chip {
font-size: 13px;
line-height: 18px; }
.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
font-size: 18px; }
.mat-table {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-header-cell {
font-size: 12px;
font-weight: 500; }
.mat-cell, .mat-footer-cell {
font-size: 14px; }
.mat-calendar {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-calendar-body {
font-size: 13px; }
.mat-calendar-body-label,
.mat-calendar-period-button {
font-size: 14px;
font-weight: 500; }
.mat-calendar-table-header th {
font-size: 11px;
font-weight: 400; }
.mat-dialog-title {
font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; }
.mat-expansion-panel-header {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 15px;
font-weight: 400; }
.mat-expansion-panel-content {
font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-form-field {
font-size: inherit;
font-weight: 400;
line-height: 1.125;
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-form-field-wrapper {
padding-bottom: 1.34375em; }
.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
font-size: 150%;
line-height: 1.125; }
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
height: 1.5em;
width: 1.5em; }
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
height: 1.125em;
line-height: 1.125; }
.mat-form-field-infix {
padding: 0.5em 0;
border-top: 0.84375em solid transparent; }
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.34375em) scale(0.75);
transform: translateY(-1.34375em) scale(0.75);
width: 133.33333333%; }
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label, .mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.34374em) scale(0.75);
transform: translateY(-1.34374em) scale(0.75);
width: 133.33334333%; }
.mat-form-field-label-wrapper {
top: -0.84375em;
padding-top: 0.84375em; }
.mat-form-field-label, .amd-placeholder {
top: 1.34375em; }
.mat-form-field-underline {
bottom: 1.34375em; }
.mat-form-field-subscript-wrapper {
font-size: 75%;
margin-top: 0.66666667em;
top: -webkit-calc(100% - 1.79166667em);
top: calc(100% - 1.79166667em); }
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
padding-bottom: 1.25em; }
.mat-form-field-appearance-legacy .mat-form-field-infix {
padding: 0.4375em 0; }
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-ms-transform: translateY(-1.28125em) scale(0.75);
width: 133.33333333%; }
.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, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
-ms-transform: translateY(-1.28124em) scale(0.75);
width: 133.33334333%; }
.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, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
-ms-transform: translateY(-1.28123em) scale(0.75);
width: 133.33335333%; }
.mat-form-field-appearance-legacy .mat-form-field-label, .mat-form-field-appearance-legacy .amd-placeholder {
top: 1.28125em; }
.mat-form-field-appearance-legacy .mat-form-field-underline {
bottom: 1.25em; }
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
margin-top: 0.54166667em;
top: -webkit-calc(100% - 1.66666667em);
top: calc(100% - 1.66666667em); }
.mat-form-field-appearance-fill .mat-form-field-infix {
padding: 0.25em 0 0.75em 0; }
.mat-form-field-appearance-fill .mat-form-field-label, .mat-form-field-appearance-fill .amd-placeholder {
top: 1.09375em;
margin-top: -0.5em; }
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-0.59375em) scale(0.75);
transform: translateY(-0.59375em) scale(0.75);
width: 133.33333333%; }
.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, .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-0.59374em) scale(0.75);
transform: translateY(-0.59374em) scale(0.75);
width: 133.33334333%; }
.mat-form-field-appearance-outline .mat-form-field-infix {
padding: 1em 0 1em 0; }
.mat-form-field-appearance-outline .mat-form-field-label, .mat-form-field-appearance-outline .amd-placeholder {
top: 1.84375em;
margin-top: -0.25em; }
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.59375em) scale(0.75);
transform: translateY(-1.59375em) scale(0.75);
width: 133.33333333%; }
.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, .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.59374em) scale(0.75);
transform: translateY(-1.59374em) scale(0.75);
width: 133.33334333%; }
.mat-grid-tile-header,
.mat-grid-tile-footer {
font-size: 14px; }
.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
font-size: 12px; }
input.mat-input-element {
margin-top: -0.0625em; }
.mat-menu-item {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 16px;
font-weight: 400; }
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 12px; }
.mat-radio-button {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-select {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-select-trigger {
height: 1.125em; }
.mat-slide-toggle-content {
font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-slider-thumb-label-text {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 12px;
font-weight: 500; }
.mat-stepper-vertical, .mat-stepper-horizontal {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-step-label {
font-size: 14px;
font-weight: 400; }
.mat-step-label-selected {
font-size: 14px;
font-weight: 500; }
.mat-tab-group {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-tab-label, .mat-tab-link {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500; }
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
margin: 0; }
.mat-tooltip {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 10px;
padding-top: 6px;
padding-bottom: 6px; }
.mat-tooltip-handset {
font-size: 14px;
padding-top: 9px;
padding-bottom: 9px; }
.mat-list-item {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-list-option {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
font-size: 16px; }
.mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
font-size: 14px; }
.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
font-size: 16px; }
.mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
font-size: 14px; }
.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500; }
.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
font-size: 12px; }
.mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
font-size: 12px; }
.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
font-size: 12px; }
.mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
font-size: 12px; }
.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 12px;
font-weight: 500; }
.mat-option {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 16px; }
.mat-optgroup-label {
font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
.mat-simple-snackbar {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px; }
.mat-simple-snackbar-action {
line-height: 1;
font-family: inherit;
font-size: inherit;
font-weight: 500; }
.mat-tree {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-tree-node {
font-weight: 400;
font-size: 14px; }
.mat-ripple {
overflow: hidden; }
.mat-ripple.mat-ripple-unbounded {
overflow: visible; }
.mat-ripple-element {
position: absolute;
-webkit-border-radius: 50%;
border-radius: 50%;
pointer-events: none;
-webkit-transition: opacity, -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity, -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
-webkit-transform: scale(0);
transform: scale(0); }
@media screen and (-ms-high-contrast: active) {
.mat-ripple-element {
display: none; } }
.cdk-visually-hidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
outline: 0;
-webkit-appearance: none;
-moz-appearance: none; }
.cdk-overlay-container, .cdk-global-overlay-wrapper {
pointer-events: none;
top: 0;
left: 0;
height: 100%;
width: 100%; }
.cdk-overlay-container {
position: fixed;
z-index: 1000; }
.cdk-overlay-container:empty {
display: none; }
.cdk-global-overlay-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: flex;
position: absolute;
z-index: 1000; }
.cdk-overlay-pane {
position: absolute;
pointer-events: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 1000;
display: -webkit-box;
display: -webkit-flex;
display: flex;
max-width: 100%;
max-height: 100%; }
.cdk-overlay-backdrop {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
pointer-events: auto;
-webkit-tap-highlight-color: transparent;
-webkit-transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
opacity: 0; }
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
opacity: 1; }
@media screen and (-ms-high-contrast: active) {
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
opacity: 0.6; } }
.cdk-overlay-dark-backdrop {
background: rgba(0, 0, 0, 0.288); }
.cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
opacity: 0; }
.cdk-overlay-connected-position-bounding-box {
position: absolute;
z-index: 1000;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
min-width: 1px;
min-height: 1px; }
.cdk-global-scrollblock {
position: fixed;
width: 100%;
overflow-y: scroll; }
@keyframes cdk-text-field-autofill-start {
/*!*/ }
@keyframes cdk-text-field-autofill-end {
/*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
-webkit-animation-name: cdk-text-field-autofill-start;
animation-name: cdk-text-field-autofill-start; }
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
-webkit-animation-name: cdk-text-field-autofill-end;
animation-name: cdk-text-field-autofill-end; }
textarea.cdk-textarea-autosize {
resize: none; }
textarea.cdk-textarea-autosize-measuring {
height: auto !important;
overflow: hidden !important;
padding: 2px 0 !important;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important; }
.mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-option {
color: white; }
.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
background: rgba(255, 255, 255, 0.04); }
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
background: rgba(255, 255, 255, 0.04); }
.mat-option.mat-active {
background: rgba(255, 255, 255, 0.04);
color: white; }
.mat-option.mat-option-disabled {
color: rgba(255, 255, 255, 0.5); }
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
color: #19becf; }
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
color: #005c80; }
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
color: #f44336; }
.mat-optgroup-label {
color: rgba(255, 255, 255, 0.7); }
.mat-optgroup-disabled .mat-optgroup-label {
color: rgba(255, 255, 255, 0.5); }
.mat-pseudo-checkbox {
color: rgba(255, 255, 255, 0.7); }
.mat-pseudo-checkbox::after {
color: #303030; }
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
background: #005c80; }
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
background: #19becf; }
.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
background: #f44336; }
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
background: #686868; }
.mat-app-background {
background-color: #303030;
color: white; }
.mat-theme-loaded-marker {
display: none; }
.mat-autocomplete-panel {
background: #424242;
color: white; }
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
background: #424242; }
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
color: white; }
.mat-badge-content {
color: white;
background: #19becf; }
.mat-badge-accent .mat-badge-content {
background: #005c80;
color: white; }
.mat-badge-warn .mat-badge-content {
color: white;
background: #f44336; }
.mat-badge {
position: relative; }
.mat-badge-hidden .mat-badge-content {
display: none; }
.mat-badge-content {
position: absolute;
text-align: center;
display: inline-block;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: -webkit-transform 200ms ease-in-out;
transition: -webkit-transform 200ms ease-in-out;
transition: transform 200ms ease-in-out;
transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
-webkit-transform: scale(0.6);
transform: scale(0.6);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
pointer-events: none; }
.mat-badge-content.mat-badge-active {
-webkit-transform: none;
transform: none; }
.mat-badge-small .mat-badge-content {
width: 16px;
height: 16px;
line-height: 16px; }
@media screen and (-ms-high-contrast: active) {
.mat-badge-small .mat-badge-content {
outline: solid 1px;
-webkit-border-radius: 0;
border-radius: 0; } }
.mat-badge-small.mat-badge-above .mat-badge-content {
top: -8px; }
.mat-badge-small.mat-badge-below .mat-badge-content {
bottom: -8px; }
.mat-badge-small.mat-badge-before .mat-badge-content {
left: -16px; }
[dir='rtl'] .mat-badge-small.mat-badge-before .mat-badge-content {
left: auto;
right: -16px; }
.mat-badge-small.mat-badge-after .mat-badge-content {
right: -16px; }
[dir='rtl'] .mat-badge-small.mat-badge-after .mat-badge-content {
right: auto;
left: -16px; }
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -8px; }
[dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -8px; }
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -8px; }
[dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -8px; }
.mat-badge-medium .mat-badge-content {
width: 22px;
height: 22px;
line-height: 22px; }
@media screen and (-ms-high-contrast: active) {
.mat-badge-medium .mat-badge-content {
outline: solid 1px;
-webkit-border-radius: 0;
border-radius: 0; } }
.mat-badge-medium.mat-badge-above .mat-badge-content {
top: -11px; }
.mat-badge-medium.mat-badge-below .mat-badge-content {
bottom: -11px; }
.mat-badge-medium.mat-badge-before .mat-badge-content {
left: -22px; }
[dir='rtl'] .mat-badge-medium.mat-badge-before .mat-badge-content {
left: auto;
right: -22px; }
.mat-badge-medium.mat-badge-after .mat-badge-content {
right: -22px; }
[dir='rtl'] .mat-badge-medium.mat-badge-after .mat-badge-content {
right: auto;
left: -22px; }
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -11px; }
[dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -11px; }
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -11px; }
[dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -11px; }
.mat-badge-large .mat-badge-content {
width: 28px;
height: 28px;
line-height: 28px; }
@media screen and (-ms-high-contrast: active) {
.mat-badge-large .mat-badge-content {
outline: solid 1px;
-webkit-border-radius: 0;
border-radius: 0; } }
.mat-badge-large.mat-badge-above .mat-badge-content {
top: -14px; }
.mat-badge-large.mat-badge-below .mat-badge-content {
bottom: -14px; }
.mat-badge-large.mat-badge-before .mat-badge-content {
left: -28px; }
[dir='rtl'] .mat-badge-large.mat-badge-before .mat-badge-content {
left: auto;
right: -28px; }
.mat-badge-large.mat-badge-after .mat-badge-content {
right: -28px; }
[dir='rtl'] .mat-badge-large.mat-badge-after .mat-badge-content {
right: auto;
left: -28px; }
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -14px; }
[dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -14px; }
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -14px; }
[dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -14px; }
.mat-bottom-sheet-container {
background: #424242;
color: white; }
.mat-button, .mat-icon-button, .mat-stroked-button {
color: inherit;
background: transparent; }
.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
color: #19becf; }
.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
color: #005c80; }
.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
color: #f44336; }
.mat-button.mat-primary[disabled], .mat-button.mat-accent[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled], .mat-stroked-button.mat-primary[disabled], .mat-stroked-button.mat-accent[disabled], .mat-stroked-button.mat-warn[disabled], .mat-stroked-button[disabled][disabled] {
color: rgba(255, 255, 255, 0.3); }
.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
background-color: rgba(25, 190, 207, 0.12); }
.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
background-color: rgba(0, 92, 128, 0.12); }
.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
background-color: rgba(244, 67, 54, 0.12); }
.mat-button[disabled] .mat-button-focus-overlay, .mat-icon-button[disabled] .mat-button-focus-overlay, .mat-stroked-button[disabled] .mat-button-focus-overlay {
background-color: transparent; }
.mat-button.mat-primary .mat-ripple-element, .mat-icon-button.mat-primary .mat-ripple-element, .mat-stroked-button.mat-primary .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.1); }
.mat-button.mat-accent .mat-ripple-element, .mat-icon-button.mat-accent .mat-ripple-element, .mat-stroked-button.mat-accent .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.1); }
.mat-button.mat-warn .mat-ripple-element, .mat-icon-button.mat-warn .mat-ripple-element, .mat-stroked-button.mat-warn .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.1); }
.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
color: white;
background-color: #424242; }
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
color: white; }
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
color: white; }
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
color: white; }
.mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
color: rgba(255, 255, 255, 0.3); }
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
background-color: #19becf; }
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
background-color: #005c80; }
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
background-color: #f44336; }
.mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
background-color: rgba(255, 255, 255, 0.12); }
.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-icon-button.mat-primary .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.2); }
.mat-icon-button.mat-accent .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.2); }
.mat-icon-button.mat-warn .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.2); }
.mat-button-toggle {
color: rgba(255, 255, 255, 0.5); }
.mat-button-toggle .mat-button-toggle-focus-overlay {
background-color: rgba(255, 255, 255, 0.12); }
.mat-button-toggle-checked {
background-color: #212121;
color: rgba(255, 255, 255, 0.7); }
.mat-button-toggle-disabled {
background-color: black;
color: rgba(255, 255, 255, 0.3); }
.mat-button-toggle-disabled.mat-button-toggle-checked {
background-color: #424242; }
.mat-card {
background: #424242;
color: white; }
.mat-card-subtitle {
color: rgba(255, 255, 255, 0.7); }
.mat-checkbox-frame {
border-color: rgba(255, 255, 255, 0.7); }
.mat-checkbox-checkmark {
fill: #303030; }
.mat-checkbox-checkmark-path {
stroke: #303030 !important; }
@media screen and (-ms-high-contrast: black-on-white) {
.mat-checkbox-checkmark-path {
stroke: #000 !important; } }
.mat-checkbox-mixedmark {
background-color: #303030; }
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
background-color: #19becf; }
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
background-color: #005c80; }
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
background-color: #f44336; }
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
background-color: #686868; }
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
border-color: #686868; }
.mat-checkbox-disabled .mat-checkbox-label {
color: #686868; }
@media screen and (-ms-high-contrast: active) {
.mat-checkbox-disabled {
opacity: 0.5; } }
@media screen and (-ms-high-contrast: active) {
.mat-checkbox-background {
background: none; } }
.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.26); }
.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.26); }
.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.26); }
.mat-chip.mat-standard-chip {
background-color: #616161;
color: white; }
.mat-chip.mat-standard-chip .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip .mat-chip-remove:hover {
opacity: 0.54; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
background-color: #19becf;
color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
opacity: 0.54; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
background-color: #f44336;
color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
opacity: 0.54; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
background-color: #005c80;
color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
opacity: 0.54; }
.mat-table {
background: #424242; }
.mat-table thead, .mat-table tbody, .mat-table tfoot,
mat-header-row, mat-row, mat-footer-row,
[mat-header-row], [mat-row], [mat-footer-row],
.mat-table-sticky {
background: inherit; }
mat-row, mat-header-row, mat-footer-row,
th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
border-bottom-color: rgba(255, 255, 255, 0.12); }
.mat-header-cell {
color: rgba(255, 255, 255, 0.7); }
.mat-cell, .mat-footer-cell {
color: white; }
.mat-calendar-arrow {
border-top-color: white; }
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
color: white; }
.mat-calendar-table-header {
color: rgba(255, 255, 255, 0.5); }
.mat-calendar-table-header-divider::after {
background: rgba(255, 255, 255, 0.12); }
.mat-calendar-body-label {
color: rgba(255, 255, 255, 0.7); }
.mat-calendar-body-cell-content {
color: white;
border-color: transparent; }
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
color: rgba(255, 255, 255, 0.5); }
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
background-color: rgba(255, 255, 255, 0.04); }
.mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(255, 255, 255, 0.5); }
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(255, 255, 255, 0.3); }
.mat-calendar-body-selected {
background-color: #19becf;
color: white; }
.mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(25, 190, 207, 0.4); }
.mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content {
background-color: #424242;
color: white; }
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
background-color: #005c80;
color: white; }
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(0, 92, 128, 0.4); }
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
background-color: #f44336;
color: white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(244, 67, 54, 0.4); }
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-toggle-active {
color: #19becf; }
.mat-datepicker-toggle-active.mat-accent {
color: #005c80; }
.mat-datepicker-toggle-active.mat-warn {
color: #f44336; }
.mat-dialog-container {
background: #424242;
color: white; }
.mat-divider {
border-top-color: rgba(255, 255, 255, 0.12); }
.mat-divider-vertical {
border-right-color: rgba(255, 255, 255, 0.12); }
.mat-expansion-panel {
background: #424242;
color: white; }
.mat-action-row {
border-top-color: rgba(255, 255, 255, 0.12); }
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']):hover {
background: rgba(255, 255, 255, 0.04); }
@media (hover: none) {
.mat-expansion-panel:not(.mat-expanded):not([aria-disabled='true']) .mat-expansion-panel-header:hover {
background: #424242; } }
.mat-expansion-panel-header-title {
color: white; }
.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
color: rgba(255, 255, 255, 0.7); }
.mat-expansion-panel-header[aria-disabled='true'] {
color: rgba(255, 255, 255, 0.3); }
.mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-description {
color: inherit; }
.mat-form-field-label, .amd-placeholder {
color: rgba(255, 255, 255, 0.7); }
.mat-hint {
color: rgba(255, 255, 255, 0.7); }
.mat-form-field.mat-focused .mat-form-field-label, .mat-form-field.mat-focused .amd-placeholder {
color: #19becf; }
.mat-form-field.mat-focused .mat-form-field-label.mat-accent, .mat-form-field.mat-focused .mat-accent.amd-placeholder {
color: #005c80; }
.mat-form-field.mat-focused .mat-form-field-label.mat-warn, .mat-form-field.mat-focused .mat-warn.amd-placeholder {
color: #f44336; }
.mat-focused .mat-form-field-required-marker {
color: #005c80; }
.mat-form-field-ripple {
background-color: white; }
.mat-form-field.mat-focused .mat-form-field-ripple {
background-color: #19becf; }
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
background-color: #005c80; }
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
background-color: #f44336; }
.mat-form-field.mat-form-field-invalid .mat-form-field-label, .mat-form-field.mat-form-field-invalid .amd-placeholder {
color: #f44336; }
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, .mat-form-field.mat-form-field-invalid .mat-accent.amd-placeholder,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,
.mat-form-field.mat-form-field-invalid .amd-placeholder .mat-form-field-required-marker {
color: #f44336; }
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
background-color: #f44336; }
.mat-error {
color: #f44336; }
.mat-form-field-appearance-legacy .mat-form-field-label, .mat-form-field-appearance-legacy .amd-placeholder {
color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-legacy .mat-hint {
color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-legacy .mat-form-field-underline {
background-color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.7)), color-stop(33%, rgba(255, 255, 255, 0.7)), color-stop(0%, transparent));
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
background-size: 4px 100%;
background-repeat: repeat-x; }
.mat-form-field-appearance-standard .mat-form-field-underline {
background-color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.7)), color-stop(33%, rgba(255, 255, 255, 0.7)), color-stop(0%, transparent));
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
background-size: 4px 100%;
background-repeat: repeat-x; }
.mat-form-field-appearance-fill .mat-form-field-flex {
background-color: rgba(255, 255, 255, 0.1); }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
background-color: rgba(255, 255, 255, 0.05); }
.mat-form-field-appearance-fill .mat-form-field-underline::before {
background-color: rgba(255, 255, 255, 0.5); }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-disabled .amd-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
background-color: transparent; }
.mat-form-field-appearance-outline .mat-form-field-outline {
color: rgba(255, 255, 255, 0.3); }
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
color: white; }
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
color: #19becf; }
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
color: #005c80; }
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
color: #f44336; }
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
color: #f44336; }
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-disabled .amd-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
color: rgba(255, 255, 255, 0.15); }
.mat-icon.mat-primary {
color: #19becf; }
.mat-icon.mat-accent {
color: #005c80; }
.mat-icon.mat-warn {
color: #f44336; }
.mat-input-element:disabled {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element {
caret-color: #19becf; }
.mat-input-element::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::-moz-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-accent .mat-input-element {
caret-color: #005c80; }
.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
caret-color: #f44336; }
.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
color: white; }
.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
color: white; }
.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
color: rgba(255, 255, 255, 0.7); }
.mat-list-item-disabled {
background-color: black; }
.mat-list-option:hover, .mat-list-option.mat-list-item-focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item.mat-list-item-focus {
background: rgba(255, 255, 255, 0.04); }
.mat-menu-panel {
background: #424242; }
.mat-menu-item {
background: transparent;
color: white; }
.mat-menu-item[disabled], .mat-menu-item[disabled]::after {
color: rgba(255, 255, 255, 0.5); }
.mat-menu-item .mat-icon:not([color]),
.mat-menu-item-submenu-trigger::after {
color: white; }
.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
background: rgba(255, 255, 255, 0.04); }
.mat-paginator {
background: #424242; }
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
color: rgba(255, 255, 255, 0.7); }
.mat-paginator-decrement,
.mat-paginator-increment {
border-top: 2px solid white;
border-right: 2px solid white; }
.mat-paginator-first,
.mat-paginator-last {
border-top: 2px solid white; }
.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
border-color: rgba(255, 255, 255, 0.5); }
.mat-progress-bar-background {
fill: #baecf1; }
.mat-progress-bar-buffer {
background-color: #baecf1; }
.mat-progress-bar-fill::after {
background-color: #19becf; }
.mat-progress-bar.mat-accent .mat-progress-bar-background {
fill: #b3ced9; }
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
background-color: #b3ced9; }
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
background-color: #005c80; }
.mat-progress-bar.mat-warn .mat-progress-bar-background {
fill: #ffcdd2; }
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
background-color: #ffcdd2; }
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
background-color: #f44336; }
.mat-progress-spinner circle, .mat-spinner circle {
stroke: #19becf; }
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
stroke: #005c80; }
.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
stroke: #f44336; }
.mat-radio-outer-circle {
border-color: rgba(255, 255, 255, 0.7); }
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
border-color: #19becf; }
.mat-radio-button.mat-primary .mat-radio-inner-circle {
background-color: #19becf; }
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.26); }
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
border-color: #005c80; }
.mat-radio-button.mat-accent .mat-radio-inner-circle {
background-color: #005c80; }
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.26); }
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
border-color: #f44336; }
.mat-radio-button.mat-warn .mat-radio-inner-circle {
background-color: #f44336; }
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.26); }
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
border-color: rgba(255, 255, 255, 0.5); }
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
background-color: rgba(255, 255, 255, 0.5); }
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
color: rgba(255, 255, 255, 0.5); }
.mat-select-content, .mat-select-panel-done-animating {
background: #424242; }
.mat-select-value {
color: white; }
.mat-select-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-select-disabled .mat-select-value {
color: rgba(255, 255, 255, 0.5); }
.mat-select-arrow {
color: rgba(255, 255, 255, 0.7); }
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
background: rgba(255, 255, 255, 0.12); }
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
color: #19becf; }
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
color: #005c80; }
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
color: #f44336; }
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
color: #f44336; }
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
color: rgba(255, 255, 255, 0.5); }
.mat-drawer-container {
background-color: #303030;
color: white; }
.mat-drawer {
background-color: #424242;
color: white; }
.mat-drawer.mat-drawer-push {
background-color: #424242; }
.mat-drawer-backdrop.mat-drawer-shown {
background-color: rgba(189, 189, 189, 0.6); }
.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #80adbf; }
.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgba(128, 173, 191, 0.5); }
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle .mat-ripple-element {
background-color: rgba(128, 173, 191, 0.12); }
.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #8cdfe7; }
.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgba(140, 223, 231, 0.5); }
.mat-slide-toggle.mat-primary:not(.mat-checked) .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle.mat-primary .mat-ripple-element {
background-color: rgba(140, 223, 231, 0.12); }
.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #ef9a9a; }
.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgba(239, 154, 154, 0.5); }
.mat-slide-toggle.mat-warn:not(.mat-checked) .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle.mat-warn .mat-ripple-element {
background-color: rgba(239, 154, 154, 0.12); }
.mat-disabled .mat-slide-toggle-thumb {
background-color: #424242; }
.mat-disabled .mat-slide-toggle-bar {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle-thumb {
background-color: #bdbdbd; }
.mat-slide-toggle-bar {
background-color: rgba(255, 255, 255, 0.5); }
.mat-slider-track-background {
background-color: rgba(255, 255, 255, 0.3); }
.mat-primary .mat-slider-track-fill,
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label {
background-color: #19becf; }
.mat-primary .mat-slider-thumb-label-text {
color: white; }
.mat-accent .mat-slider-track-fill,
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label {
background-color: #005c80; }
.mat-accent .mat-slider-thumb-label-text {
color: white; }
.mat-warn .mat-slider-track-fill,
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label {
background-color: #f44336; }
.mat-warn .mat-slider-thumb-label-text {
color: white; }
.mat-slider-focus-ring {
background-color: rgba(0, 92, 128, 0.2); }
.mat-slider:hover .mat-slider-track-background,
.cdk-focused .mat-slider-track-background {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled .mat-slider-thumb {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-disabled:hover .mat-slider-track-background {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-min-value .mat-slider-focus-ring {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
background-color: white; }
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
border-color: rgba(255, 255, 255, 0.3);
background-color: transparent; }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
border-color: rgba(255, 255, 255, 0.3); }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
border-color: rgba(255, 255, 255, 0.3); }
.mat-slider-has-ticks .mat-slider-wrapper::after {
border-color: rgba(255, 255, 255, 0.7); }
.mat-slider-horizontal .mat-slider-ticks {
background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);
background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); }
.mat-slider-vertical .mat-slider-ticks {
background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); }
.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover {
background-color: rgba(255, 255, 255, 0.04); }
.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
color: rgba(255, 255, 255, 0.5); }
.mat-step-header .mat-step-icon {
background-color: #19becf;
color: white; }
.mat-step-header .mat-step-icon-not-touched {
background-color: rgba(255, 255, 255, 0.5);
color: white; }
.mat-step-header .mat-step-label.mat-step-label-active {
color: white; }
.mat-stepper-horizontal, .mat-stepper-vertical {
background-color: #424242; }
.mat-stepper-vertical-line::before {
border-left-color: rgba(255, 255, 255, 0.12); }
.mat-stepper-horizontal-line {
border-top-color: rgba(255, 255, 255, 0.12); }
.mat-sort-header-arrow {
color: #c6c6c6; }
.mat-tab-nav-bar,
.mat-tab-header {
border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: none; }
.mat-tab-label, .mat-tab-link {
color: white; }
.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.5); }
.mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.5); }
.mat-tab-group[class*='mat-background-'] .mat-tab-header,
.mat-tab-nav-bar[class*='mat-background-'] {
border-bottom: none;
border-top: none; }
.mat-tab-group.mat-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(186, 236, 241, 0.3); }
.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
background-color: #19becf; }
.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
background-color: white; }
.mat-tab-group.mat-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(179, 206, 217, 0.3); }
.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
background-color: #005c80; }
.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
background-color: white; }
.mat-tab-group.mat-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(255, 205, 210, 0.3); }
.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
background-color: #f44336; }
.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
background-color: white; }
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(186, 236, 241, 0.3); }
.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
background-color: #19becf; }
.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
color: white; }
.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-primary .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(179, 206, 217, 0.3); }
.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
background-color: #005c80; }
.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
color: white; }
.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-accent .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(255, 205, 210, 0.3); }
.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links {
background-color: #f44336; }
.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
color: white; }
.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-warn .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-toolbar {
background: #212121;
color: white; }
.mat-toolbar.mat-primary {
background: #19becf;
color: white; }
.mat-toolbar.mat-accent {
background: #005c80;
color: white; }
.mat-toolbar.mat-warn {
background: #f44336;
color: white; }
.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
background-color: currentColor; }
.mat-toolbar .mat-form-field-label, .mat-toolbar .amd-placeholder,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-focused .amd-placeholder,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
color: inherit; }
.mat-toolbar .mat-input-element {
caret-color: currentColor; }
.mat-tooltip {
background: rgba(97, 97, 97, 0.9); }
.mat-tree {
background: #424242; }
.mat-tree-node {
color: white; }
.mat-snack-bar-container {
background: #fafafa;
color: rgba(0, 0, 0, 0.87); }
.mat-simple-snackbar-action {
color: inherit; }
.mat-calendar-arrow {
border-top-color: rgba(0, 0, 0, 0.54); }
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
color: rgba(0, 0, 0, 0.54); }
.mat-calendar-table-header {
color: rgba(0, 0, 0, 0.38); }
.mat-calendar-table-header-divider::after {
background: rgba(0, 0, 0, 0.12); }
.mat-calendar-body-label {
color: rgba(0, 0, 0, 0.54); }
.mat-calendar-body-cell-content {
color: rgba(0, 0, 0, 0.87);
border-color: transparent; }
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
color: rgba(0, 0, 0, 0.38); }
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
background-color: rgba(0, 0, 0, 0.04); }
.mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(0, 0, 0, 0.38); }
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(0, 0, 0, 0.18); }
.mat-calendar-body-selected {
background-color: #19becf;
color: white; }
.mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(25, 190, 207, 0.4); }
.mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content {
background-color: white;
color: rgba(0, 0, 0, 0.87); }
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
background-color: #005c80;
color: white; }
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(0, 92, 128, 0.4); }
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
background-color: #f44336;
color: white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(244, 67, 54, 0.4); }
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-toggle-active {
color: #19becf; }
.mat-datepicker-toggle-active.mat-accent {
color: #005c80; }
.mat-datepicker-toggle-active.mat-warn {
color: #f44336; }
/*
Variables
Styleguide 1
*/
/*
Colors Palette
$amd-primary-50 - primary 50
$amd-primary-100 - primary 100
markup:
{$modifiers}
Styleguide 1.1
*/
.amd-color-red {
color: #ff6054; }
.amd-color-green {
color: #4caf50 !important; }
.amd-color-orange {
color: #ff9800 !important; }
.amd-color-red {
color: #ff6054 !important; }
.amd-bg-color-red {
background-color: #fbd6d3; }
.amd-accent-300 {
color: #42a3d0; }
.amd-accent-500 {
color: #005c80 !important; }
.amd-accent-500--bg {
background-color: #19becf !important; }
.amd-accent-500--hover, .amd-items-counter--accent-dark:hover {
background-color: #005478 !important; }
.amd-primary-500 {
color: #19becf !important; }
.amd-primary-500--bg {
background-color: #005c80 !important; }
.amd-primary-500--hover, .amd-items-counter--primary:hover {
background-color: #47cbd8 !important; }
.mat-container-colors {
background-color: #002e40;
color: #fff; }
.mat-toolbar-colors {
background-color: rgba(0, 46, 64, 0.9); }
.footer-colors {
background-color: #003348;
color: #80adbf; }
.footer-colors a {
color: #ddeef6; }
.table-border-color, table.mat-table--bordered > thead > .mat-row,
table.mat-table--bordered > tbody > .mat-row, .amd-table--bordered > thead > tr,
.amd-table--bordered > tbody > tr {
border-bottom: 1px solid #ccc; }
.box-shadow, .amd-expansion-panel, .amd-table tbody {
-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) !important;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) !important; }
.amd-title-color, .amd-title {
color: #267493; }
.amd-title-border, .amd-title {
border-left: 2px solid #42a3d0; }
.amd-button-raised-color, .amd-button--raised, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton {
color: #fff !important;
background-color: #19becf !important; }
.amd-input-control-colors, .amd-input__group__control {
background-color: #0f727c;
color: #baecf1; }
.amd-input-control-placeholder, .amd-input__group__control::-webkit-input-placeholder {
color: #5ed2dd; }
.amd-expansion-panel-bg-color {
background-color: #004560; }
.amd-expansion-panel-header-border {
border-bottom-color: #003348; }
.amd-expansion-panel-header-color {
color: #42a3d0; }
.amd-expansion-panel-content {
background-color: #004e6d; }
.amd-card-bg-color, .amd-card {
background-color: #004e6d; }
.amd-card-bg-color .amd-icon--circle .amd-icon--border, .amd-card .amd-icon--circle .amd-icon--border {
border-color: #ccc; }
.amd-card-bg-color--light, .amd-card--light {
background-color: #005c80; }
.amd-card-bg-color--light .amd-card-title-btn-border, .amd-card--light .amd-card-title-btn-border, .amd-card-bg-color--light .amd-card__title-btn, .amd-card--light .amd-card__title-btn,
.amd-card-bg-color--light .amd-card__title-btn,
.amd-card--light .amd-card__title-btn {
border-left: 1px solid #004560; }
.amd-card-bg-color--light .amd-icon--circle .amd-icon--border, .amd-card--light .amd-icon--circle .amd-icon--border {
border-color: #004560; }
.amd-card-title-color, .amd-card__title h4 {
color: #42a3d0; }
.amd-card-title-color--light, .amd-card--light .amd-card__title h4,
.amd-card--light .amd-card__title-icon {
color: #80adbf; }
.amd-card-title-btn-border, .amd-card__title-btn {
border-left: 1px solid #003348; }
.amd-list-col-border {
border-left: 1px solid #80adbf; }
.amd-list-item-border {
border-bottom: 1px solid #003348; }
.amd-list-icon-color {
color: #42a3d0; }
.amd-list-title-color {
color: #80adbf; }
.u-theme--positive .amd-link,
.u-theme--positive .amd-button--accent,
.u-theme--positive .amd-accent-500,
.u-theme--positive .amd-button--primary,
.u-theme--positive .amd-primary-500,
.u-theme--positive .amd-button--light,
.u-theme--positive .amd-button--reverse,
.u-theme--positive .amd-select__centers .mat-select-placeholder.mat-floating-placeholder {
color: #0071b9 !important; }
.u-theme--positive .amd-list__check {
border-right: 2px solid #d1d1d1; }
.u-theme--positive .amd-toolbar__title {
color: #4e4e4e; }
.u-theme--positive .amd-toolbar__action ul li {
border-right: 1px solid #ccc; }
.u-theme--positive .amd-wizard {
border-left: 1px solid #ddd !important; }
.u-theme--positive .amd-select__centers .mat-select-value {
color: #777 !important; }
.u-theme--positive .amd-select__centers .mat-select-underline {
background-color: #ccc; }
.u-theme--positive .deadlines-cell {
background-color: #fff; }
.u-theme--positive .deadlines-list__text {
color: #696969; }
.u-theme--positive .deadlines-list a,
.u-theme--positive .deadlines-list a:visited {
color: #444; }
.u-theme--positive .deadlines-list__bar {
background-color: #e6e6e6;
color: #333; }
.u-theme--positive .deadlines-list__item {
border-bottom: 1px solid #ddd; }
.u-theme--positive .news-cell__text {
color: #333; }
.u-theme--positive .news-cell__date {
color: #696969; }
.u-theme--positive .info-grid .amd-icon--border {
border-color: #ccc !important; }
.u-theme--positive .info-grid .amd-list__text p {
color: #696969; }
.u-theme--positive .news-grid__cell__date {
color: #696969; }
.u-theme--positive .news-grid__cell__text {
color: #333; }
.u-theme--positive .order-check__label {
color: #4e4e4e !important; }
.u-theme--positive .order-details__legend .amd-title {
color: #696969; }
.u-theme--positive .order-details__legend__item {
color: #777; }
.u-theme--positive .order-details__legend__item span {
color: #666; }
.u-theme--positive .order-details__tabs .mat-expansion-panel-body tbody {
border-bottom: 1px solid #eee; }
.u-theme--positive .order-details__tabs .mat-expansion-panel-body tbody:nth-of-type(even) {
background-color: #f5f5f5; }
.u-theme--positive .order-details__tabs .mat-tab-label {
background-color: #fff;
color: #0071b9; }
.u-theme--positive .amd-table__td--toggle {
border-left: 1px solid #eee !important;
border-right: 1px solid #eee !important; }
.u-theme--positive .amd-title {
color: #818181; }
.u-theme--positive .amd-breadcrumb__bookmark .mat-button,
.u-theme--positive .amd-breadcrumb__icon,
.u-theme--positive .amd-button--expanded,
.u-theme--positive .amd-card__title-btn .mat-icon {
color: #0071b9 !important; }
.u-theme--positive .amd-bg--primary .amd-bg--highlight,
.u-theme--positive .amd-bg--accent .amd-bg--highlight {
color: #42a3d0; }
.u-theme--positive .amd-breadcrumb__content {
border-left: 2px solid #0071b9; }
.u-theme--positive .amd-bg--border::before {
border-left: 3px solid #0071b9; }
.u-theme--positive .amd-heading {
color: #42a3d0; }
.u-theme--positive .amd-breadcrumb__link,
.u-theme--positive .amd-breadcrumb__title,
.u-theme--positive .amd-breadcrumb_link:visited {
color: #333333; }
.u-theme--positive .amd-label {
background-color: #eee;
color: #777;
border-color: #ccc; }
.u-theme--positive .amd-label--primary {
color: #0071b9; }
.u-theme--positive .amd-label .fa {
color: #4caf50; }
.u-theme--positive .u-divider {
border-top: 1px solid #ddd; }
.u-theme--positive .amd-bg--accent,
.u-theme--positive .amd-bg--primary {
background-color: #f2f2f2;
color: #4e4e4e; }
.u-theme--positive .amd-legend__item {
color: #818181; }
.u-theme--positive .mat-container-colors {
background-color: #e6e6e6;
color: #4e4e4e; }
.u-theme--positive .mat-radio-outer-circle {
border-color: #ccc; }
.u-theme--positive .mat-checkbox-disabled .mat-checkbox-label {
color: #999; }
.u-theme--positive .mat-checkbox-frame {
border-color: #a4a4a4 !important; }
.u-theme--positive .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.u-theme--positive .mat-checkbox-checked.mat-accent .mat-checkbox-background {
background-color: #42a3d0 !important; }
.u-theme--positive .mat-checkbox-checkmark-path {
stroke: #fff !important; }
.u-theme--positive .mat-slide-toggle-thumb {
background-color: #eee; }
.u-theme--positive .mat-ink-bar {
background-color: #0071b9 !important; }
.u-theme--positive .mat-toolbar-colors {
background-color: white;
border-bottom: 1px solid #ccc; }
.u-theme--positive .mat-tab-link {
color: #696969; }
.u-theme--positive .mat-tab-body__description {
background-color: #fff; }
.u-theme--positive .mat-tab-body__title {
background-color: #fff;
border-bottom: 1px solid #ccc;
color: #80adbf; }
.u-theme--positive .app-footer {
background-color: #d6d6d6;
color: #696969; }
.u-theme--positive .app-footer__grid h4,
.u-theme--positive .footer-colors a,
.u-theme--positive .app-footer a {
color: #333; }
.u-theme--positive .mat-expansion-panel-body tbody {
border-bottom: 1px solid #eee; }
.u-theme--positive .mat-expansion-panel-body tbody:nth-of-type(even) {
background-color: #f5f5f5; }
.u-theme--positive .mat-tab-label {
background-color: #fff;
color: #0071b9; }
.u-theme--positive .mat-tab-label:focus {
background-color: #fff !important; }
.u-theme--positive .mat-hint {
color: #919191 !important; }
.u-theme--positive .mat-slide-toggle-bar {
background-color: #ddd; }
.u-theme--positive .mat-form-field-label, .u-theme--positive .amd-placeholder {
color: rgba(21, 21, 21, 0.7); }
.u-theme--positive .mat-form-field-underline,
.u-theme--positive .mat-form-field-underline {
background-color: #ddd !important; }
.u-theme--positive .mat-input-element,
.u-theme--positive .mat-select-value {
color: #444 !important; }
.u-theme--positive .amd-input--invalid .md2-datepicker-input {
border-bottom: 2px solid #f44336 !important; }
.u-theme--positive .amd-input--error,
.u-theme--positive .mat-input-error {
color: #f44336; }
.amd-multi-panels {
margin: 60px 0 30px; }
.amd-multi-panels .amd-label {
margin-right: 120px;
min-width: 66px;
text-align: left; }
.amd-multi-panels .mat-expansion-panel {
margin-bottom: 10px !important; }
.amd-multi-panels .mat-expansion-panel-header-description {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center; }
.amd-multi-panels .mat-expansion-panel-body tbody {
border-bottom: 1px solid #003348; }
.amd-multi-panels .mat-expansion-panel-body tbody:nth-of-type(even) {
background-color: #004e6d; }
.amd-multi-panels .mat-expansion-panel-body tbody:last-child {
border-bottom: 0; }
.amd-multi-panels .mat-tab-label {
width: 50%;
color: #fff;
font-weight: normal;
background-color: #004560;
padding: 0; }
.amd-multi-panels .mat-tab-label:focus {
background-color: #004560 !important; }
.amd-multi-panels .mat-tab-label .mat-tab-label-content {
width: 100%; }
.amd-multi-panels .mat-tab-label-active {
opacity: 1 !important;
color: #19becf; }
.amd-multi-panels .mat-accordion .mat-expanded:first-child {
margin-top: 0 !important; }
.amd-multi-panels--second {
width: 100%;
height: 48px;
line-height: 48px;
text-align: center; }
.amd-expansion-panel {
background: #004560;
color: #e0ebf0; }
.amd-expansion-panel--disabled {
opacity: 0.5; }
.amd-expansion-panel--search {
margin-bottom: 30px !important; }
.amd-expansion-panel--empty .mat-expansion-indicator {
opacity: 0; }
.amd-expansion-panel__body {
padding: 20px 10px; }
.amd-expansion-panel__body .row:last-child {
margin-bottom: 0; }
.amd-expansion-panel__body--no-padding {
padding: 0; }
.amd-expansion-panel__description {
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
line-height: normal; }
.amd-expansion-panel__description--align-end {
-webkit-flex-grow: 0 !important;
flex-grow: 0 !important;
-webkit-box-flex: 0;
-ms-flex-positive: 0; }
.amd-expansion-panel__description .amd-button--expanded:hover {
background-color: #005478; }
.amd-expansion-panel__title {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1; }
.amd-expansion-panel__title .amd-icon--font {
display: inline-block;
margin-right: 15px;
vertical-align: middle; }
.amd-expansion-panel__subtitle {
font-size: 12px;
margin-left: 5px; }
.amd-expansion-panel__note {
color: #80adbf; }
.amd-expansion-panel__recap {
font-size: 12px;
text-align: right;
color: #42a3d0;
line-height: 1.5; }
.amd-expansion-panel__recap span {
font-size: 12px;
color: #fff; }
.amd-expansion-panel__filters {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
flex-grow: 0;
color: #80adbf;
font-size: 14px;
text-transform: none; }
.amd-expansion-panel__filters__counter {
color: #fff; }
.u-theme--positive .amd-expansion-panel {
background-color: #fff;
color: #696969; }
.u-theme--positive .amd-expansion-panel__filters {
color: #0071b9; }
.u-theme--positive .amd-expansion-panel__filters__counter {
color: #888; }
.u-theme--positive .amd-expansion-panel-content {
background-color: #fff; }
.u-theme--positive .amd-expansion-panel__note {
color: #696969; }
.u-theme--positive .amd-expansion-panel__recap {
color: #0071b9; }
.u-theme--positive .amd-expansion-panel__recap span {
color: #333; }
.amd-files-list__name {
color: #80adbf; }
.amd-files-list .mat-list-text {
font-size: 12px;
color: #267493; }
.amd-files-list__item {
background-color: #00394f;
border: 1px solid #005478;
margin: 0 0 10px 0; }
.amd-files-list__item:hover {
background-color: #004560 !important;
border: 1px solid #005c80 !important; }
.amd-dialog .amd-files-list__item:hover {
background-color: #00394f !important; }
.amd-files-list--light .amd-files-list__item {
background-color: transparent;
border-color: #acd7ed; }
.amd-files-list--light .amd-files-list__item:hover {
background-color: transparent !important;
border: 1px solid #80adbf !important; }
.amd-files-list--light .amd-files-list__name {
color: #4e4e4e; }
.amd-files-list__description {
width: 84%;
margin-right: 30px; }
.amd-dialog .amd-files-list__item {
margin: 5px 0; }
.amd-dialog .amd-files-list .mat-list-item-content {
height: 40px !important; }
.amd-dialog .amd-files-list__item,
.u-theme--positive .amd-files-list__item,
.mat-expansion-panel .amd-files-list__item {
background-color: #f2f2f2;
border: 1px solid #e2e2e2; }
.amd-dialog .amd-files-list__item:hover,
.u-theme--positive .amd-files-list__item:hover,
.mat-expansion-panel .amd-files-list__item:hover {
background-color: #eee !important;
border: 1px solid #ccc !important; }
.amd-dialog .amd-files-list__name,
.u-theme--positive .amd-files-list__name,
.mat-expansion-panel .amd-files-list__name {
color: #4e4e4e; }
.amd-dialog .amd-files-list .mat-list-text,
.u-theme--positive .amd-files-list .mat-list-text,
.mat-expansion-panel .amd-files-list .mat-list-text {
color: #999; }
.amd-dialog .amd-files-list__progress,
.u-theme--positive .amd-files-list__progress,
.mat-expansion-panel .amd-files-list__progress {
margin-top: -5px;
margin-bottom: 10px; }
.amd-dialog .amd-files-list__description .mat-form-field,
.u-theme--positive .amd-files-list__description .mat-form-field,
.mat-expansion-panel .amd-files-list__description .mat-form-field {
font-size: 12px !important; }
.amd-dialog .amd-files-list__description .mat-select-value,
.u-theme--positive .amd-files-list__description .mat-select-value,
.mat-expansion-panel .amd-files-list__description .mat-select-value {
font-size: 12px; }
.amd-dialog .amd-files-list__description .mat-error,
.u-theme--positive .amd-files-list__description .mat-error,
.mat-expansion-panel .amd-files-list__description .mat-error {
font-size: 11px; }
.amd-dialog .amd-files-list__description .mat-input-element,
.u-theme--positive .amd-files-list__description .mat-input-element,
.mat-expansion-panel .amd-files-list__description .mat-input-element {
color: #333; }
.amd-dialog .amd-files-list .amd-icon, .amd-dialog .amd-files-list .fc .fc-next-button .ui-icon, .fc .fc-next-button .amd-dialog .amd-files-list .ui-icon, .amd-dialog .amd-files-list .fc .fc-prev-button .ui-icon, .fc .fc-prev-button .amd-dialog .amd-files-list .ui-icon,
.amd-dialog .amd-files-list .amd-icon--font,
.u-theme--positive .amd-files-list .amd-icon,
.u-theme--positive .amd-files-list .fc .fc-next-button .ui-icon,
.fc .fc-next-button .u-theme--positive .amd-files-list .ui-icon,
.u-theme--positive .amd-files-list .fc .fc-prev-button .ui-icon,
.fc .fc-prev-button .u-theme--positive .amd-files-list .ui-icon,
.u-theme--positive .amd-files-list .amd-icon--font,
.mat-expansion-panel .amd-files-list .amd-icon,
.mat-expansion-panel .amd-files-list .fc .fc-next-button .ui-icon,
.fc .fc-next-button .mat-expansion-panel .amd-files-list .ui-icon,
.mat-expansion-panel .amd-files-list .fc .fc-prev-button .ui-icon,
.fc .fc-prev-button .mat-expansion-panel .amd-files-list .ui-icon,
.mat-expansion-panel .amd-files-list .amd-icon--font {
background-position: 0 -448px !important; }
.amd-dialog .amd-files-list--dark .amd-files-list__item,
.u-theme--positive .amd-files-list--dark .amd-files-list__item,
.mat-expansion-panel .amd-files-list--dark .amd-files-list__item {
background-color: #d6d6d6;
border: 1px solid #bfbfbf; }
.amd-dialog .amd-files-list--dark .amd-files-list__item .mat-list-text,
.u-theme--positive .amd-files-list--dark .amd-files-list__item .mat-list-text,
.mat-expansion-panel .amd-files-list--dark .amd-files-list__item .mat-list-text {
color: #267493 !important; }
/*
Form
Styleguide 3
*/
/*
.amd-form
markup:
Styleguide 3.1
*/
.amd-form {
position: relative;
width: 100%; }
.amd-form--positive .mat-select-disabled .mat-select-value,
.amd-form--positive .mat-select-arrow,
.amd-form--positive .mat-select-trigger,
.amd-form--positive .mat-form-field-label,
.amd-form--positive .amd-placeholder,
.amd-form--positive .md2-datepicker-placeholder,
.amd-form--positive .mat-input-element {
color: #888 !important; }
.amd-form--positive .mat-select-value {
color: #333; }
.amd-form--positive .mat-select-underline,
.amd-form--positive .mat-form-field-underline {
background-color: #ddd; }
.amd-form--positive .mat-hint {
color: #888; }
.amd-form--positive .mat-checkbox-frame,
.amd-form--positive .mat-radio-outer-circle {
border-color: #a4a5a5 !important; }
.amd-form--positive .mat-radio-checked .mat-radio-outer-circle {
border-color: #42a3d0 !important; }
.amd-form--positive .mat-checkbox-checked .mat-checkbox-label {
color: #005c80; }
.amd-form--positive .mat-checkbox-frame {
border-color: #a4a5a5 !important; }
.amd-form--positive .mat-checkbox-checkmark {
fill: #fff; }
.amd-form--positive .mat-checkbox-checkmark-path {
stroke: #fff !important; }
.amd-form--positive .mat-checkbox-checkmark {
fill: #fff; }
.amd-form--positive .amd-list__check {
border-color: #d1d4d7; }
.amd-form__cell {
position: relative; }
.amd-form__cell p {
font-size: 14px; }
.amd-form__driver-or-pool-cell {
margin: 20px 0 20px 0;
position: relative; }
.amd-form__driver-or-pool-cell p {
font-size: 14px; }
.amd-form__driver-or-pool-cell b {
display: inline-block;
margin-right: 40px; }
.amd-form .row {
margin: 0 0 17px; }
.amd-form .row .col:last-child .amd-form__cell {
margin-right: 0; }
.amd-icon--aligned {
display: inline-block;
vertical-align: middle;
margin-right: 10px; }
.amd-icon--primary {
color: #19becf; }
.amd-icon--accent {
color: #42a3d0; }
.amd-icon--orange {
color: #ff9800; }
.amd-icon--info {
color: #42a3d0; }
.amd-icon__menu--opened:hover {
color: #b3ced9 !important;
cursor: pointer; }
.amd-icon__menu--closed .amd-icon:hover, .amd-icon__menu--closed .fc .fc-next-button .ui-icon:hover, .fc .fc-next-button .amd-icon__menu--closed .ui-icon:hover, .amd-icon__menu--closed .fc .fc-prev-button .ui-icon:hover, .fc .fc-prev-button .amd-icon__menu--closed .ui-icon:hover {
cursor: pointer; }
.amd-icon__menu--closed .mat-list-text {
padding: 0 !important; }
.amd-icon--small {
width: 100px; }
.amd-icon--search .amd-button--small .fa {
margin-right: 0; }
.amd-icon--border {
border: 1px solid #ccc;
padding: 10px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin-right: 20px;
display: inline-block; }
.amd-icon--border .amd-icon, .amd-icon--border .fc .fc-next-button .ui-icon, .fc .fc-next-button .amd-icon--border .ui-icon, .amd-icon--border .fc .fc-prev-button .ui-icon, .fc .fc-prev-button .amd-icon--border .ui-icon {
vertical-align: middle; }
.amd-input__group {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
width: 100%; }
.amd-input__group__control {
position: relative;
z-index: 2;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
width: 1%;
margin-bottom: 0;
font-size: 14px;
padding-left: 10px;
border: 0;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-right-radius: 0;
line-height: 40px; }
.amd-input__group__btn {
position: relative;
font-size: 0;
white-space: nowrap; }
.amd-input--absolute {
position: absolute;
left: 0;
bottom: -5px; }
.amd-input--error {
color: #f44336 !important;
font-size: 12px; }
.amd-input--invalid .md2-datepicker-input {
border-bottom: 1px solid #f44336 !important; }
.amd-input--labelhidden .md2-floating-placeholder {
display: none; }
.amd-items-counter {
-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
position: relative;
cursor: pointer;
min-height: 120px;
padding: 20px; }
@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
.amd-items-counter {
margin-bottom: 10px; } }
.amd-items-counter .amd-icon:last-child, .amd-items-counter .fc .fc-next-button .ui-icon:last-child, .fc .fc-next-button .amd-items-counter .ui-icon:last-child, .amd-items-counter .fc .fc-prev-button .ui-icon:last-child, .fc .fc-prev-button .amd-items-counter .ui-icon:last-child,
.amd-items-counter .amd-icon--font:last-child,
.amd-items-counter .amd-button,
.amd-items-counter .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton,
.introjs-tooltip--welcome .introjs-tooltipbuttons .amd-items-counter .introjs-nextbutton {
margin-left: auto; }
.amd-items-counter .amd-button,
.amd-items-counter .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton,
.introjs-tooltip--welcome .introjs-tooltipbuttons .amd-items-counter .introjs-nextbutton {
font-size: 12px !important;
text-transform: uppercase;
padding: 12px 22px !important;
border: 1px solid; }
.amd-items-counter__description {
margin-left: 20px;
padding-left: 20px;
font-size: 14px; }
.amd-items-counter__description span {
font-size: 12px; }
.amd-items-counter--first {
text-align: left;
min-height: auto; }
.amd-items-counter--first .amd-items-counter__number {
position: static;
margin-right: 10px;
margin-top: 4px; }
.amd-items-counter--first .amd-items-counter__subtitle {
color: #005c80; }
.amd-items-counter--first.amd-items-counter--accent .amd-items-counter__subtitle {
color: #80adbf; }
.amd-items-counter__title {
font-size: 18px;
line-height: 1.1; }
.amd-items-counter__subtitle {
color: #80adbf;
font-size: 12px;
margin-bottom: 0; }
.amd-items-counter__number {
font-size: 32px;
position: absolute;
left: 20px;
bottom: 13px;
line-height: 1; }
.amd-items-counter__number .amd-loader {
bottom: 25px;
left: 35px;
position: absolute; }
.amd-items-counter__icon {
position: absolute;
bottom: 20px;
right: 20px; }
.amd-items-counter--accent {
background-color: #005c80;
color: #19becf; }
.amd-items-counter--accent:hover {
background-color: #006891; }
.amd-items-counter--accent .amd-icon--font,
.amd-items-counter--accent .amd-items-counter__subtitle {
color: #94B9C8; }
.amd-items-counter--accent-dark {
background-color: #004560;
color: #42a3d0; }
.amd-items-counter--accent-dark .amd-items-counter__subtitle {
color: #80adbf; }
.amd-items-counter--accent-dark .amd-icon--font {
color: #42a3d0; }
.amd-items-counter--secondary {
background-color: #42a3d0;
color: #005c80; }
.amd-items-counter--secondary:hover {
background-color: #4EAFDD; }
.amd-items-counter--secondary .amd-items-counter__title {
color: #003C53; }
.amd-items-counter--secondary .amd-items-counter__description {
border-left: 2px solid #2e7fa5;
color: #004560; }
.amd-items-counter--secondary .amd-items-counter__description span {
color: #005c80; }
.amd-items-counter--secondary .amd-button, .amd-items-counter--secondary .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .amd-items-counter--secondary .introjs-nextbutton {
background-color: transparent;
border-color: #2e7fa5;
color: #004560; }
.amd-items-counter--secondary .amd-button:hover, .amd-items-counter--secondary .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton:hover, .introjs-tooltip--welcome .introjs-tooltipbuttons .amd-items-counter--secondary .introjs-nextbutton:hover {
border-color: #005c80; }
.amd-items-counter--primary {
background-color: #19becf;
color: #005c80; }
.amd-items-counter--primary .amd-items-counter__title,
.amd-items-counter--primary .amd-items-counter__icon {
color: #005478; }
.u-theme--positive .amd-items-counter--accent {
background-color: #42a3d0;
color: #FFFFFF; }
.u-theme--positive .amd-items-counter--accent:hover {
background-color: #4FB5E4; }
.u-theme--positive .amd-items-counter--accent .amd-icon--font,
.u-theme--positive .amd-items-counter--accent .amd-items-counter__subtitle {
color: #ddeef6; }
.u-theme--positive .amd-items-counter--accent-dark {
background-color: #2e7fa5;
color: #FFFFFF; }
.u-theme--positive .amd-items-counter--accent-dark:hover {
background-color: #3E91B8 !important; }
.u-theme--positive .amd-items-counter--accent-dark .amd-icon--font,
.u-theme--positive .amd-items-counter--accent-dark .amd-items-counter__number,
.u-theme--positive .amd-items-counter--accent-dark .amd-items-counter__subtitle {
color: #ddeef6; }
.u-theme--positive .amd-items-counter--secondary {
background-color: #ddeef6;
color: #0071B9; }
.u-theme--positive .amd-items-counter--secondary:hover {
background-color: #EDF9FF; }
.u-theme--positive .amd-items-counter--secondary .amd-items-counter__subtitle {
color: #42a3d0; }
.u-theme--positive .amd-items-counter--secondary .amd-items-counter__title,
.u-theme--positive .amd-items-counter--secondary .amd-items-counter__icon {
color: #0071B9; }
/*
Links and Buttons
Styleguide 2
*/
/*
.amd-link
group - Raised status
markup:
Link text
Styleguide 2.1
*/
/*
.amd-link--border
full - Raised status
media - Raised status
text - Raised status
disabled - Raised status
active - Disabled status
markup:
Link text
Styleguide 2.1.1
*/
.amd-link {
font-size: 14px;
color: #3cc8d6 !important;
text-transform: none;
display: inline-block; }
.amd-link[disabled] {
color: #16b8ca !important;
opacity: 0.6; }
.amd-link:hover:not([disabled]):not(.amd-link--text):not(.amd-link--disabled) {
cursor: pointer;
opacity: 0.7; }
.amd-link .amd-icon, .amd-link .fc .fc-next-button .ui-icon, .fc .fc-next-button .amd-link .ui-icon, .amd-link .fc .fc-prev-button .ui-icon, .fc .fc-prev-button .amd-link .ui-icon,
.amd-link .amd-icon--font {
display: inline-block;
vertical-align: middle !important;
position: relative;
right: 2px;
-webkit-transition: right .1s;
transition: right .1s; }
.amd-link--group {
margin-bottom: 10px;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-box-pack: end;
-webkit-justify-content: end;
justify-content: end; }
.amd-link--group .amd-link--border {
font-size: 12px; }
@media only screen and (max-width: 1400px) {
.amd-link--group .amd-link--border {
padding: 10px; } }
.amd-link--group .amd-link--border:hover:not(.amd-link--text) {
background-color: #ddeef6;
border: 1px solid #b3ced9; }
.amd-link--underline {
text-decoration: underline; }
.amd-link--full {
width: 100%;
display: block; }
.amd-link--dark {
color: #0071b9 !important; }
.amd-link--dark .amd-icon--font {
color: #0071b9; }
.amd-link--media {
padding: 20px !important;
text-align: right !important;
width: 100%; }
.amd-link--media .amd-link__icon {
float: left; }
.amd-link--media .amd-link__title {
display: inline; }
.amd-link--border {
border: 1px solid #00445f;
background-color: #005c80;
padding: 10px 20px;
text-align: center;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #0071b9 !important; }
.amd-link--border:first-letter {
text-transform: uppercase; }
.amd-link--border .amd-icon--star-full-16x16 {
color: #19becf; }
.amd-link--border .amd-icon--star-outline-16x16 {
color: #00445f; }
.amd-link--border:hover:not(.amd-link--text):not(.amd-link--disabled) {
border-color: #19becf;
background-color: #004560;
opacity: 1 !important; }
.amd-link--border:hover:not(.amd-link--text):not(.amd-link--disabled) .amd-icon--star-outline-16x16 {
color: #19becf; }
.amd-link--reverse {
color: #fff !important;
font-size: 18px;
padding: 20px 0; }
.amd-link--reverse span {
color: #19becf; }
.amd-link--group {
margin-bottom: 10px;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-box-align: end;
-webkit-align-items: flex-end;
align-items: flex-end; }
.amd-link--group li {
margin-right: 3%; }
.amd-link--group li:last-child {
margin-right: 0; }
.amd-link--group .amd-link--border {
font-size: 12px; }
@media only screen and (max-width: 1400px) {
.amd-link--group .amd-link--border {
padding: 10px; } }
.amd-link--text {
color: #111 !important;
font-size: 12px; }
.amd-link--text:hover {
cursor: default; }
.amd-link--disabled {
background-color: #000 !important;
cursor: default; }
.amd-link--disabled:not(.amd-link--text) {
opacity: 0.2; }
.amd-link--disabled:hover {
cursor: default !important; }
.amd-link--up:hover:not([disabled]) .amd-icon, .amd-link--up:hover:not([disabled]) .fc .fc-next-button .ui-icon, .fc .fc-next-button .amd-link--up:hover:not([disabled]) .ui-icon, .amd-link--up:hover:not([disabled]) .fc .fc-prev-button .ui-icon, .fc .fc-prev-button .amd-link--up:hover:not([disabled]) .ui-icon,
.amd-link--up:hover:not([disabled]) .amd-icon--font {
top: 2px;
right: 4px; }
.amd-link__title {
color: #19becf;
display: block; }
.amd-link__subtitle {
color: #fff; }
.amd-link__head {
display: block;
padding: 3px 0;
font-weight: bold;
background-color: #42a3d0;
-webkit-border-top-left-radius: 2px;
border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
border-top-right-radius: 2px;
color: #fff;
text-align: center; }
.amd-link__head .amd-icon, .amd-link__head .fc .fc-next-button .ui-icon, .fc .fc-next-button .amd-link__head .ui-icon, .amd-link__head .fc .fc-prev-button .ui-icon, .fc .fc-prev-button .amd-link__head .ui-icon,
.amd-link__head .amd-icon--font {
display: inline-block;
vertical-align: middle; }
.amd-link__info {
display: none; }
.amd-link--active {
border-color: #19becf;
background-color: #004560; }
.amd-link--active .amd-icon--star-outline-16x16 {
color: #19becf; }
.amd-link--station {
padding: 20px !important;
text-align: left !important;
width: 100%; }
.amd-link--station .amd-link__text {
float: left; }
.amd-link--station .amd-link__title {
color: #fff;
font-size: 18px;
display: block;
margin-bottom: 5px; }
.amd-link--station .amd-link__subtitle {
color: #80adbf;
font-size: 12px; }
.amd-link--station .amd-link__note {
font-size: 12px;
display: block;
color: #e0ebf0; }
.amd-link--station .amd-link__distance {
color: #002e40;
font-size: 12px; }
.amd-link--station .amd-link__icon {
float: right;
color: #004560; }
.amd-link--station:hover .amd-link__icon, .amd-link--station:hover .amd-link__distance {
color: #19becf; }
.amd-link--station .amd-link--active .amd-link__icon {
color: #19becf; }
.u-theme--positive .amd-link,
.amd-dialog .amd-link {
color: #0071b9 !important; }
.u-theme--positive .amd-link--border,
.amd-dialog .amd-link--border {
border: 1px solid #d1d4d7;
background-color: #f6f6f6; }
.u-theme--positive .amd-link--border .amd-icon--star-full-16x16,
.amd-dialog .amd-link--border .amd-icon--star-full-16x16 {
color: #0071b9; }
.u-theme--positive .amd-link--border .amd-icon--star-outline-16x16,
.amd-dialog .amd-link--border .amd-icon--star-outline-16x16 {
color: #999; }
.u-theme--positive .amd-link--border .amd-link__title,
.amd-dialog .amd-link--border .amd-link__title {
color: #0071b9; }
.u-theme--positive .amd-link--border .amd-link__subtitle,
.amd-dialog .amd-link--border .amd-link__subtitle {
color: #4e4e4e; }
.u-theme--positive .amd-link--border:hover:not(.amd-link--text):not(.amd-link--disabled),
.amd-dialog .amd-link--border:hover:not(.amd-link--text):not(.amd-link--disabled) {
border-color: #42a3d0;
background-color: #ddeef6; }
.u-theme--positive .amd-link--border:hover:not(.amd-link--text):not(.amd-link--disabled) .amd-icon--star-outline-16x16,
.amd-dialog .amd-link--border:hover:not(.amd-link--text):not(.amd-link--disabled) .amd-icon--star-outline-16x16 {
color: #0071b9; }
.u-theme--positive .amd-link--active,
.amd-dialog .amd-link--active {
border-color: #42a3d0;
background-color: #ddeef6; }
.u-theme--positive .amd-link--active .amd-icon--star-outline-16x16,
.amd-dialog .amd-link--active .amd-icon--star-outline-16x16 {
color: #0071b9; }
.u-theme--positive .amd-link--reverse,
.amd-dialog .amd-link--reverse {
color: #4e4e4e !important; }
.u-theme--positive .amd-link--reverse span,
.amd-dialog .amd-link--reverse span {
color: #0071b9; }
.u-theme--positive .amd-link--station .amd-link__note,
.amd-dialog .amd-link--station .amd-link__note {
color: #4e4e4e !important; }
.u-theme--positive .amd-link--station .amd-link__icon, .u-theme--positive .amd-link--station .amd-link__distance,
.amd-dialog .amd-link--station .amd-link__icon,
.amd-dialog .amd-link--station .amd-link__distance {
color: #a4a5a5; }
.u-theme--positive .amd-link--disabled.amd-link--border,
.amd-dialog .amd-link--disabled.amd-link--border {
background-color: #f6f6f6 !important; }
.u-theme--positive .amd-link .amd-icon--download,
.amd-dialog .amd-link .amd-icon--download {
background-position: 0 -2884px; }
.u-theme--positive .amd-link .amd-icon--arrowrightc,
.amd-dialog .amd-link .amd-icon--arrowrightc {
background-position: 0 -2672px;
height: 10px; }
.amd-link--icon {
padding: 14px 16px; }
.amd-link--icon .amd-icon, .amd-link--icon .fc .fc-next-button .ui-icon, .fc .fc-next-button .amd-link--icon .ui-icon, .amd-link--icon .fc .fc-prev-button .ui-icon, .fc .fc-prev-button .amd-link--icon .ui-icon,
.amd-link--icon .amd-icon--font {
right: 0;
display: inline-block;
vertical-align: middle; }
/*
List
.amd-list
markup:
Id Ordine
appointment.order_id
Targa
appointment.plate
Nadia Benzaghouan
Gestione approntamento/allestimento
Debora Capomaggi
Gestione approntamento/allestimento
Styleguide 7.4
*/
.amd-list {
white-space: pre-wrap; }
.amd-list--events h4 {
color: #42a3d0;
margin-bottom: 5px; }
.amd-list--events ul li {
border-right: 2px solid #00394f;
padding-right: 10px;
margin-right: 10px;
font-size: 12px;
color: #80adbf;
display: inline; }
.amd-list--events ul li:last-child {
border-right: 0 !important; }
.amd-list__item {
border-bottom: 1px solid #003348;
padding-bottom: 20px;
margin-bottom: 20px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center; }
.amd-dialog__content .amd-list__item,
.u-theme--positive .amd-list__item {
border-bottom: 1px solid #ddd; }
.amd-list__item--notvalid {
border-bottom: 1px solid #ff6054; }
.amd-list__item--double-height {
min-height: 55px; }
.amd-list__item--highlight .amd-list__title {
text-transform: uppercase; }
.amd-list__item--highlight .amd-list__title::before {
content: '';
position: relative;
left: -20px;
top: 0;
border-left: 3px solid #003348; }
.amd-list__item--active .amd-list__text p {
color: #42a3d0 !important; }
.amd-list__item:last-child {
border-bottom: 0 !important;
padding-bottom: 0;
margin-bottom: 0; }
.amd-list__title {
float: left;
width: 48%;
margin-right: 2%;
color: #80adbf; }
.amd-list__title.full-row {
width: 22%; }
@media only screen and (max-width: 1400px) {
.amd-list__title {
width: 30%; }
.amd-list__title.full-row {
width: 14%; } }
.amd-dialog__content .amd-list__title,
.u-theme--positive .amd-list__title {
color: #696969; }
@media (max-width: 1400px) {
.amd-list__title {
width: 38%; } }
.amd-list__value {
float: left;
width: 48%; }
.amd-list__value.full-row {
width: 83%; }
@media only screen and (max-width: 1400px) {
.amd-list__value {
width: 68%; }
.amd-list__value.full-row {
width: 85%; } }
.amd-list__value--padding {
padding: 2px 0; }
.amd-list__col {
float: left;
width: 50%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center; }
.amd-list__check {
padding: 10px 20px 10px 0;
margin-right: 10px;
border-right: 2px solid #003348; }
.u-theme--positive .amd-list__check {
border-right: 2px solid #d1d1d1; }
.amd-list__icon {
color: #42a3d0;
margin-right: 20px; }
.amd-list__text {
font-size: 14px; }
.amd-list__text .title,
.amd-list__text h6 {
letter-spacing: 1px;
color: #80adbf;
text-transform: uppercase; }
.amd-dialog__content .amd-list__text .title,
.u-theme--positive .amd-list__text .title, .amd-dialog__content
.amd-list__text h6,
.u-theme--positive
.amd-list__text h6 {
color: #4e4e4e; }
.amd-list__text p,
.amd-list__text h6 {
margin-bottom: 5px; }
.amd-list__subtext {
text-transform: lowercase;
margin-left: 10px;
font-size: 11px;
opacity: 0.7; }
.amd-dialog__content .amd-list--events h4,
.u-theme--positive .amd-list--events h4 {
color: #a4a4a4; }
.amd-dialog__content .amd-list--events ul li,
.u-theme--positive .amd-list--events ul li {
border-right: 2px solid #d1d4d7;
color: #696969; }
.amd-list--sidenav .mat-list-item {
color: #80adbf !important; }
.amd-list--sidenav .mat-list-item:hover {
background-color: #00394f;
color: #42a3d0 !important;
border-left: 2px solid #42a3d0;
cursor: pointer; }
.amd-list--sidenav .mat-list-item:hover .mat-list-item-content {
padding-left: 6px !important; }
.amd-list--sidenav .mat-list-item .mat-list-item-content {
padding-left: 6px !important; }
.amd-list--sidenav .mat-list-item .amd-notification {
top: 10px;
right: 4px; }
.amd-dialog__content .amd-list--sidenav .mat-list-item,
.u-theme--positive .amd-list--sidenav .mat-list-item {
color: #696969 !important; }
.amd-dialog__content .amd-list--sidenav .mat-list-item:hover,
.u-theme--positive .amd-list--sidenav .mat-list-item:hover {
background-color: #d6d6d6;
color: #005c80 !important;
border-left: 2px solid #005c80; }
.amd-list--selection {
margin-bottom: 20px; }
.amd-list--selection .amd-list__item {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0;
font-size: 12px;
line-height: 50px;
height: 50px; }
.amd-list--selection .amd-list__item .mat-checkbox {
color: #696969;
width: 100%; }
.amd-list--selection .amd-list__subheader {
color: #005c80;
margin-bottom: 5px; }
/*
.amd-message
warning - warning status
error - error status
info - info status
success - success status
markup:
Errore, potresti aver inserito OTP o PIN sbagliati. Riprova, se il problema persiste contatta l'assistenza.
Styleguide 7.5
*/
.amd-message {
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 10px 20px;
width: 100%;
font-size: 14px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
margin: 10px 0; }
.amd-message .mat-button {
line-height: 1;
vertical-align: middle; }
.amd-message__date {
font-weight: normal;
font-size: 12px;
min-width: 120px;
text-align: right; }
.amd-message__text {
position: relative;
padding-left: 24px;
line-height: 1.4; }
.amd-message__text .amd-icon, .amd-message__text .fc .fc-next-button .ui-icon, .fc .fc-next-button .amd-message__text .ui-icon, .amd-message__text .fc .fc-prev-button .ui-icon, .fc .fc-prev-button .amd-message__text .ui-icon {
position: absolute;
left: 0;
top: 1px; }
.amd-message--warning {
color: #fff;
background-color: #ff9800; }
.amd-message--error {
color: #fff;
background-color: #f44336; }
.amd-message--info {
color: #fff;
background-color: #42a3d0; }
.amd-message--success {
color: #fff;
background-color: #4caf50; }
.u-theme--positive .amd-message--warning {
background-color: #fff0d9;
color: #ff9800; }
.u-theme--positive .amd-message--warning .amd-icon--closesmall13-white {
background-position: 0 -461px; }
.u-theme--positive .amd-message--info {
background-color: #e3f1f8;
color: #42a3d0; }
.u-theme--positive .amd-message--info .amd-icon--closesmall13-white {
background-position: 0 -422px; }
.u-theme--positive .amd-message--success {
background-color: #e4f3e5;
color: #4caf50; }
.u-theme--positive .amd-message--success .amd-icon--closesmall13-white {
background-position: 0 -435px; }
.u-theme--positive .amd-message--error {
background-color: #fee3e1;
color: #f44336; }
.u-theme--positive .amd-message--error .amd-icon--closesmall13-white {
background-position: 0 -474px; }
/*
Notification
.amd-notification
markup:
Ordini
32
Styleguide 7.3
*/
.amd-notification {
position: absolute;
top: 7px;
right: 2px;
font-size: 11px;
min-width: 15px;
padding: 0 5px;
height: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
text-align: center;
line-height: 15px;
display: block; }
.amd-notification--warning {
background: #ff0508;
color: #FFF; }
.amd-notification--info {
background: #0071b9;
color: #FFF; }
.u-theme--positive .amd-notification--info {
background-color: #42a3d0; }
/*
Paginator
.amd-paginator
markup:
Alert per pagina:
{{range}}
0 di 0
{{itemsPerPage * (currentPage - 1) + 1 }} - {{totalItems}} di {{totalItems}}
{{itemsPerPage * (currentPage - 1) + 1 }} - {{itemsPerPage * currentPage}} di {{totalItems}}
keyboard_arrow_left
keyboard_arrow_right
Styleguide 7.2
*/
.amd-paginator {
float: right;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-content: center;
align-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center; }
.amd-paginator__range {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-content: flex-start;
align-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center; }
.amd-paginator__range .mat-select {
width: auto; }
.amd-paginator__range .mat-select-trigger {
min-width: 50px !important;
width: 50px !important;
left: 10px; }
.amd-paginator__current {
margin-left: 50px; }
.amd-paginator__navigation {
margin-left: 5px; }
.amd-slide-toggle--warning .mat-slide-toggle-thumb {
background-color: #fb8201 !important; }
.amd-slide-toggle--warning .mat-slide-toggle-bar {
background-color: #d89260; }
.amd-slide-toggle--warning.mat-disabled .mat-slide-toggle-thumb {
background-color: #c37929 !important; }
.amd-slide-toggle--warning.mat-disabled .mat-slide-toggle-bar {
background-color: #a58e73 !important; }
.amd-slide-toggle--error .mat-slide-toggle-thumb {
background-color: #ce2a2a !important; }
.amd-slide-toggle--error .mat-slide-toggle-bar {
background-color: #c16f5c; }
.amd-slide-toggle--error.mat-disabled .mat-slide-toggle-thumb {
background-color: #b73f2b !important; }
.amd-slide-toggle--error.mat-disabled .mat-slide-toggle-bar {
background-color: #926f67 !important; }
/*
Table
Styleguide 6
*/
/*
.amd-table
markup:
Veicolo
Numero ordine
keyboard_arrow_up
keyboard_arrow_down
Data creazione
keyboard_arrow_up
keyboard_arrow_down
Modello
keyboard_arrow_up
keyboard_arrow_down
Telaio/Targa
keyboard_arrow_up
keyboard_arrow_down
Previsto arrivo
keyboard_arrow_up
keyboard_arrow_down
Stato Ordine
40176583
06/10/2017
TOYOTA C-HR 1.8H (122CV) E-CVT Style Sport utility vehi
NMTKZ3BX10R081130
FL887CY
17/10/2017
40176416
06/10/2017
SMART FORTWO COUPÈ 70 1.0 52kW passion twinamic Coupé 3
WME4533421K226630
FL761CY
16/10/2017
40175729
06/10/2017
TOYOTA AYGO 1.0 VVT-i x-play Micro car 5-door
JTDKGNEC00N226935
FL331CV
16/10/2017
40175240
04/10/2017
CITROËN C3 PureTech 82 Feel Hatchback 5-door
VF7SXHMZ6HT654494
FL792SE
13/10/2017
Styleguide 6.1
*/
@font-face {
font-family: 'HelveticaNeueLTStd-Roman';
src: url("/assets/fonts/3447C2_6_0.eot");
src: url("/assets/fonts/3447C2_6_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_6_0.woff2") format("woff2"), url("/assets/fonts/3447C2_6_0.woff") format("woff"), url("/assets/fonts/3447C2_6_0.ttf") format("truetype"); }
@font-face {
font-family: 'HelveticaNeueLTStd-Bd';
src: url("/assets/fonts/3447C2_8_0.eot");
src: url("/assets/fonts/3447C2_8_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_8_0.woff2") format("woff2"), url("/assets/fonts/3447C2_8_0.woff") format("woff"), url("/assets/fonts/3447C2_8_0.ttf") format("truetype"); }
@font-face {
font-family: 'HelveticaNeueLTStd-Lt';
src: url("/assets/fonts/3447C2_3_0.eot");
src: url("/assets/fonts/3447C2_3_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_3_0.woff2") format("woff2"), url("/assets/fonts/3447C2_3_0.woff") format("woff"), url("/assets/fonts/3447C2_3_0.ttf") format("truetype"); }
@font-face {
font-family: 'HelveticaNeueLTStd-Md';
src: url("/assets/fonts/3447C2_5_0.eot");
src: url("/assets/fonts/3447C2_5_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_5_0.woff2") format("woff2"), url("/assets/fonts/3447C2_5_0.woff") format("woff"), url("/assets/fonts/3447C2_5_0.ttf") format("truetype"); }
.HelveticaNeueLTStd-Roman, body, .mat-form-field,
.mat-input-element,
.mat-form-field-label, .amd-placeholder,
.md2-datepicker,
.md2-datepicker-value,
.md2-datepicker-placeholder,
.mat-radio-label-content,
.mat-radio-button,
.mat-select,
.mat-select-placeholder,
.mat-select-value-text,
.mat-option,
.mat-checkbox,
.mat-list-item,
.mat-tab-group,
.mat-expansion-panel-content,
.mat-bottom-sheet-container, .mat-tab-body__description, .mat-list .mat-subheader,
.mat-nav-list .mat-subheader, .introjs-button, .amd-button, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .amd-card__title--normal, .amd-expansion-panel__subtitle, .amd-link, .amd-link--station .amd-link__title, .amd-list__subtext, .amd-check-item__alert .amd-button, .theme--myald-dialog .amd-files-list__item.mat-list-item .amd-files-list__name {
font-family: HelveticaNeueLTStd-Roman, Arial, Helvetica, sans-serif !important; }
.HelveticaNeueLTStd-Bd, b,
strong, h2, h6, .mat-horizontal-stepper-header .mat-step-icon, .mat-step-text-label, .mat-tab-label,
.mat-tab-link, .mat-tab-body__title, .mat-expansion-panel-header-title, .mat-chip, .mat-menu-panel .mat-subheader, .u-main-title, .amd-dialog__header .mat-dialog-title, .u-phone, .amd-user, .amd-title, .amd-label, .fc .fc-toolbar h2, .introjs-tooltip--welcome .introjs-head h3, .introjs-subtitle, .introjs-title, .amd-bottom-nav__item .amd-bottom-nav__button, .amd-button--reverse, .amd-button--raised, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .amd-button--expanded, .amd-button--uppercase, .amd-card__title h4, .amd-dialog .amd-files-counter, .amd-multi-panels .mat-tab-label-active, .amd-expansion-panel__description .amd-button, .amd-expansion-panel__description .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .amd-expansion-panel__description .introjs-nextbutton, .amd-expansion-panel__filters, .amd-files-list__name, .amd-items-counter .amd-button, .amd-items-counter .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .amd-items-counter .introjs-nextbutton, .amd-items-counter__subtitle, .amd-link--reverse span, .amd-link--text, .amd-link__title, .amd-link__info, .amd-list--events h4, .amd-list__title, .amd-list__text .title,
.amd-list__text h6, .amd-list--sidenav .mat-list-item, .amd-list--selection .amd-list__subheader, .amd-message, .amd-notification, table.mat-table .mat-header-cell, .amd-table th, .amd-table__col--highlighted, .amd-stepper__step--active .amd-stepper__name, .amd-stepper__icon, .amd-stepper__icon-disabled, .amd-heading, .amd-notify__title, .amd-badge__title, .amd-check-item__name p, .amd-check-item__status, .amd-check-item__counter, .amd-button-toggle, .theme--myald .amd-button--raised, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .introjs-nextbutton,
.theme--myald .amd-button-raised-color,
.theme--myald a.amd-button.amd-button--light.cta-button, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.cta-button.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.cta-button.introjs-nextbutton,
.theme--myald a.amd-button.amd-button--light.stepper-prev.myald-button-inverse, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.stepper-prev.myald-button-inverse.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.stepper-prev.myald-button-inverse.introjs-nextbutton, .theme--myald a.amd-button.amd-button--light.cta-button.myald--aggiungi-controparte, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.cta-button.myald--aggiungi-controparte.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.cta-button.myald--aggiungi-controparte.introjs-nextbutton,
.theme--myald a.amd-button.amd-button--light.stepper-prev.myald--aggiungi-controparte, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.stepper-prev.myald--aggiungi-controparte.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.stepper-prev.myald--aggiungi-controparte.introjs-nextbutton,
.theme--myald a.amd-link.amd-link--dark.ald-generic-add,
.theme--myald button.amd-button.amd-button--raised.button-panel-title.cta-button.myald--aggiungi-controparte, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.button-panel-title.cta-button.myald--aggiungi-controparte.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald button.button-panel-title.cta-button.myald--aggiungi-controparte.introjs-nextbutton, .theme--myald .action-button.action-button--myald button.amd-button.amd-button--raised.stepper-next.mat-button.mat-raised-button, .theme--myald .action-button.action-button--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.stepper-next.mat-button.mat-raised-button.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .action-button.action-button--myald button.stepper-next.mat-button.mat-raised-button.introjs-nextbutton,
.theme--myald .action-button.action-button--myald button.amd-button.amd-button--raised.stepper-prev.mat-button.mat-raised-button, .theme--myald .action-button.action-button--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.stepper-prev.mat-button.mat-raised-button.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .action-button.action-button--myald button.stepper-prev.mat-button.mat-raised-button.introjs-nextbutton, .theme--myald .pre-step a.amd-button.amd-button--light, .theme--myald .pre-step .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .pre-step a.amd-button--light.introjs-nextbutton, .theme--myald .pre-step p.prestep-ald, .theme--myald .myald-bottom-navigation-btn, .theme--myald .myald-typage-title, .theme--myald .scarica-documento, .theme--myald-dialog a.amd-button.amd-button--reverse, .theme--myald-dialog .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--reverse.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald-dialog a.amd-button--reverse.introjs-nextbutton {
font-family: HelveticaNeueLTStd-Bd, Arial, Helvetica, sans-serif !important;
font-weight: normal !important; }
.HelveticaNeueLTStd-Md, .mat-error, .amd-legend__item, .claims-bottom-box, .fc .fc-head-container th, .fc .fc-time, .fc .fc-event, .amd-expansion-panel__recap, .amd-input--error, .amd-items-counter__title, .amd-link--station .amd-link__subtitle, .amd-link--station .amd-link__distance, .amd-check-item__date {
font-family: HelveticaNeueLTStd-Md, Arial, Helvetica, sans-serif !important; }
.HelveticaNeueLTStd-Lt, .amd-link--station .amd-link__note {
font-family: HelveticaNeueLTStd-Lt, Arial, Helvetica, sans-serif !important; }
/**
* Applies styles for users in high contrast mode. Note that this only applies
* to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
* attribute, however Chrome handles high contrast differently.
* @param target Which kind of high contrast setting to target. Defaults to `active`, can be
* `white-on-black` or `black-on-white`.
*/
/* Theme for the ripple elements.*/
/* stylelint-disable material/no-prefixes */
/* stylelint-enable */
.mat-elevation-z0 {
-webkit-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);
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); }
.mat-elevation-z1 {
-webkit-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);
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); }
.mat-elevation-z2 {
-webkit-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);
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); }
.mat-elevation-z3 {
-webkit-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);
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); }
.mat-elevation-z4 {
-webkit-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);
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); }
.mat-elevation-z5 {
-webkit-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);
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); }
.mat-elevation-z6 {
-webkit-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);
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); }
.mat-elevation-z7 {
-webkit-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);
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); }
.mat-elevation-z8 {
-webkit-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);
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); }
.mat-elevation-z9 {
-webkit-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);
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); }
.mat-elevation-z10 {
-webkit-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);
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); }
.mat-elevation-z11 {
-webkit-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);
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); }
.mat-elevation-z12 {
-webkit-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);
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); }
.mat-elevation-z13 {
-webkit-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);
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); }
.mat-elevation-z14 {
-webkit-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);
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); }
.mat-elevation-z15 {
-webkit-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);
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); }
.mat-elevation-z16 {
-webkit-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);
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); }
.mat-elevation-z17 {
-webkit-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);
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); }
.mat-elevation-z18 {
-webkit-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);
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); }
.mat-elevation-z19 {
-webkit-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);
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); }
.mat-elevation-z20 {
-webkit-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);
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); }
.mat-elevation-z21 {
-webkit-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);
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); }
.mat-elevation-z22 {
-webkit-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);
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); }
.mat-elevation-z23 {
-webkit-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);
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); }
.mat-elevation-z24 {
-webkit-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);
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); }
.mat-badge-content {
font-weight: 600;
font-size: 12px;
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-badge-small .mat-badge-content {
font-size: 6px; }
.mat-badge-large .mat-badge-content {
font-size: 24px; }
.mat-h1, .mat-headline, .mat-typography h1 {
font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h2, .mat-title, .mat-typography h2 {
font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h3, .mat-subheading-2, .mat-typography h3 {
font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h4, .mat-subheading-1, .mat-typography h4 {
font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h5, .mat-typography h5 {
font: 400 11.62px/20px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 12px; }
.mat-h6, .mat-typography h6 {
font: 400 9.38px/20px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 12px; }
.mat-body-strong, .mat-body-2 {
font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
.mat-body, .mat-body-1, .mat-typography {
font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-body p, .mat-body-1 p, .mat-typography p {
margin: 0 0 12px; }
.mat-small, .mat-caption {
font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-display-4, .mat-typography .mat-display-4 {
font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 56px;
letter-spacing: -0.05em; }
.mat-display-3, .mat-typography .mat-display-3 {
font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 64px;
letter-spacing: -0.02em; }
.mat-display-2, .mat-typography .mat-display-2 {
font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 64px;
letter-spacing: -0.005em; }
.mat-display-1, .mat-typography .mat-display-1 {
font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 64px; }
.mat-bottom-sheet-container {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 16px;
font-weight: 400; }
.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500; }
.mat-button-toggle {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-card {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-card-title {
font-size: 24px;
font-weight: 400; }
.mat-card-subtitle,
.mat-card-content,
.mat-card-header .mat-card-title {
font-size: 14px; }
.mat-checkbox {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-checkbox-layout .mat-checkbox-label {
line-height: 24px; }
.mat-chip {
font-size: 13px;
line-height: 18px; }
.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
font-size: 18px; }
.mat-table {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-header-cell {
font-size: 12px;
font-weight: 500; }
.mat-cell, .mat-footer-cell {
font-size: 14px; }
.mat-calendar {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-calendar-body {
font-size: 13px; }
.mat-calendar-body-label,
.mat-calendar-period-button {
font-size: 14px;
font-weight: 500; }
.mat-calendar-table-header th {
font-size: 11px;
font-weight: 400; }
.mat-dialog-title {
font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; }
.mat-expansion-panel-header {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 15px;
font-weight: 400; }
.mat-expansion-panel-content {
font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-form-field {
font-size: inherit;
font-weight: 400;
line-height: 1.125;
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-form-field-wrapper {
padding-bottom: 1.34375em; }
.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
font-size: 150%;
line-height: 1.125; }
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
height: 1.5em;
width: 1.5em; }
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
height: 1.125em;
line-height: 1.125; }
.mat-form-field-infix {
padding: 0.5em 0;
border-top: 0.84375em solid transparent; }
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.34375em) scale(0.75);
transform: translateY(-1.34375em) scale(0.75);
width: 133.33333333%; }
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label, .mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.34374em) scale(0.75);
transform: translateY(-1.34374em) scale(0.75);
width: 133.33334333%; }
.mat-form-field-label-wrapper {
top: -0.84375em;
padding-top: 0.84375em; }
.mat-form-field-label, .amd-placeholder {
top: 1.34375em; }
.mat-form-field-underline {
bottom: 1.34375em; }
.mat-form-field-subscript-wrapper {
font-size: 75%;
margin-top: 0.66666667em;
top: -webkit-calc(100% - 1.79166667em);
top: calc(100% - 1.79166667em); }
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
padding-bottom: 1.25em; }
.mat-form-field-appearance-legacy .mat-form-field-infix {
padding: 0.4375em 0; }
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-ms-transform: translateY(-1.28125em) scale(0.75);
width: 133.33333333%; }
.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, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
-ms-transform: translateY(-1.28124em) scale(0.75);
width: 133.33334333%; }
.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, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
-ms-transform: translateY(-1.28123em) scale(0.75);
width: 133.33335333%; }
.mat-form-field-appearance-legacy .mat-form-field-label, .mat-form-field-appearance-legacy .amd-placeholder {
top: 1.28125em; }
.mat-form-field-appearance-legacy .mat-form-field-underline {
bottom: 1.25em; }
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
margin-top: 0.54166667em;
top: -webkit-calc(100% - 1.66666667em);
top: calc(100% - 1.66666667em); }
.mat-form-field-appearance-fill .mat-form-field-infix {
padding: 0.25em 0 0.75em 0; }
.mat-form-field-appearance-fill .mat-form-field-label, .mat-form-field-appearance-fill .amd-placeholder {
top: 1.09375em;
margin-top: -0.5em; }
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-0.59375em) scale(0.75);
transform: translateY(-0.59375em) scale(0.75);
width: 133.33333333%; }
.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, .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-0.59374em) scale(0.75);
transform: translateY(-0.59374em) scale(0.75);
width: 133.33334333%; }
.mat-form-field-appearance-outline .mat-form-field-infix {
padding: 1em 0 1em 0; }
.mat-form-field-appearance-outline .mat-form-field-label, .mat-form-field-appearance-outline .amd-placeholder {
top: 1.84375em;
margin-top: -0.25em; }
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.59375em) scale(0.75);
transform: translateY(-1.59375em) scale(0.75);
width: 133.33333333%; }
.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, .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.59374em) scale(0.75);
transform: translateY(-1.59374em) scale(0.75);
width: 133.33334333%; }
.mat-grid-tile-header,
.mat-grid-tile-footer {
font-size: 14px; }
.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
font-size: 12px; }
input.mat-input-element {
margin-top: -0.0625em; }
.mat-menu-item {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 16px;
font-weight: 400; }
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 12px; }
.mat-radio-button {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-select {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-select-trigger {
height: 1.125em; }
.mat-slide-toggle-content {
font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-slider-thumb-label-text {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 12px;
font-weight: 500; }
.mat-stepper-vertical, .mat-stepper-horizontal {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-step-label {
font-size: 14px;
font-weight: 400; }
.mat-step-label-selected {
font-size: 14px;
font-weight: 500; }
.mat-tab-group {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-tab-label, .mat-tab-link {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500; }
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
margin: 0; }
.mat-tooltip {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 10px;
padding-top: 6px;
padding-bottom: 6px; }
.mat-tooltip-handset {
font-size: 14px;
padding-top: 9px;
padding-bottom: 9px; }
.mat-list-item {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-list-option {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
font-size: 16px; }
.mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
font-size: 14px; }
.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
font-size: 16px; }
.mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
font-size: 14px; }
.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500; }
.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
font-size: 12px; }
.mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
font-size: 12px; }
.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
font-size: 12px; }
.mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
font-size: 12px; }
.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 12px;
font-weight: 500; }
.mat-option {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 16px; }
.mat-optgroup-label {
font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
.mat-simple-snackbar {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px; }
.mat-simple-snackbar-action {
line-height: 1;
font-family: inherit;
font-size: inherit;
font-weight: 500; }
.mat-tree {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-tree-node {
font-weight: 400;
font-size: 14px; }
.mat-ripple {
overflow: hidden; }
.mat-ripple.mat-ripple-unbounded {
overflow: visible; }
.mat-ripple-element {
position: absolute;
-webkit-border-radius: 50%;
border-radius: 50%;
pointer-events: none;
-webkit-transition: opacity, -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity, -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
-webkit-transform: scale(0);
transform: scale(0); }
@media screen and (-ms-high-contrast: active) {
.mat-ripple-element {
display: none; } }
.cdk-visually-hidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
outline: 0;
-webkit-appearance: none;
-moz-appearance: none; }
.cdk-overlay-container, .cdk-global-overlay-wrapper {
pointer-events: none;
top: 0;
left: 0;
height: 100%;
width: 100%; }
.cdk-overlay-container {
position: fixed;
z-index: 1000; }
.cdk-overlay-container:empty {
display: none; }
.cdk-global-overlay-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: flex;
position: absolute;
z-index: 1000; }
.cdk-overlay-pane {
position: absolute;
pointer-events: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 1000;
display: -webkit-box;
display: -webkit-flex;
display: flex;
max-width: 100%;
max-height: 100%; }
.cdk-overlay-backdrop {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
pointer-events: auto;
-webkit-tap-highlight-color: transparent;
-webkit-transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
opacity: 0; }
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
opacity: 1; }
@media screen and (-ms-high-contrast: active) {
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
opacity: 0.6; } }
.cdk-overlay-dark-backdrop {
background: rgba(0, 0, 0, 0.288); }
.cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
opacity: 0; }
.cdk-overlay-connected-position-bounding-box {
position: absolute;
z-index: 1000;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
min-width: 1px;
min-height: 1px; }
.cdk-global-scrollblock {
position: fixed;
width: 100%;
overflow-y: scroll; }
@keyframes cdk-text-field-autofill-start {
/*!*/ }
@keyframes cdk-text-field-autofill-end {
/*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
-webkit-animation-name: cdk-text-field-autofill-start;
animation-name: cdk-text-field-autofill-start; }
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
-webkit-animation-name: cdk-text-field-autofill-end;
animation-name: cdk-text-field-autofill-end; }
textarea.cdk-textarea-autosize {
resize: none; }
textarea.cdk-textarea-autosize-measuring {
height: auto !important;
overflow: hidden !important;
padding: 2px 0 !important;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important; }
.mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-option {
color: white; }
.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
background: rgba(255, 255, 255, 0.04); }
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
background: rgba(255, 255, 255, 0.04); }
.mat-option.mat-active {
background: rgba(255, 255, 255, 0.04);
color: white; }
.mat-option.mat-option-disabled {
color: rgba(255, 255, 255, 0.5); }
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
color: #19becf; }
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
color: #005c80; }
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
color: #f44336; }
.mat-optgroup-label {
color: rgba(255, 255, 255, 0.7); }
.mat-optgroup-disabled .mat-optgroup-label {
color: rgba(255, 255, 255, 0.5); }
.mat-pseudo-checkbox {
color: rgba(255, 255, 255, 0.7); }
.mat-pseudo-checkbox::after {
color: #303030; }
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
background: #005c80; }
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
background: #19becf; }
.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
background: #f44336; }
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
background: #686868; }
.mat-app-background {
background-color: #303030;
color: white; }
.mat-theme-loaded-marker {
display: none; }
.mat-autocomplete-panel {
background: #424242;
color: white; }
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
background: #424242; }
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
color: white; }
.mat-badge-content {
color: white;
background: #19becf; }
.mat-badge-accent .mat-badge-content {
background: #005c80;
color: white; }
.mat-badge-warn .mat-badge-content {
color: white;
background: #f44336; }
.mat-badge {
position: relative; }
.mat-badge-hidden .mat-badge-content {
display: none; }
.mat-badge-content {
position: absolute;
text-align: center;
display: inline-block;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: -webkit-transform 200ms ease-in-out;
transition: -webkit-transform 200ms ease-in-out;
transition: transform 200ms ease-in-out;
transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
-webkit-transform: scale(0.6);
transform: scale(0.6);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
pointer-events: none; }
.mat-badge-content.mat-badge-active {
-webkit-transform: none;
transform: none; }
.mat-badge-small .mat-badge-content {
width: 16px;
height: 16px;
line-height: 16px; }
@media screen and (-ms-high-contrast: active) {
.mat-badge-small .mat-badge-content {
outline: solid 1px;
-webkit-border-radius: 0;
border-radius: 0; } }
.mat-badge-small.mat-badge-above .mat-badge-content {
top: -8px; }
.mat-badge-small.mat-badge-below .mat-badge-content {
bottom: -8px; }
.mat-badge-small.mat-badge-before .mat-badge-content {
left: -16px; }
[dir='rtl'] .mat-badge-small.mat-badge-before .mat-badge-content {
left: auto;
right: -16px; }
.mat-badge-small.mat-badge-after .mat-badge-content {
right: -16px; }
[dir='rtl'] .mat-badge-small.mat-badge-after .mat-badge-content {
right: auto;
left: -16px; }
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -8px; }
[dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -8px; }
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -8px; }
[dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -8px; }
.mat-badge-medium .mat-badge-content {
width: 22px;
height: 22px;
line-height: 22px; }
@media screen and (-ms-high-contrast: active) {
.mat-badge-medium .mat-badge-content {
outline: solid 1px;
-webkit-border-radius: 0;
border-radius: 0; } }
.mat-badge-medium.mat-badge-above .mat-badge-content {
top: -11px; }
.mat-badge-medium.mat-badge-below .mat-badge-content {
bottom: -11px; }
.mat-badge-medium.mat-badge-before .mat-badge-content {
left: -22px; }
[dir='rtl'] .mat-badge-medium.mat-badge-before .mat-badge-content {
left: auto;
right: -22px; }
.mat-badge-medium.mat-badge-after .mat-badge-content {
right: -22px; }
[dir='rtl'] .mat-badge-medium.mat-badge-after .mat-badge-content {
right: auto;
left: -22px; }
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -11px; }
[dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -11px; }
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -11px; }
[dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -11px; }
.mat-badge-large .mat-badge-content {
width: 28px;
height: 28px;
line-height: 28px; }
@media screen and (-ms-high-contrast: active) {
.mat-badge-large .mat-badge-content {
outline: solid 1px;
-webkit-border-radius: 0;
border-radius: 0; } }
.mat-badge-large.mat-badge-above .mat-badge-content {
top: -14px; }
.mat-badge-large.mat-badge-below .mat-badge-content {
bottom: -14px; }
.mat-badge-large.mat-badge-before .mat-badge-content {
left: -28px; }
[dir='rtl'] .mat-badge-large.mat-badge-before .mat-badge-content {
left: auto;
right: -28px; }
.mat-badge-large.mat-badge-after .mat-badge-content {
right: -28px; }
[dir='rtl'] .mat-badge-large.mat-badge-after .mat-badge-content {
right: auto;
left: -28px; }
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -14px; }
[dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -14px; }
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -14px; }
[dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -14px; }
.mat-bottom-sheet-container {
background: #424242;
color: white; }
.mat-button, .mat-icon-button, .mat-stroked-button {
color: inherit;
background: transparent; }
.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
color: #19becf; }
.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
color: #005c80; }
.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
color: #f44336; }
.mat-button.mat-primary[disabled], .mat-button.mat-accent[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled], .mat-stroked-button.mat-primary[disabled], .mat-stroked-button.mat-accent[disabled], .mat-stroked-button.mat-warn[disabled], .mat-stroked-button[disabled][disabled] {
color: rgba(255, 255, 255, 0.3); }
.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
background-color: rgba(25, 190, 207, 0.12); }
.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
background-color: rgba(0, 92, 128, 0.12); }
.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
background-color: rgba(244, 67, 54, 0.12); }
.mat-button[disabled] .mat-button-focus-overlay, .mat-icon-button[disabled] .mat-button-focus-overlay, .mat-stroked-button[disabled] .mat-button-focus-overlay {
background-color: transparent; }
.mat-button.mat-primary .mat-ripple-element, .mat-icon-button.mat-primary .mat-ripple-element, .mat-stroked-button.mat-primary .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.1); }
.mat-button.mat-accent .mat-ripple-element, .mat-icon-button.mat-accent .mat-ripple-element, .mat-stroked-button.mat-accent .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.1); }
.mat-button.mat-warn .mat-ripple-element, .mat-icon-button.mat-warn .mat-ripple-element, .mat-stroked-button.mat-warn .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.1); }
.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
color: white;
background-color: #424242; }
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
color: white; }
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
color: white; }
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
color: white; }
.mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
color: rgba(255, 255, 255, 0.3); }
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
background-color: #19becf; }
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
background-color: #005c80; }
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
background-color: #f44336; }
.mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
background-color: rgba(255, 255, 255, 0.12); }
.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-icon-button.mat-primary .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.2); }
.mat-icon-button.mat-accent .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.2); }
.mat-icon-button.mat-warn .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.2); }
.mat-button-toggle {
color: rgba(255, 255, 255, 0.5); }
.mat-button-toggle .mat-button-toggle-focus-overlay {
background-color: rgba(255, 255, 255, 0.12); }
.mat-button-toggle-checked {
background-color: #212121;
color: rgba(255, 255, 255, 0.7); }
.mat-button-toggle-disabled {
background-color: black;
color: rgba(255, 255, 255, 0.3); }
.mat-button-toggle-disabled.mat-button-toggle-checked {
background-color: #424242; }
.mat-card {
background: #424242;
color: white; }
.mat-card-subtitle {
color: rgba(255, 255, 255, 0.7); }
.mat-checkbox-frame {
border-color: rgba(255, 255, 255, 0.7); }
.mat-checkbox-checkmark {
fill: #303030; }
.mat-checkbox-checkmark-path {
stroke: #303030 !important; }
@media screen and (-ms-high-contrast: black-on-white) {
.mat-checkbox-checkmark-path {
stroke: #000 !important; } }
.mat-checkbox-mixedmark {
background-color: #303030; }
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
background-color: #19becf; }
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
background-color: #005c80; }
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
background-color: #f44336; }
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
background-color: #686868; }
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
border-color: #686868; }
.mat-checkbox-disabled .mat-checkbox-label {
color: #686868; }
@media screen and (-ms-high-contrast: active) {
.mat-checkbox-disabled {
opacity: 0.5; } }
@media screen and (-ms-high-contrast: active) {
.mat-checkbox-background {
background: none; } }
.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.26); }
.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.26); }
.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.26); }
.mat-chip.mat-standard-chip {
background-color: #616161;
color: white; }
.mat-chip.mat-standard-chip .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip .mat-chip-remove:hover {
opacity: 0.54; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
background-color: #19becf;
color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
opacity: 0.54; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
background-color: #f44336;
color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
opacity: 0.54; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
background-color: #005c80;
color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
opacity: 0.54; }
.mat-table {
background: #424242; }
.mat-table thead, .mat-table tbody, .mat-table tfoot,
mat-header-row, mat-row, mat-footer-row,
[mat-header-row], [mat-row], [mat-footer-row],
.mat-table-sticky {
background: inherit; }
mat-row, mat-header-row, mat-footer-row,
th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
border-bottom-color: rgba(255, 255, 255, 0.12); }
.mat-header-cell {
color: rgba(255, 255, 255, 0.7); }
.mat-cell, .mat-footer-cell {
color: white; }
.mat-calendar-arrow {
border-top-color: white; }
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
color: white; }
.mat-calendar-table-header {
color: rgba(255, 255, 255, 0.5); }
.mat-calendar-table-header-divider::after {
background: rgba(255, 255, 255, 0.12); }
.mat-calendar-body-label {
color: rgba(255, 255, 255, 0.7); }
.mat-calendar-body-cell-content {
color: white;
border-color: transparent; }
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
color: rgba(255, 255, 255, 0.5); }
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
background-color: rgba(255, 255, 255, 0.04); }
.mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(255, 255, 255, 0.5); }
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(255, 255, 255, 0.3); }
.mat-calendar-body-selected {
background-color: #19becf;
color: white; }
.mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(25, 190, 207, 0.4); }
.mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content {
background-color: #424242;
color: white; }
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
background-color: #005c80;
color: white; }
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(0, 92, 128, 0.4); }
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
background-color: #f44336;
color: white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(244, 67, 54, 0.4); }
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-toggle-active {
color: #19becf; }
.mat-datepicker-toggle-active.mat-accent {
color: #005c80; }
.mat-datepicker-toggle-active.mat-warn {
color: #f44336; }
.mat-dialog-container {
background: #424242;
color: white; }
.mat-divider {
border-top-color: rgba(255, 255, 255, 0.12); }
.mat-divider-vertical {
border-right-color: rgba(255, 255, 255, 0.12); }
.mat-expansion-panel {
background: #424242;
color: white; }
.mat-action-row {
border-top-color: rgba(255, 255, 255, 0.12); }
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']):hover {
background: rgba(255, 255, 255, 0.04); }
@media (hover: none) {
.mat-expansion-panel:not(.mat-expanded):not([aria-disabled='true']) .mat-expansion-panel-header:hover {
background: #424242; } }
.mat-expansion-panel-header-title {
color: white; }
.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
color: rgba(255, 255, 255, 0.7); }
.mat-expansion-panel-header[aria-disabled='true'] {
color: rgba(255, 255, 255, 0.3); }
.mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-description {
color: inherit; }
.mat-form-field-label, .amd-placeholder {
color: rgba(255, 255, 255, 0.7); }
.mat-hint {
color: rgba(255, 255, 255, 0.7); }
.mat-form-field.mat-focused .mat-form-field-label, .mat-form-field.mat-focused .amd-placeholder {
color: #19becf; }
.mat-form-field.mat-focused .mat-form-field-label.mat-accent, .mat-form-field.mat-focused .mat-accent.amd-placeholder {
color: #005c80; }
.mat-form-field.mat-focused .mat-form-field-label.mat-warn, .mat-form-field.mat-focused .mat-warn.amd-placeholder {
color: #f44336; }
.mat-focused .mat-form-field-required-marker {
color: #005c80; }
.mat-form-field-ripple {
background-color: white; }
.mat-form-field.mat-focused .mat-form-field-ripple {
background-color: #19becf; }
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
background-color: #005c80; }
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
background-color: #f44336; }
.mat-form-field.mat-form-field-invalid .mat-form-field-label, .mat-form-field.mat-form-field-invalid .amd-placeholder {
color: #f44336; }
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, .mat-form-field.mat-form-field-invalid .mat-accent.amd-placeholder,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,
.mat-form-field.mat-form-field-invalid .amd-placeholder .mat-form-field-required-marker {
color: #f44336; }
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
background-color: #f44336; }
.mat-error {
color: #f44336; }
.mat-form-field-appearance-legacy .mat-form-field-label, .mat-form-field-appearance-legacy .amd-placeholder {
color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-legacy .mat-hint {
color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-legacy .mat-form-field-underline {
background-color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.7)), color-stop(33%, rgba(255, 255, 255, 0.7)), color-stop(0%, transparent));
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
background-size: 4px 100%;
background-repeat: repeat-x; }
.mat-form-field-appearance-standard .mat-form-field-underline {
background-color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.7)), color-stop(33%, rgba(255, 255, 255, 0.7)), color-stop(0%, transparent));
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
background-size: 4px 100%;
background-repeat: repeat-x; }
.mat-form-field-appearance-fill .mat-form-field-flex {
background-color: rgba(255, 255, 255, 0.1); }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
background-color: rgba(255, 255, 255, 0.05); }
.mat-form-field-appearance-fill .mat-form-field-underline::before {
background-color: rgba(255, 255, 255, 0.5); }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-disabled .amd-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
background-color: transparent; }
.mat-form-field-appearance-outline .mat-form-field-outline {
color: rgba(255, 255, 255, 0.3); }
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
color: white; }
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
color: #19becf; }
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
color: #005c80; }
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
color: #f44336; }
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
color: #f44336; }
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-disabled .amd-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
color: rgba(255, 255, 255, 0.15); }
.mat-icon.mat-primary {
color: #19becf; }
.mat-icon.mat-accent {
color: #005c80; }
.mat-icon.mat-warn {
color: #f44336; }
.mat-input-element:disabled {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element {
caret-color: #19becf; }
.mat-input-element::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::-moz-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-accent .mat-input-element {
caret-color: #005c80; }
.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
caret-color: #f44336; }
.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
color: white; }
.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
color: white; }
.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
color: rgba(255, 255, 255, 0.7); }
.mat-list-item-disabled {
background-color: black; }
.mat-list-option:hover, .mat-list-option.mat-list-item-focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item.mat-list-item-focus {
background: rgba(255, 255, 255, 0.04); }
.mat-menu-panel {
background: #424242; }
.mat-menu-item {
background: transparent;
color: white; }
.mat-menu-item[disabled], .mat-menu-item[disabled]::after {
color: rgba(255, 255, 255, 0.5); }
.mat-menu-item .mat-icon:not([color]),
.mat-menu-item-submenu-trigger::after {
color: white; }
.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
background: rgba(255, 255, 255, 0.04); }
.mat-paginator {
background: #424242; }
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
color: rgba(255, 255, 255, 0.7); }
.mat-paginator-decrement,
.mat-paginator-increment {
border-top: 2px solid white;
border-right: 2px solid white; }
.mat-paginator-first,
.mat-paginator-last {
border-top: 2px solid white; }
.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
border-color: rgba(255, 255, 255, 0.5); }
.mat-progress-bar-background {
fill: #baecf1; }
.mat-progress-bar-buffer {
background-color: #baecf1; }
.mat-progress-bar-fill::after {
background-color: #19becf; }
.mat-progress-bar.mat-accent .mat-progress-bar-background {
fill: #b3ced9; }
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
background-color: #b3ced9; }
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
background-color: #005c80; }
.mat-progress-bar.mat-warn .mat-progress-bar-background {
fill: #ffcdd2; }
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
background-color: #ffcdd2; }
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
background-color: #f44336; }
.mat-progress-spinner circle, .mat-spinner circle {
stroke: #19becf; }
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
stroke: #005c80; }
.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
stroke: #f44336; }
.mat-radio-outer-circle {
border-color: rgba(255, 255, 255, 0.7); }
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
border-color: #19becf; }
.mat-radio-button.mat-primary .mat-radio-inner-circle {
background-color: #19becf; }
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.26); }
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
border-color: #005c80; }
.mat-radio-button.mat-accent .mat-radio-inner-circle {
background-color: #005c80; }
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.26); }
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
border-color: #f44336; }
.mat-radio-button.mat-warn .mat-radio-inner-circle {
background-color: #f44336; }
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.26); }
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
border-color: rgba(255, 255, 255, 0.5); }
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
background-color: rgba(255, 255, 255, 0.5); }
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
color: rgba(255, 255, 255, 0.5); }
.mat-select-content, .mat-select-panel-done-animating {
background: #424242; }
.mat-select-value {
color: white; }
.mat-select-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-select-disabled .mat-select-value {
color: rgba(255, 255, 255, 0.5); }
.mat-select-arrow {
color: rgba(255, 255, 255, 0.7); }
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
background: rgba(255, 255, 255, 0.12); }
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
color: #19becf; }
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
color: #005c80; }
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
color: #f44336; }
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
color: #f44336; }
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
color: rgba(255, 255, 255, 0.5); }
.mat-drawer-container {
background-color: #303030;
color: white; }
.mat-drawer {
background-color: #424242;
color: white; }
.mat-drawer.mat-drawer-push {
background-color: #424242; }
.mat-drawer-backdrop.mat-drawer-shown {
background-color: rgba(189, 189, 189, 0.6); }
.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #80adbf; }
.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgba(128, 173, 191, 0.5); }
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle .mat-ripple-element {
background-color: rgba(128, 173, 191, 0.12); }
.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #8cdfe7; }
.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgba(140, 223, 231, 0.5); }
.mat-slide-toggle.mat-primary:not(.mat-checked) .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle.mat-primary .mat-ripple-element {
background-color: rgba(140, 223, 231, 0.12); }
.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #ef9a9a; }
.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgba(239, 154, 154, 0.5); }
.mat-slide-toggle.mat-warn:not(.mat-checked) .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle.mat-warn .mat-ripple-element {
background-color: rgba(239, 154, 154, 0.12); }
.mat-disabled .mat-slide-toggle-thumb {
background-color: #424242; }
.mat-disabled .mat-slide-toggle-bar {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle-thumb {
background-color: #bdbdbd; }
.mat-slide-toggle-bar {
background-color: rgba(255, 255, 255, 0.5); }
.mat-slider-track-background {
background-color: rgba(255, 255, 255, 0.3); }
.mat-primary .mat-slider-track-fill,
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label {
background-color: #19becf; }
.mat-primary .mat-slider-thumb-label-text {
color: white; }
.mat-accent .mat-slider-track-fill,
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label {
background-color: #005c80; }
.mat-accent .mat-slider-thumb-label-text {
color: white; }
.mat-warn .mat-slider-track-fill,
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label {
background-color: #f44336; }
.mat-warn .mat-slider-thumb-label-text {
color: white; }
.mat-slider-focus-ring {
background-color: rgba(0, 92, 128, 0.2); }
.mat-slider:hover .mat-slider-track-background,
.cdk-focused .mat-slider-track-background {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled .mat-slider-thumb {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-disabled:hover .mat-slider-track-background {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-min-value .mat-slider-focus-ring {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
background-color: white; }
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
border-color: rgba(255, 255, 255, 0.3);
background-color: transparent; }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
border-color: rgba(255, 255, 255, 0.3); }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
border-color: rgba(255, 255, 255, 0.3); }
.mat-slider-has-ticks .mat-slider-wrapper::after {
border-color: rgba(255, 255, 255, 0.7); }
.mat-slider-horizontal .mat-slider-ticks {
background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);
background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); }
.mat-slider-vertical .mat-slider-ticks {
background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); }
.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover {
background-color: rgba(255, 255, 255, 0.04); }
.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
color: rgba(255, 255, 255, 0.5); }
.mat-step-header .mat-step-icon {
background-color: #19becf;
color: white; }
.mat-step-header .mat-step-icon-not-touched {
background-color: rgba(255, 255, 255, 0.5);
color: white; }
.mat-step-header .mat-step-label.mat-step-label-active {
color: white; }
.mat-stepper-horizontal, .mat-stepper-vertical {
background-color: #424242; }
.mat-stepper-vertical-line::before {
border-left-color: rgba(255, 255, 255, 0.12); }
.mat-stepper-horizontal-line {
border-top-color: rgba(255, 255, 255, 0.12); }
.mat-sort-header-arrow {
color: #c6c6c6; }
.mat-tab-nav-bar,
.mat-tab-header {
border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: none; }
.mat-tab-label, .mat-tab-link {
color: white; }
.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.5); }
.mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.5); }
.mat-tab-group[class*='mat-background-'] .mat-tab-header,
.mat-tab-nav-bar[class*='mat-background-'] {
border-bottom: none;
border-top: none; }
.mat-tab-group.mat-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(186, 236, 241, 0.3); }
.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
background-color: #19becf; }
.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
background-color: white; }
.mat-tab-group.mat-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(179, 206, 217, 0.3); }
.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
background-color: #005c80; }
.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
background-color: white; }
.mat-tab-group.mat-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(255, 205, 210, 0.3); }
.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
background-color: #f44336; }
.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
background-color: white; }
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(186, 236, 241, 0.3); }
.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
background-color: #19becf; }
.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
color: white; }
.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-primary .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(179, 206, 217, 0.3); }
.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
background-color: #005c80; }
.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
color: white; }
.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-accent .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(255, 205, 210, 0.3); }
.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links {
background-color: #f44336; }
.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
color: white; }
.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-warn .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-toolbar {
background: #212121;
color: white; }
.mat-toolbar.mat-primary {
background: #19becf;
color: white; }
.mat-toolbar.mat-accent {
background: #005c80;
color: white; }
.mat-toolbar.mat-warn {
background: #f44336;
color: white; }
.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
background-color: currentColor; }
.mat-toolbar .mat-form-field-label, .mat-toolbar .amd-placeholder,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-focused .amd-placeholder,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
color: inherit; }
.mat-toolbar .mat-input-element {
caret-color: currentColor; }
.mat-tooltip {
background: rgba(97, 97, 97, 0.9); }
.mat-tree {
background: #424242; }
.mat-tree-node {
color: white; }
.mat-snack-bar-container {
background: #fafafa;
color: rgba(0, 0, 0, 0.87); }
.mat-simple-snackbar-action {
color: inherit; }
.mat-calendar-arrow {
border-top-color: rgba(0, 0, 0, 0.54); }
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
color: rgba(0, 0, 0, 0.54); }
.mat-calendar-table-header {
color: rgba(0, 0, 0, 0.38); }
.mat-calendar-table-header-divider::after {
background: rgba(0, 0, 0, 0.12); }
.mat-calendar-body-label {
color: rgba(0, 0, 0, 0.54); }
.mat-calendar-body-cell-content {
color: rgba(0, 0, 0, 0.87);
border-color: transparent; }
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
color: rgba(0, 0, 0, 0.38); }
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
background-color: rgba(0, 0, 0, 0.04); }
.mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(0, 0, 0, 0.38); }
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(0, 0, 0, 0.18); }
.mat-calendar-body-selected {
background-color: #19becf;
color: white; }
.mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(25, 190, 207, 0.4); }
.mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content {
background-color: white;
color: rgba(0, 0, 0, 0.87); }
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
background-color: #005c80;
color: white; }
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(0, 92, 128, 0.4); }
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
background-color: #f44336;
color: white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(244, 67, 54, 0.4); }
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-toggle-active {
color: #19becf; }
.mat-datepicker-toggle-active.mat-accent {
color: #005c80; }
.mat-datepicker-toggle-active.mat-warn {
color: #f44336; }
/*
Variables
Styleguide 1
*/
/*
Colors Palette
$amd-primary-50 - primary 50
$amd-primary-100 - primary 100
markup:
{$modifiers}
Styleguide 1.1
*/
.amd-color-red {
color: #ff6054; }
.amd-color-green {
color: #4caf50 !important; }
.amd-color-orange {
color: #ff9800 !important; }
.amd-color-red {
color: #ff6054 !important; }
.amd-bg-color-red {
background-color: #fbd6d3; }
.amd-accent-300 {
color: #42a3d0; }
.amd-accent-500 {
color: #005c80 !important; }
.amd-accent-500--bg {
background-color: #19becf !important; }
.amd-accent-500--hover, .amd-items-counter--accent-dark:hover {
background-color: #005478 !important; }
.amd-primary-500 {
color: #19becf !important; }
.amd-primary-500--bg {
background-color: #005c80 !important; }
.amd-primary-500--hover, .amd-items-counter--primary:hover {
background-color: #47cbd8 !important; }
.mat-container-colors {
background-color: #002e40;
color: #fff; }
.mat-toolbar-colors {
background-color: rgba(0, 46, 64, 0.9); }
.footer-colors {
background-color: #003348;
color: #80adbf; }
.footer-colors a {
color: #ddeef6; }
.table-border-color, table.mat-table--bordered > thead > .mat-row,
table.mat-table--bordered > tbody > .mat-row, .amd-table--bordered > thead > tr,
.amd-table--bordered > tbody > tr {
border-bottom: 1px solid #ccc; }
.box-shadow, .amd-expansion-panel, .amd-table tbody {
-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) !important;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) !important; }
.amd-title-color, .amd-title {
color: #267493; }
.amd-title-border, .amd-title {
border-left: 2px solid #42a3d0; }
.amd-button-raised-color, .amd-button--raised, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton {
color: #fff !important;
background-color: #19becf !important; }
.amd-input-control-colors, .amd-input__group__control {
background-color: #0f727c;
color: #baecf1; }
.amd-input-control-placeholder, .amd-input__group__control::-webkit-input-placeholder {
color: #5ed2dd; }
.amd-expansion-panel-bg-color {
background-color: #004560; }
.amd-expansion-panel-header-border {
border-bottom-color: #003348; }
.amd-expansion-panel-header-color {
color: #42a3d0; }
.amd-expansion-panel-content {
background-color: #004e6d; }
.amd-card-bg-color, .amd-card {
background-color: #004e6d; }
.amd-card-bg-color .amd-icon--circle .amd-icon--border, .amd-card .amd-icon--circle .amd-icon--border {
border-color: #ccc; }
.amd-card-bg-color--light, .amd-card--light {
background-color: #005c80; }
.amd-card-bg-color--light .amd-card-title-btn-border, .amd-card--light .amd-card-title-btn-border, .amd-card-bg-color--light .amd-card__title-btn, .amd-card--light .amd-card__title-btn,
.amd-card-bg-color--light .amd-card__title-btn,
.amd-card--light .amd-card__title-btn {
border-left: 1px solid #004560; }
.amd-card-bg-color--light .amd-icon--circle .amd-icon--border, .amd-card--light .amd-icon--circle .amd-icon--border {
border-color: #004560; }
.amd-card-title-color, .amd-card__title h4 {
color: #42a3d0; }
.amd-card-title-color--light, .amd-card--light .amd-card__title h4,
.amd-card--light .amd-card__title-icon {
color: #80adbf; }
.amd-card-title-btn-border, .amd-card__title-btn {
border-left: 1px solid #003348; }
.amd-list-col-border {
border-left: 1px solid #80adbf; }
.amd-list-item-border {
border-bottom: 1px solid #003348; }
.amd-list-icon-color {
color: #42a3d0; }
.amd-list-title-color {
color: #80adbf; }
.u-theme--positive .amd-link,
.u-theme--positive .amd-button--accent,
.u-theme--positive .amd-accent-500,
.u-theme--positive .amd-button--primary,
.u-theme--positive .amd-primary-500,
.u-theme--positive .amd-button--light,
.u-theme--positive .amd-button--reverse,
.u-theme--positive .amd-select__centers .mat-select-placeholder.mat-floating-placeholder {
color: #0071b9 !important; }
.u-theme--positive .amd-list__check {
border-right: 2px solid #d1d1d1; }
.u-theme--positive .amd-toolbar__title {
color: #4e4e4e; }
.u-theme--positive .amd-toolbar__action ul li {
border-right: 1px solid #ccc; }
.u-theme--positive .amd-wizard {
border-left: 1px solid #ddd !important; }
.u-theme--positive .amd-select__centers .mat-select-value {
color: #777 !important; }
.u-theme--positive .amd-select__centers .mat-select-underline {
background-color: #ccc; }
.u-theme--positive .deadlines-cell {
background-color: #fff; }
.u-theme--positive .deadlines-list__text {
color: #696969; }
.u-theme--positive .deadlines-list a,
.u-theme--positive .deadlines-list a:visited {
color: #444; }
.u-theme--positive .deadlines-list__bar {
background-color: #e6e6e6;
color: #333; }
.u-theme--positive .deadlines-list__item {
border-bottom: 1px solid #ddd; }
.u-theme--positive .news-cell__text {
color: #333; }
.u-theme--positive .news-cell__date {
color: #696969; }
.u-theme--positive .info-grid .amd-icon--border {
border-color: #ccc !important; }
.u-theme--positive .info-grid .amd-list__text p {
color: #696969; }
.u-theme--positive .news-grid__cell__date {
color: #696969; }
.u-theme--positive .news-grid__cell__text {
color: #333; }
.u-theme--positive .order-check__label {
color: #4e4e4e !important; }
.u-theme--positive .order-details__legend .amd-title {
color: #696969; }
.u-theme--positive .order-details__legend__item {
color: #777; }
.u-theme--positive .order-details__legend__item span {
color: #666; }
.u-theme--positive .order-details__tabs .mat-expansion-panel-body tbody {
border-bottom: 1px solid #eee; }
.u-theme--positive .order-details__tabs .mat-expansion-panel-body tbody:nth-of-type(even) {
background-color: #f5f5f5; }
.u-theme--positive .order-details__tabs .mat-tab-label {
background-color: #fff;
color: #0071b9; }
.u-theme--positive .amd-table__td--toggle {
border-left: 1px solid #eee !important;
border-right: 1px solid #eee !important; }
.u-theme--positive .amd-title {
color: #818181; }
.u-theme--positive .amd-breadcrumb__bookmark .mat-button,
.u-theme--positive .amd-breadcrumb__icon,
.u-theme--positive .amd-button--expanded,
.u-theme--positive .amd-card__title-btn .mat-icon {
color: #0071b9 !important; }
.u-theme--positive .amd-bg--primary .amd-bg--highlight,
.u-theme--positive .amd-bg--accent .amd-bg--highlight {
color: #42a3d0; }
.u-theme--positive .amd-breadcrumb__content {
border-left: 2px solid #0071b9; }
.u-theme--positive .amd-bg--border::before {
border-left: 3px solid #0071b9; }
.u-theme--positive .amd-heading {
color: #42a3d0; }
.u-theme--positive .amd-breadcrumb__link,
.u-theme--positive .amd-breadcrumb__title,
.u-theme--positive .amd-breadcrumb_link:visited {
color: #333333; }
.u-theme--positive .amd-label {
background-color: #eee;
color: #777;
border-color: #ccc; }
.u-theme--positive .amd-label--primary {
color: #0071b9; }
.u-theme--positive .amd-label .fa {
color: #4caf50; }
.u-theme--positive .u-divider {
border-top: 1px solid #ddd; }
.u-theme--positive .amd-bg--accent,
.u-theme--positive .amd-bg--primary {
background-color: #f2f2f2;
color: #4e4e4e; }
.u-theme--positive .amd-legend__item {
color: #818181; }
.u-theme--positive .mat-container-colors {
background-color: #e6e6e6;
color: #4e4e4e; }
.u-theme--positive .mat-radio-outer-circle {
border-color: #ccc; }
.u-theme--positive .mat-checkbox-disabled .mat-checkbox-label {
color: #999; }
.u-theme--positive .mat-checkbox-frame {
border-color: #a4a4a4 !important; }
.u-theme--positive .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.u-theme--positive .mat-checkbox-checked.mat-accent .mat-checkbox-background {
background-color: #42a3d0 !important; }
.u-theme--positive .mat-checkbox-checkmark-path {
stroke: #fff !important; }
.u-theme--positive .mat-slide-toggle-thumb {
background-color: #eee; }
.u-theme--positive .mat-ink-bar {
background-color: #0071b9 !important; }
.u-theme--positive .mat-toolbar-colors {
background-color: white;
border-bottom: 1px solid #ccc; }
.u-theme--positive .mat-tab-link {
color: #696969; }
.u-theme--positive .mat-tab-body__description {
background-color: #fff; }
.u-theme--positive .mat-tab-body__title {
background-color: #fff;
border-bottom: 1px solid #ccc;
color: #80adbf; }
.u-theme--positive .app-footer {
background-color: #d6d6d6;
color: #696969; }
.u-theme--positive .app-footer__grid h4,
.u-theme--positive .footer-colors a,
.u-theme--positive .app-footer a {
color: #333; }
.u-theme--positive .mat-expansion-panel-body tbody {
border-bottom: 1px solid #eee; }
.u-theme--positive .mat-expansion-panel-body tbody:nth-of-type(even) {
background-color: #f5f5f5; }
.u-theme--positive .mat-tab-label {
background-color: #fff;
color: #0071b9; }
.u-theme--positive .mat-tab-label:focus {
background-color: #fff !important; }
.u-theme--positive .mat-hint {
color: #919191 !important; }
.u-theme--positive .mat-slide-toggle-bar {
background-color: #ddd; }
.u-theme--positive .mat-form-field-label, .u-theme--positive .amd-placeholder {
color: rgba(21, 21, 21, 0.7); }
.u-theme--positive .mat-form-field-underline,
.u-theme--positive .mat-form-field-underline {
background-color: #ddd !important; }
.u-theme--positive .mat-input-element,
.u-theme--positive .mat-select-value {
color: #444 !important; }
.u-theme--positive .amd-input--invalid .md2-datepicker-input {
border-bottom: 2px solid #f44336 !important; }
.u-theme--positive .amd-input--error,
.u-theme--positive .mat-input-error {
color: #f44336; }
table.mat-table {
width: 100%;
display: table;
font-size: 12px;
margin: 0;
table-layout: fixed;
border: none; }
@media only screen and (max-width: 992px) {
table.mat-table {
font-size: 11px; } }
table.mat-table tbody {
background-color: #fff;
white-space: pre; }
table.mat-table tbody .mat-cell {
color: #4e4e4e; }
table.mat-table thead {
background-color: #005c80;
text-align: left; }
table.mat-table thead .mat-header-cell {
color: #fff; }
table.mat-table thead .mat-header-row {
height: 52px; }
table.mat-table thead .mat-header-cell:hover {
cursor: pointer; }
table.mat-table thead .mat-icon {
width: 16px;
height: 16px;
vertical-align: middle;
font-size: 17px;
color: #fff;
opacity: 0.5;
font-weight: bold; }
table.mat-table thead .mat-icon--enabled {
opacity: 1 !important; }
table.mat-table .mat-cell,
table.mat-table .mat-header-cell {
padding: 20px;
display: table-cell;
border: none;
vertical-align: middle; }
@media only screen and (max-width: 992px) {
table.mat-table .mat-cell,
table.mat-table .mat-header-cell {
padding: 10px; } }
table.mat-table .mat-header-cell {
vertical-align: middle;
position: relative;
text-align: left;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px; }
@media only screen and (max-width: 992px) {
table.mat-table .mat-header-cell {
font-size: 9px; } }
table.mat-table .mat-header-cell .mat-icon {
position: absolute;
left: 1px; }
table.mat-table .mat-header-cell .mat-icon--up {
top: 26%; }
table.mat-table .mat-header-cell .mat-icon--down {
bottom: 23%; }
table.mat-table tfoot td {
padding: 15px 0; }
table.mat-table .mat-cell .mat-form-field {
display: inline-block; }
table.mat-table__tfoot {
background: #f6f6f6;
font-size: 15px;
text-align: center; }
table.mat-table--highlight tbody .mat-row:hover {
cursor: pointer;
background-color: #f2f2f2; }
table.mat-table--highlight tbody .mat-row:hover .order-list__icon {
background-color: #e6e6e6; }
table.mat-table--striped > tbody > .mat-row:nth-child(odd) {
background-color: #f2f2f2; }
table.mat-table--striped > tbody > .mat-row:nth-child(even) {
background-color: #fff; }
table.mat-table--striped > tbody > .mat-row > .mat-cell {
-webkit-border-radius: 0;
border-radius: 0; }
table.mat-table--centered thead .mat-header-row .mat-header-cell,
table.mat-table--centered tbody .mat.row .mat-cell {
text-align: center; }
table.mat-table--collapsed .mat-cell,
table.mat-table--collapsed .mat-header-cell {
padding: 0 20px; }
table.mat-table--align-middle .mat-cell {
vertical-align: middle !important; }
table.mat-table__col-bar {
opacity: 0;
padding: 0 !important; }
table.mat-table__col-bar span {
display: block;
width: 4px;
height: 68px;
margin: 2px;
background-color: #19becf;
-webkit-transition: opacity .8s;
transition: opacity .8s; }
table.mat-table__row--highlighted {
background-color: #e0ebf0;
border-bottom: 1px solid #b3ced9 !important; }
table.mat-table__row--highlighted:hover .amd-table__col-bar {
opacity: 1;
-webkit-transition: opacity .25s ease-in-out;
transition: opacity .25s ease-in-out; }
table.mat-table__row--highlighted .amd-link--group .amd-link--border {
background-color: #fff; }
table.mat-table__row--highlighted .amd-link--group .amd-link--border:hover {
background-color: #b3ced9;
border: 1px solid #42a3d0; }
table.mat-table__row--highlighted .amd-link--border {
border: 1px solid #b3ced9; }
table.mat-table .mat-form-field-underline:not(.mat-disabled) {
background-color: #e0e0e0 !important; }
.amd-table {
width: 100%;
display: table;
font-size: 12px;
margin: 0;
table-layout: fixed;
border: none;
white-space: pre-wrap; }
@media only screen and (max-width: 992px) {
.amd-table {
font-size: 11px; } }
.amd-table tbody {
background-color: #fff;
color: #4e4e4e; }
.amd-table thead {
background-color: #005c80;
color: #fff;
text-align: left; }
.amd-table thead tr {
height: 52px; }
.amd-table thead th:hover {
cursor: pointer; }
.amd-table thead .mat-icon {
width: 16px;
height: 16px;
vertical-align: middle;
font-size: 17px;
color: #fff;
opacity: 0.5;
font-weight: bold; }
.amd-table thead .mat-icon--enabled {
opacity: 1 !important; }
.amd-table td,
.amd-table th {
padding: 20px;
display: table-cell;
border: none;
vertical-align: middle; }
@media only screen and (max-width: 992px) {
.amd-table td,
.amd-table th {
padding: 10px; } }
.amd-table th {
vertical-align: middle;
position: relative;
text-align: left;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px; }
@media only screen and (max-width: 992px) {
.amd-table th {
font-size: 9px; } }
.amd-table th .mat-icon {
position: absolute;
left: 1px; }
.amd-table th .mat-icon--up {
top: 26%; }
.amd-table th .mat-icon--down {
bottom: 23%; }
.amd-table tfoot td {
padding: 15px 0; }
.amd-table td .mat-form-field {
display: inline-block; }
.amd-table__tfoot {
background: #f6f6f6;
font-size: 15px;
text-align: center; }
.amd-table--highlight tbody tr:hover {
cursor: pointer;
background-color: #f2f2f2; }
.amd-table--highlight tbody tr:hover .order-list__icon {
background-color: #e6e6e6; }
.amd-table--striped > tbody > tr:nth-child(odd) {
background-color: #f2f2f2; }
.amd-table--striped > tbody > tr:nth-child(even) {
background-color: #fff; }
.amd-table--striped > tbody > tr > td {
-webkit-border-radius: 0;
border-radius: 0; }
.amd-table--centered thead tr th,
.amd-table--centered tbody tr td {
text-align: center; }
.amd-table--collapsed td,
.amd-table--collapsed th {
padding: 0 20px; }
.amd-table--align-middle td {
vertical-align: middle !important; }
.amd-table__col--highlighted {
background-color: #005c80;
color: #fff; }
.amd-table__col-bar {
opacity: 0;
padding: 0 !important; }
.amd-table__col-bar span {
display: block;
width: 4px;
height: 68px;
margin: 2px;
background-color: #19becf;
-webkit-transition: opacity .8s;
transition: opacity .8s; }
.amd-table__row--highlighted {
background-color: #b3ced9;
border-bottom: 1px solid #80adbf !important; }
.amd-table__row--highlighted:hover .amd-table__col-bar {
opacity: 1;
-webkit-transition: opacity .25s ease-in-out;
transition: opacity .25s ease-in-out; }
.amd-table__row--highlighted .amd-link--group .amd-link--border {
background-color: #fff; }
.amd-table__row--highlighted .amd-link--group .amd-link--border:hover {
background-color: #b3ced9;
border: 1px solid #42a3d0; }
.amd-table__row--highlighted .amd-link--border {
border: 1px solid #b3ced9; }
.amd-table .mat-form-field-underline:not(.mat-disabled) {
background-color: #e0e0e0 !important; }
.amd-table__authority th {
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
letter-spacing: 0.92px;
line-height: 13px;
padding: 10px 15px; }
.amd-table__authority th .mat-icon--up, .amd-table__authority th .mat-icon--down {
left: -2px; }
.amd-table__authority td {
padding: 18px 15px;
font-size: 12px;
line-height: 14px; }
.amd-table__authority td .amd-icon--font {
font-size: 22px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
color: #5D8392; }
.amd-table__authority td .amd-icon__scope {
display: inline;
padding: 3px;
font-size: 20px; }
.amd-table__authority td .amd-icon__scope--container {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
font-size: 10px;
font-weight: bold;
line-height: 12px;
text-align: center;
color: #94B9C8; }
.amd-table__authority td .amd-icon__scope--count {
margin-top: 5px;
font-size: 10px;
font-weight: bold;
line-height: 12px; }
.amd-table__authority td.amd-icon__scope--cell {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row; }
.amd-table__authority th .checkbox-cell, .amd-table__authority td .checkbox-cell {
width: 50px;
text-align: center; }
.amd-table__authority .cursor-default th {
cursor: default !important; }
.amd-table__authority.amd-table--bordered-td-only td {
border-bottom: 1px solid #ccc; }
@media only screen and (max-width: 1400px) {
.amd-table__authority-mechanics th, .amd-table__authority-carbody th {
font-size: 10px; } }
.amd-table__authority-mechanics th.empty, .amd-table__authority-carbody th.empty {
padding: 0 5px;
width: 10px !important; }
.amd-table__authority-mechanics td, .amd-table__authority-carbody td {
line-height: 1.1; }
@media only screen and (max-width: 1400px) {
.amd-table__authority-mechanics td, .amd-table__authority-carbody td {
font-size: 11px; }
.amd-table__authority-mechanics td [class^="amd-icon--"], .amd-table__authority-carbody td [class^="amd-icon--"] {
width: 100%; }
.amd-table__authority-mechanics td .warranty-viewer, .amd-table__authority-carbody td .warranty-viewer {
padding: 5px 2px; }
.amd-table__authority-mechanics td .mat-select-value, .amd-table__authority-carbody td .mat-select-value {
font-size: 11px; }
.amd-table__authority-mechanics td .mat-select-arrow, .amd-table__authority-carbody td .mat-select-arrow {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid; } }
.amd-table__authority-mechanics td [class^="amd-icon--"], .amd-table__authority-carbody td [class^="amd-icon--"] {
font-size: 16px;
line-height: 18px;
margin-right: 5px; }
.amd-table__authority-mechanics td .mat-select-value, .amd-table__authority-carbody td .mat-select-value {
font-size: 12px;
text-align: left;
line-height: 1px;
color: #4e4e4e; }
.amd-table__authority-mechanics th, .amd-table__authority-mechanics td, .amd-table__authority-carbody th, .amd-table__authority-carbody td {
padding: 10px 4px;
word-break: break-word; }
@media only screen and (max-width: 1400px) {
.amd-table__authority-mechanics th, .amd-table__authority-mechanics td, .amd-table__authority-carbody th, .amd-table__authority-carbody td {
padding: 5px 2px; }
.amd-table__authority-mechanics th .mat-checkbox-inner-container, .amd-table__authority-mechanics td .mat-checkbox-inner-container, .amd-table__authority-carbody th .mat-checkbox-inner-container, .amd-table__authority-carbody td .mat-checkbox-inner-container {
height: 18px;
width: 18px; } }
.amd-table__authority-mechanics th .mat-checkbox-inner-container, .amd-table__authority-mechanics td .mat-checkbox-inner-container, .amd-table__authority-carbody th .mat-checkbox-inner-container, .amd-table__authority-carbody td .mat-checkbox-inner-container {
margin-left: 5px;
margin-top: 0 !important; }
@media only screen and (max-width: 1400px) {
.amd-table__authority-mechanics th .mat-checkbox-inner-container, .amd-table__authority-mechanics td .mat-checkbox-inner-container, .amd-table__authority-carbody th .mat-checkbox-inner-container, .amd-table__authority-carbody td .mat-checkbox-inner-container {
margin-left: 3px; } }
.amd-table__authority-mechanics-vertical th, .amd-table__authority-mechanics-vertical td, .amd-table__authority-carbody-vertical th, .amd-table__authority-carbody-vertical td {
padding: 10px 10px; }
@media only screen and (max-width: 1400px) {
.amd-table__authority-mechanics-vertical th, .amd-table__authority-carbody-vertical th {
font-size: 10px; } }
@media only screen and (max-width: 1400px) {
.amd-table__authority-mechanics-vertical td, .amd-table__authority-carbody-vertical td {
font-size: 11px; } }
/*
.amd-stepper
markup:
Arrivo previsto
1
Arrivo effettivo
2
Arrivo effettivo
2
Arrivo effettivo
2
Styleguide 7.7
*/
@font-face {
font-family: 'HelveticaNeueLTStd-Roman';
src: url("/assets/fonts/3447C2_6_0.eot");
src: url("/assets/fonts/3447C2_6_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_6_0.woff2") format("woff2"), url("/assets/fonts/3447C2_6_0.woff") format("woff"), url("/assets/fonts/3447C2_6_0.ttf") format("truetype"); }
@font-face {
font-family: 'HelveticaNeueLTStd-Bd';
src: url("/assets/fonts/3447C2_8_0.eot");
src: url("/assets/fonts/3447C2_8_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_8_0.woff2") format("woff2"), url("/assets/fonts/3447C2_8_0.woff") format("woff"), url("/assets/fonts/3447C2_8_0.ttf") format("truetype"); }
@font-face {
font-family: 'HelveticaNeueLTStd-Lt';
src: url("/assets/fonts/3447C2_3_0.eot");
src: url("/assets/fonts/3447C2_3_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_3_0.woff2") format("woff2"), url("/assets/fonts/3447C2_3_0.woff") format("woff"), url("/assets/fonts/3447C2_3_0.ttf") format("truetype"); }
@font-face {
font-family: 'HelveticaNeueLTStd-Md';
src: url("/assets/fonts/3447C2_5_0.eot");
src: url("/assets/fonts/3447C2_5_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_5_0.woff2") format("woff2"), url("/assets/fonts/3447C2_5_0.woff") format("woff"), url("/assets/fonts/3447C2_5_0.ttf") format("truetype"); }
.HelveticaNeueLTStd-Roman, body, .mat-form-field,
.mat-input-element,
.mat-form-field-label, .amd-placeholder,
.md2-datepicker,
.md2-datepicker-value,
.md2-datepicker-placeholder,
.mat-radio-label-content,
.mat-radio-button,
.mat-select,
.mat-select-placeholder,
.mat-select-value-text,
.mat-option,
.mat-checkbox,
.mat-list-item,
.mat-tab-group,
.mat-expansion-panel-content,
.mat-bottom-sheet-container, .mat-tab-body__description, .mat-list .mat-subheader,
.mat-nav-list .mat-subheader, .introjs-button, .amd-button, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .amd-card__title--normal, .amd-expansion-panel__subtitle, .amd-link, .amd-link--station .amd-link__title, .amd-list__subtext, .amd-check-item__alert .amd-button, .theme--myald-dialog .amd-files-list__item.mat-list-item .amd-files-list__name {
font-family: HelveticaNeueLTStd-Roman, Arial, Helvetica, sans-serif !important; }
.HelveticaNeueLTStd-Bd, b,
strong, h2, h6, .mat-horizontal-stepper-header .mat-step-icon, .mat-step-text-label, .mat-tab-label,
.mat-tab-link, .mat-tab-body__title, .mat-expansion-panel-header-title, .mat-chip, .mat-menu-panel .mat-subheader, .u-main-title, .amd-dialog__header .mat-dialog-title, .u-phone, .amd-user, .amd-title, .amd-label, .fc .fc-toolbar h2, .introjs-tooltip--welcome .introjs-head h3, .introjs-subtitle, .introjs-title, .amd-bottom-nav__item .amd-bottom-nav__button, .amd-button--reverse, .amd-button--raised, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .amd-button--expanded, .amd-button--uppercase, .amd-card__title h4, .amd-dialog .amd-files-counter, .amd-multi-panels .mat-tab-label-active, .amd-expansion-panel__description .amd-button, .amd-expansion-panel__description .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .amd-expansion-panel__description .introjs-nextbutton, .amd-expansion-panel__filters, .amd-files-list__name, .amd-items-counter .amd-button, .amd-items-counter .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .amd-items-counter .introjs-nextbutton, .amd-items-counter__subtitle, .amd-link--reverse span, .amd-link--text, .amd-link__title, .amd-link__info, .amd-list--events h4, .amd-list__title, .amd-list__text .title,
.amd-list__text h6, .amd-list--sidenav .mat-list-item, .amd-list--selection .amd-list__subheader, .amd-message, .amd-notification, table.mat-table .mat-header-cell, .amd-table th, .amd-table__col--highlighted, .amd-stepper__step--active .amd-stepper__name, .amd-stepper__icon, .amd-stepper__icon-disabled, .amd-heading, .amd-notify__title, .amd-badge__title, .amd-check-item__name p, .amd-check-item__status, .amd-check-item__counter, .amd-button-toggle, .theme--myald .amd-button--raised, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .introjs-nextbutton,
.theme--myald .amd-button-raised-color,
.theme--myald a.amd-button.amd-button--light.cta-button, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.cta-button.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.cta-button.introjs-nextbutton,
.theme--myald a.amd-button.amd-button--light.stepper-prev.myald-button-inverse, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.stepper-prev.myald-button-inverse.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.stepper-prev.myald-button-inverse.introjs-nextbutton, .theme--myald a.amd-button.amd-button--light.cta-button.myald--aggiungi-controparte, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.cta-button.myald--aggiungi-controparte.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.cta-button.myald--aggiungi-controparte.introjs-nextbutton,
.theme--myald a.amd-button.amd-button--light.stepper-prev.myald--aggiungi-controparte, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.stepper-prev.myald--aggiungi-controparte.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.stepper-prev.myald--aggiungi-controparte.introjs-nextbutton,
.theme--myald a.amd-link.amd-link--dark.ald-generic-add,
.theme--myald button.amd-button.amd-button--raised.button-panel-title.cta-button.myald--aggiungi-controparte, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.button-panel-title.cta-button.myald--aggiungi-controparte.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald button.button-panel-title.cta-button.myald--aggiungi-controparte.introjs-nextbutton, .theme--myald .action-button.action-button--myald button.amd-button.amd-button--raised.stepper-next.mat-button.mat-raised-button, .theme--myald .action-button.action-button--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.stepper-next.mat-button.mat-raised-button.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .action-button.action-button--myald button.stepper-next.mat-button.mat-raised-button.introjs-nextbutton,
.theme--myald .action-button.action-button--myald button.amd-button.amd-button--raised.stepper-prev.mat-button.mat-raised-button, .theme--myald .action-button.action-button--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.stepper-prev.mat-button.mat-raised-button.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .action-button.action-button--myald button.stepper-prev.mat-button.mat-raised-button.introjs-nextbutton, .theme--myald .pre-step a.amd-button.amd-button--light, .theme--myald .pre-step .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .pre-step a.amd-button--light.introjs-nextbutton, .theme--myald .pre-step p.prestep-ald, .theme--myald .myald-bottom-navigation-btn, .theme--myald .myald-typage-title, .theme--myald .scarica-documento, .theme--myald-dialog a.amd-button.amd-button--reverse, .theme--myald-dialog .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--reverse.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald-dialog a.amd-button--reverse.introjs-nextbutton {
font-family: HelveticaNeueLTStd-Bd, Arial, Helvetica, sans-serif !important;
font-weight: normal !important; }
.HelveticaNeueLTStd-Md, .mat-error, .amd-legend__item, .claims-bottom-box, .fc .fc-head-container th, .fc .fc-time, .fc .fc-event, .amd-expansion-panel__recap, .amd-input--error, .amd-items-counter__title, .amd-link--station .amd-link__subtitle, .amd-link--station .amd-link__distance, .amd-check-item__date {
font-family: HelveticaNeueLTStd-Md, Arial, Helvetica, sans-serif !important; }
.HelveticaNeueLTStd-Lt, .amd-link--station .amd-link__note {
font-family: HelveticaNeueLTStd-Lt, Arial, Helvetica, sans-serif !important; }
/**
* Applies styles for users in high contrast mode. Note that this only applies
* to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
* attribute, however Chrome handles high contrast differently.
* @param target Which kind of high contrast setting to target. Defaults to `active`, can be
* `white-on-black` or `black-on-white`.
*/
/* Theme for the ripple elements.*/
/* stylelint-disable material/no-prefixes */
/* stylelint-enable */
.mat-elevation-z0 {
-webkit-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);
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); }
.mat-elevation-z1 {
-webkit-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);
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); }
.mat-elevation-z2 {
-webkit-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);
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); }
.mat-elevation-z3 {
-webkit-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);
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); }
.mat-elevation-z4 {
-webkit-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);
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); }
.mat-elevation-z5 {
-webkit-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);
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); }
.mat-elevation-z6 {
-webkit-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);
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); }
.mat-elevation-z7 {
-webkit-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);
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); }
.mat-elevation-z8 {
-webkit-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);
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); }
.mat-elevation-z9 {
-webkit-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);
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); }
.mat-elevation-z10 {
-webkit-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);
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); }
.mat-elevation-z11 {
-webkit-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);
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); }
.mat-elevation-z12 {
-webkit-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);
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); }
.mat-elevation-z13 {
-webkit-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);
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); }
.mat-elevation-z14 {
-webkit-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);
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); }
.mat-elevation-z15 {
-webkit-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);
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); }
.mat-elevation-z16 {
-webkit-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);
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); }
.mat-elevation-z17 {
-webkit-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);
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); }
.mat-elevation-z18 {
-webkit-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);
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); }
.mat-elevation-z19 {
-webkit-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);
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); }
.mat-elevation-z20 {
-webkit-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);
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); }
.mat-elevation-z21 {
-webkit-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);
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); }
.mat-elevation-z22 {
-webkit-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);
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); }
.mat-elevation-z23 {
-webkit-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);
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); }
.mat-elevation-z24 {
-webkit-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);
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); }
.mat-badge-content {
font-weight: 600;
font-size: 12px;
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-badge-small .mat-badge-content {
font-size: 6px; }
.mat-badge-large .mat-badge-content {
font-size: 24px; }
.mat-h1, .mat-headline, .mat-typography h1 {
font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h2, .mat-title, .mat-typography h2 {
font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h3, .mat-subheading-2, .mat-typography h3 {
font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h4, .mat-subheading-1, .mat-typography h4 {
font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h5, .mat-typography h5 {
font: 400 11.62px/20px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 12px; }
.mat-h6, .mat-typography h6 {
font: 400 9.38px/20px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 12px; }
.mat-body-strong, .mat-body-2 {
font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
.mat-body, .mat-body-1, .mat-typography {
font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-body p, .mat-body-1 p, .mat-typography p {
margin: 0 0 12px; }
.mat-small, .mat-caption {
font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-display-4, .mat-typography .mat-display-4 {
font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 56px;
letter-spacing: -0.05em; }
.mat-display-3, .mat-typography .mat-display-3 {
font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 64px;
letter-spacing: -0.02em; }
.mat-display-2, .mat-typography .mat-display-2 {
font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 64px;
letter-spacing: -0.005em; }
.mat-display-1, .mat-typography .mat-display-1 {
font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 64px; }
.mat-bottom-sheet-container {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 16px;
font-weight: 400; }
.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500; }
.mat-button-toggle {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-card {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-card-title {
font-size: 24px;
font-weight: 400; }
.mat-card-subtitle,
.mat-card-content,
.mat-card-header .mat-card-title {
font-size: 14px; }
.mat-checkbox {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-checkbox-layout .mat-checkbox-label {
line-height: 24px; }
.mat-chip {
font-size: 13px;
line-height: 18px; }
.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
font-size: 18px; }
.mat-table {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-header-cell {
font-size: 12px;
font-weight: 500; }
.mat-cell, .mat-footer-cell {
font-size: 14px; }
.mat-calendar {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-calendar-body {
font-size: 13px; }
.mat-calendar-body-label,
.mat-calendar-period-button {
font-size: 14px;
font-weight: 500; }
.mat-calendar-table-header th {
font-size: 11px;
font-weight: 400; }
.mat-dialog-title {
font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; }
.mat-expansion-panel-header {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 15px;
font-weight: 400; }
.mat-expansion-panel-content {
font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-form-field {
font-size: inherit;
font-weight: 400;
line-height: 1.125;
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-form-field-wrapper {
padding-bottom: 1.34375em; }
.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
font-size: 150%;
line-height: 1.125; }
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
height: 1.5em;
width: 1.5em; }
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
height: 1.125em;
line-height: 1.125; }
.mat-form-field-infix {
padding: 0.5em 0;
border-top: 0.84375em solid transparent; }
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.34375em) scale(0.75);
transform: translateY(-1.34375em) scale(0.75);
width: 133.33333333%; }
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label, .mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.34374em) scale(0.75);
transform: translateY(-1.34374em) scale(0.75);
width: 133.33334333%; }
.mat-form-field-label-wrapper {
top: -0.84375em;
padding-top: 0.84375em; }
.mat-form-field-label, .amd-placeholder {
top: 1.34375em; }
.mat-form-field-underline {
bottom: 1.34375em; }
.mat-form-field-subscript-wrapper {
font-size: 75%;
margin-top: 0.66666667em;
top: -webkit-calc(100% - 1.79166667em);
top: calc(100% - 1.79166667em); }
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
padding-bottom: 1.25em; }
.mat-form-field-appearance-legacy .mat-form-field-infix {
padding: 0.4375em 0; }
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-ms-transform: translateY(-1.28125em) scale(0.75);
width: 133.33333333%; }
.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, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
-ms-transform: translateY(-1.28124em) scale(0.75);
width: 133.33334333%; }
.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, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
-ms-transform: translateY(-1.28123em) scale(0.75);
width: 133.33335333%; }
.mat-form-field-appearance-legacy .mat-form-field-label, .mat-form-field-appearance-legacy .amd-placeholder {
top: 1.28125em; }
.mat-form-field-appearance-legacy .mat-form-field-underline {
bottom: 1.25em; }
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
margin-top: 0.54166667em;
top: -webkit-calc(100% - 1.66666667em);
top: calc(100% - 1.66666667em); }
.mat-form-field-appearance-fill .mat-form-field-infix {
padding: 0.25em 0 0.75em 0; }
.mat-form-field-appearance-fill .mat-form-field-label, .mat-form-field-appearance-fill .amd-placeholder {
top: 1.09375em;
margin-top: -0.5em; }
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-0.59375em) scale(0.75);
transform: translateY(-0.59375em) scale(0.75);
width: 133.33333333%; }
.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, .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-0.59374em) scale(0.75);
transform: translateY(-0.59374em) scale(0.75);
width: 133.33334333%; }
.mat-form-field-appearance-outline .mat-form-field-infix {
padding: 1em 0 1em 0; }
.mat-form-field-appearance-outline .mat-form-field-label, .mat-form-field-appearance-outline .amd-placeholder {
top: 1.84375em;
margin-top: -0.25em; }
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.59375em) scale(0.75);
transform: translateY(-1.59375em) scale(0.75);
width: 133.33333333%; }
.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, .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.59374em) scale(0.75);
transform: translateY(-1.59374em) scale(0.75);
width: 133.33334333%; }
.mat-grid-tile-header,
.mat-grid-tile-footer {
font-size: 14px; }
.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
font-size: 12px; }
input.mat-input-element {
margin-top: -0.0625em; }
.mat-menu-item {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 16px;
font-weight: 400; }
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 12px; }
.mat-radio-button {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-select {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-select-trigger {
height: 1.125em; }
.mat-slide-toggle-content {
font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-slider-thumb-label-text {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 12px;
font-weight: 500; }
.mat-stepper-vertical, .mat-stepper-horizontal {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-step-label {
font-size: 14px;
font-weight: 400; }
.mat-step-label-selected {
font-size: 14px;
font-weight: 500; }
.mat-tab-group {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-tab-label, .mat-tab-link {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500; }
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
margin: 0; }
.mat-tooltip {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 10px;
padding-top: 6px;
padding-bottom: 6px; }
.mat-tooltip-handset {
font-size: 14px;
padding-top: 9px;
padding-bottom: 9px; }
.mat-list-item {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-list-option {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
font-size: 16px; }
.mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
font-size: 14px; }
.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
font-size: 16px; }
.mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
font-size: 14px; }
.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500; }
.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
font-size: 12px; }
.mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
font-size: 12px; }
.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
font-size: 12px; }
.mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
font-size: 12px; }
.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 12px;
font-weight: 500; }
.mat-option {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 16px; }
.mat-optgroup-label {
font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
.mat-simple-snackbar {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px; }
.mat-simple-snackbar-action {
line-height: 1;
font-family: inherit;
font-size: inherit;
font-weight: 500; }
.mat-tree {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-tree-node {
font-weight: 400;
font-size: 14px; }
.mat-ripple {
overflow: hidden; }
.mat-ripple.mat-ripple-unbounded {
overflow: visible; }
.mat-ripple-element {
position: absolute;
-webkit-border-radius: 50%;
border-radius: 50%;
pointer-events: none;
-webkit-transition: opacity, -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity, -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
-webkit-transform: scale(0);
transform: scale(0); }
@media screen and (-ms-high-contrast: active) {
.mat-ripple-element {
display: none; } }
.cdk-visually-hidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
outline: 0;
-webkit-appearance: none;
-moz-appearance: none; }
.cdk-overlay-container, .cdk-global-overlay-wrapper {
pointer-events: none;
top: 0;
left: 0;
height: 100%;
width: 100%; }
.cdk-overlay-container {
position: fixed;
z-index: 1000; }
.cdk-overlay-container:empty {
display: none; }
.cdk-global-overlay-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: flex;
position: absolute;
z-index: 1000; }
.cdk-overlay-pane {
position: absolute;
pointer-events: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 1000;
display: -webkit-box;
display: -webkit-flex;
display: flex;
max-width: 100%;
max-height: 100%; }
.cdk-overlay-backdrop {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
pointer-events: auto;
-webkit-tap-highlight-color: transparent;
-webkit-transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
opacity: 0; }
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
opacity: 1; }
@media screen and (-ms-high-contrast: active) {
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
opacity: 0.6; } }
.cdk-overlay-dark-backdrop {
background: rgba(0, 0, 0, 0.288); }
.cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
opacity: 0; }
.cdk-overlay-connected-position-bounding-box {
position: absolute;
z-index: 1000;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
min-width: 1px;
min-height: 1px; }
.cdk-global-scrollblock {
position: fixed;
width: 100%;
overflow-y: scroll; }
@keyframes cdk-text-field-autofill-start {
/*!*/ }
@keyframes cdk-text-field-autofill-end {
/*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
-webkit-animation-name: cdk-text-field-autofill-start;
animation-name: cdk-text-field-autofill-start; }
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
-webkit-animation-name: cdk-text-field-autofill-end;
animation-name: cdk-text-field-autofill-end; }
textarea.cdk-textarea-autosize {
resize: none; }
textarea.cdk-textarea-autosize-measuring {
height: auto !important;
overflow: hidden !important;
padding: 2px 0 !important;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important; }
.mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-option {
color: white; }
.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
background: rgba(255, 255, 255, 0.04); }
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
background: rgba(255, 255, 255, 0.04); }
.mat-option.mat-active {
background: rgba(255, 255, 255, 0.04);
color: white; }
.mat-option.mat-option-disabled {
color: rgba(255, 255, 255, 0.5); }
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
color: #19becf; }
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
color: #005c80; }
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
color: #f44336; }
.mat-optgroup-label {
color: rgba(255, 255, 255, 0.7); }
.mat-optgroup-disabled .mat-optgroup-label {
color: rgba(255, 255, 255, 0.5); }
.mat-pseudo-checkbox {
color: rgba(255, 255, 255, 0.7); }
.mat-pseudo-checkbox::after {
color: #303030; }
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
background: #005c80; }
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
background: #19becf; }
.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
background: #f44336; }
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
background: #686868; }
.mat-app-background {
background-color: #303030;
color: white; }
.mat-theme-loaded-marker {
display: none; }
.mat-autocomplete-panel {
background: #424242;
color: white; }
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
background: #424242; }
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
color: white; }
.mat-badge-content {
color: white;
background: #19becf; }
.mat-badge-accent .mat-badge-content {
background: #005c80;
color: white; }
.mat-badge-warn .mat-badge-content {
color: white;
background: #f44336; }
.mat-badge {
position: relative; }
.mat-badge-hidden .mat-badge-content {
display: none; }
.mat-badge-content {
position: absolute;
text-align: center;
display: inline-block;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: -webkit-transform 200ms ease-in-out;
transition: -webkit-transform 200ms ease-in-out;
transition: transform 200ms ease-in-out;
transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
-webkit-transform: scale(0.6);
transform: scale(0.6);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
pointer-events: none; }
.mat-badge-content.mat-badge-active {
-webkit-transform: none;
transform: none; }
.mat-badge-small .mat-badge-content {
width: 16px;
height: 16px;
line-height: 16px; }
@media screen and (-ms-high-contrast: active) {
.mat-badge-small .mat-badge-content {
outline: solid 1px;
-webkit-border-radius: 0;
border-radius: 0; } }
.mat-badge-small.mat-badge-above .mat-badge-content {
top: -8px; }
.mat-badge-small.mat-badge-below .mat-badge-content {
bottom: -8px; }
.mat-badge-small.mat-badge-before .mat-badge-content {
left: -16px; }
[dir='rtl'] .mat-badge-small.mat-badge-before .mat-badge-content {
left: auto;
right: -16px; }
.mat-badge-small.mat-badge-after .mat-badge-content {
right: -16px; }
[dir='rtl'] .mat-badge-small.mat-badge-after .mat-badge-content {
right: auto;
left: -16px; }
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -8px; }
[dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -8px; }
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -8px; }
[dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -8px; }
.mat-badge-medium .mat-badge-content {
width: 22px;
height: 22px;
line-height: 22px; }
@media screen and (-ms-high-contrast: active) {
.mat-badge-medium .mat-badge-content {
outline: solid 1px;
-webkit-border-radius: 0;
border-radius: 0; } }
.mat-badge-medium.mat-badge-above .mat-badge-content {
top: -11px; }
.mat-badge-medium.mat-badge-below .mat-badge-content {
bottom: -11px; }
.mat-badge-medium.mat-badge-before .mat-badge-content {
left: -22px; }
[dir='rtl'] .mat-badge-medium.mat-badge-before .mat-badge-content {
left: auto;
right: -22px; }
.mat-badge-medium.mat-badge-after .mat-badge-content {
right: -22px; }
[dir='rtl'] .mat-badge-medium.mat-badge-after .mat-badge-content {
right: auto;
left: -22px; }
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -11px; }
[dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -11px; }
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -11px; }
[dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -11px; }
.mat-badge-large .mat-badge-content {
width: 28px;
height: 28px;
line-height: 28px; }
@media screen and (-ms-high-contrast: active) {
.mat-badge-large .mat-badge-content {
outline: solid 1px;
-webkit-border-radius: 0;
border-radius: 0; } }
.mat-badge-large.mat-badge-above .mat-badge-content {
top: -14px; }
.mat-badge-large.mat-badge-below .mat-badge-content {
bottom: -14px; }
.mat-badge-large.mat-badge-before .mat-badge-content {
left: -28px; }
[dir='rtl'] .mat-badge-large.mat-badge-before .mat-badge-content {
left: auto;
right: -28px; }
.mat-badge-large.mat-badge-after .mat-badge-content {
right: -28px; }
[dir='rtl'] .mat-badge-large.mat-badge-after .mat-badge-content {
right: auto;
left: -28px; }
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -14px; }
[dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -14px; }
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -14px; }
[dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -14px; }
.mat-bottom-sheet-container {
background: #424242;
color: white; }
.mat-button, .mat-icon-button, .mat-stroked-button {
color: inherit;
background: transparent; }
.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
color: #19becf; }
.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
color: #005c80; }
.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
color: #f44336; }
.mat-button.mat-primary[disabled], .mat-button.mat-accent[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled], .mat-stroked-button.mat-primary[disabled], .mat-stroked-button.mat-accent[disabled], .mat-stroked-button.mat-warn[disabled], .mat-stroked-button[disabled][disabled] {
color: rgba(255, 255, 255, 0.3); }
.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
background-color: rgba(25, 190, 207, 0.12); }
.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
background-color: rgba(0, 92, 128, 0.12); }
.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
background-color: rgba(244, 67, 54, 0.12); }
.mat-button[disabled] .mat-button-focus-overlay, .mat-icon-button[disabled] .mat-button-focus-overlay, .mat-stroked-button[disabled] .mat-button-focus-overlay {
background-color: transparent; }
.mat-button.mat-primary .mat-ripple-element, .mat-icon-button.mat-primary .mat-ripple-element, .mat-stroked-button.mat-primary .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.1); }
.mat-button.mat-accent .mat-ripple-element, .mat-icon-button.mat-accent .mat-ripple-element, .mat-stroked-button.mat-accent .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.1); }
.mat-button.mat-warn .mat-ripple-element, .mat-icon-button.mat-warn .mat-ripple-element, .mat-stroked-button.mat-warn .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.1); }
.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
color: white;
background-color: #424242; }
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
color: white; }
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
color: white; }
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
color: white; }
.mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
color: rgba(255, 255, 255, 0.3); }
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
background-color: #19becf; }
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
background-color: #005c80; }
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
background-color: #f44336; }
.mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
background-color: rgba(255, 255, 255, 0.12); }
.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-icon-button.mat-primary .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.2); }
.mat-icon-button.mat-accent .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.2); }
.mat-icon-button.mat-warn .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.2); }
.mat-button-toggle {
color: rgba(255, 255, 255, 0.5); }
.mat-button-toggle .mat-button-toggle-focus-overlay {
background-color: rgba(255, 255, 255, 0.12); }
.mat-button-toggle-checked {
background-color: #212121;
color: rgba(255, 255, 255, 0.7); }
.mat-button-toggle-disabled {
background-color: black;
color: rgba(255, 255, 255, 0.3); }
.mat-button-toggle-disabled.mat-button-toggle-checked {
background-color: #424242; }
.mat-card {
background: #424242;
color: white; }
.mat-card-subtitle {
color: rgba(255, 255, 255, 0.7); }
.mat-checkbox-frame {
border-color: rgba(255, 255, 255, 0.7); }
.mat-checkbox-checkmark {
fill: #303030; }
.mat-checkbox-checkmark-path {
stroke: #303030 !important; }
@media screen and (-ms-high-contrast: black-on-white) {
.mat-checkbox-checkmark-path {
stroke: #000 !important; } }
.mat-checkbox-mixedmark {
background-color: #303030; }
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
background-color: #19becf; }
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
background-color: #005c80; }
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
background-color: #f44336; }
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
background-color: #686868; }
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
border-color: #686868; }
.mat-checkbox-disabled .mat-checkbox-label {
color: #686868; }
@media screen and (-ms-high-contrast: active) {
.mat-checkbox-disabled {
opacity: 0.5; } }
@media screen and (-ms-high-contrast: active) {
.mat-checkbox-background {
background: none; } }
.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.26); }
.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.26); }
.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.26); }
.mat-chip.mat-standard-chip {
background-color: #616161;
color: white; }
.mat-chip.mat-standard-chip .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip .mat-chip-remove:hover {
opacity: 0.54; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
background-color: #19becf;
color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
opacity: 0.54; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
background-color: #f44336;
color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
opacity: 0.54; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
background-color: #005c80;
color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
opacity: 0.54; }
.mat-table {
background: #424242; }
.mat-table thead, .mat-table tbody, .mat-table tfoot,
mat-header-row, mat-row, mat-footer-row,
[mat-header-row], [mat-row], [mat-footer-row],
.mat-table-sticky {
background: inherit; }
mat-row, mat-header-row, mat-footer-row,
th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
border-bottom-color: rgba(255, 255, 255, 0.12); }
.mat-header-cell {
color: rgba(255, 255, 255, 0.7); }
.mat-cell, .mat-footer-cell {
color: white; }
.mat-calendar-arrow {
border-top-color: white; }
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
color: white; }
.mat-calendar-table-header {
color: rgba(255, 255, 255, 0.5); }
.mat-calendar-table-header-divider::after {
background: rgba(255, 255, 255, 0.12); }
.mat-calendar-body-label {
color: rgba(255, 255, 255, 0.7); }
.mat-calendar-body-cell-content {
color: white;
border-color: transparent; }
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
color: rgba(255, 255, 255, 0.5); }
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
background-color: rgba(255, 255, 255, 0.04); }
.mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(255, 255, 255, 0.5); }
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(255, 255, 255, 0.3); }
.mat-calendar-body-selected {
background-color: #19becf;
color: white; }
.mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(25, 190, 207, 0.4); }
.mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content {
background-color: #424242;
color: white; }
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
background-color: #005c80;
color: white; }
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(0, 92, 128, 0.4); }
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
background-color: #f44336;
color: white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(244, 67, 54, 0.4); }
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-toggle-active {
color: #19becf; }
.mat-datepicker-toggle-active.mat-accent {
color: #005c80; }
.mat-datepicker-toggle-active.mat-warn {
color: #f44336; }
.mat-dialog-container {
background: #424242;
color: white; }
.mat-divider {
border-top-color: rgba(255, 255, 255, 0.12); }
.mat-divider-vertical {
border-right-color: rgba(255, 255, 255, 0.12); }
.mat-expansion-panel {
background: #424242;
color: white; }
.mat-action-row {
border-top-color: rgba(255, 255, 255, 0.12); }
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']):hover {
background: rgba(255, 255, 255, 0.04); }
@media (hover: none) {
.mat-expansion-panel:not(.mat-expanded):not([aria-disabled='true']) .mat-expansion-panel-header:hover {
background: #424242; } }
.mat-expansion-panel-header-title {
color: white; }
.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
color: rgba(255, 255, 255, 0.7); }
.mat-expansion-panel-header[aria-disabled='true'] {
color: rgba(255, 255, 255, 0.3); }
.mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-description {
color: inherit; }
.mat-form-field-label, .amd-placeholder {
color: rgba(255, 255, 255, 0.7); }
.mat-hint {
color: rgba(255, 255, 255, 0.7); }
.mat-form-field.mat-focused .mat-form-field-label, .mat-form-field.mat-focused .amd-placeholder {
color: #19becf; }
.mat-form-field.mat-focused .mat-form-field-label.mat-accent, .mat-form-field.mat-focused .mat-accent.amd-placeholder {
color: #005c80; }
.mat-form-field.mat-focused .mat-form-field-label.mat-warn, .mat-form-field.mat-focused .mat-warn.amd-placeholder {
color: #f44336; }
.mat-focused .mat-form-field-required-marker {
color: #005c80; }
.mat-form-field-ripple {
background-color: white; }
.mat-form-field.mat-focused .mat-form-field-ripple {
background-color: #19becf; }
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
background-color: #005c80; }
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
background-color: #f44336; }
.mat-form-field.mat-form-field-invalid .mat-form-field-label, .mat-form-field.mat-form-field-invalid .amd-placeholder {
color: #f44336; }
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, .mat-form-field.mat-form-field-invalid .mat-accent.amd-placeholder,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,
.mat-form-field.mat-form-field-invalid .amd-placeholder .mat-form-field-required-marker {
color: #f44336; }
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
background-color: #f44336; }
.mat-error {
color: #f44336; }
.mat-form-field-appearance-legacy .mat-form-field-label, .mat-form-field-appearance-legacy .amd-placeholder {
color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-legacy .mat-hint {
color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-legacy .mat-form-field-underline {
background-color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.7)), color-stop(33%, rgba(255, 255, 255, 0.7)), color-stop(0%, transparent));
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
background-size: 4px 100%;
background-repeat: repeat-x; }
.mat-form-field-appearance-standard .mat-form-field-underline {
background-color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.7)), color-stop(33%, rgba(255, 255, 255, 0.7)), color-stop(0%, transparent));
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
background-size: 4px 100%;
background-repeat: repeat-x; }
.mat-form-field-appearance-fill .mat-form-field-flex {
background-color: rgba(255, 255, 255, 0.1); }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
background-color: rgba(255, 255, 255, 0.05); }
.mat-form-field-appearance-fill .mat-form-field-underline::before {
background-color: rgba(255, 255, 255, 0.5); }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-disabled .amd-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
background-color: transparent; }
.mat-form-field-appearance-outline .mat-form-field-outline {
color: rgba(255, 255, 255, 0.3); }
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
color: white; }
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
color: #19becf; }
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
color: #005c80; }
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
color: #f44336; }
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
color: #f44336; }
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-disabled .amd-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
color: rgba(255, 255, 255, 0.15); }
.mat-icon.mat-primary {
color: #19becf; }
.mat-icon.mat-accent {
color: #005c80; }
.mat-icon.mat-warn {
color: #f44336; }
.mat-input-element:disabled {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element {
caret-color: #19becf; }
.mat-input-element::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::-moz-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-accent .mat-input-element {
caret-color: #005c80; }
.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
caret-color: #f44336; }
.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
color: white; }
.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
color: white; }
.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
color: rgba(255, 255, 255, 0.7); }
.mat-list-item-disabled {
background-color: black; }
.mat-list-option:hover, .mat-list-option.mat-list-item-focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item.mat-list-item-focus {
background: rgba(255, 255, 255, 0.04); }
.mat-menu-panel {
background: #424242; }
.mat-menu-item {
background: transparent;
color: white; }
.mat-menu-item[disabled], .mat-menu-item[disabled]::after {
color: rgba(255, 255, 255, 0.5); }
.mat-menu-item .mat-icon:not([color]),
.mat-menu-item-submenu-trigger::after {
color: white; }
.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
background: rgba(255, 255, 255, 0.04); }
.mat-paginator {
background: #424242; }
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
color: rgba(255, 255, 255, 0.7); }
.mat-paginator-decrement,
.mat-paginator-increment {
border-top: 2px solid white;
border-right: 2px solid white; }
.mat-paginator-first,
.mat-paginator-last {
border-top: 2px solid white; }
.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
border-color: rgba(255, 255, 255, 0.5); }
.mat-progress-bar-background {
fill: #baecf1; }
.mat-progress-bar-buffer {
background-color: #baecf1; }
.mat-progress-bar-fill::after {
background-color: #19becf; }
.mat-progress-bar.mat-accent .mat-progress-bar-background {
fill: #b3ced9; }
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
background-color: #b3ced9; }
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
background-color: #005c80; }
.mat-progress-bar.mat-warn .mat-progress-bar-background {
fill: #ffcdd2; }
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
background-color: #ffcdd2; }
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
background-color: #f44336; }
.mat-progress-spinner circle, .mat-spinner circle {
stroke: #19becf; }
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
stroke: #005c80; }
.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
stroke: #f44336; }
.mat-radio-outer-circle {
border-color: rgba(255, 255, 255, 0.7); }
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
border-color: #19becf; }
.mat-radio-button.mat-primary .mat-radio-inner-circle {
background-color: #19becf; }
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.26); }
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
border-color: #005c80; }
.mat-radio-button.mat-accent .mat-radio-inner-circle {
background-color: #005c80; }
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.26); }
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
border-color: #f44336; }
.mat-radio-button.mat-warn .mat-radio-inner-circle {
background-color: #f44336; }
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.26); }
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
border-color: rgba(255, 255, 255, 0.5); }
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
background-color: rgba(255, 255, 255, 0.5); }
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
color: rgba(255, 255, 255, 0.5); }
.mat-select-content, .mat-select-panel-done-animating {
background: #424242; }
.mat-select-value {
color: white; }
.mat-select-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-select-disabled .mat-select-value {
color: rgba(255, 255, 255, 0.5); }
.mat-select-arrow {
color: rgba(255, 255, 255, 0.7); }
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
background: rgba(255, 255, 255, 0.12); }
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
color: #19becf; }
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
color: #005c80; }
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
color: #f44336; }
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
color: #f44336; }
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
color: rgba(255, 255, 255, 0.5); }
.mat-drawer-container {
background-color: #303030;
color: white; }
.mat-drawer {
background-color: #424242;
color: white; }
.mat-drawer.mat-drawer-push {
background-color: #424242; }
.mat-drawer-backdrop.mat-drawer-shown {
background-color: rgba(189, 189, 189, 0.6); }
.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #80adbf; }
.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgba(128, 173, 191, 0.5); }
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle .mat-ripple-element {
background-color: rgba(128, 173, 191, 0.12); }
.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #8cdfe7; }
.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgba(140, 223, 231, 0.5); }
.mat-slide-toggle.mat-primary:not(.mat-checked) .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle.mat-primary .mat-ripple-element {
background-color: rgba(140, 223, 231, 0.12); }
.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #ef9a9a; }
.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgba(239, 154, 154, 0.5); }
.mat-slide-toggle.mat-warn:not(.mat-checked) .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle.mat-warn .mat-ripple-element {
background-color: rgba(239, 154, 154, 0.12); }
.mat-disabled .mat-slide-toggle-thumb {
background-color: #424242; }
.mat-disabled .mat-slide-toggle-bar {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle-thumb {
background-color: #bdbdbd; }
.mat-slide-toggle-bar {
background-color: rgba(255, 255, 255, 0.5); }
.mat-slider-track-background {
background-color: rgba(255, 255, 255, 0.3); }
.mat-primary .mat-slider-track-fill,
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label {
background-color: #19becf; }
.mat-primary .mat-slider-thumb-label-text {
color: white; }
.mat-accent .mat-slider-track-fill,
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label {
background-color: #005c80; }
.mat-accent .mat-slider-thumb-label-text {
color: white; }
.mat-warn .mat-slider-track-fill,
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label {
background-color: #f44336; }
.mat-warn .mat-slider-thumb-label-text {
color: white; }
.mat-slider-focus-ring {
background-color: rgba(0, 92, 128, 0.2); }
.mat-slider:hover .mat-slider-track-background,
.cdk-focused .mat-slider-track-background {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled .mat-slider-thumb {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-disabled:hover .mat-slider-track-background {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-min-value .mat-slider-focus-ring {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
background-color: white; }
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
border-color: rgba(255, 255, 255, 0.3);
background-color: transparent; }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
border-color: rgba(255, 255, 255, 0.3); }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
border-color: rgba(255, 255, 255, 0.3); }
.mat-slider-has-ticks .mat-slider-wrapper::after {
border-color: rgba(255, 255, 255, 0.7); }
.mat-slider-horizontal .mat-slider-ticks {
background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);
background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); }
.mat-slider-vertical .mat-slider-ticks {
background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); }
.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover {
background-color: rgba(255, 255, 255, 0.04); }
.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
color: rgba(255, 255, 255, 0.5); }
.mat-step-header .mat-step-icon {
background-color: #19becf;
color: white; }
.mat-step-header .mat-step-icon-not-touched {
background-color: rgba(255, 255, 255, 0.5);
color: white; }
.mat-step-header .mat-step-label.mat-step-label-active {
color: white; }
.mat-stepper-horizontal, .mat-stepper-vertical {
background-color: #424242; }
.mat-stepper-vertical-line::before {
border-left-color: rgba(255, 255, 255, 0.12); }
.mat-stepper-horizontal-line {
border-top-color: rgba(255, 255, 255, 0.12); }
.mat-sort-header-arrow {
color: #c6c6c6; }
.mat-tab-nav-bar,
.mat-tab-header {
border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: none; }
.mat-tab-label, .mat-tab-link {
color: white; }
.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.5); }
.mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.5); }
.mat-tab-group[class*='mat-background-'] .mat-tab-header,
.mat-tab-nav-bar[class*='mat-background-'] {
border-bottom: none;
border-top: none; }
.mat-tab-group.mat-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(186, 236, 241, 0.3); }
.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
background-color: #19becf; }
.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
background-color: white; }
.mat-tab-group.mat-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(179, 206, 217, 0.3); }
.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
background-color: #005c80; }
.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
background-color: white; }
.mat-tab-group.mat-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(255, 205, 210, 0.3); }
.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
background-color: #f44336; }
.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
background-color: white; }
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(186, 236, 241, 0.3); }
.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
background-color: #19becf; }
.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
color: white; }
.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-primary .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(179, 206, 217, 0.3); }
.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
background-color: #005c80; }
.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
color: white; }
.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-accent .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(255, 205, 210, 0.3); }
.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links {
background-color: #f44336; }
.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
color: white; }
.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-warn .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-toolbar {
background: #212121;
color: white; }
.mat-toolbar.mat-primary {
background: #19becf;
color: white; }
.mat-toolbar.mat-accent {
background: #005c80;
color: white; }
.mat-toolbar.mat-warn {
background: #f44336;
color: white; }
.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
background-color: currentColor; }
.mat-toolbar .mat-form-field-label, .mat-toolbar .amd-placeholder,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-focused .amd-placeholder,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
color: inherit; }
.mat-toolbar .mat-input-element {
caret-color: currentColor; }
.mat-tooltip {
background: rgba(97, 97, 97, 0.9); }
.mat-tree {
background: #424242; }
.mat-tree-node {
color: white; }
.mat-snack-bar-container {
background: #fafafa;
color: rgba(0, 0, 0, 0.87); }
.mat-simple-snackbar-action {
color: inherit; }
.mat-calendar-arrow {
border-top-color: rgba(0, 0, 0, 0.54); }
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
color: rgba(0, 0, 0, 0.54); }
.mat-calendar-table-header {
color: rgba(0, 0, 0, 0.38); }
.mat-calendar-table-header-divider::after {
background: rgba(0, 0, 0, 0.12); }
.mat-calendar-body-label {
color: rgba(0, 0, 0, 0.54); }
.mat-calendar-body-cell-content {
color: rgba(0, 0, 0, 0.87);
border-color: transparent; }
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
color: rgba(0, 0, 0, 0.38); }
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
background-color: rgba(0, 0, 0, 0.04); }
.mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(0, 0, 0, 0.38); }
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(0, 0, 0, 0.18); }
.mat-calendar-body-selected {
background-color: #19becf;
color: white; }
.mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(25, 190, 207, 0.4); }
.mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content {
background-color: white;
color: rgba(0, 0, 0, 0.87); }
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
background-color: #005c80;
color: white; }
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(0, 92, 128, 0.4); }
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
background-color: #f44336;
color: white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(244, 67, 54, 0.4); }
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-toggle-active {
color: #19becf; }
.mat-datepicker-toggle-active.mat-accent {
color: #005c80; }
.mat-datepicker-toggle-active.mat-warn {
color: #f44336; }
/*
Variables
Styleguide 1
*/
/*
Colors Palette
$amd-primary-50 - primary 50
$amd-primary-100 - primary 100
markup:
{$modifiers}
Styleguide 1.1
*/
.amd-color-red {
color: #ff6054; }
.amd-color-green {
color: #4caf50 !important; }
.amd-color-orange {
color: #ff9800 !important; }
.amd-color-red {
color: #ff6054 !important; }
.amd-bg-color-red {
background-color: #fbd6d3; }
.amd-accent-300 {
color: #42a3d0; }
.amd-accent-500 {
color: #005c80 !important; }
.amd-accent-500--bg {
background-color: #19becf !important; }
.amd-accent-500--hover, .amd-items-counter--accent-dark:hover {
background-color: #005478 !important; }
.amd-primary-500 {
color: #19becf !important; }
.amd-primary-500--bg {
background-color: #005c80 !important; }
.amd-primary-500--hover, .amd-items-counter--primary:hover {
background-color: #47cbd8 !important; }
.mat-container-colors {
background-color: #002e40;
color: #fff; }
.mat-toolbar-colors {
background-color: rgba(0, 46, 64, 0.9); }
.footer-colors {
background-color: #003348;
color: #80adbf; }
.footer-colors a {
color: #ddeef6; }
.table-border-color, table.mat-table--bordered > thead > .mat-row,
table.mat-table--bordered > tbody > .mat-row, .amd-table--bordered > thead > tr,
.amd-table--bordered > tbody > tr {
border-bottom: 1px solid #ccc; }
.box-shadow, .amd-expansion-panel, .amd-table tbody {
-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) !important;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) !important; }
.amd-title-color, .amd-title {
color: #267493; }
.amd-title-border, .amd-title {
border-left: 2px solid #42a3d0; }
.amd-button-raised-color, .amd-button--raised, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton {
color: #fff !important;
background-color: #19becf !important; }
.amd-input-control-colors, .amd-input__group__control {
background-color: #0f727c;
color: #baecf1; }
.amd-input-control-placeholder, .amd-input__group__control::-webkit-input-placeholder {
color: #5ed2dd; }
.amd-expansion-panel-bg-color {
background-color: #004560; }
.amd-expansion-panel-header-border {
border-bottom-color: #003348; }
.amd-expansion-panel-header-color {
color: #42a3d0; }
.amd-expansion-panel-content {
background-color: #004e6d; }
.amd-card-bg-color, .amd-card {
background-color: #004e6d; }
.amd-card-bg-color .amd-icon--circle .amd-icon--border, .amd-card .amd-icon--circle .amd-icon--border {
border-color: #ccc; }
.amd-card-bg-color--light, .amd-card--light {
background-color: #005c80; }
.amd-card-bg-color--light .amd-card-title-btn-border, .amd-card--light .amd-card-title-btn-border, .amd-card-bg-color--light .amd-card__title-btn, .amd-card--light .amd-card__title-btn,
.amd-card-bg-color--light .amd-card__title-btn,
.amd-card--light .amd-card__title-btn {
border-left: 1px solid #004560; }
.amd-card-bg-color--light .amd-icon--circle .amd-icon--border, .amd-card--light .amd-icon--circle .amd-icon--border {
border-color: #004560; }
.amd-card-title-color, .amd-card__title h4 {
color: #42a3d0; }
.amd-card-title-color--light, .amd-card--light .amd-card__title h4,
.amd-card--light .amd-card__title-icon {
color: #80adbf; }
.amd-card-title-btn-border, .amd-card__title-btn {
border-left: 1px solid #003348; }
.amd-list-col-border {
border-left: 1px solid #80adbf; }
.amd-list-item-border {
border-bottom: 1px solid #003348; }
.amd-list-icon-color {
color: #42a3d0; }
.amd-list-title-color {
color: #80adbf; }
.u-theme--positive .amd-link,
.u-theme--positive .amd-button--accent,
.u-theme--positive .amd-accent-500,
.u-theme--positive .amd-button--primary,
.u-theme--positive .amd-primary-500,
.u-theme--positive .amd-button--light,
.u-theme--positive .amd-button--reverse,
.u-theme--positive .amd-select__centers .mat-select-placeholder.mat-floating-placeholder {
color: #0071b9 !important; }
.u-theme--positive .amd-list__check {
border-right: 2px solid #d1d1d1; }
.u-theme--positive .amd-toolbar__title {
color: #4e4e4e; }
.u-theme--positive .amd-toolbar__action ul li {
border-right: 1px solid #ccc; }
.u-theme--positive .amd-wizard {
border-left: 1px solid #ddd !important; }
.u-theme--positive .amd-select__centers .mat-select-value {
color: #777 !important; }
.u-theme--positive .amd-select__centers .mat-select-underline {
background-color: #ccc; }
.u-theme--positive .deadlines-cell {
background-color: #fff; }
.u-theme--positive .deadlines-list__text {
color: #696969; }
.u-theme--positive .deadlines-list a,
.u-theme--positive .deadlines-list a:visited {
color: #444; }
.u-theme--positive .deadlines-list__bar {
background-color: #e6e6e6;
color: #333; }
.u-theme--positive .deadlines-list__item {
border-bottom: 1px solid #ddd; }
.u-theme--positive .news-cell__text {
color: #333; }
.u-theme--positive .news-cell__date {
color: #696969; }
.u-theme--positive .info-grid .amd-icon--border {
border-color: #ccc !important; }
.u-theme--positive .info-grid .amd-list__text p {
color: #696969; }
.u-theme--positive .news-grid__cell__date {
color: #696969; }
.u-theme--positive .news-grid__cell__text {
color: #333; }
.u-theme--positive .order-check__label {
color: #4e4e4e !important; }
.u-theme--positive .order-details__legend .amd-title {
color: #696969; }
.u-theme--positive .order-details__legend__item {
color: #777; }
.u-theme--positive .order-details__legend__item span {
color: #666; }
.u-theme--positive .order-details__tabs .mat-expansion-panel-body tbody {
border-bottom: 1px solid #eee; }
.u-theme--positive .order-details__tabs .mat-expansion-panel-body tbody:nth-of-type(even) {
background-color: #f5f5f5; }
.u-theme--positive .order-details__tabs .mat-tab-label {
background-color: #fff;
color: #0071b9; }
.u-theme--positive .amd-table__td--toggle {
border-left: 1px solid #eee !important;
border-right: 1px solid #eee !important; }
.u-theme--positive .amd-title {
color: #818181; }
.u-theme--positive .amd-breadcrumb__bookmark .mat-button,
.u-theme--positive .amd-breadcrumb__icon,
.u-theme--positive .amd-button--expanded,
.u-theme--positive .amd-card__title-btn .mat-icon {
color: #0071b9 !important; }
.u-theme--positive .amd-bg--primary .amd-bg--highlight,
.u-theme--positive .amd-bg--accent .amd-bg--highlight {
color: #42a3d0; }
.u-theme--positive .amd-breadcrumb__content {
border-left: 2px solid #0071b9; }
.u-theme--positive .amd-bg--border::before {
border-left: 3px solid #0071b9; }
.u-theme--positive .amd-heading {
color: #42a3d0; }
.u-theme--positive .amd-breadcrumb__link,
.u-theme--positive .amd-breadcrumb__title,
.u-theme--positive .amd-breadcrumb_link:visited {
color: #333333; }
.u-theme--positive .amd-label {
background-color: #eee;
color: #777;
border-color: #ccc; }
.u-theme--positive .amd-label--primary {
color: #0071b9; }
.u-theme--positive .amd-label .fa {
color: #4caf50; }
.u-theme--positive .u-divider {
border-top: 1px solid #ddd; }
.u-theme--positive .amd-bg--accent,
.u-theme--positive .amd-bg--primary {
background-color: #f2f2f2;
color: #4e4e4e; }
.u-theme--positive .amd-legend__item {
color: #818181; }
.u-theme--positive .mat-container-colors {
background-color: #e6e6e6;
color: #4e4e4e; }
.u-theme--positive .mat-radio-outer-circle {
border-color: #ccc; }
.u-theme--positive .mat-checkbox-disabled .mat-checkbox-label {
color: #999; }
.u-theme--positive .mat-checkbox-frame {
border-color: #a4a4a4 !important; }
.u-theme--positive .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.u-theme--positive .mat-checkbox-checked.mat-accent .mat-checkbox-background {
background-color: #42a3d0 !important; }
.u-theme--positive .mat-checkbox-checkmark-path {
stroke: #fff !important; }
.u-theme--positive .mat-slide-toggle-thumb {
background-color: #eee; }
.u-theme--positive .mat-ink-bar {
background-color: #0071b9 !important; }
.u-theme--positive .mat-toolbar-colors {
background-color: white;
border-bottom: 1px solid #ccc; }
.u-theme--positive .mat-tab-link {
color: #696969; }
.u-theme--positive .mat-tab-body__description {
background-color: #fff; }
.u-theme--positive .mat-tab-body__title {
background-color: #fff;
border-bottom: 1px solid #ccc;
color: #80adbf; }
.u-theme--positive .app-footer {
background-color: #d6d6d6;
color: #696969; }
.u-theme--positive .app-footer__grid h4,
.u-theme--positive .footer-colors a,
.u-theme--positive .app-footer a {
color: #333; }
.u-theme--positive .mat-expansion-panel-body tbody {
border-bottom: 1px solid #eee; }
.u-theme--positive .mat-expansion-panel-body tbody:nth-of-type(even) {
background-color: #f5f5f5; }
.u-theme--positive .mat-tab-label {
background-color: #fff;
color: #0071b9; }
.u-theme--positive .mat-tab-label:focus {
background-color: #fff !important; }
.u-theme--positive .mat-hint {
color: #919191 !important; }
.u-theme--positive .mat-slide-toggle-bar {
background-color: #ddd; }
.u-theme--positive .mat-form-field-label, .u-theme--positive .amd-placeholder {
color: rgba(21, 21, 21, 0.7); }
.u-theme--positive .mat-form-field-underline,
.u-theme--positive .mat-form-field-underline {
background-color: #ddd !important; }
.u-theme--positive .mat-input-element,
.u-theme--positive .mat-select-value {
color: #444 !important; }
.u-theme--positive .amd-input--invalid .md2-datepicker-input {
border-bottom: 2px solid #f44336 !important; }
.u-theme--positive .amd-input--error,
.u-theme--positive .mat-input-error {
color: #f44336; }
.amd-stepper {
margin-bottom: 30px;
border: 1px solid #004560; }
.amd-stepper__head {
border-bottom: 1px solid #004560;
padding: 20px; }
.amd-stepper__content {
padding: 20px; }
.amd-stepper__title {
margin-right: 20px; }
.amd-stepper__steps {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
background-image: url("/assets/images/dotted-light-blu.png");
background-repeat: repeat-x;
background-position: left 36px;
background-size: 4px; }
.amd-stepper__waiting {
color: #42a3d0; }
.amd-stepper__step {
text-align: center;
min-width: 130px; }
.amd-stepper__step:last-child:after {
content: none; }
.amd-stepper__step--active:after {
opacity: 1; }
.amd-stepper__step--active .amd-stepper__name {
opacity: 1; }
.amd-stepper__step--active .amd-stepper__icon {
background: #2e7fa5; }
.amd-stepper__name {
font-size: 12px;
color: #80adbf;
margin-bottom: 10px;
height: 15px;
opacity: 0.5; }
.amd-stepper__counter {
margin-bottom: 20px;
color: #fff; }
.amd-stepper__counter--waiting {
color: #42a3d0; }
.amd-stepper__icon {
font-size: 14px;
min-width: 15px;
padding: 0;
height: 25px;
width: 25px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #004560;
line-height: 26px;
display: inline-block; }
.amd-stepper__icon .amd-icon, .amd-stepper__icon .fc .fc-next-button .ui-icon, .fc .fc-next-button .amd-stepper__icon .ui-icon, .amd-stepper__icon .fc .fc-prev-button .ui-icon, .fc .fc-prev-button .amd-stepper__icon .ui-icon,
.amd-stepper__icon .amd-icon--font {
display: inline-block;
vertical-align: middle; }
.amd-stepper__icon-disabled {
font-size: 14px;
min-width: 15px;
padding: 0;
height: 25px;
width: 25px;
-webkit-border-radius: 50%;
border-radius: 50%;
color: #45788C;
background: #004560;
line-height: 26px;
display: inline-block; }
.amd-stepper__icon-disabled .amd-icon, .amd-stepper__icon-disabled .fc .fc-next-button .ui-icon, .fc .fc-next-button .amd-stepper__icon-disabled .ui-icon, .amd-stepper__icon-disabled .fc .fc-prev-button .ui-icon, .fc .fc-prev-button .amd-stepper__icon-disabled .ui-icon,
.amd-stepper__icon-disabled .amd-icon--font {
display: inline-block;
vertical-align: middle; }
.amd-stepper__date {
position: relative; }
.amd-stepper__date p {
font-size: 14px;
margin-top: 10px; }
.amd-stepper__date md2-datepicker {
text-align: left;
margin-top: 0; }
.amd-stepper__date .mat-error {
white-space: nowrap;
text-align: left;
top: 28px; }
.u-theme--positive .amd-stepper {
border: 1px solid #c6c6c6; }
.u-theme--positive .amd-stepper__head {
border-bottom: 1px solid #c6c6c6; }
.u-theme--positive .amd-stepper__name {
color: #818181; }
.u-theme--positive .amd-stepper__icon {
background-color: #0071b9; }
.u-theme--positive .amd-stepper__icon-disabled {
background-color: grey;
color: #CCC; }
.u-theme--positive .amd-stepper__counter--waiting .amd-stepper__icon {
color: #fff;
background-color: #999; }
.u-theme--positive .amd-stepper__waiting {
color: #005c80; }
/*
Components
Styleguide 7
*/
/*
Panel List
.amd-panel-list
markup:
Styleguide 7.1
*/
@font-face {
font-family: 'HelveticaNeueLTStd-Roman';
src: url("/assets/fonts/3447C2_6_0.eot");
src: url("/assets/fonts/3447C2_6_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_6_0.woff2") format("woff2"), url("/assets/fonts/3447C2_6_0.woff") format("woff"), url("/assets/fonts/3447C2_6_0.ttf") format("truetype"); }
@font-face {
font-family: 'HelveticaNeueLTStd-Bd';
src: url("/assets/fonts/3447C2_8_0.eot");
src: url("/assets/fonts/3447C2_8_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_8_0.woff2") format("woff2"), url("/assets/fonts/3447C2_8_0.woff") format("woff"), url("/assets/fonts/3447C2_8_0.ttf") format("truetype"); }
@font-face {
font-family: 'HelveticaNeueLTStd-Lt';
src: url("/assets/fonts/3447C2_3_0.eot");
src: url("/assets/fonts/3447C2_3_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_3_0.woff2") format("woff2"), url("/assets/fonts/3447C2_3_0.woff") format("woff"), url("/assets/fonts/3447C2_3_0.ttf") format("truetype"); }
@font-face {
font-family: 'HelveticaNeueLTStd-Md';
src: url("/assets/fonts/3447C2_5_0.eot");
src: url("/assets/fonts/3447C2_5_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_5_0.woff2") format("woff2"), url("/assets/fonts/3447C2_5_0.woff") format("woff"), url("/assets/fonts/3447C2_5_0.ttf") format("truetype"); }
.HelveticaNeueLTStd-Roman, body, .mat-form-field,
.mat-input-element,
.mat-form-field-label, .amd-placeholder,
.md2-datepicker,
.md2-datepicker-value,
.md2-datepicker-placeholder,
.mat-radio-label-content,
.mat-radio-button,
.mat-select,
.mat-select-placeholder,
.mat-select-value-text,
.mat-option,
.mat-checkbox,
.mat-list-item,
.mat-tab-group,
.mat-expansion-panel-content,
.mat-bottom-sheet-container, .mat-tab-body__description, .mat-list .mat-subheader,
.mat-nav-list .mat-subheader, .introjs-button, .amd-button, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .amd-card__title--normal, .amd-expansion-panel__subtitle, .amd-link, .amd-link--station .amd-link__title, .amd-list__subtext, .amd-check-item__alert .amd-button, .theme--myald-dialog .amd-files-list__item.mat-list-item .amd-files-list__name {
font-family: HelveticaNeueLTStd-Roman, Arial, Helvetica, sans-serif !important; }
.HelveticaNeueLTStd-Bd, b,
strong, h2, h6, .mat-horizontal-stepper-header .mat-step-icon, .mat-step-text-label, .mat-tab-label,
.mat-tab-link, .mat-tab-body__title, .mat-expansion-panel-header-title, .mat-chip, .mat-menu-panel .mat-subheader, .u-main-title, .amd-dialog__header .mat-dialog-title, .u-phone, .amd-user, .amd-title, .amd-label, .fc .fc-toolbar h2, .introjs-tooltip--welcome .introjs-head h3, .introjs-subtitle, .introjs-title, .amd-bottom-nav__item .amd-bottom-nav__button, .amd-button--reverse, .amd-button--raised, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .amd-button--expanded, .amd-button--uppercase, .amd-card__title h4, .amd-dialog .amd-files-counter, .amd-multi-panels .mat-tab-label-active, .amd-expansion-panel__description .amd-button, .amd-expansion-panel__description .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .amd-expansion-panel__description .introjs-nextbutton, .amd-expansion-panel__filters, .amd-files-list__name, .amd-items-counter .amd-button, .amd-items-counter .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .amd-items-counter .introjs-nextbutton, .amd-items-counter__subtitle, .amd-link--reverse span, .amd-link--text, .amd-link__title, .amd-link__info, .amd-list--events h4, .amd-list__title, .amd-list__text .title,
.amd-list__text h6, .amd-list--sidenav .mat-list-item, .amd-list--selection .amd-list__subheader, .amd-message, .amd-notification, table.mat-table .mat-header-cell, .amd-table th, .amd-table__col--highlighted, .amd-stepper__step--active .amd-stepper__name, .amd-stepper__icon, .amd-stepper__icon-disabled, .amd-heading, .amd-notify__title, .amd-badge__title, .amd-check-item__name p, .amd-check-item__status, .amd-check-item__counter, .amd-button-toggle, .theme--myald .amd-button--raised, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .introjs-nextbutton,
.theme--myald .amd-button-raised-color,
.theme--myald a.amd-button.amd-button--light.cta-button, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.cta-button.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.cta-button.introjs-nextbutton,
.theme--myald a.amd-button.amd-button--light.stepper-prev.myald-button-inverse, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.stepper-prev.myald-button-inverse.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.stepper-prev.myald-button-inverse.introjs-nextbutton, .theme--myald a.amd-button.amd-button--light.cta-button.myald--aggiungi-controparte, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.cta-button.myald--aggiungi-controparte.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.cta-button.myald--aggiungi-controparte.introjs-nextbutton,
.theme--myald a.amd-button.amd-button--light.stepper-prev.myald--aggiungi-controparte, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.stepper-prev.myald--aggiungi-controparte.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.stepper-prev.myald--aggiungi-controparte.introjs-nextbutton,
.theme--myald a.amd-link.amd-link--dark.ald-generic-add,
.theme--myald button.amd-button.amd-button--raised.button-panel-title.cta-button.myald--aggiungi-controparte, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.button-panel-title.cta-button.myald--aggiungi-controparte.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald button.button-panel-title.cta-button.myald--aggiungi-controparte.introjs-nextbutton, .theme--myald .action-button.action-button--myald button.amd-button.amd-button--raised.stepper-next.mat-button.mat-raised-button, .theme--myald .action-button.action-button--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.stepper-next.mat-button.mat-raised-button.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .action-button.action-button--myald button.stepper-next.mat-button.mat-raised-button.introjs-nextbutton,
.theme--myald .action-button.action-button--myald button.amd-button.amd-button--raised.stepper-prev.mat-button.mat-raised-button, .theme--myald .action-button.action-button--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.stepper-prev.mat-button.mat-raised-button.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .action-button.action-button--myald button.stepper-prev.mat-button.mat-raised-button.introjs-nextbutton, .theme--myald .pre-step a.amd-button.amd-button--light, .theme--myald .pre-step .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .pre-step a.amd-button--light.introjs-nextbutton, .theme--myald .pre-step p.prestep-ald, .theme--myald .myald-bottom-navigation-btn, .theme--myald .myald-typage-title, .theme--myald .scarica-documento, .theme--myald-dialog a.amd-button.amd-button--reverse, .theme--myald-dialog .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--reverse.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald-dialog a.amd-button--reverse.introjs-nextbutton {
font-family: HelveticaNeueLTStd-Bd, Arial, Helvetica, sans-serif !important;
font-weight: normal !important; }
.HelveticaNeueLTStd-Md, .mat-error, .amd-legend__item, .claims-bottom-box, .fc .fc-head-container th, .fc .fc-time, .fc .fc-event, .amd-expansion-panel__recap, .amd-input--error, .amd-items-counter__title, .amd-link--station .amd-link__subtitle, .amd-link--station .amd-link__distance, .amd-check-item__date {
font-family: HelveticaNeueLTStd-Md, Arial, Helvetica, sans-serif !important; }
.HelveticaNeueLTStd-Lt, .amd-link--station .amd-link__note {
font-family: HelveticaNeueLTStd-Lt, Arial, Helvetica, sans-serif !important; }
/**
* Applies styles for users in high contrast mode. Note that this only applies
* to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
* attribute, however Chrome handles high contrast differently.
* @param target Which kind of high contrast setting to target. Defaults to `active`, can be
* `white-on-black` or `black-on-white`.
*/
/* Theme for the ripple elements.*/
/* stylelint-disable material/no-prefixes */
/* stylelint-enable */
.mat-elevation-z0 {
-webkit-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);
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); }
.mat-elevation-z1 {
-webkit-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);
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); }
.mat-elevation-z2 {
-webkit-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);
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); }
.mat-elevation-z3 {
-webkit-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);
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); }
.mat-elevation-z4 {
-webkit-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);
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); }
.mat-elevation-z5 {
-webkit-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);
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); }
.mat-elevation-z6 {
-webkit-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);
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); }
.mat-elevation-z7 {
-webkit-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);
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); }
.mat-elevation-z8 {
-webkit-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);
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); }
.mat-elevation-z9 {
-webkit-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);
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); }
.mat-elevation-z10 {
-webkit-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);
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); }
.mat-elevation-z11 {
-webkit-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);
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); }
.mat-elevation-z12 {
-webkit-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);
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); }
.mat-elevation-z13 {
-webkit-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);
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); }
.mat-elevation-z14 {
-webkit-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);
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); }
.mat-elevation-z15 {
-webkit-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);
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); }
.mat-elevation-z16 {
-webkit-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);
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); }
.mat-elevation-z17 {
-webkit-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);
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); }
.mat-elevation-z18 {
-webkit-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);
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); }
.mat-elevation-z19 {
-webkit-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);
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); }
.mat-elevation-z20 {
-webkit-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);
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); }
.mat-elevation-z21 {
-webkit-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);
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); }
.mat-elevation-z22 {
-webkit-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);
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); }
.mat-elevation-z23 {
-webkit-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);
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); }
.mat-elevation-z24 {
-webkit-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);
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); }
.mat-badge-content {
font-weight: 600;
font-size: 12px;
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-badge-small .mat-badge-content {
font-size: 6px; }
.mat-badge-large .mat-badge-content {
font-size: 24px; }
.mat-h1, .mat-headline, .mat-typography h1 {
font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h2, .mat-title, .mat-typography h2 {
font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h3, .mat-subheading-2, .mat-typography h3 {
font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h4, .mat-subheading-1, .mat-typography h4 {
font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h5, .mat-typography h5 {
font: 400 11.62px/20px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 12px; }
.mat-h6, .mat-typography h6 {
font: 400 9.38px/20px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 12px; }
.mat-body-strong, .mat-body-2 {
font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
.mat-body, .mat-body-1, .mat-typography {
font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-body p, .mat-body-1 p, .mat-typography p {
margin: 0 0 12px; }
.mat-small, .mat-caption {
font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-display-4, .mat-typography .mat-display-4 {
font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 56px;
letter-spacing: -0.05em; }
.mat-display-3, .mat-typography .mat-display-3 {
font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 64px;
letter-spacing: -0.02em; }
.mat-display-2, .mat-typography .mat-display-2 {
font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 64px;
letter-spacing: -0.005em; }
.mat-display-1, .mat-typography .mat-display-1 {
font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 64px; }
.mat-bottom-sheet-container {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 16px;
font-weight: 400; }
.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500; }
.mat-button-toggle {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-card {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-card-title {
font-size: 24px;
font-weight: 400; }
.mat-card-subtitle,
.mat-card-content,
.mat-card-header .mat-card-title {
font-size: 14px; }
.mat-checkbox {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-checkbox-layout .mat-checkbox-label {
line-height: 24px; }
.mat-chip {
font-size: 13px;
line-height: 18px; }
.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
font-size: 18px; }
.mat-table {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-header-cell {
font-size: 12px;
font-weight: 500; }
.mat-cell, .mat-footer-cell {
font-size: 14px; }
.mat-calendar {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-calendar-body {
font-size: 13px; }
.mat-calendar-body-label,
.mat-calendar-period-button {
font-size: 14px;
font-weight: 500; }
.mat-calendar-table-header th {
font-size: 11px;
font-weight: 400; }
.mat-dialog-title {
font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; }
.mat-expansion-panel-header {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 15px;
font-weight: 400; }
.mat-expansion-panel-content {
font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-form-field {
font-size: inherit;
font-weight: 400;
line-height: 1.125;
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-form-field-wrapper {
padding-bottom: 1.34375em; }
.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
font-size: 150%;
line-height: 1.125; }
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
height: 1.5em;
width: 1.5em; }
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
height: 1.125em;
line-height: 1.125; }
.mat-form-field-infix {
padding: 0.5em 0;
border-top: 0.84375em solid transparent; }
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.34375em) scale(0.75);
transform: translateY(-1.34375em) scale(0.75);
width: 133.33333333%; }
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label, .mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.34374em) scale(0.75);
transform: translateY(-1.34374em) scale(0.75);
width: 133.33334333%; }
.mat-form-field-label-wrapper {
top: -0.84375em;
padding-top: 0.84375em; }
.mat-form-field-label, .amd-placeholder {
top: 1.34375em; }
.mat-form-field-underline {
bottom: 1.34375em; }
.mat-form-field-subscript-wrapper {
font-size: 75%;
margin-top: 0.66666667em;
top: -webkit-calc(100% - 1.79166667em);
top: calc(100% - 1.79166667em); }
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
padding-bottom: 1.25em; }
.mat-form-field-appearance-legacy .mat-form-field-infix {
padding: 0.4375em 0; }
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-ms-transform: translateY(-1.28125em) scale(0.75);
width: 133.33333333%; }
.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, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
-ms-transform: translateY(-1.28124em) scale(0.75);
width: 133.33334333%; }
.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, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
-ms-transform: translateY(-1.28123em) scale(0.75);
width: 133.33335333%; }
.mat-form-field-appearance-legacy .mat-form-field-label, .mat-form-field-appearance-legacy .amd-placeholder {
top: 1.28125em; }
.mat-form-field-appearance-legacy .mat-form-field-underline {
bottom: 1.25em; }
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
margin-top: 0.54166667em;
top: -webkit-calc(100% - 1.66666667em);
top: calc(100% - 1.66666667em); }
.mat-form-field-appearance-fill .mat-form-field-infix {
padding: 0.25em 0 0.75em 0; }
.mat-form-field-appearance-fill .mat-form-field-label, .mat-form-field-appearance-fill .amd-placeholder {
top: 1.09375em;
margin-top: -0.5em; }
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-0.59375em) scale(0.75);
transform: translateY(-0.59375em) scale(0.75);
width: 133.33333333%; }
.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, .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-0.59374em) scale(0.75);
transform: translateY(-0.59374em) scale(0.75);
width: 133.33334333%; }
.mat-form-field-appearance-outline .mat-form-field-infix {
padding: 1em 0 1em 0; }
.mat-form-field-appearance-outline .mat-form-field-label, .mat-form-field-appearance-outline .amd-placeholder {
top: 1.84375em;
margin-top: -0.25em; }
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.59375em) scale(0.75);
transform: translateY(-1.59375em) scale(0.75);
width: 133.33333333%; }
.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, .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.59374em) scale(0.75);
transform: translateY(-1.59374em) scale(0.75);
width: 133.33334333%; }
.mat-grid-tile-header,
.mat-grid-tile-footer {
font-size: 14px; }
.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
font-size: 12px; }
input.mat-input-element {
margin-top: -0.0625em; }
.mat-menu-item {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 16px;
font-weight: 400; }
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 12px; }
.mat-radio-button {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-select {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-select-trigger {
height: 1.125em; }
.mat-slide-toggle-content {
font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-slider-thumb-label-text {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 12px;
font-weight: 500; }
.mat-stepper-vertical, .mat-stepper-horizontal {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-step-label {
font-size: 14px;
font-weight: 400; }
.mat-step-label-selected {
font-size: 14px;
font-weight: 500; }
.mat-tab-group {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-tab-label, .mat-tab-link {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500; }
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
margin: 0; }
.mat-tooltip {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 10px;
padding-top: 6px;
padding-bottom: 6px; }
.mat-tooltip-handset {
font-size: 14px;
padding-top: 9px;
padding-bottom: 9px; }
.mat-list-item {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-list-option {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
font-size: 16px; }
.mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
font-size: 14px; }
.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
font-size: 16px; }
.mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
font-size: 14px; }
.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500; }
.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
font-size: 12px; }
.mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
font-size: 12px; }
.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
font-size: 12px; }
.mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
font-size: 12px; }
.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 12px;
font-weight: 500; }
.mat-option {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 16px; }
.mat-optgroup-label {
font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
.mat-simple-snackbar {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px; }
.mat-simple-snackbar-action {
line-height: 1;
font-family: inherit;
font-size: inherit;
font-weight: 500; }
.mat-tree {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-tree-node {
font-weight: 400;
font-size: 14px; }
.mat-ripple {
overflow: hidden; }
.mat-ripple.mat-ripple-unbounded {
overflow: visible; }
.mat-ripple-element {
position: absolute;
-webkit-border-radius: 50%;
border-radius: 50%;
pointer-events: none;
-webkit-transition: opacity, -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity, -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
-webkit-transform: scale(0);
transform: scale(0); }
@media screen and (-ms-high-contrast: active) {
.mat-ripple-element {
display: none; } }
.cdk-visually-hidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
outline: 0;
-webkit-appearance: none;
-moz-appearance: none; }
.cdk-overlay-container, .cdk-global-overlay-wrapper {
pointer-events: none;
top: 0;
left: 0;
height: 100%;
width: 100%; }
.cdk-overlay-container {
position: fixed;
z-index: 1000; }
.cdk-overlay-container:empty {
display: none; }
.cdk-global-overlay-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: flex;
position: absolute;
z-index: 1000; }
.cdk-overlay-pane {
position: absolute;
pointer-events: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 1000;
display: -webkit-box;
display: -webkit-flex;
display: flex;
max-width: 100%;
max-height: 100%; }
.cdk-overlay-backdrop {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
pointer-events: auto;
-webkit-tap-highlight-color: transparent;
-webkit-transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
opacity: 0; }
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
opacity: 1; }
@media screen and (-ms-high-contrast: active) {
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
opacity: 0.6; } }
.cdk-overlay-dark-backdrop {
background: rgba(0, 0, 0, 0.288); }
.cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
opacity: 0; }
.cdk-overlay-connected-position-bounding-box {
position: absolute;
z-index: 1000;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
min-width: 1px;
min-height: 1px; }
.cdk-global-scrollblock {
position: fixed;
width: 100%;
overflow-y: scroll; }
@keyframes cdk-text-field-autofill-start {
/*!*/ }
@keyframes cdk-text-field-autofill-end {
/*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
-webkit-animation-name: cdk-text-field-autofill-start;
animation-name: cdk-text-field-autofill-start; }
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
-webkit-animation-name: cdk-text-field-autofill-end;
animation-name: cdk-text-field-autofill-end; }
textarea.cdk-textarea-autosize {
resize: none; }
textarea.cdk-textarea-autosize-measuring {
height: auto !important;
overflow: hidden !important;
padding: 2px 0 !important;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important; }
.mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-option {
color: white; }
.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
background: rgba(255, 255, 255, 0.04); }
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
background: rgba(255, 255, 255, 0.04); }
.mat-option.mat-active {
background: rgba(255, 255, 255, 0.04);
color: white; }
.mat-option.mat-option-disabled {
color: rgba(255, 255, 255, 0.5); }
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
color: #19becf; }
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
color: #005c80; }
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
color: #f44336; }
.mat-optgroup-label {
color: rgba(255, 255, 255, 0.7); }
.mat-optgroup-disabled .mat-optgroup-label {
color: rgba(255, 255, 255, 0.5); }
.mat-pseudo-checkbox {
color: rgba(255, 255, 255, 0.7); }
.mat-pseudo-checkbox::after {
color: #303030; }
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
background: #005c80; }
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
background: #19becf; }
.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
background: #f44336; }
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
background: #686868; }
.mat-app-background {
background-color: #303030;
color: white; }
.mat-theme-loaded-marker {
display: none; }
.mat-autocomplete-panel {
background: #424242;
color: white; }
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
background: #424242; }
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
color: white; }
.mat-badge-content {
color: white;
background: #19becf; }
.mat-badge-accent .mat-badge-content {
background: #005c80;
color: white; }
.mat-badge-warn .mat-badge-content {
color: white;
background: #f44336; }
.mat-badge {
position: relative; }
.mat-badge-hidden .mat-badge-content {
display: none; }
.mat-badge-content {
position: absolute;
text-align: center;
display: inline-block;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: -webkit-transform 200ms ease-in-out;
transition: -webkit-transform 200ms ease-in-out;
transition: transform 200ms ease-in-out;
transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
-webkit-transform: scale(0.6);
transform: scale(0.6);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
pointer-events: none; }
.mat-badge-content.mat-badge-active {
-webkit-transform: none;
transform: none; }
.mat-badge-small .mat-badge-content {
width: 16px;
height: 16px;
line-height: 16px; }
@media screen and (-ms-high-contrast: active) {
.mat-badge-small .mat-badge-content {
outline: solid 1px;
-webkit-border-radius: 0;
border-radius: 0; } }
.mat-badge-small.mat-badge-above .mat-badge-content {
top: -8px; }
.mat-badge-small.mat-badge-below .mat-badge-content {
bottom: -8px; }
.mat-badge-small.mat-badge-before .mat-badge-content {
left: -16px; }
[dir='rtl'] .mat-badge-small.mat-badge-before .mat-badge-content {
left: auto;
right: -16px; }
.mat-badge-small.mat-badge-after .mat-badge-content {
right: -16px; }
[dir='rtl'] .mat-badge-small.mat-badge-after .mat-badge-content {
right: auto;
left: -16px; }
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -8px; }
[dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -8px; }
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -8px; }
[dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -8px; }
.mat-badge-medium .mat-badge-content {
width: 22px;
height: 22px;
line-height: 22px; }
@media screen and (-ms-high-contrast: active) {
.mat-badge-medium .mat-badge-content {
outline: solid 1px;
-webkit-border-radius: 0;
border-radius: 0; } }
.mat-badge-medium.mat-badge-above .mat-badge-content {
top: -11px; }
.mat-badge-medium.mat-badge-below .mat-badge-content {
bottom: -11px; }
.mat-badge-medium.mat-badge-before .mat-badge-content {
left: -22px; }
[dir='rtl'] .mat-badge-medium.mat-badge-before .mat-badge-content {
left: auto;
right: -22px; }
.mat-badge-medium.mat-badge-after .mat-badge-content {
right: -22px; }
[dir='rtl'] .mat-badge-medium.mat-badge-after .mat-badge-content {
right: auto;
left: -22px; }
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -11px; }
[dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -11px; }
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -11px; }
[dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -11px; }
.mat-badge-large .mat-badge-content {
width: 28px;
height: 28px;
line-height: 28px; }
@media screen and (-ms-high-contrast: active) {
.mat-badge-large .mat-badge-content {
outline: solid 1px;
-webkit-border-radius: 0;
border-radius: 0; } }
.mat-badge-large.mat-badge-above .mat-badge-content {
top: -14px; }
.mat-badge-large.mat-badge-below .mat-badge-content {
bottom: -14px; }
.mat-badge-large.mat-badge-before .mat-badge-content {
left: -28px; }
[dir='rtl'] .mat-badge-large.mat-badge-before .mat-badge-content {
left: auto;
right: -28px; }
.mat-badge-large.mat-badge-after .mat-badge-content {
right: -28px; }
[dir='rtl'] .mat-badge-large.mat-badge-after .mat-badge-content {
right: auto;
left: -28px; }
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -14px; }
[dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -14px; }
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -14px; }
[dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -14px; }
.mat-bottom-sheet-container {
background: #424242;
color: white; }
.mat-button, .mat-icon-button, .mat-stroked-button {
color: inherit;
background: transparent; }
.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
color: #19becf; }
.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
color: #005c80; }
.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
color: #f44336; }
.mat-button.mat-primary[disabled], .mat-button.mat-accent[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled], .mat-stroked-button.mat-primary[disabled], .mat-stroked-button.mat-accent[disabled], .mat-stroked-button.mat-warn[disabled], .mat-stroked-button[disabled][disabled] {
color: rgba(255, 255, 255, 0.3); }
.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
background-color: rgba(25, 190, 207, 0.12); }
.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
background-color: rgba(0, 92, 128, 0.12); }
.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
background-color: rgba(244, 67, 54, 0.12); }
.mat-button[disabled] .mat-button-focus-overlay, .mat-icon-button[disabled] .mat-button-focus-overlay, .mat-stroked-button[disabled] .mat-button-focus-overlay {
background-color: transparent; }
.mat-button.mat-primary .mat-ripple-element, .mat-icon-button.mat-primary .mat-ripple-element, .mat-stroked-button.mat-primary .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.1); }
.mat-button.mat-accent .mat-ripple-element, .mat-icon-button.mat-accent .mat-ripple-element, .mat-stroked-button.mat-accent .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.1); }
.mat-button.mat-warn .mat-ripple-element, .mat-icon-button.mat-warn .mat-ripple-element, .mat-stroked-button.mat-warn .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.1); }
.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
color: white;
background-color: #424242; }
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
color: white; }
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
color: white; }
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
color: white; }
.mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
color: rgba(255, 255, 255, 0.3); }
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
background-color: #19becf; }
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
background-color: #005c80; }
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
background-color: #f44336; }
.mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
background-color: rgba(255, 255, 255, 0.12); }
.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-icon-button.mat-primary .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.2); }
.mat-icon-button.mat-accent .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.2); }
.mat-icon-button.mat-warn .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.2); }
.mat-button-toggle {
color: rgba(255, 255, 255, 0.5); }
.mat-button-toggle .mat-button-toggle-focus-overlay {
background-color: rgba(255, 255, 255, 0.12); }
.mat-button-toggle-checked {
background-color: #212121;
color: rgba(255, 255, 255, 0.7); }
.mat-button-toggle-disabled {
background-color: black;
color: rgba(255, 255, 255, 0.3); }
.mat-button-toggle-disabled.mat-button-toggle-checked {
background-color: #424242; }
.mat-card {
background: #424242;
color: white; }
.mat-card-subtitle {
color: rgba(255, 255, 255, 0.7); }
.mat-checkbox-frame {
border-color: rgba(255, 255, 255, 0.7); }
.mat-checkbox-checkmark {
fill: #303030; }
.mat-checkbox-checkmark-path {
stroke: #303030 !important; }
@media screen and (-ms-high-contrast: black-on-white) {
.mat-checkbox-checkmark-path {
stroke: #000 !important; } }
.mat-checkbox-mixedmark {
background-color: #303030; }
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
background-color: #19becf; }
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
background-color: #005c80; }
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
background-color: #f44336; }
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
background-color: #686868; }
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
border-color: #686868; }
.mat-checkbox-disabled .mat-checkbox-label {
color: #686868; }
@media screen and (-ms-high-contrast: active) {
.mat-checkbox-disabled {
opacity: 0.5; } }
@media screen and (-ms-high-contrast: active) {
.mat-checkbox-background {
background: none; } }
.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.26); }
.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.26); }
.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.26); }
.mat-chip.mat-standard-chip {
background-color: #616161;
color: white; }
.mat-chip.mat-standard-chip .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip .mat-chip-remove:hover {
opacity: 0.54; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
background-color: #19becf;
color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
opacity: 0.54; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
background-color: #f44336;
color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
opacity: 0.54; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
background-color: #005c80;
color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
opacity: 0.54; }
.mat-table {
background: #424242; }
.mat-table thead, .mat-table tbody, .mat-table tfoot,
mat-header-row, mat-row, mat-footer-row,
[mat-header-row], [mat-row], [mat-footer-row],
.mat-table-sticky {
background: inherit; }
mat-row, mat-header-row, mat-footer-row,
th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
border-bottom-color: rgba(255, 255, 255, 0.12); }
.mat-header-cell {
color: rgba(255, 255, 255, 0.7); }
.mat-cell, .mat-footer-cell {
color: white; }
.mat-calendar-arrow {
border-top-color: white; }
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
color: white; }
.mat-calendar-table-header {
color: rgba(255, 255, 255, 0.5); }
.mat-calendar-table-header-divider::after {
background: rgba(255, 255, 255, 0.12); }
.mat-calendar-body-label {
color: rgba(255, 255, 255, 0.7); }
.mat-calendar-body-cell-content {
color: white;
border-color: transparent; }
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
color: rgba(255, 255, 255, 0.5); }
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
background-color: rgba(255, 255, 255, 0.04); }
.mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(255, 255, 255, 0.5); }
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(255, 255, 255, 0.3); }
.mat-calendar-body-selected {
background-color: #19becf;
color: white; }
.mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(25, 190, 207, 0.4); }
.mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content {
background-color: #424242;
color: white; }
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
background-color: #005c80;
color: white; }
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(0, 92, 128, 0.4); }
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
background-color: #f44336;
color: white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(244, 67, 54, 0.4); }
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-toggle-active {
color: #19becf; }
.mat-datepicker-toggle-active.mat-accent {
color: #005c80; }
.mat-datepicker-toggle-active.mat-warn {
color: #f44336; }
.mat-dialog-container {
background: #424242;
color: white; }
.mat-divider {
border-top-color: rgba(255, 255, 255, 0.12); }
.mat-divider-vertical {
border-right-color: rgba(255, 255, 255, 0.12); }
.mat-expansion-panel {
background: #424242;
color: white; }
.mat-action-row {
border-top-color: rgba(255, 255, 255, 0.12); }
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']):hover {
background: rgba(255, 255, 255, 0.04); }
@media (hover: none) {
.mat-expansion-panel:not(.mat-expanded):not([aria-disabled='true']) .mat-expansion-panel-header:hover {
background: #424242; } }
.mat-expansion-panel-header-title {
color: white; }
.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
color: rgba(255, 255, 255, 0.7); }
.mat-expansion-panel-header[aria-disabled='true'] {
color: rgba(255, 255, 255, 0.3); }
.mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-description {
color: inherit; }
.mat-form-field-label, .amd-placeholder {
color: rgba(255, 255, 255, 0.7); }
.mat-hint {
color: rgba(255, 255, 255, 0.7); }
.mat-form-field.mat-focused .mat-form-field-label, .mat-form-field.mat-focused .amd-placeholder {
color: #19becf; }
.mat-form-field.mat-focused .mat-form-field-label.mat-accent, .mat-form-field.mat-focused .mat-accent.amd-placeholder {
color: #005c80; }
.mat-form-field.mat-focused .mat-form-field-label.mat-warn, .mat-form-field.mat-focused .mat-warn.amd-placeholder {
color: #f44336; }
.mat-focused .mat-form-field-required-marker {
color: #005c80; }
.mat-form-field-ripple {
background-color: white; }
.mat-form-field.mat-focused .mat-form-field-ripple {
background-color: #19becf; }
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
background-color: #005c80; }
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
background-color: #f44336; }
.mat-form-field.mat-form-field-invalid .mat-form-field-label, .mat-form-field.mat-form-field-invalid .amd-placeholder {
color: #f44336; }
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, .mat-form-field.mat-form-field-invalid .mat-accent.amd-placeholder,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,
.mat-form-field.mat-form-field-invalid .amd-placeholder .mat-form-field-required-marker {
color: #f44336; }
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
background-color: #f44336; }
.mat-error {
color: #f44336; }
.mat-form-field-appearance-legacy .mat-form-field-label, .mat-form-field-appearance-legacy .amd-placeholder {
color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-legacy .mat-hint {
color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-legacy .mat-form-field-underline {
background-color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.7)), color-stop(33%, rgba(255, 255, 255, 0.7)), color-stop(0%, transparent));
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
background-size: 4px 100%;
background-repeat: repeat-x; }
.mat-form-field-appearance-standard .mat-form-field-underline {
background-color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.7)), color-stop(33%, rgba(255, 255, 255, 0.7)), color-stop(0%, transparent));
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
background-size: 4px 100%;
background-repeat: repeat-x; }
.mat-form-field-appearance-fill .mat-form-field-flex {
background-color: rgba(255, 255, 255, 0.1); }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
background-color: rgba(255, 255, 255, 0.05); }
.mat-form-field-appearance-fill .mat-form-field-underline::before {
background-color: rgba(255, 255, 255, 0.5); }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-disabled .amd-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
background-color: transparent; }
.mat-form-field-appearance-outline .mat-form-field-outline {
color: rgba(255, 255, 255, 0.3); }
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
color: white; }
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
color: #19becf; }
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
color: #005c80; }
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
color: #f44336; }
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
color: #f44336; }
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-disabled .amd-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
color: rgba(255, 255, 255, 0.15); }
.mat-icon.mat-primary {
color: #19becf; }
.mat-icon.mat-accent {
color: #005c80; }
.mat-icon.mat-warn {
color: #f44336; }
.mat-input-element:disabled {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element {
caret-color: #19becf; }
.mat-input-element::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::-moz-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-accent .mat-input-element {
caret-color: #005c80; }
.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
caret-color: #f44336; }
.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
color: white; }
.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
color: white; }
.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
color: rgba(255, 255, 255, 0.7); }
.mat-list-item-disabled {
background-color: black; }
.mat-list-option:hover, .mat-list-option.mat-list-item-focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item.mat-list-item-focus {
background: rgba(255, 255, 255, 0.04); }
.mat-menu-panel {
background: #424242; }
.mat-menu-item {
background: transparent;
color: white; }
.mat-menu-item[disabled], .mat-menu-item[disabled]::after {
color: rgba(255, 255, 255, 0.5); }
.mat-menu-item .mat-icon:not([color]),
.mat-menu-item-submenu-trigger::after {
color: white; }
.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
background: rgba(255, 255, 255, 0.04); }
.mat-paginator {
background: #424242; }
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
color: rgba(255, 255, 255, 0.7); }
.mat-paginator-decrement,
.mat-paginator-increment {
border-top: 2px solid white;
border-right: 2px solid white; }
.mat-paginator-first,
.mat-paginator-last {
border-top: 2px solid white; }
.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
border-color: rgba(255, 255, 255, 0.5); }
.mat-progress-bar-background {
fill: #baecf1; }
.mat-progress-bar-buffer {
background-color: #baecf1; }
.mat-progress-bar-fill::after {
background-color: #19becf; }
.mat-progress-bar.mat-accent .mat-progress-bar-background {
fill: #b3ced9; }
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
background-color: #b3ced9; }
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
background-color: #005c80; }
.mat-progress-bar.mat-warn .mat-progress-bar-background {
fill: #ffcdd2; }
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
background-color: #ffcdd2; }
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
background-color: #f44336; }
.mat-progress-spinner circle, .mat-spinner circle {
stroke: #19becf; }
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
stroke: #005c80; }
.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
stroke: #f44336; }
.mat-radio-outer-circle {
border-color: rgba(255, 255, 255, 0.7); }
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
border-color: #19becf; }
.mat-radio-button.mat-primary .mat-radio-inner-circle {
background-color: #19becf; }
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.26); }
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
border-color: #005c80; }
.mat-radio-button.mat-accent .mat-radio-inner-circle {
background-color: #005c80; }
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.26); }
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
border-color: #f44336; }
.mat-radio-button.mat-warn .mat-radio-inner-circle {
background-color: #f44336; }
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.26); }
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
border-color: rgba(255, 255, 255, 0.5); }
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
background-color: rgba(255, 255, 255, 0.5); }
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
color: rgba(255, 255, 255, 0.5); }
.mat-select-content, .mat-select-panel-done-animating {
background: #424242; }
.mat-select-value {
color: white; }
.mat-select-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-select-disabled .mat-select-value {
color: rgba(255, 255, 255, 0.5); }
.mat-select-arrow {
color: rgba(255, 255, 255, 0.7); }
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
background: rgba(255, 255, 255, 0.12); }
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
color: #19becf; }
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
color: #005c80; }
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
color: #f44336; }
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
color: #f44336; }
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
color: rgba(255, 255, 255, 0.5); }
.mat-drawer-container {
background-color: #303030;
color: white; }
.mat-drawer {
background-color: #424242;
color: white; }
.mat-drawer.mat-drawer-push {
background-color: #424242; }
.mat-drawer-backdrop.mat-drawer-shown {
background-color: rgba(189, 189, 189, 0.6); }
.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #80adbf; }
.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgba(128, 173, 191, 0.5); }
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle .mat-ripple-element {
background-color: rgba(128, 173, 191, 0.12); }
.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #8cdfe7; }
.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgba(140, 223, 231, 0.5); }
.mat-slide-toggle.mat-primary:not(.mat-checked) .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle.mat-primary .mat-ripple-element {
background-color: rgba(140, 223, 231, 0.12); }
.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #ef9a9a; }
.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgba(239, 154, 154, 0.5); }
.mat-slide-toggle.mat-warn:not(.mat-checked) .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle.mat-warn .mat-ripple-element {
background-color: rgba(239, 154, 154, 0.12); }
.mat-disabled .mat-slide-toggle-thumb {
background-color: #424242; }
.mat-disabled .mat-slide-toggle-bar {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle-thumb {
background-color: #bdbdbd; }
.mat-slide-toggle-bar {
background-color: rgba(255, 255, 255, 0.5); }
.mat-slider-track-background {
background-color: rgba(255, 255, 255, 0.3); }
.mat-primary .mat-slider-track-fill,
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label {
background-color: #19becf; }
.mat-primary .mat-slider-thumb-label-text {
color: white; }
.mat-accent .mat-slider-track-fill,
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label {
background-color: #005c80; }
.mat-accent .mat-slider-thumb-label-text {
color: white; }
.mat-warn .mat-slider-track-fill,
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label {
background-color: #f44336; }
.mat-warn .mat-slider-thumb-label-text {
color: white; }
.mat-slider-focus-ring {
background-color: rgba(0, 92, 128, 0.2); }
.mat-slider:hover .mat-slider-track-background,
.cdk-focused .mat-slider-track-background {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled .mat-slider-thumb {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-disabled:hover .mat-slider-track-background {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-min-value .mat-slider-focus-ring {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
background-color: white; }
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
border-color: rgba(255, 255, 255, 0.3);
background-color: transparent; }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
border-color: rgba(255, 255, 255, 0.3); }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
border-color: rgba(255, 255, 255, 0.3); }
.mat-slider-has-ticks .mat-slider-wrapper::after {
border-color: rgba(255, 255, 255, 0.7); }
.mat-slider-horizontal .mat-slider-ticks {
background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);
background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); }
.mat-slider-vertical .mat-slider-ticks {
background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); }
.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover {
background-color: rgba(255, 255, 255, 0.04); }
.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
color: rgba(255, 255, 255, 0.5); }
.mat-step-header .mat-step-icon {
background-color: #19becf;
color: white; }
.mat-step-header .mat-step-icon-not-touched {
background-color: rgba(255, 255, 255, 0.5);
color: white; }
.mat-step-header .mat-step-label.mat-step-label-active {
color: white; }
.mat-stepper-horizontal, .mat-stepper-vertical {
background-color: #424242; }
.mat-stepper-vertical-line::before {
border-left-color: rgba(255, 255, 255, 0.12); }
.mat-stepper-horizontal-line {
border-top-color: rgba(255, 255, 255, 0.12); }
.mat-sort-header-arrow {
color: #c6c6c6; }
.mat-tab-nav-bar,
.mat-tab-header {
border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: none; }
.mat-tab-label, .mat-tab-link {
color: white; }
.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.5); }
.mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.5); }
.mat-tab-group[class*='mat-background-'] .mat-tab-header,
.mat-tab-nav-bar[class*='mat-background-'] {
border-bottom: none;
border-top: none; }
.mat-tab-group.mat-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(186, 236, 241, 0.3); }
.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
background-color: #19becf; }
.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
background-color: white; }
.mat-tab-group.mat-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(179, 206, 217, 0.3); }
.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
background-color: #005c80; }
.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
background-color: white; }
.mat-tab-group.mat-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(255, 205, 210, 0.3); }
.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
background-color: #f44336; }
.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
background-color: white; }
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(186, 236, 241, 0.3); }
.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
background-color: #19becf; }
.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
color: white; }
.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-primary .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(179, 206, 217, 0.3); }
.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
background-color: #005c80; }
.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
color: white; }
.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-accent .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(255, 205, 210, 0.3); }
.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links {
background-color: #f44336; }
.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
color: white; }
.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-warn .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-toolbar {
background: #212121;
color: white; }
.mat-toolbar.mat-primary {
background: #19becf;
color: white; }
.mat-toolbar.mat-accent {
background: #005c80;
color: white; }
.mat-toolbar.mat-warn {
background: #f44336;
color: white; }
.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
background-color: currentColor; }
.mat-toolbar .mat-form-field-label, .mat-toolbar .amd-placeholder,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-focused .amd-placeholder,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
color: inherit; }
.mat-toolbar .mat-input-element {
caret-color: currentColor; }
.mat-tooltip {
background: rgba(97, 97, 97, 0.9); }
.mat-tree {
background: #424242; }
.mat-tree-node {
color: white; }
.mat-snack-bar-container {
background: #fafafa;
color: rgba(0, 0, 0, 0.87); }
.mat-simple-snackbar-action {
color: inherit; }
.mat-calendar-arrow {
border-top-color: rgba(0, 0, 0, 0.54); }
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
color: rgba(0, 0, 0, 0.54); }
.mat-calendar-table-header {
color: rgba(0, 0, 0, 0.38); }
.mat-calendar-table-header-divider::after {
background: rgba(0, 0, 0, 0.12); }
.mat-calendar-body-label {
color: rgba(0, 0, 0, 0.54); }
.mat-calendar-body-cell-content {
color: rgba(0, 0, 0, 0.87);
border-color: transparent; }
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
color: rgba(0, 0, 0, 0.38); }
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
background-color: rgba(0, 0, 0, 0.04); }
.mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(0, 0, 0, 0.38); }
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(0, 0, 0, 0.18); }
.mat-calendar-body-selected {
background-color: #19becf;
color: white; }
.mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(25, 190, 207, 0.4); }
.mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content {
background-color: white;
color: rgba(0, 0, 0, 0.87); }
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
background-color: #005c80;
color: white; }
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(0, 92, 128, 0.4); }
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
background-color: #f44336;
color: white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(244, 67, 54, 0.4); }
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-toggle-active {
color: #19becf; }
.mat-datepicker-toggle-active.mat-accent {
color: #005c80; }
.mat-datepicker-toggle-active.mat-warn {
color: #f44336; }
/*
Variables
Styleguide 1
*/
/*
Colors Palette
$amd-primary-50 - primary 50
$amd-primary-100 - primary 100
markup:
{$modifiers}
Styleguide 1.1
*/
.amd-color-red {
color: #ff6054; }
.amd-color-green {
color: #4caf50 !important; }
.amd-color-orange {
color: #ff9800 !important; }
.amd-color-red {
color: #ff6054 !important; }
.amd-bg-color-red {
background-color: #fbd6d3; }
.amd-accent-300 {
color: #42a3d0; }
.amd-accent-500 {
color: #005c80 !important; }
.amd-accent-500--bg {
background-color: #19becf !important; }
.amd-accent-500--hover, .amd-items-counter--accent-dark:hover {
background-color: #005478 !important; }
.amd-primary-500 {
color: #19becf !important; }
.amd-primary-500--bg {
background-color: #005c80 !important; }
.amd-primary-500--hover, .amd-items-counter--primary:hover {
background-color: #47cbd8 !important; }
.mat-container-colors {
background-color: #002e40;
color: #fff; }
.mat-toolbar-colors {
background-color: rgba(0, 46, 64, 0.9); }
.footer-colors {
background-color: #003348;
color: #80adbf; }
.footer-colors a {
color: #ddeef6; }
.table-border-color, table.mat-table--bordered > thead > .mat-row,
table.mat-table--bordered > tbody > .mat-row, .amd-table--bordered > thead > tr,
.amd-table--bordered > tbody > tr {
border-bottom: 1px solid #ccc; }
.box-shadow, .amd-expansion-panel, .amd-table tbody {
-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) !important;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) !important; }
.amd-title-color, .amd-title {
color: #267493; }
.amd-title-border, .amd-title {
border-left: 2px solid #42a3d0; }
.amd-button-raised-color, .amd-button--raised, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton {
color: #fff !important;
background-color: #19becf !important; }
.amd-input-control-colors, .amd-input__group__control {
background-color: #0f727c;
color: #baecf1; }
.amd-input-control-placeholder, .amd-input__group__control::-webkit-input-placeholder {
color: #5ed2dd; }
.amd-expansion-panel-bg-color {
background-color: #004560; }
.amd-expansion-panel-header-border {
border-bottom-color: #003348; }
.amd-expansion-panel-header-color {
color: #42a3d0; }
.amd-expansion-panel-content {
background-color: #004e6d; }
.amd-card-bg-color, .amd-card {
background-color: #004e6d; }
.amd-card-bg-color .amd-icon--circle .amd-icon--border, .amd-card .amd-icon--circle .amd-icon--border {
border-color: #ccc; }
.amd-card-bg-color--light, .amd-card--light {
background-color: #005c80; }
.amd-card-bg-color--light .amd-card-title-btn-border, .amd-card--light .amd-card-title-btn-border, .amd-card-bg-color--light .amd-card__title-btn, .amd-card--light .amd-card__title-btn,
.amd-card-bg-color--light .amd-card__title-btn,
.amd-card--light .amd-card__title-btn {
border-left: 1px solid #004560; }
.amd-card-bg-color--light .amd-icon--circle .amd-icon--border, .amd-card--light .amd-icon--circle .amd-icon--border {
border-color: #004560; }
.amd-card-title-color, .amd-card__title h4 {
color: #42a3d0; }
.amd-card-title-color--light, .amd-card--light .amd-card__title h4,
.amd-card--light .amd-card__title-icon {
color: #80adbf; }
.amd-card-title-btn-border, .amd-card__title-btn {
border-left: 1px solid #003348; }
.amd-list-col-border {
border-left: 1px solid #80adbf; }
.amd-list-item-border {
border-bottom: 1px solid #003348; }
.amd-list-icon-color {
color: #42a3d0; }
.amd-list-title-color {
color: #80adbf; }
.u-theme--positive .amd-link,
.u-theme--positive .amd-button--accent,
.u-theme--positive .amd-accent-500,
.u-theme--positive .amd-button--primary,
.u-theme--positive .amd-primary-500,
.u-theme--positive .amd-button--light,
.u-theme--positive .amd-button--reverse,
.u-theme--positive .amd-select__centers .mat-select-placeholder.mat-floating-placeholder {
color: #0071b9 !important; }
.u-theme--positive .amd-list__check {
border-right: 2px solid #d1d1d1; }
.u-theme--positive .amd-toolbar__title {
color: #4e4e4e; }
.u-theme--positive .amd-toolbar__action ul li {
border-right: 1px solid #ccc; }
.u-theme--positive .amd-wizard {
border-left: 1px solid #ddd !important; }
.u-theme--positive .amd-select__centers .mat-select-value {
color: #777 !important; }
.u-theme--positive .amd-select__centers .mat-select-underline {
background-color: #ccc; }
.u-theme--positive .deadlines-cell {
background-color: #fff; }
.u-theme--positive .deadlines-list__text {
color: #696969; }
.u-theme--positive .deadlines-list a,
.u-theme--positive .deadlines-list a:visited {
color: #444; }
.u-theme--positive .deadlines-list__bar {
background-color: #e6e6e6;
color: #333; }
.u-theme--positive .deadlines-list__item {
border-bottom: 1px solid #ddd; }
.u-theme--positive .news-cell__text {
color: #333; }
.u-theme--positive .news-cell__date {
color: #696969; }
.u-theme--positive .info-grid .amd-icon--border {
border-color: #ccc !important; }
.u-theme--positive .info-grid .amd-list__text p {
color: #696969; }
.u-theme--positive .news-grid__cell__date {
color: #696969; }
.u-theme--positive .news-grid__cell__text {
color: #333; }
.u-theme--positive .order-check__label {
color: #4e4e4e !important; }
.u-theme--positive .order-details__legend .amd-title {
color: #696969; }
.u-theme--positive .order-details__legend__item {
color: #777; }
.u-theme--positive .order-details__legend__item span {
color: #666; }
.u-theme--positive .order-details__tabs .mat-expansion-panel-body tbody {
border-bottom: 1px solid #eee; }
.u-theme--positive .order-details__tabs .mat-expansion-panel-body tbody:nth-of-type(even) {
background-color: #f5f5f5; }
.u-theme--positive .order-details__tabs .mat-tab-label {
background-color: #fff;
color: #0071b9; }
.u-theme--positive .amd-table__td--toggle {
border-left: 1px solid #eee !important;
border-right: 1px solid #eee !important; }
.u-theme--positive .amd-title {
color: #818181; }
.u-theme--positive .amd-breadcrumb__bookmark .mat-button,
.u-theme--positive .amd-breadcrumb__icon,
.u-theme--positive .amd-button--expanded,
.u-theme--positive .amd-card__title-btn .mat-icon {
color: #0071b9 !important; }
.u-theme--positive .amd-bg--primary .amd-bg--highlight,
.u-theme--positive .amd-bg--accent .amd-bg--highlight {
color: #42a3d0; }
.u-theme--positive .amd-breadcrumb__content {
border-left: 2px solid #0071b9; }
.u-theme--positive .amd-bg--border::before {
border-left: 3px solid #0071b9; }
.u-theme--positive .amd-heading {
color: #42a3d0; }
.u-theme--positive .amd-breadcrumb__link,
.u-theme--positive .amd-breadcrumb__title,
.u-theme--positive .amd-breadcrumb_link:visited {
color: #333333; }
.u-theme--positive .amd-label {
background-color: #eee;
color: #777;
border-color: #ccc; }
.u-theme--positive .amd-label--primary {
color: #0071b9; }
.u-theme--positive .amd-label .fa {
color: #4caf50; }
.u-theme--positive .u-divider {
border-top: 1px solid #ddd; }
.u-theme--positive .amd-bg--accent,
.u-theme--positive .amd-bg--primary {
background-color: #f2f2f2;
color: #4e4e4e; }
.u-theme--positive .amd-legend__item {
color: #818181; }
.u-theme--positive .mat-container-colors {
background-color: #e6e6e6;
color: #4e4e4e; }
.u-theme--positive .mat-radio-outer-circle {
border-color: #ccc; }
.u-theme--positive .mat-checkbox-disabled .mat-checkbox-label {
color: #999; }
.u-theme--positive .mat-checkbox-frame {
border-color: #a4a4a4 !important; }
.u-theme--positive .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.u-theme--positive .mat-checkbox-checked.mat-accent .mat-checkbox-background {
background-color: #42a3d0 !important; }
.u-theme--positive .mat-checkbox-checkmark-path {
stroke: #fff !important; }
.u-theme--positive .mat-slide-toggle-thumb {
background-color: #eee; }
.u-theme--positive .mat-ink-bar {
background-color: #0071b9 !important; }
.u-theme--positive .mat-toolbar-colors {
background-color: white;
border-bottom: 1px solid #ccc; }
.u-theme--positive .mat-tab-link {
color: #696969; }
.u-theme--positive .mat-tab-body__description {
background-color: #fff; }
.u-theme--positive .mat-tab-body__title {
background-color: #fff;
border-bottom: 1px solid #ccc;
color: #80adbf; }
.u-theme--positive .app-footer {
background-color: #d6d6d6;
color: #696969; }
.u-theme--positive .app-footer__grid h4,
.u-theme--positive .footer-colors a,
.u-theme--positive .app-footer a {
color: #333; }
.u-theme--positive .mat-expansion-panel-body tbody {
border-bottom: 1px solid #eee; }
.u-theme--positive .mat-expansion-panel-body tbody:nth-of-type(even) {
background-color: #f5f5f5; }
.u-theme--positive .mat-tab-label {
background-color: #fff;
color: #0071b9; }
.u-theme--positive .mat-tab-label:focus {
background-color: #fff !important; }
.u-theme--positive .mat-hint {
color: #919191 !important; }
.u-theme--positive .mat-slide-toggle-bar {
background-color: #ddd; }
.u-theme--positive .mat-form-field-label, .u-theme--positive .amd-placeholder {
color: rgba(21, 21, 21, 0.7); }
.u-theme--positive .mat-form-field-underline,
.u-theme--positive .mat-form-field-underline {
background-color: #ddd !important; }
.u-theme--positive .mat-input-element,
.u-theme--positive .mat-select-value {
color: #444 !important; }
.u-theme--positive .amd-input--invalid .md2-datepicker-input {
border-bottom: 2px solid #f44336 !important; }
.u-theme--positive .amd-input--error,
.u-theme--positive .mat-input-error {
color: #f44336; }
.amd-panel-list {
padding: 0;
background-color: #004560;
border-bottom: 1px solid #003348;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between; }
.amd-panel-list__item {
border-right: 1px solid #003348;
width: 100%; }
.amd-panel-list__item:last-child {
border-right: 0; }
.amd-panel-list__item .amd-items-counter {
margin-right: 0;
-webkit-box-shadow: 0 0 !important;
box-shadow: 0 0 !important; }
.amd-panel-list__item .amd-items-counter__title {
color: #fff; }
.amd-panel-list__item .amd-items-counter__number {
color: #80adbf; }
.amd-panel-list__item .amd-items-counter__subtitle {
margin-bottom: 0; }
.amd-panel-list__item:not(.amd-panel-list__item--disabled) .amd-items-counter:hover {
background-color: #004e6d; }
.amd-panel-list__item--disabled {
opacity: 0.6;
background-color: #00394f; }
.amd-panel-list__item--disabled .amd-items-counter {
cursor: default; }
.amd-panel-list__item--active {
background-color: #005c80; }
.amd-panel-list__item--active .amd-items-counter__subtitle {
border-top: 3px solid;
display: inline;
padding-top: 20px; }
.amd-panel-list__item--active .amd-items-counter__subtitle, .amd-panel-list__item--active .amd-items-counter__number {
color: #19becf; }
.amd-panel-list--small .amd-items-counter {
min-height: auto !important; }
.amd-bg {
color: #ddeef6; }
.amd-bg--accent {
background-color: #004560; }
.amd-bg--accent .amd-bg--highlight {
color: #80adbf; }
.amd-bg--primary {
background-color: #004560; }
.amd-bg--primary .amd-bg--highlight {
color: #3cc8d6; }
.amd-bg--border::before {
content: '';
position: relative;
left: -20px;
top: 0;
border-left: 3px solid #19becf; }
.amd-box {
padding: 10px;
-webkit-border-radius: 2px;
border-radius: 2px; }
.amd-box--primary {
background-color: #f2f2f2;
border: 1px solid #e2e2e2; }
.amd-box--accent {
background-color: #c4e1ef;
border: 1px solid #afd7ea; }
.amd-box--fullscreen {
width: 100%;
height: 100%;
text-align: center; }
@font-face {
font-family: 'HelveticaNeueLTStd-Roman';
src: url("/assets/fonts/3447C2_6_0.eot");
src: url("/assets/fonts/3447C2_6_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_6_0.woff2") format("woff2"), url("/assets/fonts/3447C2_6_0.woff") format("woff"), url("/assets/fonts/3447C2_6_0.ttf") format("truetype"); }
@font-face {
font-family: 'HelveticaNeueLTStd-Bd';
src: url("/assets/fonts/3447C2_8_0.eot");
src: url("/assets/fonts/3447C2_8_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_8_0.woff2") format("woff2"), url("/assets/fonts/3447C2_8_0.woff") format("woff"), url("/assets/fonts/3447C2_8_0.ttf") format("truetype"); }
@font-face {
font-family: 'HelveticaNeueLTStd-Lt';
src: url("/assets/fonts/3447C2_3_0.eot");
src: url("/assets/fonts/3447C2_3_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_3_0.woff2") format("woff2"), url("/assets/fonts/3447C2_3_0.woff") format("woff"), url("/assets/fonts/3447C2_3_0.ttf") format("truetype"); }
@font-face {
font-family: 'HelveticaNeueLTStd-Md';
src: url("/assets/fonts/3447C2_5_0.eot");
src: url("/assets/fonts/3447C2_5_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_5_0.woff2") format("woff2"), url("/assets/fonts/3447C2_5_0.woff") format("woff"), url("/assets/fonts/3447C2_5_0.ttf") format("truetype"); }
.HelveticaNeueLTStd-Roman, body, .mat-form-field,
.mat-input-element,
.mat-form-field-label, .amd-placeholder,
.md2-datepicker,
.md2-datepicker-value,
.md2-datepicker-placeholder,
.mat-radio-label-content,
.mat-radio-button,
.mat-select,
.mat-select-placeholder,
.mat-select-value-text,
.mat-option,
.mat-checkbox,
.mat-list-item,
.mat-tab-group,
.mat-expansion-panel-content,
.mat-bottom-sheet-container, .mat-tab-body__description, .mat-list .mat-subheader,
.mat-nav-list .mat-subheader, .introjs-button, .amd-button, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .amd-card__title--normal, .amd-expansion-panel__subtitle, .amd-link, .amd-link--station .amd-link__title, .amd-list__subtext, .amd-check-item__alert .amd-button, .theme--myald-dialog .amd-files-list__item.mat-list-item .amd-files-list__name {
font-family: HelveticaNeueLTStd-Roman, Arial, Helvetica, sans-serif !important; }
.HelveticaNeueLTStd-Bd, b,
strong, h2, h6, .mat-horizontal-stepper-header .mat-step-icon, .mat-step-text-label, .mat-tab-label,
.mat-tab-link, .mat-tab-body__title, .mat-expansion-panel-header-title, .mat-chip, .mat-menu-panel .mat-subheader, .u-main-title, .amd-dialog__header .mat-dialog-title, .u-phone, .amd-user, .amd-title, .amd-label, .fc .fc-toolbar h2, .introjs-tooltip--welcome .introjs-head h3, .introjs-subtitle, .introjs-title, .amd-bottom-nav__item .amd-bottom-nav__button, .amd-button--reverse, .amd-button--raised, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .amd-button--expanded, .amd-button--uppercase, .amd-card__title h4, .amd-dialog .amd-files-counter, .amd-multi-panels .mat-tab-label-active, .amd-expansion-panel__description .amd-button, .amd-expansion-panel__description .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .amd-expansion-panel__description .introjs-nextbutton, .amd-expansion-panel__filters, .amd-files-list__name, .amd-items-counter .amd-button, .amd-items-counter .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .amd-items-counter .introjs-nextbutton, .amd-items-counter__subtitle, .amd-link--reverse span, .amd-link--text, .amd-link__title, .amd-link__info, .amd-list--events h4, .amd-list__title, .amd-list__text .title,
.amd-list__text h6, .amd-list--sidenav .mat-list-item, .amd-list--selection .amd-list__subheader, .amd-message, .amd-notification, table.mat-table .mat-header-cell, .amd-table th, .amd-table__col--highlighted, .amd-stepper__step--active .amd-stepper__name, .amd-stepper__icon, .amd-stepper__icon-disabled, .amd-heading, .amd-notify__title, .amd-badge__title, .amd-check-item__name p, .amd-check-item__status, .amd-check-item__counter, .amd-button-toggle, .theme--myald .amd-button--raised, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .introjs-nextbutton,
.theme--myald .amd-button-raised-color,
.theme--myald a.amd-button.amd-button--light.cta-button, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.cta-button.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.cta-button.introjs-nextbutton,
.theme--myald a.amd-button.amd-button--light.stepper-prev.myald-button-inverse, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.stepper-prev.myald-button-inverse.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.stepper-prev.myald-button-inverse.introjs-nextbutton, .theme--myald a.amd-button.amd-button--light.cta-button.myald--aggiungi-controparte, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.cta-button.myald--aggiungi-controparte.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.cta-button.myald--aggiungi-controparte.introjs-nextbutton,
.theme--myald a.amd-button.amd-button--light.stepper-prev.myald--aggiungi-controparte, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.stepper-prev.myald--aggiungi-controparte.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.stepper-prev.myald--aggiungi-controparte.introjs-nextbutton,
.theme--myald a.amd-link.amd-link--dark.ald-generic-add,
.theme--myald button.amd-button.amd-button--raised.button-panel-title.cta-button.myald--aggiungi-controparte, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.button-panel-title.cta-button.myald--aggiungi-controparte.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald button.button-panel-title.cta-button.myald--aggiungi-controparte.introjs-nextbutton, .theme--myald .action-button.action-button--myald button.amd-button.amd-button--raised.stepper-next.mat-button.mat-raised-button, .theme--myald .action-button.action-button--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.stepper-next.mat-button.mat-raised-button.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .action-button.action-button--myald button.stepper-next.mat-button.mat-raised-button.introjs-nextbutton,
.theme--myald .action-button.action-button--myald button.amd-button.amd-button--raised.stepper-prev.mat-button.mat-raised-button, .theme--myald .action-button.action-button--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.stepper-prev.mat-button.mat-raised-button.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .action-button.action-button--myald button.stepper-prev.mat-button.mat-raised-button.introjs-nextbutton, .theme--myald .pre-step a.amd-button.amd-button--light, .theme--myald .pre-step .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .pre-step a.amd-button--light.introjs-nextbutton, .theme--myald .pre-step p.prestep-ald, .theme--myald .myald-bottom-navigation-btn, .theme--myald .myald-typage-title, .theme--myald .scarica-documento, .theme--myald-dialog a.amd-button.amd-button--reverse, .theme--myald-dialog .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--reverse.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald-dialog a.amd-button--reverse.introjs-nextbutton {
font-family: HelveticaNeueLTStd-Bd, Arial, Helvetica, sans-serif !important;
font-weight: normal !important; }
.HelveticaNeueLTStd-Md, .mat-error, .amd-legend__item, .claims-bottom-box, .fc .fc-head-container th, .fc .fc-time, .fc .fc-event, .amd-expansion-panel__recap, .amd-input--error, .amd-items-counter__title, .amd-link--station .amd-link__subtitle, .amd-link--station .amd-link__distance, .amd-check-item__date {
font-family: HelveticaNeueLTStd-Md, Arial, Helvetica, sans-serif !important; }
.HelveticaNeueLTStd-Lt, .amd-link--station .amd-link__note {
font-family: HelveticaNeueLTStd-Lt, Arial, Helvetica, sans-serif !important; }
/**
* Applies styles for users in high contrast mode. Note that this only applies
* to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
* attribute, however Chrome handles high contrast differently.
* @param target Which kind of high contrast setting to target. Defaults to `active`, can be
* `white-on-black` or `black-on-white`.
*/
/* Theme for the ripple elements.*/
/* stylelint-disable material/no-prefixes */
/* stylelint-enable */
.mat-elevation-z0 {
-webkit-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);
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); }
.mat-elevation-z1 {
-webkit-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);
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); }
.mat-elevation-z2 {
-webkit-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);
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); }
.mat-elevation-z3 {
-webkit-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);
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); }
.mat-elevation-z4 {
-webkit-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);
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); }
.mat-elevation-z5 {
-webkit-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);
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); }
.mat-elevation-z6 {
-webkit-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);
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); }
.mat-elevation-z7 {
-webkit-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);
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); }
.mat-elevation-z8 {
-webkit-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);
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); }
.mat-elevation-z9 {
-webkit-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);
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); }
.mat-elevation-z10 {
-webkit-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);
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); }
.mat-elevation-z11 {
-webkit-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);
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); }
.mat-elevation-z12 {
-webkit-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);
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); }
.mat-elevation-z13 {
-webkit-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);
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); }
.mat-elevation-z14 {
-webkit-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);
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); }
.mat-elevation-z15 {
-webkit-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);
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); }
.mat-elevation-z16 {
-webkit-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);
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); }
.mat-elevation-z17 {
-webkit-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);
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); }
.mat-elevation-z18 {
-webkit-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);
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); }
.mat-elevation-z19 {
-webkit-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);
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); }
.mat-elevation-z20 {
-webkit-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);
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); }
.mat-elevation-z21 {
-webkit-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);
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); }
.mat-elevation-z22 {
-webkit-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);
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); }
.mat-elevation-z23 {
-webkit-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);
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); }
.mat-elevation-z24 {
-webkit-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);
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); }
.mat-badge-content {
font-weight: 600;
font-size: 12px;
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-badge-small .mat-badge-content {
font-size: 6px; }
.mat-badge-large .mat-badge-content {
font-size: 24px; }
.mat-h1, .mat-headline, .mat-typography h1 {
font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h2, .mat-title, .mat-typography h2 {
font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h3, .mat-subheading-2, .mat-typography h3 {
font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h4, .mat-subheading-1, .mat-typography h4 {
font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h5, .mat-typography h5 {
font: 400 11.62px/20px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 12px; }
.mat-h6, .mat-typography h6 {
font: 400 9.38px/20px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 12px; }
.mat-body-strong, .mat-body-2 {
font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
.mat-body, .mat-body-1, .mat-typography {
font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-body p, .mat-body-1 p, .mat-typography p {
margin: 0 0 12px; }
.mat-small, .mat-caption {
font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-display-4, .mat-typography .mat-display-4 {
font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 56px;
letter-spacing: -0.05em; }
.mat-display-3, .mat-typography .mat-display-3 {
font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 64px;
letter-spacing: -0.02em; }
.mat-display-2, .mat-typography .mat-display-2 {
font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 64px;
letter-spacing: -0.005em; }
.mat-display-1, .mat-typography .mat-display-1 {
font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 64px; }
.mat-bottom-sheet-container {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 16px;
font-weight: 400; }
.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500; }
.mat-button-toggle {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-card {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-card-title {
font-size: 24px;
font-weight: 400; }
.mat-card-subtitle,
.mat-card-content,
.mat-card-header .mat-card-title {
font-size: 14px; }
.mat-checkbox {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-checkbox-layout .mat-checkbox-label {
line-height: 24px; }
.mat-chip {
font-size: 13px;
line-height: 18px; }
.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
font-size: 18px; }
.mat-table {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-header-cell {
font-size: 12px;
font-weight: 500; }
.mat-cell, .mat-footer-cell {
font-size: 14px; }
.mat-calendar {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-calendar-body {
font-size: 13px; }
.mat-calendar-body-label,
.mat-calendar-period-button {
font-size: 14px;
font-weight: 500; }
.mat-calendar-table-header th {
font-size: 11px;
font-weight: 400; }
.mat-dialog-title {
font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; }
.mat-expansion-panel-header {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 15px;
font-weight: 400; }
.mat-expansion-panel-content {
font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-form-field {
font-size: inherit;
font-weight: 400;
line-height: 1.125;
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-form-field-wrapper {
padding-bottom: 1.34375em; }
.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
font-size: 150%;
line-height: 1.125; }
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
height: 1.5em;
width: 1.5em; }
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
height: 1.125em;
line-height: 1.125; }
.mat-form-field-infix {
padding: 0.5em 0;
border-top: 0.84375em solid transparent; }
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.34375em) scale(0.75);
transform: translateY(-1.34375em) scale(0.75);
width: 133.33333333%; }
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label, .mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.34374em) scale(0.75);
transform: translateY(-1.34374em) scale(0.75);
width: 133.33334333%; }
.mat-form-field-label-wrapper {
top: -0.84375em;
padding-top: 0.84375em; }
.mat-form-field-label, .amd-placeholder {
top: 1.34375em; }
.mat-form-field-underline {
bottom: 1.34375em; }
.mat-form-field-subscript-wrapper {
font-size: 75%;
margin-top: 0.66666667em;
top: -webkit-calc(100% - 1.79166667em);
top: calc(100% - 1.79166667em); }
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
padding-bottom: 1.25em; }
.mat-form-field-appearance-legacy .mat-form-field-infix {
padding: 0.4375em 0; }
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-ms-transform: translateY(-1.28125em) scale(0.75);
width: 133.33333333%; }
.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, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
-ms-transform: translateY(-1.28124em) scale(0.75);
width: 133.33334333%; }
.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, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
-ms-transform: translateY(-1.28123em) scale(0.75);
width: 133.33335333%; }
.mat-form-field-appearance-legacy .mat-form-field-label, .mat-form-field-appearance-legacy .amd-placeholder {
top: 1.28125em; }
.mat-form-field-appearance-legacy .mat-form-field-underline {
bottom: 1.25em; }
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
margin-top: 0.54166667em;
top: -webkit-calc(100% - 1.66666667em);
top: calc(100% - 1.66666667em); }
.mat-form-field-appearance-fill .mat-form-field-infix {
padding: 0.25em 0 0.75em 0; }
.mat-form-field-appearance-fill .mat-form-field-label, .mat-form-field-appearance-fill .amd-placeholder {
top: 1.09375em;
margin-top: -0.5em; }
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-0.59375em) scale(0.75);
transform: translateY(-0.59375em) scale(0.75);
width: 133.33333333%; }
.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, .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-0.59374em) scale(0.75);
transform: translateY(-0.59374em) scale(0.75);
width: 133.33334333%; }
.mat-form-field-appearance-outline .mat-form-field-infix {
padding: 1em 0 1em 0; }
.mat-form-field-appearance-outline .mat-form-field-label, .mat-form-field-appearance-outline .amd-placeholder {
top: 1.84375em;
margin-top: -0.25em; }
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.59375em) scale(0.75);
transform: translateY(-1.59375em) scale(0.75);
width: 133.33333333%; }
.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, .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.59374em) scale(0.75);
transform: translateY(-1.59374em) scale(0.75);
width: 133.33334333%; }
.mat-grid-tile-header,
.mat-grid-tile-footer {
font-size: 14px; }
.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
font-size: 12px; }
input.mat-input-element {
margin-top: -0.0625em; }
.mat-menu-item {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 16px;
font-weight: 400; }
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 12px; }
.mat-radio-button {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-select {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-select-trigger {
height: 1.125em; }
.mat-slide-toggle-content {
font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-slider-thumb-label-text {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 12px;
font-weight: 500; }
.mat-stepper-vertical, .mat-stepper-horizontal {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-step-label {
font-size: 14px;
font-weight: 400; }
.mat-step-label-selected {
font-size: 14px;
font-weight: 500; }
.mat-tab-group {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-tab-label, .mat-tab-link {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500; }
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
margin: 0; }
.mat-tooltip {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 10px;
padding-top: 6px;
padding-bottom: 6px; }
.mat-tooltip-handset {
font-size: 14px;
padding-top: 9px;
padding-bottom: 9px; }
.mat-list-item {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-list-option {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
font-size: 16px; }
.mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
font-size: 14px; }
.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
font-size: 16px; }
.mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
font-size: 14px; }
.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500; }
.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
font-size: 12px; }
.mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
font-size: 12px; }
.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
font-size: 12px; }
.mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
font-size: 12px; }
.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 12px;
font-weight: 500; }
.mat-option {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 16px; }
.mat-optgroup-label {
font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
.mat-simple-snackbar {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px; }
.mat-simple-snackbar-action {
line-height: 1;
font-family: inherit;
font-size: inherit;
font-weight: 500; }
.mat-tree {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-tree-node {
font-weight: 400;
font-size: 14px; }
.mat-ripple {
overflow: hidden; }
.mat-ripple.mat-ripple-unbounded {
overflow: visible; }
.mat-ripple-element {
position: absolute;
-webkit-border-radius: 50%;
border-radius: 50%;
pointer-events: none;
-webkit-transition: opacity, -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity, -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
-webkit-transform: scale(0);
transform: scale(0); }
@media screen and (-ms-high-contrast: active) {
.mat-ripple-element {
display: none; } }
.cdk-visually-hidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
outline: 0;
-webkit-appearance: none;
-moz-appearance: none; }
.cdk-overlay-container, .cdk-global-overlay-wrapper {
pointer-events: none;
top: 0;
left: 0;
height: 100%;
width: 100%; }
.cdk-overlay-container {
position: fixed;
z-index: 1000; }
.cdk-overlay-container:empty {
display: none; }
.cdk-global-overlay-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: flex;
position: absolute;
z-index: 1000; }
.cdk-overlay-pane {
position: absolute;
pointer-events: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 1000;
display: -webkit-box;
display: -webkit-flex;
display: flex;
max-width: 100%;
max-height: 100%; }
.cdk-overlay-backdrop {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
pointer-events: auto;
-webkit-tap-highlight-color: transparent;
-webkit-transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
opacity: 0; }
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
opacity: 1; }
@media screen and (-ms-high-contrast: active) {
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
opacity: 0.6; } }
.cdk-overlay-dark-backdrop {
background: rgba(0, 0, 0, 0.288); }
.cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
opacity: 0; }
.cdk-overlay-connected-position-bounding-box {
position: absolute;
z-index: 1000;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
min-width: 1px;
min-height: 1px; }
.cdk-global-scrollblock {
position: fixed;
width: 100%;
overflow-y: scroll; }
@keyframes cdk-text-field-autofill-start {
/*!*/ }
@keyframes cdk-text-field-autofill-end {
/*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
-webkit-animation-name: cdk-text-field-autofill-start;
animation-name: cdk-text-field-autofill-start; }
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
-webkit-animation-name: cdk-text-field-autofill-end;
animation-name: cdk-text-field-autofill-end; }
textarea.cdk-textarea-autosize {
resize: none; }
textarea.cdk-textarea-autosize-measuring {
height: auto !important;
overflow: hidden !important;
padding: 2px 0 !important;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important; }
.mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-option {
color: white; }
.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
background: rgba(255, 255, 255, 0.04); }
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
background: rgba(255, 255, 255, 0.04); }
.mat-option.mat-active {
background: rgba(255, 255, 255, 0.04);
color: white; }
.mat-option.mat-option-disabled {
color: rgba(255, 255, 255, 0.5); }
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
color: #19becf; }
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
color: #005c80; }
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
color: #f44336; }
.mat-optgroup-label {
color: rgba(255, 255, 255, 0.7); }
.mat-optgroup-disabled .mat-optgroup-label {
color: rgba(255, 255, 255, 0.5); }
.mat-pseudo-checkbox {
color: rgba(255, 255, 255, 0.7); }
.mat-pseudo-checkbox::after {
color: #303030; }
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
background: #005c80; }
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
background: #19becf; }
.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
background: #f44336; }
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
background: #686868; }
.mat-app-background {
background-color: #303030;
color: white; }
.mat-theme-loaded-marker {
display: none; }
.mat-autocomplete-panel {
background: #424242;
color: white; }
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
background: #424242; }
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
color: white; }
.mat-badge-content {
color: white;
background: #19becf; }
.mat-badge-accent .mat-badge-content {
background: #005c80;
color: white; }
.mat-badge-warn .mat-badge-content {
color: white;
background: #f44336; }
.mat-badge {
position: relative; }
.mat-badge-hidden .mat-badge-content {
display: none; }
.mat-badge-content {
position: absolute;
text-align: center;
display: inline-block;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: -webkit-transform 200ms ease-in-out;
transition: -webkit-transform 200ms ease-in-out;
transition: transform 200ms ease-in-out;
transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
-webkit-transform: scale(0.6);
transform: scale(0.6);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
pointer-events: none; }
.mat-badge-content.mat-badge-active {
-webkit-transform: none;
transform: none; }
.mat-badge-small .mat-badge-content {
width: 16px;
height: 16px;
line-height: 16px; }
@media screen and (-ms-high-contrast: active) {
.mat-badge-small .mat-badge-content {
outline: solid 1px;
-webkit-border-radius: 0;
border-radius: 0; } }
.mat-badge-small.mat-badge-above .mat-badge-content {
top: -8px; }
.mat-badge-small.mat-badge-below .mat-badge-content {
bottom: -8px; }
.mat-badge-small.mat-badge-before .mat-badge-content {
left: -16px; }
[dir='rtl'] .mat-badge-small.mat-badge-before .mat-badge-content {
left: auto;
right: -16px; }
.mat-badge-small.mat-badge-after .mat-badge-content {
right: -16px; }
[dir='rtl'] .mat-badge-small.mat-badge-after .mat-badge-content {
right: auto;
left: -16px; }
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -8px; }
[dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -8px; }
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -8px; }
[dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -8px; }
.mat-badge-medium .mat-badge-content {
width: 22px;
height: 22px;
line-height: 22px; }
@media screen and (-ms-high-contrast: active) {
.mat-badge-medium .mat-badge-content {
outline: solid 1px;
-webkit-border-radius: 0;
border-radius: 0; } }
.mat-badge-medium.mat-badge-above .mat-badge-content {
top: -11px; }
.mat-badge-medium.mat-badge-below .mat-badge-content {
bottom: -11px; }
.mat-badge-medium.mat-badge-before .mat-badge-content {
left: -22px; }
[dir='rtl'] .mat-badge-medium.mat-badge-before .mat-badge-content {
left: auto;
right: -22px; }
.mat-badge-medium.mat-badge-after .mat-badge-content {
right: -22px; }
[dir='rtl'] .mat-badge-medium.mat-badge-after .mat-badge-content {
right: auto;
left: -22px; }
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -11px; }
[dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -11px; }
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -11px; }
[dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -11px; }
.mat-badge-large .mat-badge-content {
width: 28px;
height: 28px;
line-height: 28px; }
@media screen and (-ms-high-contrast: active) {
.mat-badge-large .mat-badge-content {
outline: solid 1px;
-webkit-border-radius: 0;
border-radius: 0; } }
.mat-badge-large.mat-badge-above .mat-badge-content {
top: -14px; }
.mat-badge-large.mat-badge-below .mat-badge-content {
bottom: -14px; }
.mat-badge-large.mat-badge-before .mat-badge-content {
left: -28px; }
[dir='rtl'] .mat-badge-large.mat-badge-before .mat-badge-content {
left: auto;
right: -28px; }
.mat-badge-large.mat-badge-after .mat-badge-content {
right: -28px; }
[dir='rtl'] .mat-badge-large.mat-badge-after .mat-badge-content {
right: auto;
left: -28px; }
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -14px; }
[dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -14px; }
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -14px; }
[dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -14px; }
.mat-bottom-sheet-container {
background: #424242;
color: white; }
.mat-button, .mat-icon-button, .mat-stroked-button {
color: inherit;
background: transparent; }
.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
color: #19becf; }
.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
color: #005c80; }
.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
color: #f44336; }
.mat-button.mat-primary[disabled], .mat-button.mat-accent[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled], .mat-stroked-button.mat-primary[disabled], .mat-stroked-button.mat-accent[disabled], .mat-stroked-button.mat-warn[disabled], .mat-stroked-button[disabled][disabled] {
color: rgba(255, 255, 255, 0.3); }
.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
background-color: rgba(25, 190, 207, 0.12); }
.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
background-color: rgba(0, 92, 128, 0.12); }
.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
background-color: rgba(244, 67, 54, 0.12); }
.mat-button[disabled] .mat-button-focus-overlay, .mat-icon-button[disabled] .mat-button-focus-overlay, .mat-stroked-button[disabled] .mat-button-focus-overlay {
background-color: transparent; }
.mat-button.mat-primary .mat-ripple-element, .mat-icon-button.mat-primary .mat-ripple-element, .mat-stroked-button.mat-primary .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.1); }
.mat-button.mat-accent .mat-ripple-element, .mat-icon-button.mat-accent .mat-ripple-element, .mat-stroked-button.mat-accent .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.1); }
.mat-button.mat-warn .mat-ripple-element, .mat-icon-button.mat-warn .mat-ripple-element, .mat-stroked-button.mat-warn .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.1); }
.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
color: white;
background-color: #424242; }
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
color: white; }
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
color: white; }
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
color: white; }
.mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
color: rgba(255, 255, 255, 0.3); }
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
background-color: #19becf; }
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
background-color: #005c80; }
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
background-color: #f44336; }
.mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
background-color: rgba(255, 255, 255, 0.12); }
.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-icon-button.mat-primary .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.2); }
.mat-icon-button.mat-accent .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.2); }
.mat-icon-button.mat-warn .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.2); }
.mat-button-toggle {
color: rgba(255, 255, 255, 0.5); }
.mat-button-toggle .mat-button-toggle-focus-overlay {
background-color: rgba(255, 255, 255, 0.12); }
.mat-button-toggle-checked {
background-color: #212121;
color: rgba(255, 255, 255, 0.7); }
.mat-button-toggle-disabled {
background-color: black;
color: rgba(255, 255, 255, 0.3); }
.mat-button-toggle-disabled.mat-button-toggle-checked {
background-color: #424242; }
.mat-card {
background: #424242;
color: white; }
.mat-card-subtitle {
color: rgba(255, 255, 255, 0.7); }
.mat-checkbox-frame {
border-color: rgba(255, 255, 255, 0.7); }
.mat-checkbox-checkmark {
fill: #303030; }
.mat-checkbox-checkmark-path {
stroke: #303030 !important; }
@media screen and (-ms-high-contrast: black-on-white) {
.mat-checkbox-checkmark-path {
stroke: #000 !important; } }
.mat-checkbox-mixedmark {
background-color: #303030; }
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
background-color: #19becf; }
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
background-color: #005c80; }
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
background-color: #f44336; }
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
background-color: #686868; }
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
border-color: #686868; }
.mat-checkbox-disabled .mat-checkbox-label {
color: #686868; }
@media screen and (-ms-high-contrast: active) {
.mat-checkbox-disabled {
opacity: 0.5; } }
@media screen and (-ms-high-contrast: active) {
.mat-checkbox-background {
background: none; } }
.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.26); }
.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.26); }
.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.26); }
.mat-chip.mat-standard-chip {
background-color: #616161;
color: white; }
.mat-chip.mat-standard-chip .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip .mat-chip-remove:hover {
opacity: 0.54; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
background-color: #19becf;
color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
opacity: 0.54; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
background-color: #f44336;
color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
opacity: 0.54; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
background-color: #005c80;
color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
opacity: 0.54; }
.mat-table {
background: #424242; }
.mat-table thead, .mat-table tbody, .mat-table tfoot,
mat-header-row, mat-row, mat-footer-row,
[mat-header-row], [mat-row], [mat-footer-row],
.mat-table-sticky {
background: inherit; }
mat-row, mat-header-row, mat-footer-row,
th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
border-bottom-color: rgba(255, 255, 255, 0.12); }
.mat-header-cell {
color: rgba(255, 255, 255, 0.7); }
.mat-cell, .mat-footer-cell {
color: white; }
.mat-calendar-arrow {
border-top-color: white; }
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
color: white; }
.mat-calendar-table-header {
color: rgba(255, 255, 255, 0.5); }
.mat-calendar-table-header-divider::after {
background: rgba(255, 255, 255, 0.12); }
.mat-calendar-body-label {
color: rgba(255, 255, 255, 0.7); }
.mat-calendar-body-cell-content {
color: white;
border-color: transparent; }
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
color: rgba(255, 255, 255, 0.5); }
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
background-color: rgba(255, 255, 255, 0.04); }
.mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(255, 255, 255, 0.5); }
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(255, 255, 255, 0.3); }
.mat-calendar-body-selected {
background-color: #19becf;
color: white; }
.mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(25, 190, 207, 0.4); }
.mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content {
background-color: #424242;
color: white; }
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
background-color: #005c80;
color: white; }
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(0, 92, 128, 0.4); }
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
background-color: #f44336;
color: white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(244, 67, 54, 0.4); }
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-toggle-active {
color: #19becf; }
.mat-datepicker-toggle-active.mat-accent {
color: #005c80; }
.mat-datepicker-toggle-active.mat-warn {
color: #f44336; }
.mat-dialog-container {
background: #424242;
color: white; }
.mat-divider {
border-top-color: rgba(255, 255, 255, 0.12); }
.mat-divider-vertical {
border-right-color: rgba(255, 255, 255, 0.12); }
.mat-expansion-panel {
background: #424242;
color: white; }
.mat-action-row {
border-top-color: rgba(255, 255, 255, 0.12); }
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']):hover {
background: rgba(255, 255, 255, 0.04); }
@media (hover: none) {
.mat-expansion-panel:not(.mat-expanded):not([aria-disabled='true']) .mat-expansion-panel-header:hover {
background: #424242; } }
.mat-expansion-panel-header-title {
color: white; }
.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
color: rgba(255, 255, 255, 0.7); }
.mat-expansion-panel-header[aria-disabled='true'] {
color: rgba(255, 255, 255, 0.3); }
.mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-description {
color: inherit; }
.mat-form-field-label, .amd-placeholder {
color: rgba(255, 255, 255, 0.7); }
.mat-hint {
color: rgba(255, 255, 255, 0.7); }
.mat-form-field.mat-focused .mat-form-field-label, .mat-form-field.mat-focused .amd-placeholder {
color: #19becf; }
.mat-form-field.mat-focused .mat-form-field-label.mat-accent, .mat-form-field.mat-focused .mat-accent.amd-placeholder {
color: #005c80; }
.mat-form-field.mat-focused .mat-form-field-label.mat-warn, .mat-form-field.mat-focused .mat-warn.amd-placeholder {
color: #f44336; }
.mat-focused .mat-form-field-required-marker {
color: #005c80; }
.mat-form-field-ripple {
background-color: white; }
.mat-form-field.mat-focused .mat-form-field-ripple {
background-color: #19becf; }
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
background-color: #005c80; }
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
background-color: #f44336; }
.mat-form-field.mat-form-field-invalid .mat-form-field-label, .mat-form-field.mat-form-field-invalid .amd-placeholder {
color: #f44336; }
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, .mat-form-field.mat-form-field-invalid .mat-accent.amd-placeholder,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,
.mat-form-field.mat-form-field-invalid .amd-placeholder .mat-form-field-required-marker {
color: #f44336; }
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
background-color: #f44336; }
.mat-error {
color: #f44336; }
.mat-form-field-appearance-legacy .mat-form-field-label, .mat-form-field-appearance-legacy .amd-placeholder {
color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-legacy .mat-hint {
color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-legacy .mat-form-field-underline {
background-color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.7)), color-stop(33%, rgba(255, 255, 255, 0.7)), color-stop(0%, transparent));
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
background-size: 4px 100%;
background-repeat: repeat-x; }
.mat-form-field-appearance-standard .mat-form-field-underline {
background-color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.7)), color-stop(33%, rgba(255, 255, 255, 0.7)), color-stop(0%, transparent));
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
background-size: 4px 100%;
background-repeat: repeat-x; }
.mat-form-field-appearance-fill .mat-form-field-flex {
background-color: rgba(255, 255, 255, 0.1); }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
background-color: rgba(255, 255, 255, 0.05); }
.mat-form-field-appearance-fill .mat-form-field-underline::before {
background-color: rgba(255, 255, 255, 0.5); }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-disabled .amd-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
background-color: transparent; }
.mat-form-field-appearance-outline .mat-form-field-outline {
color: rgba(255, 255, 255, 0.3); }
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
color: white; }
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
color: #19becf; }
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
color: #005c80; }
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
color: #f44336; }
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
color: #f44336; }
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-disabled .amd-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
color: rgba(255, 255, 255, 0.15); }
.mat-icon.mat-primary {
color: #19becf; }
.mat-icon.mat-accent {
color: #005c80; }
.mat-icon.mat-warn {
color: #f44336; }
.mat-input-element:disabled {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element {
caret-color: #19becf; }
.mat-input-element::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::-moz-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-accent .mat-input-element {
caret-color: #005c80; }
.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
caret-color: #f44336; }
.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
color: white; }
.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
color: white; }
.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
color: rgba(255, 255, 255, 0.7); }
.mat-list-item-disabled {
background-color: black; }
.mat-list-option:hover, .mat-list-option.mat-list-item-focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item.mat-list-item-focus {
background: rgba(255, 255, 255, 0.04); }
.mat-menu-panel {
background: #424242; }
.mat-menu-item {
background: transparent;
color: white; }
.mat-menu-item[disabled], .mat-menu-item[disabled]::after {
color: rgba(255, 255, 255, 0.5); }
.mat-menu-item .mat-icon:not([color]),
.mat-menu-item-submenu-trigger::after {
color: white; }
.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
background: rgba(255, 255, 255, 0.04); }
.mat-paginator {
background: #424242; }
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
color: rgba(255, 255, 255, 0.7); }
.mat-paginator-decrement,
.mat-paginator-increment {
border-top: 2px solid white;
border-right: 2px solid white; }
.mat-paginator-first,
.mat-paginator-last {
border-top: 2px solid white; }
.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
border-color: rgba(255, 255, 255, 0.5); }
.mat-progress-bar-background {
fill: #baecf1; }
.mat-progress-bar-buffer {
background-color: #baecf1; }
.mat-progress-bar-fill::after {
background-color: #19becf; }
.mat-progress-bar.mat-accent .mat-progress-bar-background {
fill: #b3ced9; }
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
background-color: #b3ced9; }
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
background-color: #005c80; }
.mat-progress-bar.mat-warn .mat-progress-bar-background {
fill: #ffcdd2; }
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
background-color: #ffcdd2; }
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
background-color: #f44336; }
.mat-progress-spinner circle, .mat-spinner circle {
stroke: #19becf; }
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
stroke: #005c80; }
.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
stroke: #f44336; }
.mat-radio-outer-circle {
border-color: rgba(255, 255, 255, 0.7); }
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
border-color: #19becf; }
.mat-radio-button.mat-primary .mat-radio-inner-circle {
background-color: #19becf; }
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.26); }
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
border-color: #005c80; }
.mat-radio-button.mat-accent .mat-radio-inner-circle {
background-color: #005c80; }
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.26); }
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
border-color: #f44336; }
.mat-radio-button.mat-warn .mat-radio-inner-circle {
background-color: #f44336; }
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.26); }
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
border-color: rgba(255, 255, 255, 0.5); }
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
background-color: rgba(255, 255, 255, 0.5); }
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
color: rgba(255, 255, 255, 0.5); }
.mat-select-content, .mat-select-panel-done-animating {
background: #424242; }
.mat-select-value {
color: white; }
.mat-select-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-select-disabled .mat-select-value {
color: rgba(255, 255, 255, 0.5); }
.mat-select-arrow {
color: rgba(255, 255, 255, 0.7); }
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
background: rgba(255, 255, 255, 0.12); }
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
color: #19becf; }
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
color: #005c80; }
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
color: #f44336; }
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
color: #f44336; }
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
color: rgba(255, 255, 255, 0.5); }
.mat-drawer-container {
background-color: #303030;
color: white; }
.mat-drawer {
background-color: #424242;
color: white; }
.mat-drawer.mat-drawer-push {
background-color: #424242; }
.mat-drawer-backdrop.mat-drawer-shown {
background-color: rgba(189, 189, 189, 0.6); }
.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #80adbf; }
.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgba(128, 173, 191, 0.5); }
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle .mat-ripple-element {
background-color: rgba(128, 173, 191, 0.12); }
.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #8cdfe7; }
.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgba(140, 223, 231, 0.5); }
.mat-slide-toggle.mat-primary:not(.mat-checked) .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle.mat-primary .mat-ripple-element {
background-color: rgba(140, 223, 231, 0.12); }
.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #ef9a9a; }
.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgba(239, 154, 154, 0.5); }
.mat-slide-toggle.mat-warn:not(.mat-checked) .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle.mat-warn .mat-ripple-element {
background-color: rgba(239, 154, 154, 0.12); }
.mat-disabled .mat-slide-toggle-thumb {
background-color: #424242; }
.mat-disabled .mat-slide-toggle-bar {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle-thumb {
background-color: #bdbdbd; }
.mat-slide-toggle-bar {
background-color: rgba(255, 255, 255, 0.5); }
.mat-slider-track-background {
background-color: rgba(255, 255, 255, 0.3); }
.mat-primary .mat-slider-track-fill,
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label {
background-color: #19becf; }
.mat-primary .mat-slider-thumb-label-text {
color: white; }
.mat-accent .mat-slider-track-fill,
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label {
background-color: #005c80; }
.mat-accent .mat-slider-thumb-label-text {
color: white; }
.mat-warn .mat-slider-track-fill,
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label {
background-color: #f44336; }
.mat-warn .mat-slider-thumb-label-text {
color: white; }
.mat-slider-focus-ring {
background-color: rgba(0, 92, 128, 0.2); }
.mat-slider:hover .mat-slider-track-background,
.cdk-focused .mat-slider-track-background {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled .mat-slider-thumb {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-disabled:hover .mat-slider-track-background {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-min-value .mat-slider-focus-ring {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
background-color: white; }
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
border-color: rgba(255, 255, 255, 0.3);
background-color: transparent; }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
border-color: rgba(255, 255, 255, 0.3); }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
border-color: rgba(255, 255, 255, 0.3); }
.mat-slider-has-ticks .mat-slider-wrapper::after {
border-color: rgba(255, 255, 255, 0.7); }
.mat-slider-horizontal .mat-slider-ticks {
background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);
background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); }
.mat-slider-vertical .mat-slider-ticks {
background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); }
.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover {
background-color: rgba(255, 255, 255, 0.04); }
.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
color: rgba(255, 255, 255, 0.5); }
.mat-step-header .mat-step-icon {
background-color: #19becf;
color: white; }
.mat-step-header .mat-step-icon-not-touched {
background-color: rgba(255, 255, 255, 0.5);
color: white; }
.mat-step-header .mat-step-label.mat-step-label-active {
color: white; }
.mat-stepper-horizontal, .mat-stepper-vertical {
background-color: #424242; }
.mat-stepper-vertical-line::before {
border-left-color: rgba(255, 255, 255, 0.12); }
.mat-stepper-horizontal-line {
border-top-color: rgba(255, 255, 255, 0.12); }
.mat-sort-header-arrow {
color: #c6c6c6; }
.mat-tab-nav-bar,
.mat-tab-header {
border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: none; }
.mat-tab-label, .mat-tab-link {
color: white; }
.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.5); }
.mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.5); }
.mat-tab-group[class*='mat-background-'] .mat-tab-header,
.mat-tab-nav-bar[class*='mat-background-'] {
border-bottom: none;
border-top: none; }
.mat-tab-group.mat-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(186, 236, 241, 0.3); }
.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
background-color: #19becf; }
.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
background-color: white; }
.mat-tab-group.mat-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(179, 206, 217, 0.3); }
.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
background-color: #005c80; }
.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
background-color: white; }
.mat-tab-group.mat-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(255, 205, 210, 0.3); }
.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
background-color: #f44336; }
.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
background-color: white; }
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(186, 236, 241, 0.3); }
.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
background-color: #19becf; }
.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
color: white; }
.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-primary .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(179, 206, 217, 0.3); }
.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
background-color: #005c80; }
.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
color: white; }
.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-accent .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(255, 205, 210, 0.3); }
.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links {
background-color: #f44336; }
.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
color: white; }
.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-warn .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-toolbar {
background: #212121;
color: white; }
.mat-toolbar.mat-primary {
background: #19becf;
color: white; }
.mat-toolbar.mat-accent {
background: #005c80;
color: white; }
.mat-toolbar.mat-warn {
background: #f44336;
color: white; }
.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
background-color: currentColor; }
.mat-toolbar .mat-form-field-label, .mat-toolbar .amd-placeholder,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-focused .amd-placeholder,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
color: inherit; }
.mat-toolbar .mat-input-element {
caret-color: currentColor; }
.mat-tooltip {
background: rgba(97, 97, 97, 0.9); }
.mat-tree {
background: #424242; }
.mat-tree-node {
color: white; }
.mat-snack-bar-container {
background: #fafafa;
color: rgba(0, 0, 0, 0.87); }
.mat-simple-snackbar-action {
color: inherit; }
.mat-calendar-arrow {
border-top-color: rgba(0, 0, 0, 0.54); }
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
color: rgba(0, 0, 0, 0.54); }
.mat-calendar-table-header {
color: rgba(0, 0, 0, 0.38); }
.mat-calendar-table-header-divider::after {
background: rgba(0, 0, 0, 0.12); }
.mat-calendar-body-label {
color: rgba(0, 0, 0, 0.54); }
.mat-calendar-body-cell-content {
color: rgba(0, 0, 0, 0.87);
border-color: transparent; }
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
color: rgba(0, 0, 0, 0.38); }
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
background-color: rgba(0, 0, 0, 0.04); }
.mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(0, 0, 0, 0.38); }
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(0, 0, 0, 0.18); }
.mat-calendar-body-selected {
background-color: #19becf;
color: white; }
.mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(25, 190, 207, 0.4); }
.mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content {
background-color: white;
color: rgba(0, 0, 0, 0.87); }
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
background-color: #005c80;
color: white; }
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(0, 92, 128, 0.4); }
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
background-color: #f44336;
color: white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(244, 67, 54, 0.4); }
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-toggle-active {
color: #19becf; }
.mat-datepicker-toggle-active.mat-accent {
color: #005c80; }
.mat-datepicker-toggle-active.mat-warn {
color: #f44336; }
/*
Variables
Styleguide 1
*/
/*
Colors Palette
$amd-primary-50 - primary 50
$amd-primary-100 - primary 100
markup:
{$modifiers}
Styleguide 1.1
*/
.amd-color-red {
color: #ff6054; }
.amd-color-green {
color: #4caf50 !important; }
.amd-color-orange {
color: #ff9800 !important; }
.amd-color-red {
color: #ff6054 !important; }
.amd-bg-color-red {
background-color: #fbd6d3; }
.amd-accent-300 {
color: #42a3d0; }
.amd-accent-500 {
color: #005c80 !important; }
.amd-accent-500--bg {
background-color: #19becf !important; }
.amd-accent-500--hover, .amd-items-counter--accent-dark:hover {
background-color: #005478 !important; }
.amd-primary-500 {
color: #19becf !important; }
.amd-primary-500--bg {
background-color: #005c80 !important; }
.amd-primary-500--hover, .amd-items-counter--primary:hover {
background-color: #47cbd8 !important; }
.mat-container-colors {
background-color: #002e40;
color: #fff; }
.mat-toolbar-colors {
background-color: rgba(0, 46, 64, 0.9); }
.footer-colors {
background-color: #003348;
color: #80adbf; }
.footer-colors a {
color: #ddeef6; }
.table-border-color, table.mat-table--bordered > thead > .mat-row,
table.mat-table--bordered > tbody > .mat-row, .amd-table--bordered > thead > tr,
.amd-table--bordered > tbody > tr {
border-bottom: 1px solid #ccc; }
.box-shadow, .amd-expansion-panel, .amd-table tbody {
-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) !important;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) !important; }
.amd-title-color, .amd-title {
color: #267493; }
.amd-title-border, .amd-title {
border-left: 2px solid #42a3d0; }
.amd-button-raised-color, .amd-button--raised, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton {
color: #fff !important;
background-color: #19becf !important; }
.amd-input-control-colors, .amd-input__group__control {
background-color: #0f727c;
color: #baecf1; }
.amd-input-control-placeholder, .amd-input__group__control::-webkit-input-placeholder {
color: #5ed2dd; }
.amd-expansion-panel-bg-color {
background-color: #004560; }
.amd-expansion-panel-header-border {
border-bottom-color: #003348; }
.amd-expansion-panel-header-color {
color: #42a3d0; }
.amd-expansion-panel-content {
background-color: #004e6d; }
.amd-card-bg-color, .amd-card {
background-color: #004e6d; }
.amd-card-bg-color .amd-icon--circle .amd-icon--border, .amd-card .amd-icon--circle .amd-icon--border {
border-color: #ccc; }
.amd-card-bg-color--light, .amd-card--light {
background-color: #005c80; }
.amd-card-bg-color--light .amd-card-title-btn-border, .amd-card--light .amd-card-title-btn-border, .amd-card-bg-color--light .amd-card__title-btn, .amd-card--light .amd-card__title-btn,
.amd-card-bg-color--light .amd-card__title-btn,
.amd-card--light .amd-card__title-btn {
border-left: 1px solid #004560; }
.amd-card-bg-color--light .amd-icon--circle .amd-icon--border, .amd-card--light .amd-icon--circle .amd-icon--border {
border-color: #004560; }
.amd-card-title-color, .amd-card__title h4 {
color: #42a3d0; }
.amd-card-title-color--light, .amd-card--light .amd-card__title h4,
.amd-card--light .amd-card__title-icon {
color: #80adbf; }
.amd-card-title-btn-border, .amd-card__title-btn {
border-left: 1px solid #003348; }
.amd-list-col-border {
border-left: 1px solid #80adbf; }
.amd-list-item-border {
border-bottom: 1px solid #003348; }
.amd-list-icon-color {
color: #42a3d0; }
.amd-list-title-color {
color: #80adbf; }
.u-theme--positive .amd-link,
.u-theme--positive .amd-button--accent,
.u-theme--positive .amd-accent-500,
.u-theme--positive .amd-button--primary,
.u-theme--positive .amd-primary-500,
.u-theme--positive .amd-button--light,
.u-theme--positive .amd-button--reverse,
.u-theme--positive .amd-select__centers .mat-select-placeholder.mat-floating-placeholder {
color: #0071b9 !important; }
.u-theme--positive .amd-list__check {
border-right: 2px solid #d1d1d1; }
.u-theme--positive .amd-toolbar__title {
color: #4e4e4e; }
.u-theme--positive .amd-toolbar__action ul li {
border-right: 1px solid #ccc; }
.u-theme--positive .amd-wizard {
border-left: 1px solid #ddd !important; }
.u-theme--positive .amd-select__centers .mat-select-value {
color: #777 !important; }
.u-theme--positive .amd-select__centers .mat-select-underline {
background-color: #ccc; }
.u-theme--positive .deadlines-cell {
background-color: #fff; }
.u-theme--positive .deadlines-list__text {
color: #696969; }
.u-theme--positive .deadlines-list a,
.u-theme--positive .deadlines-list a:visited {
color: #444; }
.u-theme--positive .deadlines-list__bar {
background-color: #e6e6e6;
color: #333; }
.u-theme--positive .deadlines-list__item {
border-bottom: 1px solid #ddd; }
.u-theme--positive .news-cell__text {
color: #333; }
.u-theme--positive .news-cell__date {
color: #696969; }
.u-theme--positive .info-grid .amd-icon--border {
border-color: #ccc !important; }
.u-theme--positive .info-grid .amd-list__text p {
color: #696969; }
.u-theme--positive .news-grid__cell__date {
color: #696969; }
.u-theme--positive .news-grid__cell__text {
color: #333; }
.u-theme--positive .order-check__label {
color: #4e4e4e !important; }
.u-theme--positive .order-details__legend .amd-title {
color: #696969; }
.u-theme--positive .order-details__legend__item {
color: #777; }
.u-theme--positive .order-details__legend__item span {
color: #666; }
.u-theme--positive .order-details__tabs .mat-expansion-panel-body tbody {
border-bottom: 1px solid #eee; }
.u-theme--positive .order-details__tabs .mat-expansion-panel-body tbody:nth-of-type(even) {
background-color: #f5f5f5; }
.u-theme--positive .order-details__tabs .mat-tab-label {
background-color: #fff;
color: #0071b9; }
.u-theme--positive .amd-table__td--toggle {
border-left: 1px solid #eee !important;
border-right: 1px solid #eee !important; }
.u-theme--positive .amd-title {
color: #818181; }
.u-theme--positive .amd-breadcrumb__bookmark .mat-button,
.u-theme--positive .amd-breadcrumb__icon,
.u-theme--positive .amd-button--expanded,
.u-theme--positive .amd-card__title-btn .mat-icon {
color: #0071b9 !important; }
.u-theme--positive .amd-bg--primary .amd-bg--highlight,
.u-theme--positive .amd-bg--accent .amd-bg--highlight {
color: #42a3d0; }
.u-theme--positive .amd-breadcrumb__content {
border-left: 2px solid #0071b9; }
.u-theme--positive .amd-bg--border::before {
border-left: 3px solid #0071b9; }
.u-theme--positive .amd-heading {
color: #42a3d0; }
.u-theme--positive .amd-breadcrumb__link,
.u-theme--positive .amd-breadcrumb__title,
.u-theme--positive .amd-breadcrumb_link:visited {
color: #333333; }
.u-theme--positive .amd-label {
background-color: #eee;
color: #777;
border-color: #ccc; }
.u-theme--positive .amd-label--primary {
color: #0071b9; }
.u-theme--positive .amd-label .fa {
color: #4caf50; }
.u-theme--positive .u-divider {
border-top: 1px solid #ddd; }
.u-theme--positive .amd-bg--accent,
.u-theme--positive .amd-bg--primary {
background-color: #f2f2f2;
color: #4e4e4e; }
.u-theme--positive .amd-legend__item {
color: #818181; }
.u-theme--positive .mat-container-colors {
background-color: #e6e6e6;
color: #4e4e4e; }
.u-theme--positive .mat-radio-outer-circle {
border-color: #ccc; }
.u-theme--positive .mat-checkbox-disabled .mat-checkbox-label {
color: #999; }
.u-theme--positive .mat-checkbox-frame {
border-color: #a4a4a4 !important; }
.u-theme--positive .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.u-theme--positive .mat-checkbox-checked.mat-accent .mat-checkbox-background {
background-color: #42a3d0 !important; }
.u-theme--positive .mat-checkbox-checkmark-path {
stroke: #fff !important; }
.u-theme--positive .mat-slide-toggle-thumb {
background-color: #eee; }
.u-theme--positive .mat-ink-bar {
background-color: #0071b9 !important; }
.u-theme--positive .mat-toolbar-colors {
background-color: white;
border-bottom: 1px solid #ccc; }
.u-theme--positive .mat-tab-link {
color: #696969; }
.u-theme--positive .mat-tab-body__description {
background-color: #fff; }
.u-theme--positive .mat-tab-body__title {
background-color: #fff;
border-bottom: 1px solid #ccc;
color: #80adbf; }
.u-theme--positive .app-footer {
background-color: #d6d6d6;
color: #696969; }
.u-theme--positive .app-footer__grid h4,
.u-theme--positive .footer-colors a,
.u-theme--positive .app-footer a {
color: #333; }
.u-theme--positive .mat-expansion-panel-body tbody {
border-bottom: 1px solid #eee; }
.u-theme--positive .mat-expansion-panel-body tbody:nth-of-type(even) {
background-color: #f5f5f5; }
.u-theme--positive .mat-tab-label {
background-color: #fff;
color: #0071b9; }
.u-theme--positive .mat-tab-label:focus {
background-color: #fff !important; }
.u-theme--positive .mat-hint {
color: #919191 !important; }
.u-theme--positive .mat-slide-toggle-bar {
background-color: #ddd; }
.u-theme--positive .mat-form-field-label, .u-theme--positive .amd-placeholder {
color: rgba(21, 21, 21, 0.7); }
.u-theme--positive .mat-form-field-underline,
.u-theme--positive .mat-form-field-underline {
background-color: #ddd !important; }
.u-theme--positive .mat-input-element,
.u-theme--positive .mat-select-value {
color: #444 !important; }
.u-theme--positive .amd-input--invalid .md2-datepicker-input {
border-bottom: 2px solid #f44336 !important; }
.u-theme--positive .amd-input--error,
.u-theme--positive .mat-input-error {
color: #f44336; }
.amd-chip--5, .amd-chip--cc10, .amd-chip--WITH_SURVEY, .amd-chip--READY_FOR_SURVEY, .amd-chip--APPOINTMENT_CONFIRMED, .amd-chip--RETURN, .amd-chip--PLANNED, .amd-chip--TO_ESTIMATE, .amd-chip--NEW, .amd-chip--TO_SEND, .amd-chip--OPEN, .amd-chip--SERVICE {
background-color: #42a3d0 !important; }
.amd-chip--cc20, .amd-chip--APPOINTMENT_REQUIRED, .amd-chip--DELIVERY, .amd-chip--PLANNING, .amd-chip--APPROVING, .amd-chip--C_FLOW_APPROVING, .amd-chip--RE_APPROVING, .amd-chip--IN_PROGRESS, .amd-chip--IN_CHARGE, .amd-chip--SUPERVISOR_APPROVING, .amd-chip--DELIVER {
background-color: #267493 !important; }
.amd-chip--1, .amd-chip--cc30, .amd-chip--REBILLABLE, .amd-chip--REBILLABLE_IN_WORKING, .amd-chip--EXCHANGE1, .amd-chip--PENDING, .amd-chip--WAITING_PARTS, .amd-chip--WAITING_FOR_WORKING, .amd-chip--RESOLVED, .amd-chip--WITHDRAW {
background-color: #005c80 !important; }
.amd-chip--cc40, .amd-chip--REBILLABLE_IN_REVIEW, .amd-chip--EXCHANGE2, .amd-chip--WORKING, .amd-chip--WITHDRAWN, .amd-chip--TRANSFERRED {
background-color: #005478 !important; }
.amd-chip--cc50, .amd-chip--REBILLABLE_CLOSED, .amd-chip--PLANNING_HIDDEN, .amd-chip--DELIVERING, .amd-chip--INCOMPLETE_CLOSED, .amd-chip--INCOMPLETE, .amd-chip--TRANSIT {
background-color: #004560 !important; }
.amd-chip--cc60, .amd-chip--CLOSED, .amd-chip--INVOICING, .amd-chip--COMPLETED, .amd-chip--INCOMPLETE_TO_CLOSED, .amd-chip--DELIVERED {
background-color: #003348 !important; }
.amd-chip--3, .amd-chip--cc70, .amd-chip--cc80, .amd-chip--cc90, .amd-chip--cc0, .amd-chip--NO_SHOW, .amd-chip--DELIVERED, .amd-chip--CANCELED, .amd-chip--ANNULLED, .amd-chip--CANCELED_BY_REJECTION, .amd-chip--REJECTED, .amd-chip--HIDDEN {
background-color: #0f727c !important; }
.amd-chip--CLOSED {
background-color: #004e6d !important; }
.amd-chip--MANAGE {
background-color: #e0ebf0 !important; }
.amd-chip--REPORTED {
background-color: #b3ced9 !important; }
.amd-chip--ON_HOLD, .amd-chip--REQUEST, .amd-chip--AWAITING_WITHDRAWAL, .amd-chip--AWAITING_WITHDRAWAL_PLUS {
background-color: #80adbf !important; }
.amd-chip--is_expired, .amd-chip--appointment_not_scheduled {
background-color: orangered !important; }
.amd-chip--TRANSFER {
background-color: #fcab10 !important; }
.amd-chip--SOLICIT {
background-color: orangered !important; }
.amd-chip--success {
background-color: #4caf50 !important; }
.amd-chip--warning {
background-color: #ff9800 !important; }
.amd-chip--danger {
background-color: #ff6054 !important; }
.amd-chip--error {
background-color: #F44336 !important; }
.amd-heading {
font-size: 18px;
color: #80adbf;
margin: 20px 0;
text-align: center; }
.amd-heading .amd-icon, .amd-heading .fc .fc-next-button .ui-icon, .fc .fc-next-button .amd-heading .ui-icon, .amd-heading .fc .fc-prev-button .ui-icon, .fc .fc-prev-button .amd-heading .ui-icon,
.amd-heading .amd-icon--font {
margin: 0 auto 20px;
display: block; }
.u-theme--positive .amd-heading {
color: #333; }
.u-theme--positive .amd-heading .amd-icon--green2Large {
background-position: -150px -894px;
height: 50px; }
.amd-notify__title {
font-size: 18px;
color: #4e4e4e;
margin-bottom: 20px; }
.amd-notify .amd-icon, .amd-notify .fc .fc-next-button .ui-icon, .fc .fc-next-button .amd-notify .ui-icon, .amd-notify .fc .fc-prev-button .ui-icon, .fc .fc-prev-button .amd-notify .ui-icon,
.amd-notify .amd-icon--font {
margin-right: 10px;
vertical-align: middle; }
.amd-notify__text {
font-size: 14px;
color: #4e4e4e;
line-height: 21px; }
@font-face {
font-family: 'HelveticaNeueLTStd-Roman';
src: url("/assets/fonts/3447C2_6_0.eot");
src: url("/assets/fonts/3447C2_6_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_6_0.woff2") format("woff2"), url("/assets/fonts/3447C2_6_0.woff") format("woff"), url("/assets/fonts/3447C2_6_0.ttf") format("truetype"); }
@font-face {
font-family: 'HelveticaNeueLTStd-Bd';
src: url("/assets/fonts/3447C2_8_0.eot");
src: url("/assets/fonts/3447C2_8_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_8_0.woff2") format("woff2"), url("/assets/fonts/3447C2_8_0.woff") format("woff"), url("/assets/fonts/3447C2_8_0.ttf") format("truetype"); }
@font-face {
font-family: 'HelveticaNeueLTStd-Lt';
src: url("/assets/fonts/3447C2_3_0.eot");
src: url("/assets/fonts/3447C2_3_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_3_0.woff2") format("woff2"), url("/assets/fonts/3447C2_3_0.woff") format("woff"), url("/assets/fonts/3447C2_3_0.ttf") format("truetype"); }
@font-face {
font-family: 'HelveticaNeueLTStd-Md';
src: url("/assets/fonts/3447C2_5_0.eot");
src: url("/assets/fonts/3447C2_5_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_5_0.woff2") format("woff2"), url("/assets/fonts/3447C2_5_0.woff") format("woff"), url("/assets/fonts/3447C2_5_0.ttf") format("truetype"); }
.HelveticaNeueLTStd-Roman, body, .mat-form-field,
.mat-input-element,
.mat-form-field-label, .amd-placeholder,
.md2-datepicker,
.md2-datepicker-value,
.md2-datepicker-placeholder,
.mat-radio-label-content,
.mat-radio-button,
.mat-select,
.mat-select-placeholder,
.mat-select-value-text,
.mat-option,
.mat-checkbox,
.mat-list-item,
.mat-tab-group,
.mat-expansion-panel-content,
.mat-bottom-sheet-container, .mat-tab-body__description, .mat-list .mat-subheader,
.mat-nav-list .mat-subheader, .introjs-button, .amd-button, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .amd-card__title--normal, .amd-expansion-panel__subtitle, .amd-link, .amd-link--station .amd-link__title, .amd-list__subtext, .amd-check-item__alert .amd-button, .theme--myald-dialog .amd-files-list__item.mat-list-item .amd-files-list__name {
font-family: HelveticaNeueLTStd-Roman, Arial, Helvetica, sans-serif !important; }
.HelveticaNeueLTStd-Bd, b,
strong, h2, h6, .mat-horizontal-stepper-header .mat-step-icon, .mat-step-text-label, .mat-tab-label,
.mat-tab-link, .mat-tab-body__title, .mat-expansion-panel-header-title, .mat-chip, .mat-menu-panel .mat-subheader, .u-main-title, .amd-dialog__header .mat-dialog-title, .u-phone, .amd-user, .amd-title, .amd-label, .fc .fc-toolbar h2, .introjs-tooltip--welcome .introjs-head h3, .introjs-subtitle, .introjs-title, .amd-bottom-nav__item .amd-bottom-nav__button, .amd-button--reverse, .amd-button--raised, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .amd-button--expanded, .amd-button--uppercase, .amd-card__title h4, .amd-dialog .amd-files-counter, .amd-multi-panels .mat-tab-label-active, .amd-expansion-panel__description .amd-button, .amd-expansion-panel__description .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .amd-expansion-panel__description .introjs-nextbutton, .amd-expansion-panel__filters, .amd-files-list__name, .amd-items-counter .amd-button, .amd-items-counter .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .amd-items-counter .introjs-nextbutton, .amd-items-counter__subtitle, .amd-link--reverse span, .amd-link--text, .amd-link__title, .amd-link__info, .amd-list--events h4, .amd-list__title, .amd-list__text .title,
.amd-list__text h6, .amd-list--sidenav .mat-list-item, .amd-list--selection .amd-list__subheader, .amd-message, .amd-notification, table.mat-table .mat-header-cell, .amd-table th, .amd-table__col--highlighted, .amd-stepper__step--active .amd-stepper__name, .amd-stepper__icon, .amd-stepper__icon-disabled, .amd-heading, .amd-notify__title, .amd-badge__title, .amd-check-item__name p, .amd-check-item__status, .amd-check-item__counter, .amd-button-toggle, .theme--myald .amd-button--raised, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .introjs-nextbutton,
.theme--myald .amd-button-raised-color,
.theme--myald a.amd-button.amd-button--light.cta-button, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.cta-button.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.cta-button.introjs-nextbutton,
.theme--myald a.amd-button.amd-button--light.stepper-prev.myald-button-inverse, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.stepper-prev.myald-button-inverse.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.stepper-prev.myald-button-inverse.introjs-nextbutton, .theme--myald a.amd-button.amd-button--light.cta-button.myald--aggiungi-controparte, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.cta-button.myald--aggiungi-controparte.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.cta-button.myald--aggiungi-controparte.introjs-nextbutton,
.theme--myald a.amd-button.amd-button--light.stepper-prev.myald--aggiungi-controparte, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.stepper-prev.myald--aggiungi-controparte.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.stepper-prev.myald--aggiungi-controparte.introjs-nextbutton,
.theme--myald a.amd-link.amd-link--dark.ald-generic-add,
.theme--myald button.amd-button.amd-button--raised.button-panel-title.cta-button.myald--aggiungi-controparte, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.button-panel-title.cta-button.myald--aggiungi-controparte.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald button.button-panel-title.cta-button.myald--aggiungi-controparte.introjs-nextbutton, .theme--myald .action-button.action-button--myald button.amd-button.amd-button--raised.stepper-next.mat-button.mat-raised-button, .theme--myald .action-button.action-button--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.stepper-next.mat-button.mat-raised-button.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .action-button.action-button--myald button.stepper-next.mat-button.mat-raised-button.introjs-nextbutton,
.theme--myald .action-button.action-button--myald button.amd-button.amd-button--raised.stepper-prev.mat-button.mat-raised-button, .theme--myald .action-button.action-button--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.stepper-prev.mat-button.mat-raised-button.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .action-button.action-button--myald button.stepper-prev.mat-button.mat-raised-button.introjs-nextbutton, .theme--myald .pre-step a.amd-button.amd-button--light, .theme--myald .pre-step .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .pre-step a.amd-button--light.introjs-nextbutton, .theme--myald .pre-step p.prestep-ald, .theme--myald .myald-bottom-navigation-btn, .theme--myald .myald-typage-title, .theme--myald .scarica-documento, .theme--myald-dialog a.amd-button.amd-button--reverse, .theme--myald-dialog .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--reverse.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald-dialog a.amd-button--reverse.introjs-nextbutton {
font-family: HelveticaNeueLTStd-Bd, Arial, Helvetica, sans-serif !important;
font-weight: normal !important; }
.HelveticaNeueLTStd-Md, .mat-error, .amd-legend__item, .claims-bottom-box, .fc .fc-head-container th, .fc .fc-time, .fc .fc-event, .amd-expansion-panel__recap, .amd-input--error, .amd-items-counter__title, .amd-link--station .amd-link__subtitle, .amd-link--station .amd-link__distance, .amd-check-item__date {
font-family: HelveticaNeueLTStd-Md, Arial, Helvetica, sans-serif !important; }
.HelveticaNeueLTStd-Lt, .amd-link--station .amd-link__note {
font-family: HelveticaNeueLTStd-Lt, Arial, Helvetica, sans-serif !important; }
/**
* Applies styles for users in high contrast mode. Note that this only applies
* to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
* attribute, however Chrome handles high contrast differently.
* @param target Which kind of high contrast setting to target. Defaults to `active`, can be
* `white-on-black` or `black-on-white`.
*/
/* Theme for the ripple elements.*/
/* stylelint-disable material/no-prefixes */
/* stylelint-enable */
.mat-elevation-z0 {
-webkit-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);
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); }
.mat-elevation-z1 {
-webkit-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);
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); }
.mat-elevation-z2 {
-webkit-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);
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); }
.mat-elevation-z3 {
-webkit-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);
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); }
.mat-elevation-z4 {
-webkit-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);
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); }
.mat-elevation-z5 {
-webkit-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);
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); }
.mat-elevation-z6 {
-webkit-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);
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); }
.mat-elevation-z7 {
-webkit-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);
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); }
.mat-elevation-z8 {
-webkit-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);
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); }
.mat-elevation-z9 {
-webkit-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);
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); }
.mat-elevation-z10 {
-webkit-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);
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); }
.mat-elevation-z11 {
-webkit-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);
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); }
.mat-elevation-z12 {
-webkit-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);
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); }
.mat-elevation-z13 {
-webkit-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);
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); }
.mat-elevation-z14 {
-webkit-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);
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); }
.mat-elevation-z15 {
-webkit-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);
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); }
.mat-elevation-z16 {
-webkit-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);
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); }
.mat-elevation-z17 {
-webkit-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);
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); }
.mat-elevation-z18 {
-webkit-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);
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); }
.mat-elevation-z19 {
-webkit-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);
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); }
.mat-elevation-z20 {
-webkit-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);
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); }
.mat-elevation-z21 {
-webkit-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);
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); }
.mat-elevation-z22 {
-webkit-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);
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); }
.mat-elevation-z23 {
-webkit-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);
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); }
.mat-elevation-z24 {
-webkit-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);
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); }
.mat-badge-content {
font-weight: 600;
font-size: 12px;
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-badge-small .mat-badge-content {
font-size: 6px; }
.mat-badge-large .mat-badge-content {
font-size: 24px; }
.mat-h1, .mat-headline, .mat-typography h1 {
font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h2, .mat-title, .mat-typography h2 {
font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h3, .mat-subheading-2, .mat-typography h3 {
font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h4, .mat-subheading-1, .mat-typography h4 {
font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h5, .mat-typography h5 {
font: 400 11.62px/20px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 12px; }
.mat-h6, .mat-typography h6 {
font: 400 9.38px/20px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 12px; }
.mat-body-strong, .mat-body-2 {
font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
.mat-body, .mat-body-1, .mat-typography {
font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-body p, .mat-body-1 p, .mat-typography p {
margin: 0 0 12px; }
.mat-small, .mat-caption {
font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-display-4, .mat-typography .mat-display-4 {
font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 56px;
letter-spacing: -0.05em; }
.mat-display-3, .mat-typography .mat-display-3 {
font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 64px;
letter-spacing: -0.02em; }
.mat-display-2, .mat-typography .mat-display-2 {
font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 64px;
letter-spacing: -0.005em; }
.mat-display-1, .mat-typography .mat-display-1 {
font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 64px; }
.mat-bottom-sheet-container {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 16px;
font-weight: 400; }
.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500; }
.mat-button-toggle {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-card {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-card-title {
font-size: 24px;
font-weight: 400; }
.mat-card-subtitle,
.mat-card-content,
.mat-card-header .mat-card-title {
font-size: 14px; }
.mat-checkbox {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-checkbox-layout .mat-checkbox-label {
line-height: 24px; }
.mat-chip {
font-size: 13px;
line-height: 18px; }
.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
font-size: 18px; }
.mat-table {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-header-cell {
font-size: 12px;
font-weight: 500; }
.mat-cell, .mat-footer-cell {
font-size: 14px; }
.mat-calendar {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-calendar-body {
font-size: 13px; }
.mat-calendar-body-label,
.mat-calendar-period-button {
font-size: 14px;
font-weight: 500; }
.mat-calendar-table-header th {
font-size: 11px;
font-weight: 400; }
.mat-dialog-title {
font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; }
.mat-expansion-panel-header {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 15px;
font-weight: 400; }
.mat-expansion-panel-content {
font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-form-field {
font-size: inherit;
font-weight: 400;
line-height: 1.125;
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-form-field-wrapper {
padding-bottom: 1.34375em; }
.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
font-size: 150%;
line-height: 1.125; }
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
height: 1.5em;
width: 1.5em; }
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
height: 1.125em;
line-height: 1.125; }
.mat-form-field-infix {
padding: 0.5em 0;
border-top: 0.84375em solid transparent; }
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.34375em) scale(0.75);
transform: translateY(-1.34375em) scale(0.75);
width: 133.33333333%; }
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label, .mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.34374em) scale(0.75);
transform: translateY(-1.34374em) scale(0.75);
width: 133.33334333%; }
.mat-form-field-label-wrapper {
top: -0.84375em;
padding-top: 0.84375em; }
.mat-form-field-label, .amd-placeholder {
top: 1.34375em; }
.mat-form-field-underline {
bottom: 1.34375em; }
.mat-form-field-subscript-wrapper {
font-size: 75%;
margin-top: 0.66666667em;
top: -webkit-calc(100% - 1.79166667em);
top: calc(100% - 1.79166667em); }
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
padding-bottom: 1.25em; }
.mat-form-field-appearance-legacy .mat-form-field-infix {
padding: 0.4375em 0; }
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-ms-transform: translateY(-1.28125em) scale(0.75);
width: 133.33333333%; }
.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, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
-ms-transform: translateY(-1.28124em) scale(0.75);
width: 133.33334333%; }
.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, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
-ms-transform: translateY(-1.28123em) scale(0.75);
width: 133.33335333%; }
.mat-form-field-appearance-legacy .mat-form-field-label, .mat-form-field-appearance-legacy .amd-placeholder {
top: 1.28125em; }
.mat-form-field-appearance-legacy .mat-form-field-underline {
bottom: 1.25em; }
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
margin-top: 0.54166667em;
top: -webkit-calc(100% - 1.66666667em);
top: calc(100% - 1.66666667em); }
.mat-form-field-appearance-fill .mat-form-field-infix {
padding: 0.25em 0 0.75em 0; }
.mat-form-field-appearance-fill .mat-form-field-label, .mat-form-field-appearance-fill .amd-placeholder {
top: 1.09375em;
margin-top: -0.5em; }
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-0.59375em) scale(0.75);
transform: translateY(-0.59375em) scale(0.75);
width: 133.33333333%; }
.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, .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-0.59374em) scale(0.75);
transform: translateY(-0.59374em) scale(0.75);
width: 133.33334333%; }
.mat-form-field-appearance-outline .mat-form-field-infix {
padding: 1em 0 1em 0; }
.mat-form-field-appearance-outline .mat-form-field-label, .mat-form-field-appearance-outline .amd-placeholder {
top: 1.84375em;
margin-top: -0.25em; }
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.59375em) scale(0.75);
transform: translateY(-1.59375em) scale(0.75);
width: 133.33333333%; }
.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, .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.59374em) scale(0.75);
transform: translateY(-1.59374em) scale(0.75);
width: 133.33334333%; }
.mat-grid-tile-header,
.mat-grid-tile-footer {
font-size: 14px; }
.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
font-size: 12px; }
input.mat-input-element {
margin-top: -0.0625em; }
.mat-menu-item {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 16px;
font-weight: 400; }
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 12px; }
.mat-radio-button {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-select {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-select-trigger {
height: 1.125em; }
.mat-slide-toggle-content {
font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-slider-thumb-label-text {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 12px;
font-weight: 500; }
.mat-stepper-vertical, .mat-stepper-horizontal {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-step-label {
font-size: 14px;
font-weight: 400; }
.mat-step-label-selected {
font-size: 14px;
font-weight: 500; }
.mat-tab-group {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-tab-label, .mat-tab-link {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500; }
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
margin: 0; }
.mat-tooltip {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 10px;
padding-top: 6px;
padding-bottom: 6px; }
.mat-tooltip-handset {
font-size: 14px;
padding-top: 9px;
padding-bottom: 9px; }
.mat-list-item {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-list-option {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
font-size: 16px; }
.mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
font-size: 14px; }
.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
font-size: 16px; }
.mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
font-size: 14px; }
.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500; }
.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
font-size: 12px; }
.mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
font-size: 12px; }
.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
font-size: 12px; }
.mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
font-size: 12px; }
.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 12px;
font-weight: 500; }
.mat-option {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 16px; }
.mat-optgroup-label {
font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
.mat-simple-snackbar {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px; }
.mat-simple-snackbar-action {
line-height: 1;
font-family: inherit;
font-size: inherit;
font-weight: 500; }
.mat-tree {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-tree-node {
font-weight: 400;
font-size: 14px; }
.mat-ripple {
overflow: hidden; }
.mat-ripple.mat-ripple-unbounded {
overflow: visible; }
.mat-ripple-element {
position: absolute;
-webkit-border-radius: 50%;
border-radius: 50%;
pointer-events: none;
-webkit-transition: opacity, -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity, -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
-webkit-transform: scale(0);
transform: scale(0); }
@media screen and (-ms-high-contrast: active) {
.mat-ripple-element {
display: none; } }
.cdk-visually-hidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
outline: 0;
-webkit-appearance: none;
-moz-appearance: none; }
.cdk-overlay-container, .cdk-global-overlay-wrapper {
pointer-events: none;
top: 0;
left: 0;
height: 100%;
width: 100%; }
.cdk-overlay-container {
position: fixed;
z-index: 1000; }
.cdk-overlay-container:empty {
display: none; }
.cdk-global-overlay-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: flex;
position: absolute;
z-index: 1000; }
.cdk-overlay-pane {
position: absolute;
pointer-events: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 1000;
display: -webkit-box;
display: -webkit-flex;
display: flex;
max-width: 100%;
max-height: 100%; }
.cdk-overlay-backdrop {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
pointer-events: auto;
-webkit-tap-highlight-color: transparent;
-webkit-transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
opacity: 0; }
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
opacity: 1; }
@media screen and (-ms-high-contrast: active) {
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
opacity: 0.6; } }
.cdk-overlay-dark-backdrop {
background: rgba(0, 0, 0, 0.288); }
.cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
opacity: 0; }
.cdk-overlay-connected-position-bounding-box {
position: absolute;
z-index: 1000;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
min-width: 1px;
min-height: 1px; }
.cdk-global-scrollblock {
position: fixed;
width: 100%;
overflow-y: scroll; }
@keyframes cdk-text-field-autofill-start {
/*!*/ }
@keyframes cdk-text-field-autofill-end {
/*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
-webkit-animation-name: cdk-text-field-autofill-start;
animation-name: cdk-text-field-autofill-start; }
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
-webkit-animation-name: cdk-text-field-autofill-end;
animation-name: cdk-text-field-autofill-end; }
textarea.cdk-textarea-autosize {
resize: none; }
textarea.cdk-textarea-autosize-measuring {
height: auto !important;
overflow: hidden !important;
padding: 2px 0 !important;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important; }
.mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-option {
color: white; }
.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
background: rgba(255, 255, 255, 0.04); }
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
background: rgba(255, 255, 255, 0.04); }
.mat-option.mat-active {
background: rgba(255, 255, 255, 0.04);
color: white; }
.mat-option.mat-option-disabled {
color: rgba(255, 255, 255, 0.5); }
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
color: #19becf; }
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
color: #005c80; }
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
color: #f44336; }
.mat-optgroup-label {
color: rgba(255, 255, 255, 0.7); }
.mat-optgroup-disabled .mat-optgroup-label {
color: rgba(255, 255, 255, 0.5); }
.mat-pseudo-checkbox {
color: rgba(255, 255, 255, 0.7); }
.mat-pseudo-checkbox::after {
color: #303030; }
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
background: #005c80; }
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
background: #19becf; }
.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
background: #f44336; }
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
background: #686868; }
.mat-app-background {
background-color: #303030;
color: white; }
.mat-theme-loaded-marker {
display: none; }
.mat-autocomplete-panel {
background: #424242;
color: white; }
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
background: #424242; }
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
color: white; }
.mat-badge-content {
color: white;
background: #19becf; }
.mat-badge-accent .mat-badge-content {
background: #005c80;
color: white; }
.mat-badge-warn .mat-badge-content {
color: white;
background: #f44336; }
.mat-badge {
position: relative; }
.mat-badge-hidden .mat-badge-content {
display: none; }
.mat-badge-content {
position: absolute;
text-align: center;
display: inline-block;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: -webkit-transform 200ms ease-in-out;
transition: -webkit-transform 200ms ease-in-out;
transition: transform 200ms ease-in-out;
transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
-webkit-transform: scale(0.6);
transform: scale(0.6);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
pointer-events: none; }
.mat-badge-content.mat-badge-active {
-webkit-transform: none;
transform: none; }
.mat-badge-small .mat-badge-content {
width: 16px;
height: 16px;
line-height: 16px; }
@media screen and (-ms-high-contrast: active) {
.mat-badge-small .mat-badge-content {
outline: solid 1px;
-webkit-border-radius: 0;
border-radius: 0; } }
.mat-badge-small.mat-badge-above .mat-badge-content {
top: -8px; }
.mat-badge-small.mat-badge-below .mat-badge-content {
bottom: -8px; }
.mat-badge-small.mat-badge-before .mat-badge-content {
left: -16px; }
[dir='rtl'] .mat-badge-small.mat-badge-before .mat-badge-content {
left: auto;
right: -16px; }
.mat-badge-small.mat-badge-after .mat-badge-content {
right: -16px; }
[dir='rtl'] .mat-badge-small.mat-badge-after .mat-badge-content {
right: auto;
left: -16px; }
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -8px; }
[dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -8px; }
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -8px; }
[dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -8px; }
.mat-badge-medium .mat-badge-content {
width: 22px;
height: 22px;
line-height: 22px; }
@media screen and (-ms-high-contrast: active) {
.mat-badge-medium .mat-badge-content {
outline: solid 1px;
-webkit-border-radius: 0;
border-radius: 0; } }
.mat-badge-medium.mat-badge-above .mat-badge-content {
top: -11px; }
.mat-badge-medium.mat-badge-below .mat-badge-content {
bottom: -11px; }
.mat-badge-medium.mat-badge-before .mat-badge-content {
left: -22px; }
[dir='rtl'] .mat-badge-medium.mat-badge-before .mat-badge-content {
left: auto;
right: -22px; }
.mat-badge-medium.mat-badge-after .mat-badge-content {
right: -22px; }
[dir='rtl'] .mat-badge-medium.mat-badge-after .mat-badge-content {
right: auto;
left: -22px; }
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -11px; }
[dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -11px; }
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -11px; }
[dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -11px; }
.mat-badge-large .mat-badge-content {
width: 28px;
height: 28px;
line-height: 28px; }
@media screen and (-ms-high-contrast: active) {
.mat-badge-large .mat-badge-content {
outline: solid 1px;
-webkit-border-radius: 0;
border-radius: 0; } }
.mat-badge-large.mat-badge-above .mat-badge-content {
top: -14px; }
.mat-badge-large.mat-badge-below .mat-badge-content {
bottom: -14px; }
.mat-badge-large.mat-badge-before .mat-badge-content {
left: -28px; }
[dir='rtl'] .mat-badge-large.mat-badge-before .mat-badge-content {
left: auto;
right: -28px; }
.mat-badge-large.mat-badge-after .mat-badge-content {
right: -28px; }
[dir='rtl'] .mat-badge-large.mat-badge-after .mat-badge-content {
right: auto;
left: -28px; }
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -14px; }
[dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -14px; }
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -14px; }
[dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -14px; }
.mat-bottom-sheet-container {
background: #424242;
color: white; }
.mat-button, .mat-icon-button, .mat-stroked-button {
color: inherit;
background: transparent; }
.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
color: #19becf; }
.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
color: #005c80; }
.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
color: #f44336; }
.mat-button.mat-primary[disabled], .mat-button.mat-accent[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled], .mat-stroked-button.mat-primary[disabled], .mat-stroked-button.mat-accent[disabled], .mat-stroked-button.mat-warn[disabled], .mat-stroked-button[disabled][disabled] {
color: rgba(255, 255, 255, 0.3); }
.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
background-color: rgba(25, 190, 207, 0.12); }
.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
background-color: rgba(0, 92, 128, 0.12); }
.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
background-color: rgba(244, 67, 54, 0.12); }
.mat-button[disabled] .mat-button-focus-overlay, .mat-icon-button[disabled] .mat-button-focus-overlay, .mat-stroked-button[disabled] .mat-button-focus-overlay {
background-color: transparent; }
.mat-button.mat-primary .mat-ripple-element, .mat-icon-button.mat-primary .mat-ripple-element, .mat-stroked-button.mat-primary .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.1); }
.mat-button.mat-accent .mat-ripple-element, .mat-icon-button.mat-accent .mat-ripple-element, .mat-stroked-button.mat-accent .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.1); }
.mat-button.mat-warn .mat-ripple-element, .mat-icon-button.mat-warn .mat-ripple-element, .mat-stroked-button.mat-warn .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.1); }
.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
color: white;
background-color: #424242; }
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
color: white; }
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
color: white; }
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
color: white; }
.mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
color: rgba(255, 255, 255, 0.3); }
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
background-color: #19becf; }
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
background-color: #005c80; }
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
background-color: #f44336; }
.mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
background-color: rgba(255, 255, 255, 0.12); }
.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-icon-button.mat-primary .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.2); }
.mat-icon-button.mat-accent .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.2); }
.mat-icon-button.mat-warn .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.2); }
.mat-button-toggle {
color: rgba(255, 255, 255, 0.5); }
.mat-button-toggle .mat-button-toggle-focus-overlay {
background-color: rgba(255, 255, 255, 0.12); }
.mat-button-toggle-checked {
background-color: #212121;
color: rgba(255, 255, 255, 0.7); }
.mat-button-toggle-disabled {
background-color: black;
color: rgba(255, 255, 255, 0.3); }
.mat-button-toggle-disabled.mat-button-toggle-checked {
background-color: #424242; }
.mat-card {
background: #424242;
color: white; }
.mat-card-subtitle {
color: rgba(255, 255, 255, 0.7); }
.mat-checkbox-frame {
border-color: rgba(255, 255, 255, 0.7); }
.mat-checkbox-checkmark {
fill: #303030; }
.mat-checkbox-checkmark-path {
stroke: #303030 !important; }
@media screen and (-ms-high-contrast: black-on-white) {
.mat-checkbox-checkmark-path {
stroke: #000 !important; } }
.mat-checkbox-mixedmark {
background-color: #303030; }
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
background-color: #19becf; }
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
background-color: #005c80; }
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
background-color: #f44336; }
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
background-color: #686868; }
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
border-color: #686868; }
.mat-checkbox-disabled .mat-checkbox-label {
color: #686868; }
@media screen and (-ms-high-contrast: active) {
.mat-checkbox-disabled {
opacity: 0.5; } }
@media screen and (-ms-high-contrast: active) {
.mat-checkbox-background {
background: none; } }
.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.26); }
.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.26); }
.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.26); }
.mat-chip.mat-standard-chip {
background-color: #616161;
color: white; }
.mat-chip.mat-standard-chip .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip .mat-chip-remove:hover {
opacity: 0.54; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
background-color: #19becf;
color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
opacity: 0.54; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
background-color: #f44336;
color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
opacity: 0.54; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
background-color: #005c80;
color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
opacity: 0.54; }
.mat-table {
background: #424242; }
.mat-table thead, .mat-table tbody, .mat-table tfoot,
mat-header-row, mat-row, mat-footer-row,
[mat-header-row], [mat-row], [mat-footer-row],
.mat-table-sticky {
background: inherit; }
mat-row, mat-header-row, mat-footer-row,
th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
border-bottom-color: rgba(255, 255, 255, 0.12); }
.mat-header-cell {
color: rgba(255, 255, 255, 0.7); }
.mat-cell, .mat-footer-cell {
color: white; }
.mat-calendar-arrow {
border-top-color: white; }
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
color: white; }
.mat-calendar-table-header {
color: rgba(255, 255, 255, 0.5); }
.mat-calendar-table-header-divider::after {
background: rgba(255, 255, 255, 0.12); }
.mat-calendar-body-label {
color: rgba(255, 255, 255, 0.7); }
.mat-calendar-body-cell-content {
color: white;
border-color: transparent; }
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
color: rgba(255, 255, 255, 0.5); }
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
background-color: rgba(255, 255, 255, 0.04); }
.mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(255, 255, 255, 0.5); }
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(255, 255, 255, 0.3); }
.mat-calendar-body-selected {
background-color: #19becf;
color: white; }
.mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(25, 190, 207, 0.4); }
.mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content {
background-color: #424242;
color: white; }
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
background-color: #005c80;
color: white; }
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(0, 92, 128, 0.4); }
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
background-color: #f44336;
color: white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(244, 67, 54, 0.4); }
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-toggle-active {
color: #19becf; }
.mat-datepicker-toggle-active.mat-accent {
color: #005c80; }
.mat-datepicker-toggle-active.mat-warn {
color: #f44336; }
.mat-dialog-container {
background: #424242;
color: white; }
.mat-divider {
border-top-color: rgba(255, 255, 255, 0.12); }
.mat-divider-vertical {
border-right-color: rgba(255, 255, 255, 0.12); }
.mat-expansion-panel {
background: #424242;
color: white; }
.mat-action-row {
border-top-color: rgba(255, 255, 255, 0.12); }
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']):hover {
background: rgba(255, 255, 255, 0.04); }
@media (hover: none) {
.mat-expansion-panel:not(.mat-expanded):not([aria-disabled='true']) .mat-expansion-panel-header:hover {
background: #424242; } }
.mat-expansion-panel-header-title {
color: white; }
.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
color: rgba(255, 255, 255, 0.7); }
.mat-expansion-panel-header[aria-disabled='true'] {
color: rgba(255, 255, 255, 0.3); }
.mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-description {
color: inherit; }
.mat-form-field-label, .amd-placeholder {
color: rgba(255, 255, 255, 0.7); }
.mat-hint {
color: rgba(255, 255, 255, 0.7); }
.mat-form-field.mat-focused .mat-form-field-label, .mat-form-field.mat-focused .amd-placeholder {
color: #19becf; }
.mat-form-field.mat-focused .mat-form-field-label.mat-accent, .mat-form-field.mat-focused .mat-accent.amd-placeholder {
color: #005c80; }
.mat-form-field.mat-focused .mat-form-field-label.mat-warn, .mat-form-field.mat-focused .mat-warn.amd-placeholder {
color: #f44336; }
.mat-focused .mat-form-field-required-marker {
color: #005c80; }
.mat-form-field-ripple {
background-color: white; }
.mat-form-field.mat-focused .mat-form-field-ripple {
background-color: #19becf; }
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
background-color: #005c80; }
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
background-color: #f44336; }
.mat-form-field.mat-form-field-invalid .mat-form-field-label, .mat-form-field.mat-form-field-invalid .amd-placeholder {
color: #f44336; }
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, .mat-form-field.mat-form-field-invalid .mat-accent.amd-placeholder,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,
.mat-form-field.mat-form-field-invalid .amd-placeholder .mat-form-field-required-marker {
color: #f44336; }
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
background-color: #f44336; }
.mat-error {
color: #f44336; }
.mat-form-field-appearance-legacy .mat-form-field-label, .mat-form-field-appearance-legacy .amd-placeholder {
color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-legacy .mat-hint {
color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-legacy .mat-form-field-underline {
background-color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.7)), color-stop(33%, rgba(255, 255, 255, 0.7)), color-stop(0%, transparent));
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
background-size: 4px 100%;
background-repeat: repeat-x; }
.mat-form-field-appearance-standard .mat-form-field-underline {
background-color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.7)), color-stop(33%, rgba(255, 255, 255, 0.7)), color-stop(0%, transparent));
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
background-size: 4px 100%;
background-repeat: repeat-x; }
.mat-form-field-appearance-fill .mat-form-field-flex {
background-color: rgba(255, 255, 255, 0.1); }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
background-color: rgba(255, 255, 255, 0.05); }
.mat-form-field-appearance-fill .mat-form-field-underline::before {
background-color: rgba(255, 255, 255, 0.5); }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-disabled .amd-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
background-color: transparent; }
.mat-form-field-appearance-outline .mat-form-field-outline {
color: rgba(255, 255, 255, 0.3); }
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
color: white; }
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
color: #19becf; }
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
color: #005c80; }
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
color: #f44336; }
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
color: #f44336; }
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-disabled .amd-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
color: rgba(255, 255, 255, 0.15); }
.mat-icon.mat-primary {
color: #19becf; }
.mat-icon.mat-accent {
color: #005c80; }
.mat-icon.mat-warn {
color: #f44336; }
.mat-input-element:disabled {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element {
caret-color: #19becf; }
.mat-input-element::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::-moz-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-accent .mat-input-element {
caret-color: #005c80; }
.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
caret-color: #f44336; }
.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
color: white; }
.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
color: white; }
.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
color: rgba(255, 255, 255, 0.7); }
.mat-list-item-disabled {
background-color: black; }
.mat-list-option:hover, .mat-list-option.mat-list-item-focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item.mat-list-item-focus {
background: rgba(255, 255, 255, 0.04); }
.mat-menu-panel {
background: #424242; }
.mat-menu-item {
background: transparent;
color: white; }
.mat-menu-item[disabled], .mat-menu-item[disabled]::after {
color: rgba(255, 255, 255, 0.5); }
.mat-menu-item .mat-icon:not([color]),
.mat-menu-item-submenu-trigger::after {
color: white; }
.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
background: rgba(255, 255, 255, 0.04); }
.mat-paginator {
background: #424242; }
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
color: rgba(255, 255, 255, 0.7); }
.mat-paginator-decrement,
.mat-paginator-increment {
border-top: 2px solid white;
border-right: 2px solid white; }
.mat-paginator-first,
.mat-paginator-last {
border-top: 2px solid white; }
.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
border-color: rgba(255, 255, 255, 0.5); }
.mat-progress-bar-background {
fill: #baecf1; }
.mat-progress-bar-buffer {
background-color: #baecf1; }
.mat-progress-bar-fill::after {
background-color: #19becf; }
.mat-progress-bar.mat-accent .mat-progress-bar-background {
fill: #b3ced9; }
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
background-color: #b3ced9; }
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
background-color: #005c80; }
.mat-progress-bar.mat-warn .mat-progress-bar-background {
fill: #ffcdd2; }
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
background-color: #ffcdd2; }
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
background-color: #f44336; }
.mat-progress-spinner circle, .mat-spinner circle {
stroke: #19becf; }
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
stroke: #005c80; }
.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
stroke: #f44336; }
.mat-radio-outer-circle {
border-color: rgba(255, 255, 255, 0.7); }
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
border-color: #19becf; }
.mat-radio-button.mat-primary .mat-radio-inner-circle {
background-color: #19becf; }
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.26); }
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
border-color: #005c80; }
.mat-radio-button.mat-accent .mat-radio-inner-circle {
background-color: #005c80; }
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.26); }
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
border-color: #f44336; }
.mat-radio-button.mat-warn .mat-radio-inner-circle {
background-color: #f44336; }
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.26); }
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
border-color: rgba(255, 255, 255, 0.5); }
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
background-color: rgba(255, 255, 255, 0.5); }
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
color: rgba(255, 255, 255, 0.5); }
.mat-select-content, .mat-select-panel-done-animating {
background: #424242; }
.mat-select-value {
color: white; }
.mat-select-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-select-disabled .mat-select-value {
color: rgba(255, 255, 255, 0.5); }
.mat-select-arrow {
color: rgba(255, 255, 255, 0.7); }
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
background: rgba(255, 255, 255, 0.12); }
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
color: #19becf; }
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
color: #005c80; }
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
color: #f44336; }
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
color: #f44336; }
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
color: rgba(255, 255, 255, 0.5); }
.mat-drawer-container {
background-color: #303030;
color: white; }
.mat-drawer {
background-color: #424242;
color: white; }
.mat-drawer.mat-drawer-push {
background-color: #424242; }
.mat-drawer-backdrop.mat-drawer-shown {
background-color: rgba(189, 189, 189, 0.6); }
.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #80adbf; }
.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgba(128, 173, 191, 0.5); }
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle .mat-ripple-element {
background-color: rgba(128, 173, 191, 0.12); }
.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #8cdfe7; }
.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgba(140, 223, 231, 0.5); }
.mat-slide-toggle.mat-primary:not(.mat-checked) .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle.mat-primary .mat-ripple-element {
background-color: rgba(140, 223, 231, 0.12); }
.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #ef9a9a; }
.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgba(239, 154, 154, 0.5); }
.mat-slide-toggle.mat-warn:not(.mat-checked) .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle.mat-warn .mat-ripple-element {
background-color: rgba(239, 154, 154, 0.12); }
.mat-disabled .mat-slide-toggle-thumb {
background-color: #424242; }
.mat-disabled .mat-slide-toggle-bar {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle-thumb {
background-color: #bdbdbd; }
.mat-slide-toggle-bar {
background-color: rgba(255, 255, 255, 0.5); }
.mat-slider-track-background {
background-color: rgba(255, 255, 255, 0.3); }
.mat-primary .mat-slider-track-fill,
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label {
background-color: #19becf; }
.mat-primary .mat-slider-thumb-label-text {
color: white; }
.mat-accent .mat-slider-track-fill,
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label {
background-color: #005c80; }
.mat-accent .mat-slider-thumb-label-text {
color: white; }
.mat-warn .mat-slider-track-fill,
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label {
background-color: #f44336; }
.mat-warn .mat-slider-thumb-label-text {
color: white; }
.mat-slider-focus-ring {
background-color: rgba(0, 92, 128, 0.2); }
.mat-slider:hover .mat-slider-track-background,
.cdk-focused .mat-slider-track-background {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled .mat-slider-thumb {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-disabled:hover .mat-slider-track-background {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-min-value .mat-slider-focus-ring {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
background-color: white; }
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
border-color: rgba(255, 255, 255, 0.3);
background-color: transparent; }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
border-color: rgba(255, 255, 255, 0.3); }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
border-color: rgba(255, 255, 255, 0.3); }
.mat-slider-has-ticks .mat-slider-wrapper::after {
border-color: rgba(255, 255, 255, 0.7); }
.mat-slider-horizontal .mat-slider-ticks {
background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);
background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); }
.mat-slider-vertical .mat-slider-ticks {
background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); }
.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover {
background-color: rgba(255, 255, 255, 0.04); }
.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
color: rgba(255, 255, 255, 0.5); }
.mat-step-header .mat-step-icon {
background-color: #19becf;
color: white; }
.mat-step-header .mat-step-icon-not-touched {
background-color: rgba(255, 255, 255, 0.5);
color: white; }
.mat-step-header .mat-step-label.mat-step-label-active {
color: white; }
.mat-stepper-horizontal, .mat-stepper-vertical {
background-color: #424242; }
.mat-stepper-vertical-line::before {
border-left-color: rgba(255, 255, 255, 0.12); }
.mat-stepper-horizontal-line {
border-top-color: rgba(255, 255, 255, 0.12); }
.mat-sort-header-arrow {
color: #c6c6c6; }
.mat-tab-nav-bar,
.mat-tab-header {
border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: none; }
.mat-tab-label, .mat-tab-link {
color: white; }
.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.5); }
.mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.5); }
.mat-tab-group[class*='mat-background-'] .mat-tab-header,
.mat-tab-nav-bar[class*='mat-background-'] {
border-bottom: none;
border-top: none; }
.mat-tab-group.mat-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(186, 236, 241, 0.3); }
.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
background-color: #19becf; }
.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
background-color: white; }
.mat-tab-group.mat-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(179, 206, 217, 0.3); }
.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
background-color: #005c80; }
.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
background-color: white; }
.mat-tab-group.mat-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(255, 205, 210, 0.3); }
.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
background-color: #f44336; }
.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
background-color: white; }
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(186, 236, 241, 0.3); }
.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
background-color: #19becf; }
.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
color: white; }
.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-primary .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(179, 206, 217, 0.3); }
.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
background-color: #005c80; }
.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
color: white; }
.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-accent .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(255, 205, 210, 0.3); }
.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links {
background-color: #f44336; }
.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
color: white; }
.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-warn .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-toolbar {
background: #212121;
color: white; }
.mat-toolbar.mat-primary {
background: #19becf;
color: white; }
.mat-toolbar.mat-accent {
background: #005c80;
color: white; }
.mat-toolbar.mat-warn {
background: #f44336;
color: white; }
.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
background-color: currentColor; }
.mat-toolbar .mat-form-field-label, .mat-toolbar .amd-placeholder,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-focused .amd-placeholder,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
color: inherit; }
.mat-toolbar .mat-input-element {
caret-color: currentColor; }
.mat-tooltip {
background: rgba(97, 97, 97, 0.9); }
.mat-tree {
background: #424242; }
.mat-tree-node {
color: white; }
.mat-snack-bar-container {
background: #fafafa;
color: rgba(0, 0, 0, 0.87); }
.mat-simple-snackbar-action {
color: inherit; }
.mat-calendar-arrow {
border-top-color: rgba(0, 0, 0, 0.54); }
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
color: rgba(0, 0, 0, 0.54); }
.mat-calendar-table-header {
color: rgba(0, 0, 0, 0.38); }
.mat-calendar-table-header-divider::after {
background: rgba(0, 0, 0, 0.12); }
.mat-calendar-body-label {
color: rgba(0, 0, 0, 0.54); }
.mat-calendar-body-cell-content {
color: rgba(0, 0, 0, 0.87);
border-color: transparent; }
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
color: rgba(0, 0, 0, 0.38); }
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
background-color: rgba(0, 0, 0, 0.04); }
.mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(0, 0, 0, 0.38); }
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(0, 0, 0, 0.18); }
.mat-calendar-body-selected {
background-color: #19becf;
color: white; }
.mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(25, 190, 207, 0.4); }
.mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content {
background-color: white;
color: rgba(0, 0, 0, 0.87); }
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
background-color: #005c80;
color: white; }
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(0, 92, 128, 0.4); }
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
background-color: #f44336;
color: white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(244, 67, 54, 0.4); }
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-toggle-active {
color: #19becf; }
.mat-datepicker-toggle-active.mat-accent {
color: #005c80; }
.mat-datepicker-toggle-active.mat-warn {
color: #f44336; }
/*
Variables
Styleguide 1
*/
/*
Colors Palette
$amd-primary-50 - primary 50
$amd-primary-100 - primary 100
markup:
{$modifiers}
Styleguide 1.1
*/
.amd-color-red {
color: #ff6054; }
.amd-color-green {
color: #4caf50 !important; }
.amd-color-orange {
color: #ff9800 !important; }
.amd-color-red {
color: #ff6054 !important; }
.amd-bg-color-red {
background-color: #fbd6d3; }
.amd-accent-300 {
color: #42a3d0; }
.amd-accent-500 {
color: #005c80 !important; }
.amd-accent-500--bg {
background-color: #19becf !important; }
.amd-accent-500--hover, .amd-items-counter--accent-dark:hover {
background-color: #005478 !important; }
.amd-primary-500 {
color: #19becf !important; }
.amd-primary-500--bg {
background-color: #005c80 !important; }
.amd-primary-500--hover, .amd-items-counter--primary:hover {
background-color: #47cbd8 !important; }
.mat-container-colors {
background-color: #002e40;
color: #fff; }
.mat-toolbar-colors {
background-color: rgba(0, 46, 64, 0.9); }
.footer-colors {
background-color: #003348;
color: #80adbf; }
.footer-colors a {
color: #ddeef6; }
.table-border-color, table.mat-table--bordered > thead > .mat-row,
table.mat-table--bordered > tbody > .mat-row, .amd-table--bordered > thead > tr,
.amd-table--bordered > tbody > tr {
border-bottom: 1px solid #ccc; }
.box-shadow, .amd-expansion-panel, .amd-table tbody {
-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) !important;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) !important; }
.amd-title-color, .amd-title {
color: #267493; }
.amd-title-border, .amd-title {
border-left: 2px solid #42a3d0; }
.amd-button-raised-color, .amd-button--raised, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton {
color: #fff !important;
background-color: #19becf !important; }
.amd-input-control-colors, .amd-input__group__control {
background-color: #0f727c;
color: #baecf1; }
.amd-input-control-placeholder, .amd-input__group__control::-webkit-input-placeholder {
color: #5ed2dd; }
.amd-expansion-panel-bg-color {
background-color: #004560; }
.amd-expansion-panel-header-border {
border-bottom-color: #003348; }
.amd-expansion-panel-header-color {
color: #42a3d0; }
.amd-expansion-panel-content {
background-color: #004e6d; }
.amd-card-bg-color, .amd-card {
background-color: #004e6d; }
.amd-card-bg-color .amd-icon--circle .amd-icon--border, .amd-card .amd-icon--circle .amd-icon--border {
border-color: #ccc; }
.amd-card-bg-color--light, .amd-card--light {
background-color: #005c80; }
.amd-card-bg-color--light .amd-card-title-btn-border, .amd-card--light .amd-card-title-btn-border, .amd-card-bg-color--light .amd-card__title-btn, .amd-card--light .amd-card__title-btn,
.amd-card-bg-color--light .amd-card__title-btn,
.amd-card--light .amd-card__title-btn {
border-left: 1px solid #004560; }
.amd-card-bg-color--light .amd-icon--circle .amd-icon--border, .amd-card--light .amd-icon--circle .amd-icon--border {
border-color: #004560; }
.amd-card-title-color, .amd-card__title h4 {
color: #42a3d0; }
.amd-card-title-color--light, .amd-card--light .amd-card__title h4,
.amd-card--light .amd-card__title-icon {
color: #80adbf; }
.amd-card-title-btn-border, .amd-card__title-btn {
border-left: 1px solid #003348; }
.amd-list-col-border {
border-left: 1px solid #80adbf; }
.amd-list-item-border {
border-bottom: 1px solid #003348; }
.amd-list-icon-color {
color: #42a3d0; }
.amd-list-title-color {
color: #80adbf; }
.u-theme--positive .amd-link,
.u-theme--positive .amd-button--accent,
.u-theme--positive .amd-accent-500,
.u-theme--positive .amd-button--primary,
.u-theme--positive .amd-primary-500,
.u-theme--positive .amd-button--light,
.u-theme--positive .amd-button--reverse,
.u-theme--positive .amd-select__centers .mat-select-placeholder.mat-floating-placeholder {
color: #0071b9 !important; }
.u-theme--positive .amd-list__check {
border-right: 2px solid #d1d1d1; }
.u-theme--positive .amd-toolbar__title {
color: #4e4e4e; }
.u-theme--positive .amd-toolbar__action ul li {
border-right: 1px solid #ccc; }
.u-theme--positive .amd-wizard {
border-left: 1px solid #ddd !important; }
.u-theme--positive .amd-select__centers .mat-select-value {
color: #777 !important; }
.u-theme--positive .amd-select__centers .mat-select-underline {
background-color: #ccc; }
.u-theme--positive .deadlines-cell {
background-color: #fff; }
.u-theme--positive .deadlines-list__text {
color: #696969; }
.u-theme--positive .deadlines-list a,
.u-theme--positive .deadlines-list a:visited {
color: #444; }
.u-theme--positive .deadlines-list__bar {
background-color: #e6e6e6;
color: #333; }
.u-theme--positive .deadlines-list__item {
border-bottom: 1px solid #ddd; }
.u-theme--positive .news-cell__text {
color: #333; }
.u-theme--positive .news-cell__date {
color: #696969; }
.u-theme--positive .info-grid .amd-icon--border {
border-color: #ccc !important; }
.u-theme--positive .info-grid .amd-list__text p {
color: #696969; }
.u-theme--positive .news-grid__cell__date {
color: #696969; }
.u-theme--positive .news-grid__cell__text {
color: #333; }
.u-theme--positive .order-check__label {
color: #4e4e4e !important; }
.u-theme--positive .order-details__legend .amd-title {
color: #696969; }
.u-theme--positive .order-details__legend__item {
color: #777; }
.u-theme--positive .order-details__legend__item span {
color: #666; }
.u-theme--positive .order-details__tabs .mat-expansion-panel-body tbody {
border-bottom: 1px solid #eee; }
.u-theme--positive .order-details__tabs .mat-expansion-panel-body tbody:nth-of-type(even) {
background-color: #f5f5f5; }
.u-theme--positive .order-details__tabs .mat-tab-label {
background-color: #fff;
color: #0071b9; }
.u-theme--positive .amd-table__td--toggle {
border-left: 1px solid #eee !important;
border-right: 1px solid #eee !important; }
.u-theme--positive .amd-title {
color: #818181; }
.u-theme--positive .amd-breadcrumb__bookmark .mat-button,
.u-theme--positive .amd-breadcrumb__icon,
.u-theme--positive .amd-button--expanded,
.u-theme--positive .amd-card__title-btn .mat-icon {
color: #0071b9 !important; }
.u-theme--positive .amd-bg--primary .amd-bg--highlight,
.u-theme--positive .amd-bg--accent .amd-bg--highlight {
color: #42a3d0; }
.u-theme--positive .amd-breadcrumb__content {
border-left: 2px solid #0071b9; }
.u-theme--positive .amd-bg--border::before {
border-left: 3px solid #0071b9; }
.u-theme--positive .amd-heading {
color: #42a3d0; }
.u-theme--positive .amd-breadcrumb__link,
.u-theme--positive .amd-breadcrumb__title,
.u-theme--positive .amd-breadcrumb_link:visited {
color: #333333; }
.u-theme--positive .amd-label {
background-color: #eee;
color: #777;
border-color: #ccc; }
.u-theme--positive .amd-label--primary {
color: #0071b9; }
.u-theme--positive .amd-label .fa {
color: #4caf50; }
.u-theme--positive .u-divider {
border-top: 1px solid #ddd; }
.u-theme--positive .amd-bg--accent,
.u-theme--positive .amd-bg--primary {
background-color: #f2f2f2;
color: #4e4e4e; }
.u-theme--positive .amd-legend__item {
color: #818181; }
.u-theme--positive .mat-container-colors {
background-color: #e6e6e6;
color: #4e4e4e; }
.u-theme--positive .mat-radio-outer-circle {
border-color: #ccc; }
.u-theme--positive .mat-checkbox-disabled .mat-checkbox-label {
color: #999; }
.u-theme--positive .mat-checkbox-frame {
border-color: #a4a4a4 !important; }
.u-theme--positive .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.u-theme--positive .mat-checkbox-checked.mat-accent .mat-checkbox-background {
background-color: #42a3d0 !important; }
.u-theme--positive .mat-checkbox-checkmark-path {
stroke: #fff !important; }
.u-theme--positive .mat-slide-toggle-thumb {
background-color: #eee; }
.u-theme--positive .mat-ink-bar {
background-color: #0071b9 !important; }
.u-theme--positive .mat-toolbar-colors {
background-color: white;
border-bottom: 1px solid #ccc; }
.u-theme--positive .mat-tab-link {
color: #696969; }
.u-theme--positive .mat-tab-body__description {
background-color: #fff; }
.u-theme--positive .mat-tab-body__title {
background-color: #fff;
border-bottom: 1px solid #ccc;
color: #80adbf; }
.u-theme--positive .app-footer {
background-color: #d6d6d6;
color: #696969; }
.u-theme--positive .app-footer__grid h4,
.u-theme--positive .footer-colors a,
.u-theme--positive .app-footer a {
color: #333; }
.u-theme--positive .mat-expansion-panel-body tbody {
border-bottom: 1px solid #eee; }
.u-theme--positive .mat-expansion-panel-body tbody:nth-of-type(even) {
background-color: #f5f5f5; }
.u-theme--positive .mat-tab-label {
background-color: #fff;
color: #0071b9; }
.u-theme--positive .mat-tab-label:focus {
background-color: #fff !important; }
.u-theme--positive .mat-hint {
color: #919191 !important; }
.u-theme--positive .mat-slide-toggle-bar {
background-color: #ddd; }
.u-theme--positive .mat-form-field-label, .u-theme--positive .amd-placeholder {
color: rgba(21, 21, 21, 0.7); }
.u-theme--positive .mat-form-field-underline,
.u-theme--positive .mat-form-field-underline {
background-color: #ddd !important; }
.u-theme--positive .mat-input-element,
.u-theme--positive .mat-select-value {
color: #444 !important; }
.u-theme--positive .amd-input--invalid .md2-datepicker-input {
border-bottom: 2px solid #f44336 !important; }
.u-theme--positive .amd-input--error,
.u-theme--positive .mat-input-error {
color: #f44336; }
.amd-badge {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
align-items: stretch; }
.amd-badge__content {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
padding: 10px;
border: 1px solid #d1d4d7;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-right-radius: 0; }
.amd-badge__icon {
margin: 0 10px; }
.amd-badge__text {
border-left: 2px solid #d1d4d7;
padding-left: 10px;
line-height: 1.4; }
.amd-badge__append {
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: flex;
padding: 0 20px;
margin-left: -1px;
border: 1px solid #d1d4d7;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
color: #0071b9;
cursor: pointer; }
.amd-badge__append:hover {
border-color: #42a3d0;
color: #42a3d0; }
.amd-badge__title--highlight {
color: #42a3d0; }
@font-face {
font-family: 'HelveticaNeueLTStd-Roman';
src: url("/assets/fonts/3447C2_6_0.eot");
src: url("/assets/fonts/3447C2_6_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_6_0.woff2") format("woff2"), url("/assets/fonts/3447C2_6_0.woff") format("woff"), url("/assets/fonts/3447C2_6_0.ttf") format("truetype"); }
@font-face {
font-family: 'HelveticaNeueLTStd-Bd';
src: url("/assets/fonts/3447C2_8_0.eot");
src: url("/assets/fonts/3447C2_8_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_8_0.woff2") format("woff2"), url("/assets/fonts/3447C2_8_0.woff") format("woff"), url("/assets/fonts/3447C2_8_0.ttf") format("truetype"); }
@font-face {
font-family: 'HelveticaNeueLTStd-Lt';
src: url("/assets/fonts/3447C2_3_0.eot");
src: url("/assets/fonts/3447C2_3_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_3_0.woff2") format("woff2"), url("/assets/fonts/3447C2_3_0.woff") format("woff"), url("/assets/fonts/3447C2_3_0.ttf") format("truetype"); }
@font-face {
font-family: 'HelveticaNeueLTStd-Md';
src: url("/assets/fonts/3447C2_5_0.eot");
src: url("/assets/fonts/3447C2_5_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_5_0.woff2") format("woff2"), url("/assets/fonts/3447C2_5_0.woff") format("woff"), url("/assets/fonts/3447C2_5_0.ttf") format("truetype"); }
.HelveticaNeueLTStd-Roman, body, .mat-form-field,
.mat-input-element,
.mat-form-field-label, .amd-placeholder,
.md2-datepicker,
.md2-datepicker-value,
.md2-datepicker-placeholder,
.mat-radio-label-content,
.mat-radio-button,
.mat-select,
.mat-select-placeholder,
.mat-select-value-text,
.mat-option,
.mat-checkbox,
.mat-list-item,
.mat-tab-group,
.mat-expansion-panel-content,
.mat-bottom-sheet-container, .mat-tab-body__description, .mat-list .mat-subheader,
.mat-nav-list .mat-subheader, .introjs-button, .amd-button, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .amd-card__title--normal, .amd-expansion-panel__subtitle, .amd-link, .amd-link--station .amd-link__title, .amd-list__subtext, .amd-check-item__alert .amd-button, .theme--myald-dialog .amd-files-list__item.mat-list-item .amd-files-list__name {
font-family: HelveticaNeueLTStd-Roman, Arial, Helvetica, sans-serif !important; }
.HelveticaNeueLTStd-Bd, b,
strong, h2, h6, .mat-horizontal-stepper-header .mat-step-icon, .mat-step-text-label, .mat-tab-label,
.mat-tab-link, .mat-tab-body__title, .mat-expansion-panel-header-title, .mat-chip, .mat-menu-panel .mat-subheader, .u-main-title, .amd-dialog__header .mat-dialog-title, .u-phone, .amd-user, .amd-title, .amd-label, .fc .fc-toolbar h2, .introjs-tooltip--welcome .introjs-head h3, .introjs-subtitle, .introjs-title, .amd-bottom-nav__item .amd-bottom-nav__button, .amd-button--reverse, .amd-button--raised, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .amd-button--expanded, .amd-button--uppercase, .amd-card__title h4, .amd-dialog .amd-files-counter, .amd-multi-panels .mat-tab-label-active, .amd-expansion-panel__description .amd-button, .amd-expansion-panel__description .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .amd-expansion-panel__description .introjs-nextbutton, .amd-expansion-panel__filters, .amd-files-list__name, .amd-items-counter .amd-button, .amd-items-counter .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .amd-items-counter .introjs-nextbutton, .amd-items-counter__subtitle, .amd-link--reverse span, .amd-link--text, .amd-link__title, .amd-link__info, .amd-list--events h4, .amd-list__title, .amd-list__text .title,
.amd-list__text h6, .amd-list--sidenav .mat-list-item, .amd-list--selection .amd-list__subheader, .amd-message, .amd-notification, table.mat-table .mat-header-cell, .amd-table th, .amd-table__col--highlighted, .amd-stepper__step--active .amd-stepper__name, .amd-stepper__icon, .amd-stepper__icon-disabled, .amd-heading, .amd-notify__title, .amd-badge__title, .amd-check-item__name p, .amd-check-item__status, .amd-check-item__counter, .amd-button-toggle, .theme--myald .amd-button--raised, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .introjs-nextbutton,
.theme--myald .amd-button-raised-color,
.theme--myald a.amd-button.amd-button--light.cta-button, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.cta-button.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.cta-button.introjs-nextbutton,
.theme--myald a.amd-button.amd-button--light.stepper-prev.myald-button-inverse, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.stepper-prev.myald-button-inverse.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.stepper-prev.myald-button-inverse.introjs-nextbutton, .theme--myald a.amd-button.amd-button--light.cta-button.myald--aggiungi-controparte, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.cta-button.myald--aggiungi-controparte.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.cta-button.myald--aggiungi-controparte.introjs-nextbutton,
.theme--myald a.amd-button.amd-button--light.stepper-prev.myald--aggiungi-controparte, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.stepper-prev.myald--aggiungi-controparte.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.stepper-prev.myald--aggiungi-controparte.introjs-nextbutton,
.theme--myald a.amd-link.amd-link--dark.ald-generic-add,
.theme--myald button.amd-button.amd-button--raised.button-panel-title.cta-button.myald--aggiungi-controparte, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.button-panel-title.cta-button.myald--aggiungi-controparte.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald button.button-panel-title.cta-button.myald--aggiungi-controparte.introjs-nextbutton, .theme--myald .action-button.action-button--myald button.amd-button.amd-button--raised.stepper-next.mat-button.mat-raised-button, .theme--myald .action-button.action-button--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.stepper-next.mat-button.mat-raised-button.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .action-button.action-button--myald button.stepper-next.mat-button.mat-raised-button.introjs-nextbutton,
.theme--myald .action-button.action-button--myald button.amd-button.amd-button--raised.stepper-prev.mat-button.mat-raised-button, .theme--myald .action-button.action-button--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.stepper-prev.mat-button.mat-raised-button.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .action-button.action-button--myald button.stepper-prev.mat-button.mat-raised-button.introjs-nextbutton, .theme--myald .pre-step a.amd-button.amd-button--light, .theme--myald .pre-step .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .pre-step a.amd-button--light.introjs-nextbutton, .theme--myald .pre-step p.prestep-ald, .theme--myald .myald-bottom-navigation-btn, .theme--myald .myald-typage-title, .theme--myald .scarica-documento, .theme--myald-dialog a.amd-button.amd-button--reverse, .theme--myald-dialog .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--reverse.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald-dialog a.amd-button--reverse.introjs-nextbutton {
font-family: HelveticaNeueLTStd-Bd, Arial, Helvetica, sans-serif !important;
font-weight: normal !important; }
.HelveticaNeueLTStd-Md, .mat-error, .amd-legend__item, .claims-bottom-box, .fc .fc-head-container th, .fc .fc-time, .fc .fc-event, .amd-expansion-panel__recap, .amd-input--error, .amd-items-counter__title, .amd-link--station .amd-link__subtitle, .amd-link--station .amd-link__distance, .amd-check-item__date {
font-family: HelveticaNeueLTStd-Md, Arial, Helvetica, sans-serif !important; }
.HelveticaNeueLTStd-Lt, .amd-link--station .amd-link__note {
font-family: HelveticaNeueLTStd-Lt, Arial, Helvetica, sans-serif !important; }
/**
* Applies styles for users in high contrast mode. Note that this only applies
* to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
* attribute, however Chrome handles high contrast differently.
* @param target Which kind of high contrast setting to target. Defaults to `active`, can be
* `white-on-black` or `black-on-white`.
*/
/* Theme for the ripple elements.*/
/* stylelint-disable material/no-prefixes */
/* stylelint-enable */
.mat-elevation-z0 {
-webkit-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);
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); }
.mat-elevation-z1 {
-webkit-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);
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); }
.mat-elevation-z2 {
-webkit-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);
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); }
.mat-elevation-z3 {
-webkit-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);
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); }
.mat-elevation-z4 {
-webkit-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);
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); }
.mat-elevation-z5 {
-webkit-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);
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); }
.mat-elevation-z6 {
-webkit-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);
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); }
.mat-elevation-z7 {
-webkit-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);
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); }
.mat-elevation-z8 {
-webkit-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);
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); }
.mat-elevation-z9 {
-webkit-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);
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); }
.mat-elevation-z10 {
-webkit-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);
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); }
.mat-elevation-z11 {
-webkit-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);
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); }
.mat-elevation-z12 {
-webkit-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);
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); }
.mat-elevation-z13 {
-webkit-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);
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); }
.mat-elevation-z14 {
-webkit-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);
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); }
.mat-elevation-z15 {
-webkit-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);
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); }
.mat-elevation-z16 {
-webkit-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);
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); }
.mat-elevation-z17 {
-webkit-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);
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); }
.mat-elevation-z18 {
-webkit-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);
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); }
.mat-elevation-z19 {
-webkit-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);
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); }
.mat-elevation-z20 {
-webkit-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);
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); }
.mat-elevation-z21 {
-webkit-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);
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); }
.mat-elevation-z22 {
-webkit-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);
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); }
.mat-elevation-z23 {
-webkit-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);
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); }
.mat-elevation-z24 {
-webkit-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);
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); }
.mat-badge-content {
font-weight: 600;
font-size: 12px;
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-badge-small .mat-badge-content {
font-size: 6px; }
.mat-badge-large .mat-badge-content {
font-size: 24px; }
.mat-h1, .mat-headline, .mat-typography h1 {
font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h2, .mat-title, .mat-typography h2 {
font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h3, .mat-subheading-2, .mat-typography h3 {
font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h4, .mat-subheading-1, .mat-typography h4 {
font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h5, .mat-typography h5 {
font: 400 11.62px/20px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 12px; }
.mat-h6, .mat-typography h6 {
font: 400 9.38px/20px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 12px; }
.mat-body-strong, .mat-body-2 {
font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
.mat-body, .mat-body-1, .mat-typography {
font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-body p, .mat-body-1 p, .mat-typography p {
margin: 0 0 12px; }
.mat-small, .mat-caption {
font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-display-4, .mat-typography .mat-display-4 {
font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 56px;
letter-spacing: -0.05em; }
.mat-display-3, .mat-typography .mat-display-3 {
font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 64px;
letter-spacing: -0.02em; }
.mat-display-2, .mat-typography .mat-display-2 {
font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 64px;
letter-spacing: -0.005em; }
.mat-display-1, .mat-typography .mat-display-1 {
font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 64px; }
.mat-bottom-sheet-container {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 16px;
font-weight: 400; }
.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500; }
.mat-button-toggle {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-card {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-card-title {
font-size: 24px;
font-weight: 400; }
.mat-card-subtitle,
.mat-card-content,
.mat-card-header .mat-card-title {
font-size: 14px; }
.mat-checkbox {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-checkbox-layout .mat-checkbox-label {
line-height: 24px; }
.mat-chip {
font-size: 13px;
line-height: 18px; }
.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
font-size: 18px; }
.mat-table {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-header-cell {
font-size: 12px;
font-weight: 500; }
.mat-cell, .mat-footer-cell {
font-size: 14px; }
.mat-calendar {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-calendar-body {
font-size: 13px; }
.mat-calendar-body-label,
.mat-calendar-period-button {
font-size: 14px;
font-weight: 500; }
.mat-calendar-table-header th {
font-size: 11px;
font-weight: 400; }
.mat-dialog-title {
font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; }
.mat-expansion-panel-header {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 15px;
font-weight: 400; }
.mat-expansion-panel-content {
font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-form-field {
font-size: inherit;
font-weight: 400;
line-height: 1.125;
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-form-field-wrapper {
padding-bottom: 1.34375em; }
.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
font-size: 150%;
line-height: 1.125; }
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
height: 1.5em;
width: 1.5em; }
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
height: 1.125em;
line-height: 1.125; }
.mat-form-field-infix {
padding: 0.5em 0;
border-top: 0.84375em solid transparent; }
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.34375em) scale(0.75);
transform: translateY(-1.34375em) scale(0.75);
width: 133.33333333%; }
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label, .mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.34374em) scale(0.75);
transform: translateY(-1.34374em) scale(0.75);
width: 133.33334333%; }
.mat-form-field-label-wrapper {
top: -0.84375em;
padding-top: 0.84375em; }
.mat-form-field-label, .amd-placeholder {
top: 1.34375em; }
.mat-form-field-underline {
bottom: 1.34375em; }
.mat-form-field-subscript-wrapper {
font-size: 75%;
margin-top: 0.66666667em;
top: -webkit-calc(100% - 1.79166667em);
top: calc(100% - 1.79166667em); }
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
padding-bottom: 1.25em; }
.mat-form-field-appearance-legacy .mat-form-field-infix {
padding: 0.4375em 0; }
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-ms-transform: translateY(-1.28125em) scale(0.75);
width: 133.33333333%; }
.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, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
-ms-transform: translateY(-1.28124em) scale(0.75);
width: 133.33334333%; }
.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, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
-ms-transform: translateY(-1.28123em) scale(0.75);
width: 133.33335333%; }
.mat-form-field-appearance-legacy .mat-form-field-label, .mat-form-field-appearance-legacy .amd-placeholder {
top: 1.28125em; }
.mat-form-field-appearance-legacy .mat-form-field-underline {
bottom: 1.25em; }
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
margin-top: 0.54166667em;
top: -webkit-calc(100% - 1.66666667em);
top: calc(100% - 1.66666667em); }
.mat-form-field-appearance-fill .mat-form-field-infix {
padding: 0.25em 0 0.75em 0; }
.mat-form-field-appearance-fill .mat-form-field-label, .mat-form-field-appearance-fill .amd-placeholder {
top: 1.09375em;
margin-top: -0.5em; }
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-0.59375em) scale(0.75);
transform: translateY(-0.59375em) scale(0.75);
width: 133.33333333%; }
.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, .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-0.59374em) scale(0.75);
transform: translateY(-0.59374em) scale(0.75);
width: 133.33334333%; }
.mat-form-field-appearance-outline .mat-form-field-infix {
padding: 1em 0 1em 0; }
.mat-form-field-appearance-outline .mat-form-field-label, .mat-form-field-appearance-outline .amd-placeholder {
top: 1.84375em;
margin-top: -0.25em; }
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.59375em) scale(0.75);
transform: translateY(-1.59375em) scale(0.75);
width: 133.33333333%; }
.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, .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.59374em) scale(0.75);
transform: translateY(-1.59374em) scale(0.75);
width: 133.33334333%; }
.mat-grid-tile-header,
.mat-grid-tile-footer {
font-size: 14px; }
.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
font-size: 12px; }
input.mat-input-element {
margin-top: -0.0625em; }
.mat-menu-item {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 16px;
font-weight: 400; }
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 12px; }
.mat-radio-button {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-select {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-select-trigger {
height: 1.125em; }
.mat-slide-toggle-content {
font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-slider-thumb-label-text {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 12px;
font-weight: 500; }
.mat-stepper-vertical, .mat-stepper-horizontal {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-step-label {
font-size: 14px;
font-weight: 400; }
.mat-step-label-selected {
font-size: 14px;
font-weight: 500; }
.mat-tab-group {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-tab-label, .mat-tab-link {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500; }
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
margin: 0; }
.mat-tooltip {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 10px;
padding-top: 6px;
padding-bottom: 6px; }
.mat-tooltip-handset {
font-size: 14px;
padding-top: 9px;
padding-bottom: 9px; }
.mat-list-item {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-list-option {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
font-size: 16px; }
.mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
font-size: 14px; }
.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
font-size: 16px; }
.mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
font-size: 14px; }
.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500; }
.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
font-size: 12px; }
.mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
font-size: 12px; }
.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
font-size: 12px; }
.mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
font-size: 12px; }
.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 12px;
font-weight: 500; }
.mat-option {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 16px; }
.mat-optgroup-label {
font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
.mat-simple-snackbar {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px; }
.mat-simple-snackbar-action {
line-height: 1;
font-family: inherit;
font-size: inherit;
font-weight: 500; }
.mat-tree {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-tree-node {
font-weight: 400;
font-size: 14px; }
.mat-ripple {
overflow: hidden; }
.mat-ripple.mat-ripple-unbounded {
overflow: visible; }
.mat-ripple-element {
position: absolute;
-webkit-border-radius: 50%;
border-radius: 50%;
pointer-events: none;
-webkit-transition: opacity, -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity, -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
-webkit-transform: scale(0);
transform: scale(0); }
@media screen and (-ms-high-contrast: active) {
.mat-ripple-element {
display: none; } }
.cdk-visually-hidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
outline: 0;
-webkit-appearance: none;
-moz-appearance: none; }
.cdk-overlay-container, .cdk-global-overlay-wrapper {
pointer-events: none;
top: 0;
left: 0;
height: 100%;
width: 100%; }
.cdk-overlay-container {
position: fixed;
z-index: 1000; }
.cdk-overlay-container:empty {
display: none; }
.cdk-global-overlay-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: flex;
position: absolute;
z-index: 1000; }
.cdk-overlay-pane {
position: absolute;
pointer-events: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 1000;
display: -webkit-box;
display: -webkit-flex;
display: flex;
max-width: 100%;
max-height: 100%; }
.cdk-overlay-backdrop {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
pointer-events: auto;
-webkit-tap-highlight-color: transparent;
-webkit-transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
opacity: 0; }
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
opacity: 1; }
@media screen and (-ms-high-contrast: active) {
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
opacity: 0.6; } }
.cdk-overlay-dark-backdrop {
background: rgba(0, 0, 0, 0.288); }
.cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
opacity: 0; }
.cdk-overlay-connected-position-bounding-box {
position: absolute;
z-index: 1000;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
min-width: 1px;
min-height: 1px; }
.cdk-global-scrollblock {
position: fixed;
width: 100%;
overflow-y: scroll; }
@keyframes cdk-text-field-autofill-start {
/*!*/ }
@keyframes cdk-text-field-autofill-end {
/*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
-webkit-animation-name: cdk-text-field-autofill-start;
animation-name: cdk-text-field-autofill-start; }
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
-webkit-animation-name: cdk-text-field-autofill-end;
animation-name: cdk-text-field-autofill-end; }
textarea.cdk-textarea-autosize {
resize: none; }
textarea.cdk-textarea-autosize-measuring {
height: auto !important;
overflow: hidden !important;
padding: 2px 0 !important;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important; }
.mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-option {
color: white; }
.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
background: rgba(255, 255, 255, 0.04); }
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
background: rgba(255, 255, 255, 0.04); }
.mat-option.mat-active {
background: rgba(255, 255, 255, 0.04);
color: white; }
.mat-option.mat-option-disabled {
color: rgba(255, 255, 255, 0.5); }
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
color: #19becf; }
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
color: #005c80; }
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
color: #f44336; }
.mat-optgroup-label {
color: rgba(255, 255, 255, 0.7); }
.mat-optgroup-disabled .mat-optgroup-label {
color: rgba(255, 255, 255, 0.5); }
.mat-pseudo-checkbox {
color: rgba(255, 255, 255, 0.7); }
.mat-pseudo-checkbox::after {
color: #303030; }
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
background: #005c80; }
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
background: #19becf; }
.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
background: #f44336; }
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
background: #686868; }
.mat-app-background {
background-color: #303030;
color: white; }
.mat-theme-loaded-marker {
display: none; }
.mat-autocomplete-panel {
background: #424242;
color: white; }
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
background: #424242; }
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
color: white; }
.mat-badge-content {
color: white;
background: #19becf; }
.mat-badge-accent .mat-badge-content {
background: #005c80;
color: white; }
.mat-badge-warn .mat-badge-content {
color: white;
background: #f44336; }
.mat-badge {
position: relative; }
.mat-badge-hidden .mat-badge-content {
display: none; }
.mat-badge-content {
position: absolute;
text-align: center;
display: inline-block;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: -webkit-transform 200ms ease-in-out;
transition: -webkit-transform 200ms ease-in-out;
transition: transform 200ms ease-in-out;
transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
-webkit-transform: scale(0.6);
transform: scale(0.6);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
pointer-events: none; }
.mat-badge-content.mat-badge-active {
-webkit-transform: none;
transform: none; }
.mat-badge-small .mat-badge-content {
width: 16px;
height: 16px;
line-height: 16px; }
@media screen and (-ms-high-contrast: active) {
.mat-badge-small .mat-badge-content {
outline: solid 1px;
-webkit-border-radius: 0;
border-radius: 0; } }
.mat-badge-small.mat-badge-above .mat-badge-content {
top: -8px; }
.mat-badge-small.mat-badge-below .mat-badge-content {
bottom: -8px; }
.mat-badge-small.mat-badge-before .mat-badge-content {
left: -16px; }
[dir='rtl'] .mat-badge-small.mat-badge-before .mat-badge-content {
left: auto;
right: -16px; }
.mat-badge-small.mat-badge-after .mat-badge-content {
right: -16px; }
[dir='rtl'] .mat-badge-small.mat-badge-after .mat-badge-content {
right: auto;
left: -16px; }
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -8px; }
[dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -8px; }
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -8px; }
[dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -8px; }
.mat-badge-medium .mat-badge-content {
width: 22px;
height: 22px;
line-height: 22px; }
@media screen and (-ms-high-contrast: active) {
.mat-badge-medium .mat-badge-content {
outline: solid 1px;
-webkit-border-radius: 0;
border-radius: 0; } }
.mat-badge-medium.mat-badge-above .mat-badge-content {
top: -11px; }
.mat-badge-medium.mat-badge-below .mat-badge-content {
bottom: -11px; }
.mat-badge-medium.mat-badge-before .mat-badge-content {
left: -22px; }
[dir='rtl'] .mat-badge-medium.mat-badge-before .mat-badge-content {
left: auto;
right: -22px; }
.mat-badge-medium.mat-badge-after .mat-badge-content {
right: -22px; }
[dir='rtl'] .mat-badge-medium.mat-badge-after .mat-badge-content {
right: auto;
left: -22px; }
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -11px; }
[dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -11px; }
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -11px; }
[dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -11px; }
.mat-badge-large .mat-badge-content {
width: 28px;
height: 28px;
line-height: 28px; }
@media screen and (-ms-high-contrast: active) {
.mat-badge-large .mat-badge-content {
outline: solid 1px;
-webkit-border-radius: 0;
border-radius: 0; } }
.mat-badge-large.mat-badge-above .mat-badge-content {
top: -14px; }
.mat-badge-large.mat-badge-below .mat-badge-content {
bottom: -14px; }
.mat-badge-large.mat-badge-before .mat-badge-content {
left: -28px; }
[dir='rtl'] .mat-badge-large.mat-badge-before .mat-badge-content {
left: auto;
right: -28px; }
.mat-badge-large.mat-badge-after .mat-badge-content {
right: -28px; }
[dir='rtl'] .mat-badge-large.mat-badge-after .mat-badge-content {
right: auto;
left: -28px; }
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -14px; }
[dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -14px; }
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -14px; }
[dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -14px; }
.mat-bottom-sheet-container {
background: #424242;
color: white; }
.mat-button, .mat-icon-button, .mat-stroked-button {
color: inherit;
background: transparent; }
.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
color: #19becf; }
.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
color: #005c80; }
.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
color: #f44336; }
.mat-button.mat-primary[disabled], .mat-button.mat-accent[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled], .mat-stroked-button.mat-primary[disabled], .mat-stroked-button.mat-accent[disabled], .mat-stroked-button.mat-warn[disabled], .mat-stroked-button[disabled][disabled] {
color: rgba(255, 255, 255, 0.3); }
.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
background-color: rgba(25, 190, 207, 0.12); }
.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
background-color: rgba(0, 92, 128, 0.12); }
.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
background-color: rgba(244, 67, 54, 0.12); }
.mat-button[disabled] .mat-button-focus-overlay, .mat-icon-button[disabled] .mat-button-focus-overlay, .mat-stroked-button[disabled] .mat-button-focus-overlay {
background-color: transparent; }
.mat-button.mat-primary .mat-ripple-element, .mat-icon-button.mat-primary .mat-ripple-element, .mat-stroked-button.mat-primary .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.1); }
.mat-button.mat-accent .mat-ripple-element, .mat-icon-button.mat-accent .mat-ripple-element, .mat-stroked-button.mat-accent .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.1); }
.mat-button.mat-warn .mat-ripple-element, .mat-icon-button.mat-warn .mat-ripple-element, .mat-stroked-button.mat-warn .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.1); }
.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
color: white;
background-color: #424242; }
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
color: white; }
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
color: white; }
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
color: white; }
.mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
color: rgba(255, 255, 255, 0.3); }
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
background-color: #19becf; }
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
background-color: #005c80; }
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
background-color: #f44336; }
.mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
background-color: rgba(255, 255, 255, 0.12); }
.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-icon-button.mat-primary .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.2); }
.mat-icon-button.mat-accent .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.2); }
.mat-icon-button.mat-warn .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.2); }
.mat-button-toggle {
color: rgba(255, 255, 255, 0.5); }
.mat-button-toggle .mat-button-toggle-focus-overlay {
background-color: rgba(255, 255, 255, 0.12); }
.mat-button-toggle-checked {
background-color: #212121;
color: rgba(255, 255, 255, 0.7); }
.mat-button-toggle-disabled {
background-color: black;
color: rgba(255, 255, 255, 0.3); }
.mat-button-toggle-disabled.mat-button-toggle-checked {
background-color: #424242; }
.mat-card {
background: #424242;
color: white; }
.mat-card-subtitle {
color: rgba(255, 255, 255, 0.7); }
.mat-checkbox-frame {
border-color: rgba(255, 255, 255, 0.7); }
.mat-checkbox-checkmark {
fill: #303030; }
.mat-checkbox-checkmark-path {
stroke: #303030 !important; }
@media screen and (-ms-high-contrast: black-on-white) {
.mat-checkbox-checkmark-path {
stroke: #000 !important; } }
.mat-checkbox-mixedmark {
background-color: #303030; }
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
background-color: #19becf; }
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
background-color: #005c80; }
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
background-color: #f44336; }
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
background-color: #686868; }
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
border-color: #686868; }
.mat-checkbox-disabled .mat-checkbox-label {
color: #686868; }
@media screen and (-ms-high-contrast: active) {
.mat-checkbox-disabled {
opacity: 0.5; } }
@media screen and (-ms-high-contrast: active) {
.mat-checkbox-background {
background: none; } }
.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.26); }
.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.26); }
.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.26); }
.mat-chip.mat-standard-chip {
background-color: #616161;
color: white; }
.mat-chip.mat-standard-chip .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip .mat-chip-remove:hover {
opacity: 0.54; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
background-color: #19becf;
color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
opacity: 0.54; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
background-color: #f44336;
color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
opacity: 0.54; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
background-color: #005c80;
color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
opacity: 0.54; }
.mat-table {
background: #424242; }
.mat-table thead, .mat-table tbody, .mat-table tfoot,
mat-header-row, mat-row, mat-footer-row,
[mat-header-row], [mat-row], [mat-footer-row],
.mat-table-sticky {
background: inherit; }
mat-row, mat-header-row, mat-footer-row,
th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
border-bottom-color: rgba(255, 255, 255, 0.12); }
.mat-header-cell {
color: rgba(255, 255, 255, 0.7); }
.mat-cell, .mat-footer-cell {
color: white; }
.mat-calendar-arrow {
border-top-color: white; }
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
color: white; }
.mat-calendar-table-header {
color: rgba(255, 255, 255, 0.5); }
.mat-calendar-table-header-divider::after {
background: rgba(255, 255, 255, 0.12); }
.mat-calendar-body-label {
color: rgba(255, 255, 255, 0.7); }
.mat-calendar-body-cell-content {
color: white;
border-color: transparent; }
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
color: rgba(255, 255, 255, 0.5); }
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
background-color: rgba(255, 255, 255, 0.04); }
.mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(255, 255, 255, 0.5); }
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(255, 255, 255, 0.3); }
.mat-calendar-body-selected {
background-color: #19becf;
color: white; }
.mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(25, 190, 207, 0.4); }
.mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content {
background-color: #424242;
color: white; }
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
background-color: #005c80;
color: white; }
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(0, 92, 128, 0.4); }
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
background-color: #f44336;
color: white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(244, 67, 54, 0.4); }
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-toggle-active {
color: #19becf; }
.mat-datepicker-toggle-active.mat-accent {
color: #005c80; }
.mat-datepicker-toggle-active.mat-warn {
color: #f44336; }
.mat-dialog-container {
background: #424242;
color: white; }
.mat-divider {
border-top-color: rgba(255, 255, 255, 0.12); }
.mat-divider-vertical {
border-right-color: rgba(255, 255, 255, 0.12); }
.mat-expansion-panel {
background: #424242;
color: white; }
.mat-action-row {
border-top-color: rgba(255, 255, 255, 0.12); }
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']):hover {
background: rgba(255, 255, 255, 0.04); }
@media (hover: none) {
.mat-expansion-panel:not(.mat-expanded):not([aria-disabled='true']) .mat-expansion-panel-header:hover {
background: #424242; } }
.mat-expansion-panel-header-title {
color: white; }
.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
color: rgba(255, 255, 255, 0.7); }
.mat-expansion-panel-header[aria-disabled='true'] {
color: rgba(255, 255, 255, 0.3); }
.mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-description {
color: inherit; }
.mat-form-field-label, .amd-placeholder {
color: rgba(255, 255, 255, 0.7); }
.mat-hint {
color: rgba(255, 255, 255, 0.7); }
.mat-form-field.mat-focused .mat-form-field-label, .mat-form-field.mat-focused .amd-placeholder {
color: #19becf; }
.mat-form-field.mat-focused .mat-form-field-label.mat-accent, .mat-form-field.mat-focused .mat-accent.amd-placeholder {
color: #005c80; }
.mat-form-field.mat-focused .mat-form-field-label.mat-warn, .mat-form-field.mat-focused .mat-warn.amd-placeholder {
color: #f44336; }
.mat-focused .mat-form-field-required-marker {
color: #005c80; }
.mat-form-field-ripple {
background-color: white; }
.mat-form-field.mat-focused .mat-form-field-ripple {
background-color: #19becf; }
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
background-color: #005c80; }
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
background-color: #f44336; }
.mat-form-field.mat-form-field-invalid .mat-form-field-label, .mat-form-field.mat-form-field-invalid .amd-placeholder {
color: #f44336; }
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, .mat-form-field.mat-form-field-invalid .mat-accent.amd-placeholder,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,
.mat-form-field.mat-form-field-invalid .amd-placeholder .mat-form-field-required-marker {
color: #f44336; }
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
background-color: #f44336; }
.mat-error {
color: #f44336; }
.mat-form-field-appearance-legacy .mat-form-field-label, .mat-form-field-appearance-legacy .amd-placeholder {
color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-legacy .mat-hint {
color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-legacy .mat-form-field-underline {
background-color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.7)), color-stop(33%, rgba(255, 255, 255, 0.7)), color-stop(0%, transparent));
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
background-size: 4px 100%;
background-repeat: repeat-x; }
.mat-form-field-appearance-standard .mat-form-field-underline {
background-color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.7)), color-stop(33%, rgba(255, 255, 255, 0.7)), color-stop(0%, transparent));
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
background-size: 4px 100%;
background-repeat: repeat-x; }
.mat-form-field-appearance-fill .mat-form-field-flex {
background-color: rgba(255, 255, 255, 0.1); }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
background-color: rgba(255, 255, 255, 0.05); }
.mat-form-field-appearance-fill .mat-form-field-underline::before {
background-color: rgba(255, 255, 255, 0.5); }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-disabled .amd-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
background-color: transparent; }
.mat-form-field-appearance-outline .mat-form-field-outline {
color: rgba(255, 255, 255, 0.3); }
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
color: white; }
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
color: #19becf; }
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
color: #005c80; }
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
color: #f44336; }
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
color: #f44336; }
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-disabled .amd-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
color: rgba(255, 255, 255, 0.15); }
.mat-icon.mat-primary {
color: #19becf; }
.mat-icon.mat-accent {
color: #005c80; }
.mat-icon.mat-warn {
color: #f44336; }
.mat-input-element:disabled {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element {
caret-color: #19becf; }
.mat-input-element::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::-moz-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-accent .mat-input-element {
caret-color: #005c80; }
.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
caret-color: #f44336; }
.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
color: white; }
.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
color: white; }
.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
color: rgba(255, 255, 255, 0.7); }
.mat-list-item-disabled {
background-color: black; }
.mat-list-option:hover, .mat-list-option.mat-list-item-focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item.mat-list-item-focus {
background: rgba(255, 255, 255, 0.04); }
.mat-menu-panel {
background: #424242; }
.mat-menu-item {
background: transparent;
color: white; }
.mat-menu-item[disabled], .mat-menu-item[disabled]::after {
color: rgba(255, 255, 255, 0.5); }
.mat-menu-item .mat-icon:not([color]),
.mat-menu-item-submenu-trigger::after {
color: white; }
.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
background: rgba(255, 255, 255, 0.04); }
.mat-paginator {
background: #424242; }
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
color: rgba(255, 255, 255, 0.7); }
.mat-paginator-decrement,
.mat-paginator-increment {
border-top: 2px solid white;
border-right: 2px solid white; }
.mat-paginator-first,
.mat-paginator-last {
border-top: 2px solid white; }
.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
border-color: rgba(255, 255, 255, 0.5); }
.mat-progress-bar-background {
fill: #baecf1; }
.mat-progress-bar-buffer {
background-color: #baecf1; }
.mat-progress-bar-fill::after {
background-color: #19becf; }
.mat-progress-bar.mat-accent .mat-progress-bar-background {
fill: #b3ced9; }
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
background-color: #b3ced9; }
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
background-color: #005c80; }
.mat-progress-bar.mat-warn .mat-progress-bar-background {
fill: #ffcdd2; }
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
background-color: #ffcdd2; }
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
background-color: #f44336; }
.mat-progress-spinner circle, .mat-spinner circle {
stroke: #19becf; }
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
stroke: #005c80; }
.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
stroke: #f44336; }
.mat-radio-outer-circle {
border-color: rgba(255, 255, 255, 0.7); }
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
border-color: #19becf; }
.mat-radio-button.mat-primary .mat-radio-inner-circle {
background-color: #19becf; }
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.26); }
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
border-color: #005c80; }
.mat-radio-button.mat-accent .mat-radio-inner-circle {
background-color: #005c80; }
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.26); }
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
border-color: #f44336; }
.mat-radio-button.mat-warn .mat-radio-inner-circle {
background-color: #f44336; }
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.26); }
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
border-color: rgba(255, 255, 255, 0.5); }
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
background-color: rgba(255, 255, 255, 0.5); }
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
color: rgba(255, 255, 255, 0.5); }
.mat-select-content, .mat-select-panel-done-animating {
background: #424242; }
.mat-select-value {
color: white; }
.mat-select-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-select-disabled .mat-select-value {
color: rgba(255, 255, 255, 0.5); }
.mat-select-arrow {
color: rgba(255, 255, 255, 0.7); }
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
background: rgba(255, 255, 255, 0.12); }
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
color: #19becf; }
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
color: #005c80; }
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
color: #f44336; }
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
color: #f44336; }
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
color: rgba(255, 255, 255, 0.5); }
.mat-drawer-container {
background-color: #303030;
color: white; }
.mat-drawer {
background-color: #424242;
color: white; }
.mat-drawer.mat-drawer-push {
background-color: #424242; }
.mat-drawer-backdrop.mat-drawer-shown {
background-color: rgba(189, 189, 189, 0.6); }
.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #80adbf; }
.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgba(128, 173, 191, 0.5); }
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle .mat-ripple-element {
background-color: rgba(128, 173, 191, 0.12); }
.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #8cdfe7; }
.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgba(140, 223, 231, 0.5); }
.mat-slide-toggle.mat-primary:not(.mat-checked) .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle.mat-primary .mat-ripple-element {
background-color: rgba(140, 223, 231, 0.12); }
.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #ef9a9a; }
.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgba(239, 154, 154, 0.5); }
.mat-slide-toggle.mat-warn:not(.mat-checked) .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle.mat-warn .mat-ripple-element {
background-color: rgba(239, 154, 154, 0.12); }
.mat-disabled .mat-slide-toggle-thumb {
background-color: #424242; }
.mat-disabled .mat-slide-toggle-bar {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle-thumb {
background-color: #bdbdbd; }
.mat-slide-toggle-bar {
background-color: rgba(255, 255, 255, 0.5); }
.mat-slider-track-background {
background-color: rgba(255, 255, 255, 0.3); }
.mat-primary .mat-slider-track-fill,
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label {
background-color: #19becf; }
.mat-primary .mat-slider-thumb-label-text {
color: white; }
.mat-accent .mat-slider-track-fill,
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label {
background-color: #005c80; }
.mat-accent .mat-slider-thumb-label-text {
color: white; }
.mat-warn .mat-slider-track-fill,
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label {
background-color: #f44336; }
.mat-warn .mat-slider-thumb-label-text {
color: white; }
.mat-slider-focus-ring {
background-color: rgba(0, 92, 128, 0.2); }
.mat-slider:hover .mat-slider-track-background,
.cdk-focused .mat-slider-track-background {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled .mat-slider-thumb {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-disabled:hover .mat-slider-track-background {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-min-value .mat-slider-focus-ring {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
background-color: white; }
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
border-color: rgba(255, 255, 255, 0.3);
background-color: transparent; }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
border-color: rgba(255, 255, 255, 0.3); }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
border-color: rgba(255, 255, 255, 0.3); }
.mat-slider-has-ticks .mat-slider-wrapper::after {
border-color: rgba(255, 255, 255, 0.7); }
.mat-slider-horizontal .mat-slider-ticks {
background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);
background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); }
.mat-slider-vertical .mat-slider-ticks {
background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); }
.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover {
background-color: rgba(255, 255, 255, 0.04); }
.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
color: rgba(255, 255, 255, 0.5); }
.mat-step-header .mat-step-icon {
background-color: #19becf;
color: white; }
.mat-step-header .mat-step-icon-not-touched {
background-color: rgba(255, 255, 255, 0.5);
color: white; }
.mat-step-header .mat-step-label.mat-step-label-active {
color: white; }
.mat-stepper-horizontal, .mat-stepper-vertical {
background-color: #424242; }
.mat-stepper-vertical-line::before {
border-left-color: rgba(255, 255, 255, 0.12); }
.mat-stepper-horizontal-line {
border-top-color: rgba(255, 255, 255, 0.12); }
.mat-sort-header-arrow {
color: #c6c6c6; }
.mat-tab-nav-bar,
.mat-tab-header {
border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: none; }
.mat-tab-label, .mat-tab-link {
color: white; }
.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.5); }
.mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.5); }
.mat-tab-group[class*='mat-background-'] .mat-tab-header,
.mat-tab-nav-bar[class*='mat-background-'] {
border-bottom: none;
border-top: none; }
.mat-tab-group.mat-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(186, 236, 241, 0.3); }
.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
background-color: #19becf; }
.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
background-color: white; }
.mat-tab-group.mat-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(179, 206, 217, 0.3); }
.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
background-color: #005c80; }
.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
background-color: white; }
.mat-tab-group.mat-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(255, 205, 210, 0.3); }
.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
background-color: #f44336; }
.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
background-color: white; }
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(186, 236, 241, 0.3); }
.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
background-color: #19becf; }
.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
color: white; }
.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-primary .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(179, 206, 217, 0.3); }
.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
background-color: #005c80; }
.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
color: white; }
.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-accent .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(255, 205, 210, 0.3); }
.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links {
background-color: #f44336; }
.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
color: white; }
.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-warn .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-toolbar {
background: #212121;
color: white; }
.mat-toolbar.mat-primary {
background: #19becf;
color: white; }
.mat-toolbar.mat-accent {
background: #005c80;
color: white; }
.mat-toolbar.mat-warn {
background: #f44336;
color: white; }
.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
background-color: currentColor; }
.mat-toolbar .mat-form-field-label, .mat-toolbar .amd-placeholder,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-focused .amd-placeholder,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
color: inherit; }
.mat-toolbar .mat-input-element {
caret-color: currentColor; }
.mat-tooltip {
background: rgba(97, 97, 97, 0.9); }
.mat-tree {
background: #424242; }
.mat-tree-node {
color: white; }
.mat-snack-bar-container {
background: #fafafa;
color: rgba(0, 0, 0, 0.87); }
.mat-simple-snackbar-action {
color: inherit; }
.mat-calendar-arrow {
border-top-color: rgba(0, 0, 0, 0.54); }
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
color: rgba(0, 0, 0, 0.54); }
.mat-calendar-table-header {
color: rgba(0, 0, 0, 0.38); }
.mat-calendar-table-header-divider::after {
background: rgba(0, 0, 0, 0.12); }
.mat-calendar-body-label {
color: rgba(0, 0, 0, 0.54); }
.mat-calendar-body-cell-content {
color: rgba(0, 0, 0, 0.87);
border-color: transparent; }
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
color: rgba(0, 0, 0, 0.38); }
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
background-color: rgba(0, 0, 0, 0.04); }
.mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(0, 0, 0, 0.38); }
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(0, 0, 0, 0.18); }
.mat-calendar-body-selected {
background-color: #19becf;
color: white; }
.mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(25, 190, 207, 0.4); }
.mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content {
background-color: white;
color: rgba(0, 0, 0, 0.87); }
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
background-color: #005c80;
color: white; }
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(0, 92, 128, 0.4); }
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
background-color: #f44336;
color: white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(244, 67, 54, 0.4); }
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-toggle-active {
color: #19becf; }
.mat-datepicker-toggle-active.mat-accent {
color: #005c80; }
.mat-datepicker-toggle-active.mat-warn {
color: #f44336; }
/*
Variables
Styleguide 1
*/
/*
Colors Palette
$amd-primary-50 - primary 50
$amd-primary-100 - primary 100
markup:
{$modifiers}
Styleguide 1.1
*/
.amd-color-red {
color: #ff6054; }
.amd-color-green {
color: #4caf50 !important; }
.amd-color-orange {
color: #ff9800 !important; }
.amd-color-red {
color: #ff6054 !important; }
.amd-bg-color-red {
background-color: #fbd6d3; }
.amd-accent-300 {
color: #42a3d0; }
.amd-accent-500 {
color: #005c80 !important; }
.amd-accent-500--bg {
background-color: #19becf !important; }
.amd-accent-500--hover, .amd-items-counter--accent-dark:hover {
background-color: #005478 !important; }
.amd-primary-500 {
color: #19becf !important; }
.amd-primary-500--bg {
background-color: #005c80 !important; }
.amd-primary-500--hover, .amd-items-counter--primary:hover {
background-color: #47cbd8 !important; }
.mat-container-colors {
background-color: #002e40;
color: #fff; }
.mat-toolbar-colors {
background-color: rgba(0, 46, 64, 0.9); }
.footer-colors {
background-color: #003348;
color: #80adbf; }
.footer-colors a {
color: #ddeef6; }
.table-border-color, table.mat-table--bordered > thead > .mat-row,
table.mat-table--bordered > tbody > .mat-row, .amd-table--bordered > thead > tr,
.amd-table--bordered > tbody > tr {
border-bottom: 1px solid #ccc; }
.box-shadow, .amd-expansion-panel, .amd-table tbody {
-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) !important;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) !important; }
.amd-title-color, .amd-title {
color: #267493; }
.amd-title-border, .amd-title {
border-left: 2px solid #42a3d0; }
.amd-button-raised-color, .amd-button--raised, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton {
color: #fff !important;
background-color: #19becf !important; }
.amd-input-control-colors, .amd-input__group__control {
background-color: #0f727c;
color: #baecf1; }
.amd-input-control-placeholder, .amd-input__group__control::-webkit-input-placeholder {
color: #5ed2dd; }
.amd-expansion-panel-bg-color {
background-color: #004560; }
.amd-expansion-panel-header-border {
border-bottom-color: #003348; }
.amd-expansion-panel-header-color {
color: #42a3d0; }
.amd-expansion-panel-content {
background-color: #004e6d; }
.amd-card-bg-color, .amd-card {
background-color: #004e6d; }
.amd-card-bg-color .amd-icon--circle .amd-icon--border, .amd-card .amd-icon--circle .amd-icon--border {
border-color: #ccc; }
.amd-card-bg-color--light, .amd-card--light {
background-color: #005c80; }
.amd-card-bg-color--light .amd-card-title-btn-border, .amd-card--light .amd-card-title-btn-border, .amd-card-bg-color--light .amd-card__title-btn, .amd-card--light .amd-card__title-btn,
.amd-card-bg-color--light .amd-card__title-btn,
.amd-card--light .amd-card__title-btn {
border-left: 1px solid #004560; }
.amd-card-bg-color--light .amd-icon--circle .amd-icon--border, .amd-card--light .amd-icon--circle .amd-icon--border {
border-color: #004560; }
.amd-card-title-color, .amd-card__title h4 {
color: #42a3d0; }
.amd-card-title-color--light, .amd-card--light .amd-card__title h4,
.amd-card--light .amd-card__title-icon {
color: #80adbf; }
.amd-card-title-btn-border, .amd-card__title-btn {
border-left: 1px solid #003348; }
.amd-list-col-border {
border-left: 1px solid #80adbf; }
.amd-list-item-border {
border-bottom: 1px solid #003348; }
.amd-list-icon-color {
color: #42a3d0; }
.amd-list-title-color {
color: #80adbf; }
.u-theme--positive .amd-link,
.u-theme--positive .amd-button--accent,
.u-theme--positive .amd-accent-500,
.u-theme--positive .amd-button--primary,
.u-theme--positive .amd-primary-500,
.u-theme--positive .amd-button--light,
.u-theme--positive .amd-button--reverse,
.u-theme--positive .amd-select__centers .mat-select-placeholder.mat-floating-placeholder {
color: #0071b9 !important; }
.u-theme--positive .amd-list__check {
border-right: 2px solid #d1d1d1; }
.u-theme--positive .amd-toolbar__title {
color: #4e4e4e; }
.u-theme--positive .amd-toolbar__action ul li {
border-right: 1px solid #ccc; }
.u-theme--positive .amd-wizard {
border-left: 1px solid #ddd !important; }
.u-theme--positive .amd-select__centers .mat-select-value {
color: #777 !important; }
.u-theme--positive .amd-select__centers .mat-select-underline {
background-color: #ccc; }
.u-theme--positive .deadlines-cell {
background-color: #fff; }
.u-theme--positive .deadlines-list__text {
color: #696969; }
.u-theme--positive .deadlines-list a,
.u-theme--positive .deadlines-list a:visited {
color: #444; }
.u-theme--positive .deadlines-list__bar {
background-color: #e6e6e6;
color: #333; }
.u-theme--positive .deadlines-list__item {
border-bottom: 1px solid #ddd; }
.u-theme--positive .news-cell__text {
color: #333; }
.u-theme--positive .news-cell__date {
color: #696969; }
.u-theme--positive .info-grid .amd-icon--border {
border-color: #ccc !important; }
.u-theme--positive .info-grid .amd-list__text p {
color: #696969; }
.u-theme--positive .news-grid__cell__date {
color: #696969; }
.u-theme--positive .news-grid__cell__text {
color: #333; }
.u-theme--positive .order-check__label {
color: #4e4e4e !important; }
.u-theme--positive .order-details__legend .amd-title {
color: #696969; }
.u-theme--positive .order-details__legend__item {
color: #777; }
.u-theme--positive .order-details__legend__item span {
color: #666; }
.u-theme--positive .order-details__tabs .mat-expansion-panel-body tbody {
border-bottom: 1px solid #eee; }
.u-theme--positive .order-details__tabs .mat-expansion-panel-body tbody:nth-of-type(even) {
background-color: #f5f5f5; }
.u-theme--positive .order-details__tabs .mat-tab-label {
background-color: #fff;
color: #0071b9; }
.u-theme--positive .amd-table__td--toggle {
border-left: 1px solid #eee !important;
border-right: 1px solid #eee !important; }
.u-theme--positive .amd-title {
color: #818181; }
.u-theme--positive .amd-breadcrumb__bookmark .mat-button,
.u-theme--positive .amd-breadcrumb__icon,
.u-theme--positive .amd-button--expanded,
.u-theme--positive .amd-card__title-btn .mat-icon {
color: #0071b9 !important; }
.u-theme--positive .amd-bg--primary .amd-bg--highlight,
.u-theme--positive .amd-bg--accent .amd-bg--highlight {
color: #42a3d0; }
.u-theme--positive .amd-breadcrumb__content {
border-left: 2px solid #0071b9; }
.u-theme--positive .amd-bg--border::before {
border-left: 3px solid #0071b9; }
.u-theme--positive .amd-heading {
color: #42a3d0; }
.u-theme--positive .amd-breadcrumb__link,
.u-theme--positive .amd-breadcrumb__title,
.u-theme--positive .amd-breadcrumb_link:visited {
color: #333333; }
.u-theme--positive .amd-label {
background-color: #eee;
color: #777;
border-color: #ccc; }
.u-theme--positive .amd-label--primary {
color: #0071b9; }
.u-theme--positive .amd-label .fa {
color: #4caf50; }
.u-theme--positive .u-divider {
border-top: 1px solid #ddd; }
.u-theme--positive .amd-bg--accent,
.u-theme--positive .amd-bg--primary {
background-color: #f2f2f2;
color: #4e4e4e; }
.u-theme--positive .amd-legend__item {
color: #818181; }
.u-theme--positive .mat-container-colors {
background-color: #e6e6e6;
color: #4e4e4e; }
.u-theme--positive .mat-radio-outer-circle {
border-color: #ccc; }
.u-theme--positive .mat-checkbox-disabled .mat-checkbox-label {
color: #999; }
.u-theme--positive .mat-checkbox-frame {
border-color: #a4a4a4 !important; }
.u-theme--positive .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.u-theme--positive .mat-checkbox-checked.mat-accent .mat-checkbox-background {
background-color: #42a3d0 !important; }
.u-theme--positive .mat-checkbox-checkmark-path {
stroke: #fff !important; }
.u-theme--positive .mat-slide-toggle-thumb {
background-color: #eee; }
.u-theme--positive .mat-ink-bar {
background-color: #0071b9 !important; }
.u-theme--positive .mat-toolbar-colors {
background-color: white;
border-bottom: 1px solid #ccc; }
.u-theme--positive .mat-tab-link {
color: #696969; }
.u-theme--positive .mat-tab-body__description {
background-color: #fff; }
.u-theme--positive .mat-tab-body__title {
background-color: #fff;
border-bottom: 1px solid #ccc;
color: #80adbf; }
.u-theme--positive .app-footer {
background-color: #d6d6d6;
color: #696969; }
.u-theme--positive .app-footer__grid h4,
.u-theme--positive .footer-colors a,
.u-theme--positive .app-footer a {
color: #333; }
.u-theme--positive .mat-expansion-panel-body tbody {
border-bottom: 1px solid #eee; }
.u-theme--positive .mat-expansion-panel-body tbody:nth-of-type(even) {
background-color: #f5f5f5; }
.u-theme--positive .mat-tab-label {
background-color: #fff;
color: #0071b9; }
.u-theme--positive .mat-tab-label:focus {
background-color: #fff !important; }
.u-theme--positive .mat-hint {
color: #919191 !important; }
.u-theme--positive .mat-slide-toggle-bar {
background-color: #ddd; }
.u-theme--positive .mat-form-field-label, .u-theme--positive .amd-placeholder {
color: rgba(21, 21, 21, 0.7); }
.u-theme--positive .mat-form-field-underline,
.u-theme--positive .mat-form-field-underline {
background-color: #ddd !important; }
.u-theme--positive .mat-input-element,
.u-theme--positive .mat-select-value {
color: #444 !important; }
.u-theme--positive .amd-input--invalid .md2-datepicker-input {
border-bottom: 2px solid #f44336 !important; }
.u-theme--positive .amd-input--error,
.u-theme--positive .mat-input-error {
color: #f44336; }
.amd-check-item__container {
padding: 20px;
background: url("/assets/images/dotted-blu.png") repeat-x bottom left;
-webkit-transition: background-color .3s;
transition: background-color .3s; }
.amd-check-item__container--disabled .amd-check-item__status,
.amd-check-item__container--disabled .amd-check-item__name {
opacity: 0.7; }
.amd-check-item__container--active {
background-color: #005678; }
.amd-check-item__container--active .mat-disabled .mat-slide-toggle-thumb,
.amd-check-item__container--active .mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: #267e5e !important; }
.amd-check-item__container--active .mat-disabled .mat-slide-toggle-bar {
background-color: #114432 !important; }
.amd-check-item__row {
margin-bottom: 20px; }
.amd-check-item__row .col {
padding: 0 3px !important;
margin: 0 !important; }
.amd-check-item__row .col:last-child .amd-check-item__cell {
margin-right: 0; }
.amd-check-item__row .amd-check-item__cell {
margin-right: 40px;
position: relative; }
.amd-check-item__row:last-child {
margin-bottom: 0; }
.amd-check-item__toggle {
vertical-align: middle;
padding-right: 10px;
margin-top: 2px;
border-right: 2px solid #003348; }
.amd-check-item__name {
padding-left: 10px !important; }
.amd-check-item__name p {
font-size: 14px;
color: #fff;
line-height: 1.2; }
.amd-check-item__status {
padding-left: 10px;
color: #42a3d0;
border-left: 2px solid #003348;
font-size: 14px; }
.amd-check-item__status--success {
color: #4caf50; }
.amd-check-item__status--warning {
color: #ff9800; }
.amd-check-item__status--error {
color: #ff6054; }
.amd-check-item__counter {
font-size: 14px;
color: #fff;
float: right; }
.amd-check-item__date {
text-align: right;
padding-right: 15px;
border-right: 2px solid #003348;
font-size: 12px;
color: #80adbf; }
.amd-check-item__alert {
vertical-align: bottom;
text-align: right; }
.amd-check-item__alert .amd-button, .amd-check-item__alert .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .amd-check-item__alert .introjs-nextbutton {
text-transform: none;
font-size: 14px !important;
font-weight: normal; }
.amd-check-item__download {
padding: 0 15px;
min-height: 20px;
border-right: 2px solid #003348;
text-align: center; }
.amd-check-item__download .amd-link {
display: inline-block; }
.u-theme--positive .amd-check-item__name p, .u-theme--positive .amd-check-item__counter {
color: #696969 !important; }
.u-theme--positive .amd-check-item__container {
background: url("/assets/images/dotted-grey.png") repeat-x bottom left; }
.u-theme--positive .amd-check-item__container--active {
background-color: #fff; }
.u-theme--positive .amd-check-item__toggle, .u-theme--positive .amd-check-item__date {
border-right: 2px solid #aaa; }
.u-theme--positive .amd-check-item__status {
border-left: 2px solid #aaa; }
@font-face {
font-family: 'HelveticaNeueLTStd-Roman';
src: url("/assets/fonts/3447C2_6_0.eot");
src: url("/assets/fonts/3447C2_6_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_6_0.woff2") format("woff2"), url("/assets/fonts/3447C2_6_0.woff") format("woff"), url("/assets/fonts/3447C2_6_0.ttf") format("truetype"); }
@font-face {
font-family: 'HelveticaNeueLTStd-Bd';
src: url("/assets/fonts/3447C2_8_0.eot");
src: url("/assets/fonts/3447C2_8_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_8_0.woff2") format("woff2"), url("/assets/fonts/3447C2_8_0.woff") format("woff"), url("/assets/fonts/3447C2_8_0.ttf") format("truetype"); }
@font-face {
font-family: 'HelveticaNeueLTStd-Lt';
src: url("/assets/fonts/3447C2_3_0.eot");
src: url("/assets/fonts/3447C2_3_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_3_0.woff2") format("woff2"), url("/assets/fonts/3447C2_3_0.woff") format("woff"), url("/assets/fonts/3447C2_3_0.ttf") format("truetype"); }
@font-face {
font-family: 'HelveticaNeueLTStd-Md';
src: url("/assets/fonts/3447C2_5_0.eot");
src: url("/assets/fonts/3447C2_5_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_5_0.woff2") format("woff2"), url("/assets/fonts/3447C2_5_0.woff") format("woff"), url("/assets/fonts/3447C2_5_0.ttf") format("truetype"); }
.HelveticaNeueLTStd-Roman, body, .mat-form-field,
.mat-input-element,
.mat-form-field-label, .amd-placeholder,
.md2-datepicker,
.md2-datepicker-value,
.md2-datepicker-placeholder,
.mat-radio-label-content,
.mat-radio-button,
.mat-select,
.mat-select-placeholder,
.mat-select-value-text,
.mat-option,
.mat-checkbox,
.mat-list-item,
.mat-tab-group,
.mat-expansion-panel-content,
.mat-bottom-sheet-container, .mat-tab-body__description, .mat-list .mat-subheader,
.mat-nav-list .mat-subheader, .introjs-button, .amd-button, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .amd-card__title--normal, .amd-expansion-panel__subtitle, .amd-link, .amd-link--station .amd-link__title, .amd-list__subtext, .amd-check-item__alert .amd-button, .theme--myald-dialog .amd-files-list__item.mat-list-item .amd-files-list__name {
font-family: HelveticaNeueLTStd-Roman, Arial, Helvetica, sans-serif !important; }
.HelveticaNeueLTStd-Bd, b,
strong, h2, h6, .mat-horizontal-stepper-header .mat-step-icon, .mat-step-text-label, .mat-tab-label,
.mat-tab-link, .mat-tab-body__title, .mat-expansion-panel-header-title, .mat-chip, .mat-menu-panel .mat-subheader, .u-main-title, .amd-dialog__header .mat-dialog-title, .u-phone, .amd-user, .amd-title, .amd-label, .fc .fc-toolbar h2, .introjs-tooltip--welcome .introjs-head h3, .introjs-subtitle, .introjs-title, .amd-bottom-nav__item .amd-bottom-nav__button, .amd-button--reverse, .amd-button--raised, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .amd-button--expanded, .amd-button--uppercase, .amd-card__title h4, .amd-dialog .amd-files-counter, .amd-multi-panels .mat-tab-label-active, .amd-expansion-panel__description .amd-button, .amd-expansion-panel__description .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .amd-expansion-panel__description .introjs-nextbutton, .amd-expansion-panel__filters, .amd-files-list__name, .amd-items-counter .amd-button, .amd-items-counter .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .amd-items-counter .introjs-nextbutton, .amd-items-counter__subtitle, .amd-link--reverse span, .amd-link--text, .amd-link__title, .amd-link__info, .amd-list--events h4, .amd-list__title, .amd-list__text .title,
.amd-list__text h6, .amd-list--sidenav .mat-list-item, .amd-list--selection .amd-list__subheader, .amd-message, .amd-notification, table.mat-table .mat-header-cell, .amd-table th, .amd-table__col--highlighted, .amd-stepper__step--active .amd-stepper__name, .amd-stepper__icon, .amd-stepper__icon-disabled, .amd-heading, .amd-notify__title, .amd-badge__title, .amd-check-item__name p, .amd-check-item__status, .amd-check-item__counter, .amd-button-toggle, .theme--myald .amd-button--raised, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .introjs-nextbutton,
.theme--myald .amd-button-raised-color,
.theme--myald a.amd-button.amd-button--light.cta-button, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.cta-button.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.cta-button.introjs-nextbutton,
.theme--myald a.amd-button.amd-button--light.stepper-prev.myald-button-inverse, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.stepper-prev.myald-button-inverse.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.stepper-prev.myald-button-inverse.introjs-nextbutton, .theme--myald a.amd-button.amd-button--light.cta-button.myald--aggiungi-controparte, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.cta-button.myald--aggiungi-controparte.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.cta-button.myald--aggiungi-controparte.introjs-nextbutton,
.theme--myald a.amd-button.amd-button--light.stepper-prev.myald--aggiungi-controparte, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.stepper-prev.myald--aggiungi-controparte.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.stepper-prev.myald--aggiungi-controparte.introjs-nextbutton,
.theme--myald a.amd-link.amd-link--dark.ald-generic-add,
.theme--myald button.amd-button.amd-button--raised.button-panel-title.cta-button.myald--aggiungi-controparte, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.button-panel-title.cta-button.myald--aggiungi-controparte.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald button.button-panel-title.cta-button.myald--aggiungi-controparte.introjs-nextbutton, .theme--myald .action-button.action-button--myald button.amd-button.amd-button--raised.stepper-next.mat-button.mat-raised-button, .theme--myald .action-button.action-button--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.stepper-next.mat-button.mat-raised-button.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .action-button.action-button--myald button.stepper-next.mat-button.mat-raised-button.introjs-nextbutton,
.theme--myald .action-button.action-button--myald button.amd-button.amd-button--raised.stepper-prev.mat-button.mat-raised-button, .theme--myald .action-button.action-button--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.stepper-prev.mat-button.mat-raised-button.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .action-button.action-button--myald button.stepper-prev.mat-button.mat-raised-button.introjs-nextbutton, .theme--myald .pre-step a.amd-button.amd-button--light, .theme--myald .pre-step .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .pre-step a.amd-button--light.introjs-nextbutton, .theme--myald .pre-step p.prestep-ald, .theme--myald .myald-bottom-navigation-btn, .theme--myald .myald-typage-title, .theme--myald .scarica-documento, .theme--myald-dialog a.amd-button.amd-button--reverse, .theme--myald-dialog .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--reverse.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald-dialog a.amd-button--reverse.introjs-nextbutton {
font-family: HelveticaNeueLTStd-Bd, Arial, Helvetica, sans-serif !important;
font-weight: normal !important; }
.HelveticaNeueLTStd-Md, .mat-error, .amd-legend__item, .claims-bottom-box, .fc .fc-head-container th, .fc .fc-time, .fc .fc-event, .amd-expansion-panel__recap, .amd-input--error, .amd-items-counter__title, .amd-link--station .amd-link__subtitle, .amd-link--station .amd-link__distance, .amd-check-item__date {
font-family: HelveticaNeueLTStd-Md, Arial, Helvetica, sans-serif !important; }
.HelveticaNeueLTStd-Lt, .amd-link--station .amd-link__note {
font-family: HelveticaNeueLTStd-Lt, Arial, Helvetica, sans-serif !important; }
/**
* Applies styles for users in high contrast mode. Note that this only applies
* to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
* attribute, however Chrome handles high contrast differently.
* @param target Which kind of high contrast setting to target. Defaults to `active`, can be
* `white-on-black` or `black-on-white`.
*/
/* Theme for the ripple elements.*/
/* stylelint-disable material/no-prefixes */
/* stylelint-enable */
.mat-elevation-z0 {
-webkit-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);
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); }
.mat-elevation-z1 {
-webkit-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);
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); }
.mat-elevation-z2 {
-webkit-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);
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); }
.mat-elevation-z3 {
-webkit-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);
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); }
.mat-elevation-z4 {
-webkit-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);
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); }
.mat-elevation-z5 {
-webkit-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);
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); }
.mat-elevation-z6 {
-webkit-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);
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); }
.mat-elevation-z7 {
-webkit-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);
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); }
.mat-elevation-z8 {
-webkit-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);
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); }
.mat-elevation-z9 {
-webkit-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);
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); }
.mat-elevation-z10 {
-webkit-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);
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); }
.mat-elevation-z11 {
-webkit-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);
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); }
.mat-elevation-z12 {
-webkit-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);
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); }
.mat-elevation-z13 {
-webkit-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);
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); }
.mat-elevation-z14 {
-webkit-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);
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); }
.mat-elevation-z15 {
-webkit-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);
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); }
.mat-elevation-z16 {
-webkit-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);
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); }
.mat-elevation-z17 {
-webkit-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);
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); }
.mat-elevation-z18 {
-webkit-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);
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); }
.mat-elevation-z19 {
-webkit-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);
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); }
.mat-elevation-z20 {
-webkit-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);
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); }
.mat-elevation-z21 {
-webkit-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);
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); }
.mat-elevation-z22 {
-webkit-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);
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); }
.mat-elevation-z23 {
-webkit-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);
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); }
.mat-elevation-z24 {
-webkit-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);
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); }
.mat-badge-content {
font-weight: 600;
font-size: 12px;
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-badge-small .mat-badge-content {
font-size: 6px; }
.mat-badge-large .mat-badge-content {
font-size: 24px; }
.mat-h1, .mat-headline, .mat-typography h1 {
font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h2, .mat-title, .mat-typography h2 {
font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h3, .mat-subheading-2, .mat-typography h3 {
font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h4, .mat-subheading-1, .mat-typography h4 {
font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h5, .mat-typography h5 {
font: 400 11.62px/20px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 12px; }
.mat-h6, .mat-typography h6 {
font: 400 9.38px/20px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 12px; }
.mat-body-strong, .mat-body-2 {
font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
.mat-body, .mat-body-1, .mat-typography {
font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-body p, .mat-body-1 p, .mat-typography p {
margin: 0 0 12px; }
.mat-small, .mat-caption {
font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-display-4, .mat-typography .mat-display-4 {
font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 56px;
letter-spacing: -0.05em; }
.mat-display-3, .mat-typography .mat-display-3 {
font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 64px;
letter-spacing: -0.02em; }
.mat-display-2, .mat-typography .mat-display-2 {
font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 64px;
letter-spacing: -0.005em; }
.mat-display-1, .mat-typography .mat-display-1 {
font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 64px; }
.mat-bottom-sheet-container {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 16px;
font-weight: 400; }
.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500; }
.mat-button-toggle {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-card {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-card-title {
font-size: 24px;
font-weight: 400; }
.mat-card-subtitle,
.mat-card-content,
.mat-card-header .mat-card-title {
font-size: 14px; }
.mat-checkbox {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-checkbox-layout .mat-checkbox-label {
line-height: 24px; }
.mat-chip {
font-size: 13px;
line-height: 18px; }
.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
font-size: 18px; }
.mat-table {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-header-cell {
font-size: 12px;
font-weight: 500; }
.mat-cell, .mat-footer-cell {
font-size: 14px; }
.mat-calendar {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-calendar-body {
font-size: 13px; }
.mat-calendar-body-label,
.mat-calendar-period-button {
font-size: 14px;
font-weight: 500; }
.mat-calendar-table-header th {
font-size: 11px;
font-weight: 400; }
.mat-dialog-title {
font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; }
.mat-expansion-panel-header {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 15px;
font-weight: 400; }
.mat-expansion-panel-content {
font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-form-field {
font-size: inherit;
font-weight: 400;
line-height: 1.125;
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-form-field-wrapper {
padding-bottom: 1.34375em; }
.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
font-size: 150%;
line-height: 1.125; }
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
height: 1.5em;
width: 1.5em; }
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
height: 1.125em;
line-height: 1.125; }
.mat-form-field-infix {
padding: 0.5em 0;
border-top: 0.84375em solid transparent; }
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.34375em) scale(0.75);
transform: translateY(-1.34375em) scale(0.75);
width: 133.33333333%; }
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label, .mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.34374em) scale(0.75);
transform: translateY(-1.34374em) scale(0.75);
width: 133.33334333%; }
.mat-form-field-label-wrapper {
top: -0.84375em;
padding-top: 0.84375em; }
.mat-form-field-label, .amd-placeholder {
top: 1.34375em; }
.mat-form-field-underline {
bottom: 1.34375em; }
.mat-form-field-subscript-wrapper {
font-size: 75%;
margin-top: 0.66666667em;
top: -webkit-calc(100% - 1.79166667em);
top: calc(100% - 1.79166667em); }
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
padding-bottom: 1.25em; }
.mat-form-field-appearance-legacy .mat-form-field-infix {
padding: 0.4375em 0; }
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-ms-transform: translateY(-1.28125em) scale(0.75);
width: 133.33333333%; }
.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, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
-ms-transform: translateY(-1.28124em) scale(0.75);
width: 133.33334333%; }
.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, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
-ms-transform: translateY(-1.28123em) scale(0.75);
width: 133.33335333%; }
.mat-form-field-appearance-legacy .mat-form-field-label, .mat-form-field-appearance-legacy .amd-placeholder {
top: 1.28125em; }
.mat-form-field-appearance-legacy .mat-form-field-underline {
bottom: 1.25em; }
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
margin-top: 0.54166667em;
top: -webkit-calc(100% - 1.66666667em);
top: calc(100% - 1.66666667em); }
.mat-form-field-appearance-fill .mat-form-field-infix {
padding: 0.25em 0 0.75em 0; }
.mat-form-field-appearance-fill .mat-form-field-label, .mat-form-field-appearance-fill .amd-placeholder {
top: 1.09375em;
margin-top: -0.5em; }
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-0.59375em) scale(0.75);
transform: translateY(-0.59375em) scale(0.75);
width: 133.33333333%; }
.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, .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-0.59374em) scale(0.75);
transform: translateY(-0.59374em) scale(0.75);
width: 133.33334333%; }
.mat-form-field-appearance-outline .mat-form-field-infix {
padding: 1em 0 1em 0; }
.mat-form-field-appearance-outline .mat-form-field-label, .mat-form-field-appearance-outline .amd-placeholder {
top: 1.84375em;
margin-top: -0.25em; }
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.59375em) scale(0.75);
transform: translateY(-1.59375em) scale(0.75);
width: 133.33333333%; }
.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, .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.59374em) scale(0.75);
transform: translateY(-1.59374em) scale(0.75);
width: 133.33334333%; }
.mat-grid-tile-header,
.mat-grid-tile-footer {
font-size: 14px; }
.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
font-size: 12px; }
input.mat-input-element {
margin-top: -0.0625em; }
.mat-menu-item {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 16px;
font-weight: 400; }
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 12px; }
.mat-radio-button {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-select {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-select-trigger {
height: 1.125em; }
.mat-slide-toggle-content {
font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-slider-thumb-label-text {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 12px;
font-weight: 500; }
.mat-stepper-vertical, .mat-stepper-horizontal {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-step-label {
font-size: 14px;
font-weight: 400; }
.mat-step-label-selected {
font-size: 14px;
font-weight: 500; }
.mat-tab-group {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-tab-label, .mat-tab-link {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500; }
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
margin: 0; }
.mat-tooltip {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 10px;
padding-top: 6px;
padding-bottom: 6px; }
.mat-tooltip-handset {
font-size: 14px;
padding-top: 9px;
padding-bottom: 9px; }
.mat-list-item {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-list-option {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
font-size: 16px; }
.mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
font-size: 14px; }
.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
font-size: 16px; }
.mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
font-size: 14px; }
.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500; }
.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
font-size: 12px; }
.mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
font-size: 12px; }
.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
font-size: 12px; }
.mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
font-size: 12px; }
.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 12px;
font-weight: 500; }
.mat-option {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 16px; }
.mat-optgroup-label {
font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
.mat-simple-snackbar {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px; }
.mat-simple-snackbar-action {
line-height: 1;
font-family: inherit;
font-size: inherit;
font-weight: 500; }
.mat-tree {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-tree-node {
font-weight: 400;
font-size: 14px; }
.mat-ripple {
overflow: hidden; }
.mat-ripple.mat-ripple-unbounded {
overflow: visible; }
.mat-ripple-element {
position: absolute;
-webkit-border-radius: 50%;
border-radius: 50%;
pointer-events: none;
-webkit-transition: opacity, -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity, -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
-webkit-transform: scale(0);
transform: scale(0); }
@media screen and (-ms-high-contrast: active) {
.mat-ripple-element {
display: none; } }
.cdk-visually-hidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
outline: 0;
-webkit-appearance: none;
-moz-appearance: none; }
.cdk-overlay-container, .cdk-global-overlay-wrapper {
pointer-events: none;
top: 0;
left: 0;
height: 100%;
width: 100%; }
.cdk-overlay-container {
position: fixed;
z-index: 1000; }
.cdk-overlay-container:empty {
display: none; }
.cdk-global-overlay-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: flex;
position: absolute;
z-index: 1000; }
.cdk-overlay-pane {
position: absolute;
pointer-events: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 1000;
display: -webkit-box;
display: -webkit-flex;
display: flex;
max-width: 100%;
max-height: 100%; }
.cdk-overlay-backdrop {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
pointer-events: auto;
-webkit-tap-highlight-color: transparent;
-webkit-transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
opacity: 0; }
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
opacity: 1; }
@media screen and (-ms-high-contrast: active) {
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
opacity: 0.6; } }
.cdk-overlay-dark-backdrop {
background: rgba(0, 0, 0, 0.288); }
.cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
opacity: 0; }
.cdk-overlay-connected-position-bounding-box {
position: absolute;
z-index: 1000;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
min-width: 1px;
min-height: 1px; }
.cdk-global-scrollblock {
position: fixed;
width: 100%;
overflow-y: scroll; }
@keyframes cdk-text-field-autofill-start {
/*!*/ }
@keyframes cdk-text-field-autofill-end {
/*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
-webkit-animation-name: cdk-text-field-autofill-start;
animation-name: cdk-text-field-autofill-start; }
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
-webkit-animation-name: cdk-text-field-autofill-end;
animation-name: cdk-text-field-autofill-end; }
textarea.cdk-textarea-autosize {
resize: none; }
textarea.cdk-textarea-autosize-measuring {
height: auto !important;
overflow: hidden !important;
padding: 2px 0 !important;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important; }
.mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-option {
color: white; }
.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
background: rgba(255, 255, 255, 0.04); }
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
background: rgba(255, 255, 255, 0.04); }
.mat-option.mat-active {
background: rgba(255, 255, 255, 0.04);
color: white; }
.mat-option.mat-option-disabled {
color: rgba(255, 255, 255, 0.5); }
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
color: #19becf; }
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
color: #005c80; }
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
color: #f44336; }
.mat-optgroup-label {
color: rgba(255, 255, 255, 0.7); }
.mat-optgroup-disabled .mat-optgroup-label {
color: rgba(255, 255, 255, 0.5); }
.mat-pseudo-checkbox {
color: rgba(255, 255, 255, 0.7); }
.mat-pseudo-checkbox::after {
color: #303030; }
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
background: #005c80; }
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
background: #19becf; }
.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
background: #f44336; }
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
background: #686868; }
.mat-app-background {
background-color: #303030;
color: white; }
.mat-theme-loaded-marker {
display: none; }
.mat-autocomplete-panel {
background: #424242;
color: white; }
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
background: #424242; }
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
color: white; }
.mat-badge-content {
color: white;
background: #19becf; }
.mat-badge-accent .mat-badge-content {
background: #005c80;
color: white; }
.mat-badge-warn .mat-badge-content {
color: white;
background: #f44336; }
.mat-badge {
position: relative; }
.mat-badge-hidden .mat-badge-content {
display: none; }
.mat-badge-content {
position: absolute;
text-align: center;
display: inline-block;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: -webkit-transform 200ms ease-in-out;
transition: -webkit-transform 200ms ease-in-out;
transition: transform 200ms ease-in-out;
transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
-webkit-transform: scale(0.6);
transform: scale(0.6);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
pointer-events: none; }
.mat-badge-content.mat-badge-active {
-webkit-transform: none;
transform: none; }
.mat-badge-small .mat-badge-content {
width: 16px;
height: 16px;
line-height: 16px; }
@media screen and (-ms-high-contrast: active) {
.mat-badge-small .mat-badge-content {
outline: solid 1px;
-webkit-border-radius: 0;
border-radius: 0; } }
.mat-badge-small.mat-badge-above .mat-badge-content {
top: -8px; }
.mat-badge-small.mat-badge-below .mat-badge-content {
bottom: -8px; }
.mat-badge-small.mat-badge-before .mat-badge-content {
left: -16px; }
[dir='rtl'] .mat-badge-small.mat-badge-before .mat-badge-content {
left: auto;
right: -16px; }
.mat-badge-small.mat-badge-after .mat-badge-content {
right: -16px; }
[dir='rtl'] .mat-badge-small.mat-badge-after .mat-badge-content {
right: auto;
left: -16px; }
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -8px; }
[dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -8px; }
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -8px; }
[dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -8px; }
.mat-badge-medium .mat-badge-content {
width: 22px;
height: 22px;
line-height: 22px; }
@media screen and (-ms-high-contrast: active) {
.mat-badge-medium .mat-badge-content {
outline: solid 1px;
-webkit-border-radius: 0;
border-radius: 0; } }
.mat-badge-medium.mat-badge-above .mat-badge-content {
top: -11px; }
.mat-badge-medium.mat-badge-below .mat-badge-content {
bottom: -11px; }
.mat-badge-medium.mat-badge-before .mat-badge-content {
left: -22px; }
[dir='rtl'] .mat-badge-medium.mat-badge-before .mat-badge-content {
left: auto;
right: -22px; }
.mat-badge-medium.mat-badge-after .mat-badge-content {
right: -22px; }
[dir='rtl'] .mat-badge-medium.mat-badge-after .mat-badge-content {
right: auto;
left: -22px; }
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -11px; }
[dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -11px; }
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -11px; }
[dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -11px; }
.mat-badge-large .mat-badge-content {
width: 28px;
height: 28px;
line-height: 28px; }
@media screen and (-ms-high-contrast: active) {
.mat-badge-large .mat-badge-content {
outline: solid 1px;
-webkit-border-radius: 0;
border-radius: 0; } }
.mat-badge-large.mat-badge-above .mat-badge-content {
top: -14px; }
.mat-badge-large.mat-badge-below .mat-badge-content {
bottom: -14px; }
.mat-badge-large.mat-badge-before .mat-badge-content {
left: -28px; }
[dir='rtl'] .mat-badge-large.mat-badge-before .mat-badge-content {
left: auto;
right: -28px; }
.mat-badge-large.mat-badge-after .mat-badge-content {
right: -28px; }
[dir='rtl'] .mat-badge-large.mat-badge-after .mat-badge-content {
right: auto;
left: -28px; }
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -14px; }
[dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -14px; }
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -14px; }
[dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -14px; }
.mat-bottom-sheet-container {
background: #424242;
color: white; }
.mat-button, .mat-icon-button, .mat-stroked-button {
color: inherit;
background: transparent; }
.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
color: #19becf; }
.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
color: #005c80; }
.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
color: #f44336; }
.mat-button.mat-primary[disabled], .mat-button.mat-accent[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled], .mat-stroked-button.mat-primary[disabled], .mat-stroked-button.mat-accent[disabled], .mat-stroked-button.mat-warn[disabled], .mat-stroked-button[disabled][disabled] {
color: rgba(255, 255, 255, 0.3); }
.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
background-color: rgba(25, 190, 207, 0.12); }
.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
background-color: rgba(0, 92, 128, 0.12); }
.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
background-color: rgba(244, 67, 54, 0.12); }
.mat-button[disabled] .mat-button-focus-overlay, .mat-icon-button[disabled] .mat-button-focus-overlay, .mat-stroked-button[disabled] .mat-button-focus-overlay {
background-color: transparent; }
.mat-button.mat-primary .mat-ripple-element, .mat-icon-button.mat-primary .mat-ripple-element, .mat-stroked-button.mat-primary .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.1); }
.mat-button.mat-accent .mat-ripple-element, .mat-icon-button.mat-accent .mat-ripple-element, .mat-stroked-button.mat-accent .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.1); }
.mat-button.mat-warn .mat-ripple-element, .mat-icon-button.mat-warn .mat-ripple-element, .mat-stroked-button.mat-warn .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.1); }
.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
color: white;
background-color: #424242; }
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
color: white; }
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
color: white; }
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
color: white; }
.mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
color: rgba(255, 255, 255, 0.3); }
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
background-color: #19becf; }
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
background-color: #005c80; }
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
background-color: #f44336; }
.mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
background-color: rgba(255, 255, 255, 0.12); }
.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-icon-button.mat-primary .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.2); }
.mat-icon-button.mat-accent .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.2); }
.mat-icon-button.mat-warn .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.2); }
.mat-button-toggle {
color: rgba(255, 255, 255, 0.5); }
.mat-button-toggle .mat-button-toggle-focus-overlay {
background-color: rgba(255, 255, 255, 0.12); }
.mat-button-toggle-checked {
background-color: #212121;
color: rgba(255, 255, 255, 0.7); }
.mat-button-toggle-disabled {
background-color: black;
color: rgba(255, 255, 255, 0.3); }
.mat-button-toggle-disabled.mat-button-toggle-checked {
background-color: #424242; }
.mat-card {
background: #424242;
color: white; }
.mat-card-subtitle {
color: rgba(255, 255, 255, 0.7); }
.mat-checkbox-frame {
border-color: rgba(255, 255, 255, 0.7); }
.mat-checkbox-checkmark {
fill: #303030; }
.mat-checkbox-checkmark-path {
stroke: #303030 !important; }
@media screen and (-ms-high-contrast: black-on-white) {
.mat-checkbox-checkmark-path {
stroke: #000 !important; } }
.mat-checkbox-mixedmark {
background-color: #303030; }
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
background-color: #19becf; }
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
background-color: #005c80; }
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
background-color: #f44336; }
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
background-color: #686868; }
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
border-color: #686868; }
.mat-checkbox-disabled .mat-checkbox-label {
color: #686868; }
@media screen and (-ms-high-contrast: active) {
.mat-checkbox-disabled {
opacity: 0.5; } }
@media screen and (-ms-high-contrast: active) {
.mat-checkbox-background {
background: none; } }
.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.26); }
.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.26); }
.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.26); }
.mat-chip.mat-standard-chip {
background-color: #616161;
color: white; }
.mat-chip.mat-standard-chip .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip .mat-chip-remove:hover {
opacity: 0.54; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
background-color: #19becf;
color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
opacity: 0.54; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
background-color: #f44336;
color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
opacity: 0.54; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
background-color: #005c80;
color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
opacity: 0.54; }
.mat-table {
background: #424242; }
.mat-table thead, .mat-table tbody, .mat-table tfoot,
mat-header-row, mat-row, mat-footer-row,
[mat-header-row], [mat-row], [mat-footer-row],
.mat-table-sticky {
background: inherit; }
mat-row, mat-header-row, mat-footer-row,
th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
border-bottom-color: rgba(255, 255, 255, 0.12); }
.mat-header-cell {
color: rgba(255, 255, 255, 0.7); }
.mat-cell, .mat-footer-cell {
color: white; }
.mat-calendar-arrow {
border-top-color: white; }
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
color: white; }
.mat-calendar-table-header {
color: rgba(255, 255, 255, 0.5); }
.mat-calendar-table-header-divider::after {
background: rgba(255, 255, 255, 0.12); }
.mat-calendar-body-label {
color: rgba(255, 255, 255, 0.7); }
.mat-calendar-body-cell-content {
color: white;
border-color: transparent; }
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
color: rgba(255, 255, 255, 0.5); }
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
background-color: rgba(255, 255, 255, 0.04); }
.mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(255, 255, 255, 0.5); }
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(255, 255, 255, 0.3); }
.mat-calendar-body-selected {
background-color: #19becf;
color: white; }
.mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(25, 190, 207, 0.4); }
.mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content {
background-color: #424242;
color: white; }
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
background-color: #005c80;
color: white; }
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(0, 92, 128, 0.4); }
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
background-color: #f44336;
color: white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(244, 67, 54, 0.4); }
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-toggle-active {
color: #19becf; }
.mat-datepicker-toggle-active.mat-accent {
color: #005c80; }
.mat-datepicker-toggle-active.mat-warn {
color: #f44336; }
.mat-dialog-container {
background: #424242;
color: white; }
.mat-divider {
border-top-color: rgba(255, 255, 255, 0.12); }
.mat-divider-vertical {
border-right-color: rgba(255, 255, 255, 0.12); }
.mat-expansion-panel {
background: #424242;
color: white; }
.mat-action-row {
border-top-color: rgba(255, 255, 255, 0.12); }
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']):hover {
background: rgba(255, 255, 255, 0.04); }
@media (hover: none) {
.mat-expansion-panel:not(.mat-expanded):not([aria-disabled='true']) .mat-expansion-panel-header:hover {
background: #424242; } }
.mat-expansion-panel-header-title {
color: white; }
.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
color: rgba(255, 255, 255, 0.7); }
.mat-expansion-panel-header[aria-disabled='true'] {
color: rgba(255, 255, 255, 0.3); }
.mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-description {
color: inherit; }
.mat-form-field-label, .amd-placeholder {
color: rgba(255, 255, 255, 0.7); }
.mat-hint {
color: rgba(255, 255, 255, 0.7); }
.mat-form-field.mat-focused .mat-form-field-label, .mat-form-field.mat-focused .amd-placeholder {
color: #19becf; }
.mat-form-field.mat-focused .mat-form-field-label.mat-accent, .mat-form-field.mat-focused .mat-accent.amd-placeholder {
color: #005c80; }
.mat-form-field.mat-focused .mat-form-field-label.mat-warn, .mat-form-field.mat-focused .mat-warn.amd-placeholder {
color: #f44336; }
.mat-focused .mat-form-field-required-marker {
color: #005c80; }
.mat-form-field-ripple {
background-color: white; }
.mat-form-field.mat-focused .mat-form-field-ripple {
background-color: #19becf; }
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
background-color: #005c80; }
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
background-color: #f44336; }
.mat-form-field.mat-form-field-invalid .mat-form-field-label, .mat-form-field.mat-form-field-invalid .amd-placeholder {
color: #f44336; }
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, .mat-form-field.mat-form-field-invalid .mat-accent.amd-placeholder,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,
.mat-form-field.mat-form-field-invalid .amd-placeholder .mat-form-field-required-marker {
color: #f44336; }
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
background-color: #f44336; }
.mat-error {
color: #f44336; }
.mat-form-field-appearance-legacy .mat-form-field-label, .mat-form-field-appearance-legacy .amd-placeholder {
color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-legacy .mat-hint {
color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-legacy .mat-form-field-underline {
background-color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.7)), color-stop(33%, rgba(255, 255, 255, 0.7)), color-stop(0%, transparent));
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
background-size: 4px 100%;
background-repeat: repeat-x; }
.mat-form-field-appearance-standard .mat-form-field-underline {
background-color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.7)), color-stop(33%, rgba(255, 255, 255, 0.7)), color-stop(0%, transparent));
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
background-size: 4px 100%;
background-repeat: repeat-x; }
.mat-form-field-appearance-fill .mat-form-field-flex {
background-color: rgba(255, 255, 255, 0.1); }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
background-color: rgba(255, 255, 255, 0.05); }
.mat-form-field-appearance-fill .mat-form-field-underline::before {
background-color: rgba(255, 255, 255, 0.5); }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-disabled .amd-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
background-color: transparent; }
.mat-form-field-appearance-outline .mat-form-field-outline {
color: rgba(255, 255, 255, 0.3); }
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
color: white; }
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
color: #19becf; }
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
color: #005c80; }
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
color: #f44336; }
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
color: #f44336; }
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-disabled .amd-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
color: rgba(255, 255, 255, 0.15); }
.mat-icon.mat-primary {
color: #19becf; }
.mat-icon.mat-accent {
color: #005c80; }
.mat-icon.mat-warn {
color: #f44336; }
.mat-input-element:disabled {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element {
caret-color: #19becf; }
.mat-input-element::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::-moz-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-accent .mat-input-element {
caret-color: #005c80; }
.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
caret-color: #f44336; }
.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
color: white; }
.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
color: white; }
.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
color: rgba(255, 255, 255, 0.7); }
.mat-list-item-disabled {
background-color: black; }
.mat-list-option:hover, .mat-list-option.mat-list-item-focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item.mat-list-item-focus {
background: rgba(255, 255, 255, 0.04); }
.mat-menu-panel {
background: #424242; }
.mat-menu-item {
background: transparent;
color: white; }
.mat-menu-item[disabled], .mat-menu-item[disabled]::after {
color: rgba(255, 255, 255, 0.5); }
.mat-menu-item .mat-icon:not([color]),
.mat-menu-item-submenu-trigger::after {
color: white; }
.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
background: rgba(255, 255, 255, 0.04); }
.mat-paginator {
background: #424242; }
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
color: rgba(255, 255, 255, 0.7); }
.mat-paginator-decrement,
.mat-paginator-increment {
border-top: 2px solid white;
border-right: 2px solid white; }
.mat-paginator-first,
.mat-paginator-last {
border-top: 2px solid white; }
.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
border-color: rgba(255, 255, 255, 0.5); }
.mat-progress-bar-background {
fill: #baecf1; }
.mat-progress-bar-buffer {
background-color: #baecf1; }
.mat-progress-bar-fill::after {
background-color: #19becf; }
.mat-progress-bar.mat-accent .mat-progress-bar-background {
fill: #b3ced9; }
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
background-color: #b3ced9; }
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
background-color: #005c80; }
.mat-progress-bar.mat-warn .mat-progress-bar-background {
fill: #ffcdd2; }
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
background-color: #ffcdd2; }
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
background-color: #f44336; }
.mat-progress-spinner circle, .mat-spinner circle {
stroke: #19becf; }
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
stroke: #005c80; }
.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
stroke: #f44336; }
.mat-radio-outer-circle {
border-color: rgba(255, 255, 255, 0.7); }
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
border-color: #19becf; }
.mat-radio-button.mat-primary .mat-radio-inner-circle {
background-color: #19becf; }
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.26); }
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
border-color: #005c80; }
.mat-radio-button.mat-accent .mat-radio-inner-circle {
background-color: #005c80; }
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.26); }
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
border-color: #f44336; }
.mat-radio-button.mat-warn .mat-radio-inner-circle {
background-color: #f44336; }
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.26); }
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
border-color: rgba(255, 255, 255, 0.5); }
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
background-color: rgba(255, 255, 255, 0.5); }
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
color: rgba(255, 255, 255, 0.5); }
.mat-select-content, .mat-select-panel-done-animating {
background: #424242; }
.mat-select-value {
color: white; }
.mat-select-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-select-disabled .mat-select-value {
color: rgba(255, 255, 255, 0.5); }
.mat-select-arrow {
color: rgba(255, 255, 255, 0.7); }
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
background: rgba(255, 255, 255, 0.12); }
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
color: #19becf; }
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
color: #005c80; }
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
color: #f44336; }
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
color: #f44336; }
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
color: rgba(255, 255, 255, 0.5); }
.mat-drawer-container {
background-color: #303030;
color: white; }
.mat-drawer {
background-color: #424242;
color: white; }
.mat-drawer.mat-drawer-push {
background-color: #424242; }
.mat-drawer-backdrop.mat-drawer-shown {
background-color: rgba(189, 189, 189, 0.6); }
.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #80adbf; }
.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgba(128, 173, 191, 0.5); }
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle .mat-ripple-element {
background-color: rgba(128, 173, 191, 0.12); }
.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #8cdfe7; }
.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgba(140, 223, 231, 0.5); }
.mat-slide-toggle.mat-primary:not(.mat-checked) .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle.mat-primary .mat-ripple-element {
background-color: rgba(140, 223, 231, 0.12); }
.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #ef9a9a; }
.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgba(239, 154, 154, 0.5); }
.mat-slide-toggle.mat-warn:not(.mat-checked) .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle.mat-warn .mat-ripple-element {
background-color: rgba(239, 154, 154, 0.12); }
.mat-disabled .mat-slide-toggle-thumb {
background-color: #424242; }
.mat-disabled .mat-slide-toggle-bar {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle-thumb {
background-color: #bdbdbd; }
.mat-slide-toggle-bar {
background-color: rgba(255, 255, 255, 0.5); }
.mat-slider-track-background {
background-color: rgba(255, 255, 255, 0.3); }
.mat-primary .mat-slider-track-fill,
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label {
background-color: #19becf; }
.mat-primary .mat-slider-thumb-label-text {
color: white; }
.mat-accent .mat-slider-track-fill,
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label {
background-color: #005c80; }
.mat-accent .mat-slider-thumb-label-text {
color: white; }
.mat-warn .mat-slider-track-fill,
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label {
background-color: #f44336; }
.mat-warn .mat-slider-thumb-label-text {
color: white; }
.mat-slider-focus-ring {
background-color: rgba(0, 92, 128, 0.2); }
.mat-slider:hover .mat-slider-track-background,
.cdk-focused .mat-slider-track-background {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled .mat-slider-thumb {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-disabled:hover .mat-slider-track-background {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-min-value .mat-slider-focus-ring {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
background-color: white; }
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
border-color: rgba(255, 255, 255, 0.3);
background-color: transparent; }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
border-color: rgba(255, 255, 255, 0.3); }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
border-color: rgba(255, 255, 255, 0.3); }
.mat-slider-has-ticks .mat-slider-wrapper::after {
border-color: rgba(255, 255, 255, 0.7); }
.mat-slider-horizontal .mat-slider-ticks {
background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);
background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); }
.mat-slider-vertical .mat-slider-ticks {
background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); }
.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover {
background-color: rgba(255, 255, 255, 0.04); }
.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
color: rgba(255, 255, 255, 0.5); }
.mat-step-header .mat-step-icon {
background-color: #19becf;
color: white; }
.mat-step-header .mat-step-icon-not-touched {
background-color: rgba(255, 255, 255, 0.5);
color: white; }
.mat-step-header .mat-step-label.mat-step-label-active {
color: white; }
.mat-stepper-horizontal, .mat-stepper-vertical {
background-color: #424242; }
.mat-stepper-vertical-line::before {
border-left-color: rgba(255, 255, 255, 0.12); }
.mat-stepper-horizontal-line {
border-top-color: rgba(255, 255, 255, 0.12); }
.mat-sort-header-arrow {
color: #c6c6c6; }
.mat-tab-nav-bar,
.mat-tab-header {
border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: none; }
.mat-tab-label, .mat-tab-link {
color: white; }
.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.5); }
.mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.5); }
.mat-tab-group[class*='mat-background-'] .mat-tab-header,
.mat-tab-nav-bar[class*='mat-background-'] {
border-bottom: none;
border-top: none; }
.mat-tab-group.mat-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(186, 236, 241, 0.3); }
.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
background-color: #19becf; }
.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
background-color: white; }
.mat-tab-group.mat-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(179, 206, 217, 0.3); }
.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
background-color: #005c80; }
.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
background-color: white; }
.mat-tab-group.mat-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(255, 205, 210, 0.3); }
.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
background-color: #f44336; }
.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
background-color: white; }
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(186, 236, 241, 0.3); }
.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
background-color: #19becf; }
.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
color: white; }
.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-primary .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(179, 206, 217, 0.3); }
.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
background-color: #005c80; }
.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
color: white; }
.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-accent .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(255, 205, 210, 0.3); }
.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links {
background-color: #f44336; }
.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
color: white; }
.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-warn .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-toolbar {
background: #212121;
color: white; }
.mat-toolbar.mat-primary {
background: #19becf;
color: white; }
.mat-toolbar.mat-accent {
background: #005c80;
color: white; }
.mat-toolbar.mat-warn {
background: #f44336;
color: white; }
.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
background-color: currentColor; }
.mat-toolbar .mat-form-field-label, .mat-toolbar .amd-placeholder,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-focused .amd-placeholder,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
color: inherit; }
.mat-toolbar .mat-input-element {
caret-color: currentColor; }
.mat-tooltip {
background: rgba(97, 97, 97, 0.9); }
.mat-tree {
background: #424242; }
.mat-tree-node {
color: white; }
.mat-snack-bar-container {
background: #fafafa;
color: rgba(0, 0, 0, 0.87); }
.mat-simple-snackbar-action {
color: inherit; }
.mat-calendar-arrow {
border-top-color: rgba(0, 0, 0, 0.54); }
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
color: rgba(0, 0, 0, 0.54); }
.mat-calendar-table-header {
color: rgba(0, 0, 0, 0.38); }
.mat-calendar-table-header-divider::after {
background: rgba(0, 0, 0, 0.12); }
.mat-calendar-body-label {
color: rgba(0, 0, 0, 0.54); }
.mat-calendar-body-cell-content {
color: rgba(0, 0, 0, 0.87);
border-color: transparent; }
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
color: rgba(0, 0, 0, 0.38); }
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
background-color: rgba(0, 0, 0, 0.04); }
.mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(0, 0, 0, 0.38); }
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(0, 0, 0, 0.18); }
.mat-calendar-body-selected {
background-color: #19becf;
color: white; }
.mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(25, 190, 207, 0.4); }
.mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content {
background-color: white;
color: rgba(0, 0, 0, 0.87); }
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
background-color: #005c80;
color: white; }
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(0, 92, 128, 0.4); }
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
background-color: #f44336;
color: white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(244, 67, 54, 0.4); }
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-toggle-active {
color: #19becf; }
.mat-datepicker-toggle-active.mat-accent {
color: #005c80; }
.mat-datepicker-toggle-active.mat-warn {
color: #f44336; }
/*
Variables
Styleguide 1
*/
/*
Colors Palette
$amd-primary-50 - primary 50
$amd-primary-100 - primary 100
markup:
{$modifiers}
Styleguide 1.1
*/
.amd-color-red {
color: #ff6054; }
.amd-color-green {
color: #4caf50 !important; }
.amd-color-orange {
color: #ff9800 !important; }
.amd-color-red {
color: #ff6054 !important; }
.amd-bg-color-red {
background-color: #fbd6d3; }
.amd-accent-300 {
color: #42a3d0; }
.amd-accent-500 {
color: #005c80 !important; }
.amd-accent-500--bg {
background-color: #19becf !important; }
.amd-accent-500--hover, .amd-items-counter--accent-dark:hover {
background-color: #005478 !important; }
.amd-primary-500 {
color: #19becf !important; }
.amd-primary-500--bg {
background-color: #005c80 !important; }
.amd-primary-500--hover, .amd-items-counter--primary:hover {
background-color: #47cbd8 !important; }
.mat-container-colors {
background-color: #002e40;
color: #fff; }
.mat-toolbar-colors {
background-color: rgba(0, 46, 64, 0.9); }
.footer-colors {
background-color: #003348;
color: #80adbf; }
.footer-colors a {
color: #ddeef6; }
.table-border-color, table.mat-table--bordered > thead > .mat-row,
table.mat-table--bordered > tbody > .mat-row, .amd-table--bordered > thead > tr,
.amd-table--bordered > tbody > tr {
border-bottom: 1px solid #ccc; }
.box-shadow, .amd-expansion-panel, .amd-table tbody {
-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) !important;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) !important; }
.amd-title-color, .amd-title {
color: #267493; }
.amd-title-border, .amd-title {
border-left: 2px solid #42a3d0; }
.amd-button-raised-color, .amd-button--raised, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton {
color: #fff !important;
background-color: #19becf !important; }
.amd-input-control-colors, .amd-input__group__control {
background-color: #0f727c;
color: #baecf1; }
.amd-input-control-placeholder, .amd-input__group__control::-webkit-input-placeholder {
color: #5ed2dd; }
.amd-expansion-panel-bg-color {
background-color: #004560; }
.amd-expansion-panel-header-border {
border-bottom-color: #003348; }
.amd-expansion-panel-header-color {
color: #42a3d0; }
.amd-expansion-panel-content {
background-color: #004e6d; }
.amd-card-bg-color, .amd-card {
background-color: #004e6d; }
.amd-card-bg-color .amd-icon--circle .amd-icon--border, .amd-card .amd-icon--circle .amd-icon--border {
border-color: #ccc; }
.amd-card-bg-color--light, .amd-card--light {
background-color: #005c80; }
.amd-card-bg-color--light .amd-card-title-btn-border, .amd-card--light .amd-card-title-btn-border, .amd-card-bg-color--light .amd-card__title-btn, .amd-card--light .amd-card__title-btn,
.amd-card-bg-color--light .amd-card__title-btn,
.amd-card--light .amd-card__title-btn {
border-left: 1px solid #004560; }
.amd-card-bg-color--light .amd-icon--circle .amd-icon--border, .amd-card--light .amd-icon--circle .amd-icon--border {
border-color: #004560; }
.amd-card-title-color, .amd-card__title h4 {
color: #42a3d0; }
.amd-card-title-color--light, .amd-card--light .amd-card__title h4,
.amd-card--light .amd-card__title-icon {
color: #80adbf; }
.amd-card-title-btn-border, .amd-card__title-btn {
border-left: 1px solid #003348; }
.amd-list-col-border {
border-left: 1px solid #80adbf; }
.amd-list-item-border {
border-bottom: 1px solid #003348; }
.amd-list-icon-color {
color: #42a3d0; }
.amd-list-title-color {
color: #80adbf; }
.u-theme--positive .amd-link,
.u-theme--positive .amd-button--accent,
.u-theme--positive .amd-accent-500,
.u-theme--positive .amd-button--primary,
.u-theme--positive .amd-primary-500,
.u-theme--positive .amd-button--light,
.u-theme--positive .amd-button--reverse,
.u-theme--positive .amd-select__centers .mat-select-placeholder.mat-floating-placeholder {
color: #0071b9 !important; }
.u-theme--positive .amd-list__check {
border-right: 2px solid #d1d1d1; }
.u-theme--positive .amd-toolbar__title {
color: #4e4e4e; }
.u-theme--positive .amd-toolbar__action ul li {
border-right: 1px solid #ccc; }
.u-theme--positive .amd-wizard {
border-left: 1px solid #ddd !important; }
.u-theme--positive .amd-select__centers .mat-select-value {
color: #777 !important; }
.u-theme--positive .amd-select__centers .mat-select-underline {
background-color: #ccc; }
.u-theme--positive .deadlines-cell {
background-color: #fff; }
.u-theme--positive .deadlines-list__text {
color: #696969; }
.u-theme--positive .deadlines-list a,
.u-theme--positive .deadlines-list a:visited {
color: #444; }
.u-theme--positive .deadlines-list__bar {
background-color: #e6e6e6;
color: #333; }
.u-theme--positive .deadlines-list__item {
border-bottom: 1px solid #ddd; }
.u-theme--positive .news-cell__text {
color: #333; }
.u-theme--positive .news-cell__date {
color: #696969; }
.u-theme--positive .info-grid .amd-icon--border {
border-color: #ccc !important; }
.u-theme--positive .info-grid .amd-list__text p {
color: #696969; }
.u-theme--positive .news-grid__cell__date {
color: #696969; }
.u-theme--positive .news-grid__cell__text {
color: #333; }
.u-theme--positive .order-check__label {
color: #4e4e4e !important; }
.u-theme--positive .order-details__legend .amd-title {
color: #696969; }
.u-theme--positive .order-details__legend__item {
color: #777; }
.u-theme--positive .order-details__legend__item span {
color: #666; }
.u-theme--positive .order-details__tabs .mat-expansion-panel-body tbody {
border-bottom: 1px solid #eee; }
.u-theme--positive .order-details__tabs .mat-expansion-panel-body tbody:nth-of-type(even) {
background-color: #f5f5f5; }
.u-theme--positive .order-details__tabs .mat-tab-label {
background-color: #fff;
color: #0071b9; }
.u-theme--positive .amd-table__td--toggle {
border-left: 1px solid #eee !important;
border-right: 1px solid #eee !important; }
.u-theme--positive .amd-title {
color: #818181; }
.u-theme--positive .amd-breadcrumb__bookmark .mat-button,
.u-theme--positive .amd-breadcrumb__icon,
.u-theme--positive .amd-button--expanded,
.u-theme--positive .amd-card__title-btn .mat-icon {
color: #0071b9 !important; }
.u-theme--positive .amd-bg--primary .amd-bg--highlight,
.u-theme--positive .amd-bg--accent .amd-bg--highlight {
color: #42a3d0; }
.u-theme--positive .amd-breadcrumb__content {
border-left: 2px solid #0071b9; }
.u-theme--positive .amd-bg--border::before {
border-left: 3px solid #0071b9; }
.u-theme--positive .amd-heading {
color: #42a3d0; }
.u-theme--positive .amd-breadcrumb__link,
.u-theme--positive .amd-breadcrumb__title,
.u-theme--positive .amd-breadcrumb_link:visited {
color: #333333; }
.u-theme--positive .amd-label {
background-color: #eee;
color: #777;
border-color: #ccc; }
.u-theme--positive .amd-label--primary {
color: #0071b9; }
.u-theme--positive .amd-label .fa {
color: #4caf50; }
.u-theme--positive .u-divider {
border-top: 1px solid #ddd; }
.u-theme--positive .amd-bg--accent,
.u-theme--positive .amd-bg--primary {
background-color: #f2f2f2;
color: #4e4e4e; }
.u-theme--positive .amd-legend__item {
color: #818181; }
.u-theme--positive .mat-container-colors {
background-color: #e6e6e6;
color: #4e4e4e; }
.u-theme--positive .mat-radio-outer-circle {
border-color: #ccc; }
.u-theme--positive .mat-checkbox-disabled .mat-checkbox-label {
color: #999; }
.u-theme--positive .mat-checkbox-frame {
border-color: #a4a4a4 !important; }
.u-theme--positive .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.u-theme--positive .mat-checkbox-checked.mat-accent .mat-checkbox-background {
background-color: #42a3d0 !important; }
.u-theme--positive .mat-checkbox-checkmark-path {
stroke: #fff !important; }
.u-theme--positive .mat-slide-toggle-thumb {
background-color: #eee; }
.u-theme--positive .mat-ink-bar {
background-color: #0071b9 !important; }
.u-theme--positive .mat-toolbar-colors {
background-color: white;
border-bottom: 1px solid #ccc; }
.u-theme--positive .mat-tab-link {
color: #696969; }
.u-theme--positive .mat-tab-body__description {
background-color: #fff; }
.u-theme--positive .mat-tab-body__title {
background-color: #fff;
border-bottom: 1px solid #ccc;
color: #80adbf; }
.u-theme--positive .app-footer {
background-color: #d6d6d6;
color: #696969; }
.u-theme--positive .app-footer__grid h4,
.u-theme--positive .footer-colors a,
.u-theme--positive .app-footer a {
color: #333; }
.u-theme--positive .mat-expansion-panel-body tbody {
border-bottom: 1px solid #eee; }
.u-theme--positive .mat-expansion-panel-body tbody:nth-of-type(even) {
background-color: #f5f5f5; }
.u-theme--positive .mat-tab-label {
background-color: #fff;
color: #0071b9; }
.u-theme--positive .mat-tab-label:focus {
background-color: #fff !important; }
.u-theme--positive .mat-hint {
color: #919191 !important; }
.u-theme--positive .mat-slide-toggle-bar {
background-color: #ddd; }
.u-theme--positive .mat-form-field-label, .u-theme--positive .amd-placeholder {
color: rgba(21, 21, 21, 0.7); }
.u-theme--positive .mat-form-field-underline,
.u-theme--positive .mat-form-field-underline {
background-color: #ddd !important; }
.u-theme--positive .mat-input-element,
.u-theme--positive .mat-select-value {
color: #444 !important; }
.u-theme--positive .amd-input--invalid .md2-datepicker-input {
border-bottom: 2px solid #f44336 !important; }
.u-theme--positive .amd-input--error,
.u-theme--positive .mat-input-error {
color: #f44336; }
.amd-contacts .amd-card__content {
padding-left: 0;
padding-right: 0; }
.amd-contacts .amd-list__col {
margin: 0 20px; }
.amd-contacts .amd-list__text {
padding-top: 5px; }
.amd-contacts__card--main {
background-color: #fff !important;
color: #4e4e4e; }
.amd-contacts__card--main .amd-list__item {
border-bottom: 1px solid #ddd; }
.amd-contacts__card--main .amd-list__col:last-child {
border-left: 0; }
.amd-contacts__card--main .amd-list__text h6 {
color: #333;
text-transform: uppercase; }
.amd-contacts__card--main .amd-card__footer {
border-top-color: #ddd; }
.amd-contacts__card--others {
background-color: #ddeef6;
color: #4e4e4e; }
.amd-contacts__card--others .amd-list__text h6 {
color: #333;
text-transform: uppercase; }
.amd-contacts__card--others .amd-list__item {
border-bottom-color: #b3ced9; }
.amd-contacts__card--others .amd-list__col:last-child {
border-left: 0; }
.amd-button-toggle-group {
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-border-radius: 2px;
border-radius: 2px;
cursor: pointer;
white-space: nowrap;
overflow: hidden; }
.amd-button-toggle-group .amd-button-toggle + .amd-button-toggle {
margin-left: -1px; }
.amd-button-toggle {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
white-space: nowrap;
position: relative;
outline: 0;
font-size: 14px;
color: #19becf;
line-height: 1 !important;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: .3s;
transition: .3s; }
.amd-button-toggle:first-child:not(:last-child):not(.amd-button-toggle--alone) {
-webkit-border-bottom-right-radius: 0;
border-bottom-right-radius: 0;
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0; }
.amd-button-toggle:not(:first-child):not(:last-child) {
-webkit-border-radius: 0;
border-radius: 0; }
.amd-button-toggle:last-child:not(:first-child):not(.amd-button-toggle--alone) {
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0; }
.amd-button-toggle:first-letter {
text-transform: uppercase; }
.amd-button-toggle mat-button,
.amd-button-toggle .mat-button {
padding: 0 20px !important;
border: 1px solid #19becf;
-webkit-border-radius: 2px;
border-radius: 2px;
line-height: 38px !important; }
.amd-button-toggle mat-button:hover:not([disabled]),
.amd-button-toggle .mat-button:hover:not([disabled]) {
background-color: rgba(25, 190, 207, 0.15); }
.amd-button-toggle mat-button[disabled],
.amd-button-toggle .mat-button[disabled] {
opacity: 0.3; }
.amd-button-toggle .amd-icon, .amd-button-toggle .fc .fc-next-button .ui-icon, .fc .fc-next-button .amd-button-toggle .ui-icon, .amd-button-toggle .fc .fc-prev-button .ui-icon, .fc .fc-prev-button .amd-button-toggle .ui-icon,
.amd-button-toggle .amd-icon--font {
display: inline-block;
margin-right: 2px; }
.amd-dialog__content .amd-button-toggle,
.u-theme--positive .amd-button-toggle {
color: #0071b9; }
.amd-dialog__content .amd-button-toggle mat-button,
.amd-dialog__content .amd-button-toggle .mat-button,
.u-theme--positive .amd-button-toggle mat-button,
.u-theme--positive .amd-button-toggle .mat-button {
padding: 0 20px !important;
border: 1px solid #0071b9; }
.amd-dialog__content .amd-button-toggle mat-button:hover:not([disabled]),
.amd-dialog__content .amd-button-toggle .mat-button:hover:not([disabled]),
.u-theme--positive .amd-button-toggle mat-button:hover:not([disabled]),
.u-theme--positive .amd-button-toggle .mat-button:hover:not([disabled]) {
border-color: #0071b9;
background-color: rgba(0, 113, 185, 0.15); }
.amd-dialog__content .amd-button-toggle mat-button[disabled],
.amd-dialog__content .amd-button-toggle .mat-button[disabled],
.u-theme--positive .amd-button-toggle mat-button[disabled],
.u-theme--positive .amd-button-toggle .mat-button[disabled] {
color: #0071b9 !important; }
.amd-counter {
color: #80adbf;
text-align: center;
position: relative;
overflow: hidden;
margin-bottom: 10px; }
.amd-counter__item:before, .amd-counter__item:after {
background-color: #004e6d;
content: "";
display: block;
height: 1px;
width: 48%;
position: absolute;
z-index: -1;
top: 6px;
right: -1%; }
.amd-counter__item:after {
left: -1%; }
/*!
* Quill Editor v1.3.6
* https://quilljs.com/
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com
*/
.ql-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
height: 100%;
margin: 0px;
position: relative; }
.ql-container.ql-disabled .ql-tooltip {
visibility: hidden; }
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
pointer-events: none; }
.ql-clipboard {
left: -100000px;
height: 1px;
overflow-y: hidden;
position: absolute;
top: 50%; }
.ql-clipboard p {
margin: 0;
padding: 0; }
.ql-editor {
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.42;
height: 100%;
outline: none;
overflow-y: auto;
padding: 12px 15px;
tab-size: 4;
-moz-tab-size: 4;
text-align: left;
white-space: pre-wrap;
word-wrap: break-word; }
.ql-editor > * {
cursor: text; }
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
margin: 0;
padding: 0;
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; }
.ql-editor ol,
.ql-editor ul {
padding-left: 1.5em; }
.ql-editor ol > li,
.ql-editor ul > li {
list-style-type: none; }
.ql-editor ul > li::before {
content: '\2022'; }
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
pointer-events: none; }
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
pointer-events: all; }
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
color: #777;
cursor: pointer;
pointer-events: all; }
.ql-editor ul[data-checked=true] > li::before {
content: '\2611'; }
.ql-editor ul[data-checked=false] > li::before {
content: '\2610'; }
.ql-editor li::before {
display: inline-block;
white-space: nowrap;
width: 1.2em; }
.ql-editor li:not(.ql-direction-rtl)::before {
margin-left: -1.5em;
margin-right: 0.3em;
text-align: right; }
.ql-editor li.ql-direction-rtl::before {
margin-left: 0.3em;
margin-right: -1.5em; }
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
padding-left: 1.5em; }
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
padding-right: 1.5em; }
.ql-editor ol li {
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
counter-increment: list-0; }
.ql-editor ol li:before {
content: counter(list-0, decimal) ". "; }
.ql-editor ol li.ql-indent-1 {
counter-increment: list-1; }
.ql-editor ol li.ql-indent-1:before {
content: counter(list-1, lower-alpha) ". "; }
.ql-editor ol li.ql-indent-1 {
counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; }
.ql-editor ol li.ql-indent-2 {
counter-increment: list-2; }
.ql-editor ol li.ql-indent-2:before {
content: counter(list-2, lower-roman) ". "; }
.ql-editor ol li.ql-indent-2 {
counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; }
.ql-editor ol li.ql-indent-3 {
counter-increment: list-3; }
.ql-editor ol li.ql-indent-3:before {
content: counter(list-3, decimal) ". "; }
.ql-editor ol li.ql-indent-3 {
counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; }
.ql-editor ol li.ql-indent-4 {
counter-increment: list-4; }
.ql-editor ol li.ql-indent-4:before {
content: counter(list-4, lower-alpha) ". "; }
.ql-editor ol li.ql-indent-4 {
counter-reset: list-5 list-6 list-7 list-8 list-9; }
.ql-editor ol li.ql-indent-5 {
counter-increment: list-5; }
.ql-editor ol li.ql-indent-5:before {
content: counter(list-5, lower-roman) ". "; }
.ql-editor ol li.ql-indent-5 {
counter-reset: list-6 list-7 list-8 list-9; }
.ql-editor ol li.ql-indent-6 {
counter-increment: list-6; }
.ql-editor ol li.ql-indent-6:before {
content: counter(list-6, decimal) ". "; }
.ql-editor ol li.ql-indent-6 {
counter-reset: list-7 list-8 list-9; }
.ql-editor ol li.ql-indent-7 {
counter-increment: list-7; }
.ql-editor ol li.ql-indent-7:before {
content: counter(list-7, lower-alpha) ". "; }
.ql-editor ol li.ql-indent-7 {
counter-reset: list-8 list-9; }
.ql-editor ol li.ql-indent-8 {
counter-increment: list-8; }
.ql-editor ol li.ql-indent-8:before {
content: counter(list-8, lower-roman) ". "; }
.ql-editor ol li.ql-indent-8 {
counter-reset: list-9; }
.ql-editor ol li.ql-indent-9 {
counter-increment: list-9; }
.ql-editor ol li.ql-indent-9:before {
content: counter(list-9, decimal) ". "; }
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
padding-left: 3em; }
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
padding-left: 4.5em; }
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 3em; }
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 4.5em; }
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
padding-left: 6em; }
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
padding-left: 7.5em; }
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 6em; }
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 7.5em; }
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
padding-left: 9em; }
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
padding-left: 10.5em; }
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 9em; }
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 10.5em; }
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
padding-left: 12em; }
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
padding-left: 13.5em; }
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 12em; }
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 13.5em; }
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
padding-left: 15em; }
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
padding-left: 16.5em; }
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 15em; }
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 16.5em; }
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
padding-left: 18em; }
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
padding-left: 19.5em; }
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 18em; }
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 19.5em; }
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
padding-left: 21em; }
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
padding-left: 22.5em; }
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 21em; }
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 22.5em; }
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
padding-left: 24em; }
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
padding-left: 25.5em; }
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 24em; }
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 25.5em; }
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
padding-left: 27em; }
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
padding-left: 28.5em; }
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 27em; }
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 28.5em; }
.ql-editor .ql-video {
display: block;
max-width: 100%; }
.ql-editor .ql-video.ql-align-center {
margin: 0 auto; }
.ql-editor .ql-video.ql-align-right {
margin: 0 0 0 auto; }
.ql-editor .ql-bg-black {
background-color: #000; }
.ql-editor .ql-bg-red {
background-color: #e60000; }
.ql-editor .ql-bg-orange {
background-color: #f90; }
.ql-editor .ql-bg-yellow {
background-color: #ff0; }
.ql-editor .ql-bg-green {
background-color: #008a00; }
.ql-editor .ql-bg-blue {
background-color: #06c; }
.ql-editor .ql-bg-purple {
background-color: #93f; }
.ql-editor .ql-color-white {
color: #fff; }
.ql-editor .ql-color-red {
color: #e60000; }
.ql-editor .ql-color-orange {
color: #f90; }
.ql-editor .ql-color-yellow {
color: #ff0; }
.ql-editor .ql-color-green {
color: #008a00; }
.ql-editor .ql-color-blue {
color: #06c; }
.ql-editor .ql-color-purple {
color: #93f; }
.ql-editor .ql-font-serif {
font-family: Georgia, Times New Roman, serif; }
.ql-editor .ql-font-monospace {
font-family: Monaco, Courier New, monospace; }
.ql-editor .ql-size-small {
font-size: 0.75em; }
.ql-editor .ql-size-large {
font-size: 1.5em; }
.ql-editor .ql-size-huge {
font-size: 2.5em; }
.ql-editor .ql-direction-rtl {
direction: rtl;
text-align: inherit; }
.ql-editor .ql-align-center {
text-align: center; }
.ql-editor .ql-align-justify {
text-align: justify; }
.ql-editor .ql-align-right {
text-align: right; }
.ql-editor.ql-blank::before {
color: rgba(0, 0, 0, 0.6);
content: attr(data-placeholder);
font-style: italic;
left: 15px;
pointer-events: none;
position: absolute;
right: 15px; }
/*!
* Quill Editor v1.3.6
* https://quilljs.com/
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com
*/
.ql-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
height: 100%;
margin: 0px;
position: relative; }
.ql-container.ql-disabled .ql-tooltip {
visibility: hidden; }
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
pointer-events: none; }
.ql-clipboard {
left: -100000px;
height: 1px;
overflow-y: hidden;
position: absolute;
top: 50%; }
.ql-clipboard p {
margin: 0;
padding: 0; }
.ql-editor {
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.42;
height: 100%;
outline: none;
overflow-y: auto;
padding: 12px 15px;
tab-size: 4;
-moz-tab-size: 4;
text-align: left;
white-space: pre-wrap;
word-wrap: break-word; }
.ql-editor > * {
cursor: text; }
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
margin: 0;
padding: 0;
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; }
.ql-editor ol,
.ql-editor ul {
padding-left: 1.5em; }
.ql-editor ol > li,
.ql-editor ul > li {
list-style-type: none; }
.ql-editor ul > li::before {
content: '\2022'; }
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
pointer-events: none; }
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
pointer-events: all; }
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
color: #777;
cursor: pointer;
pointer-events: all; }
.ql-editor ul[data-checked=true] > li::before {
content: '\2611'; }
.ql-editor ul[data-checked=false] > li::before {
content: '\2610'; }
.ql-editor li::before {
display: inline-block;
white-space: nowrap;
width: 1.2em; }
.ql-editor li:not(.ql-direction-rtl)::before {
margin-left: -1.5em;
margin-right: 0.3em;
text-align: right; }
.ql-editor li.ql-direction-rtl::before {
margin-left: 0.3em;
margin-right: -1.5em; }
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
padding-left: 1.5em; }
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
padding-right: 1.5em; }
.ql-editor ol li {
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
counter-increment: list-0; }
.ql-editor ol li:before {
content: counter(list-0, decimal) ". "; }
.ql-editor ol li.ql-indent-1 {
counter-increment: list-1; }
.ql-editor ol li.ql-indent-1:before {
content: counter(list-1, lower-alpha) ". "; }
.ql-editor ol li.ql-indent-1 {
counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; }
.ql-editor ol li.ql-indent-2 {
counter-increment: list-2; }
.ql-editor ol li.ql-indent-2:before {
content: counter(list-2, lower-roman) ". "; }
.ql-editor ol li.ql-indent-2 {
counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; }
.ql-editor ol li.ql-indent-3 {
counter-increment: list-3; }
.ql-editor ol li.ql-indent-3:before {
content: counter(list-3, decimal) ". "; }
.ql-editor ol li.ql-indent-3 {
counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; }
.ql-editor ol li.ql-indent-4 {
counter-increment: list-4; }
.ql-editor ol li.ql-indent-4:before {
content: counter(list-4, lower-alpha) ". "; }
.ql-editor ol li.ql-indent-4 {
counter-reset: list-5 list-6 list-7 list-8 list-9; }
.ql-editor ol li.ql-indent-5 {
counter-increment: list-5; }
.ql-editor ol li.ql-indent-5:before {
content: counter(list-5, lower-roman) ". "; }
.ql-editor ol li.ql-indent-5 {
counter-reset: list-6 list-7 list-8 list-9; }
.ql-editor ol li.ql-indent-6 {
counter-increment: list-6; }
.ql-editor ol li.ql-indent-6:before {
content: counter(list-6, decimal) ". "; }
.ql-editor ol li.ql-indent-6 {
counter-reset: list-7 list-8 list-9; }
.ql-editor ol li.ql-indent-7 {
counter-increment: list-7; }
.ql-editor ol li.ql-indent-7:before {
content: counter(list-7, lower-alpha) ". "; }
.ql-editor ol li.ql-indent-7 {
counter-reset: list-8 list-9; }
.ql-editor ol li.ql-indent-8 {
counter-increment: list-8; }
.ql-editor ol li.ql-indent-8:before {
content: counter(list-8, lower-roman) ". "; }
.ql-editor ol li.ql-indent-8 {
counter-reset: list-9; }
.ql-editor ol li.ql-indent-9 {
counter-increment: list-9; }
.ql-editor ol li.ql-indent-9:before {
content: counter(list-9, decimal) ". "; }
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
padding-left: 3em; }
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
padding-left: 4.5em; }
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 3em; }
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 4.5em; }
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
padding-left: 6em; }
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
padding-left: 7.5em; }
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 6em; }
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 7.5em; }
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
padding-left: 9em; }
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
padding-left: 10.5em; }
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 9em; }
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 10.5em; }
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
padding-left: 12em; }
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
padding-left: 13.5em; }
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 12em; }
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 13.5em; }
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
padding-left: 15em; }
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
padding-left: 16.5em; }
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 15em; }
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 16.5em; }
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
padding-left: 18em; }
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
padding-left: 19.5em; }
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 18em; }
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 19.5em; }
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
padding-left: 21em; }
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
padding-left: 22.5em; }
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 21em; }
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 22.5em; }
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
padding-left: 24em; }
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
padding-left: 25.5em; }
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 24em; }
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 25.5em; }
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
padding-left: 27em; }
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
padding-left: 28.5em; }
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 27em; }
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 28.5em; }
.ql-editor .ql-video {
display: block;
max-width: 100%; }
.ql-editor .ql-video.ql-align-center {
margin: 0 auto; }
.ql-editor .ql-video.ql-align-right {
margin: 0 0 0 auto; }
.ql-editor .ql-bg-black {
background-color: #000; }
.ql-editor .ql-bg-red {
background-color: #e60000; }
.ql-editor .ql-bg-orange {
background-color: #f90; }
.ql-editor .ql-bg-yellow {
background-color: #ff0; }
.ql-editor .ql-bg-green {
background-color: #008a00; }
.ql-editor .ql-bg-blue {
background-color: #06c; }
.ql-editor .ql-bg-purple {
background-color: #93f; }
.ql-editor .ql-color-white {
color: #fff; }
.ql-editor .ql-color-red {
color: #e60000; }
.ql-editor .ql-color-orange {
color: #f90; }
.ql-editor .ql-color-yellow {
color: #ff0; }
.ql-editor .ql-color-green {
color: #008a00; }
.ql-editor .ql-color-blue {
color: #06c; }
.ql-editor .ql-color-purple {
color: #93f; }
.ql-editor .ql-font-serif {
font-family: Georgia, Times New Roman, serif; }
.ql-editor .ql-font-monospace {
font-family: Monaco, Courier New, monospace; }
.ql-editor .ql-size-small {
font-size: 0.75em; }
.ql-editor .ql-size-large {
font-size: 1.5em; }
.ql-editor .ql-size-huge {
font-size: 2.5em; }
.ql-editor .ql-direction-rtl {
direction: rtl;
text-align: inherit; }
.ql-editor .ql-align-center {
text-align: center; }
.ql-editor .ql-align-justify {
text-align: justify; }
.ql-editor .ql-align-right {
text-align: right; }
.ql-editor.ql-blank::before {
color: rgba(0, 0, 0, 0.6);
content: attr(data-placeholder);
font-style: italic;
left: 15px;
pointer-events: none;
position: absolute;
right: 15px; }
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
clear: both;
content: '';
display: table; }
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
background: none;
border: none;
cursor: pointer;
display: inline-block;
float: left;
height: 24px;
padding: 3px 5px;
width: 28px; }
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
float: left;
height: 100%; }
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
outline: none; }
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
display: none; }
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
color: #06c; }
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
fill: #06c; }
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
stroke: #06c; }
@media (pointer: coarse) {
.ql-snow.ql-toolbar button:hover:not(.ql-active),
.ql-snow .ql-toolbar button:hover:not(.ql-active) {
color: #444; }
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
fill: #444; }
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
stroke: #444; } }
.ql-snow {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.ql-snow * {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.ql-snow .ql-hidden {
display: none; }
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
visibility: hidden; }
.ql-snow .ql-tooltip {
position: absolute;
-webkit-transform: translateY(10px);
transform: translateY(10px); }
.ql-snow .ql-tooltip a {
cursor: pointer;
text-decoration: none; }
.ql-snow .ql-tooltip.ql-flip {
-webkit-transform: translateY(-10px);
transform: translateY(-10px); }
.ql-snow .ql-formats {
display: inline-block;
vertical-align: middle; }
.ql-snow .ql-formats:after {
clear: both;
content: '';
display: table; }
.ql-snow .ql-stroke {
fill: none;
stroke: #444;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 2; }
.ql-snow .ql-stroke-miter {
fill: none;
stroke: #444;
stroke-miterlimit: 10;
stroke-width: 2; }
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
fill: #444; }
.ql-snow .ql-empty {
fill: none; }
.ql-snow .ql-even {
fill-rule: evenodd; }
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
stroke-width: 1; }
.ql-snow .ql-transparent {
opacity: 0.4; }
.ql-snow .ql-direction svg:last-child {
display: none; }
.ql-snow .ql-direction.ql-active svg:last-child {
display: inline; }
.ql-snow .ql-direction.ql-active svg:first-child {
display: none; }
.ql-snow .ql-editor h1 {
font-size: 2em; }
.ql-snow .ql-editor h2 {
font-size: 1.5em; }
.ql-snow .ql-editor h3 {
font-size: 1.17em; }
.ql-snow .ql-editor h4 {
font-size: 1em; }
.ql-snow .ql-editor h5 {
font-size: 0.83em; }
.ql-snow .ql-editor h6 {
font-size: 0.67em; }
.ql-snow .ql-editor a {
text-decoration: underline; }
.ql-snow .ql-editor blockquote {
border-left: 4px solid #ccc;
margin-bottom: 5px;
margin-top: 5px;
padding-left: 16px; }
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
background-color: #f0f0f0;
-webkit-border-radius: 3px;
border-radius: 3px; }
.ql-snow .ql-editor pre {
white-space: pre-wrap;
margin-bottom: 5px;
margin-top: 5px;
padding: 5px 10px; }
.ql-snow .ql-editor code {
font-size: 85%;
padding: 2px 4px; }
.ql-snow .ql-editor pre.ql-syntax {
background-color: #23241f;
color: #f8f8f2;
overflow: visible; }
.ql-snow .ql-editor img {
max-width: 100%; }
.ql-snow .ql-picker {
color: #444;
display: inline-block;
float: left;
font-size: 14px;
font-weight: 500;
height: 24px;
position: relative;
vertical-align: middle; }
.ql-snow .ql-picker-label {
cursor: pointer;
display: inline-block;
height: 100%;
padding-left: 8px;
padding-right: 2px;
position: relative;
width: 100%; }
.ql-snow .ql-picker-label::before {
display: inline-block;
line-height: 22px; }
.ql-snow .ql-picker-options {
background-color: #fff;
display: none;
min-width: 100%;
padding: 4px 8px;
position: absolute;
white-space: nowrap; }
.ql-snow .ql-picker-options .ql-picker-item {
cursor: pointer;
display: block;
padding-bottom: 5px;
padding-top: 5px; }
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
color: #ccc;
z-index: 2; }
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
fill: #ccc; }
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
stroke: #ccc; }
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
display: block;
margin-top: -1px;
top: 100%;
z-index: 1; }
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
width: 28px; }
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
padding: 2px 4px; }
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
right: 4px; }
.ql-snow .ql-icon-picker .ql-picker-options {
padding: 4px 0px; }
.ql-snow .ql-icon-picker .ql-picker-item {
height: 24px;
width: 24px;
padding: 2px 4px; }
.ql-snow .ql-color-picker .ql-picker-options {
padding: 3px 5px;
width: 152px; }
.ql-snow .ql-color-picker .ql-picker-item {
border: 1px solid transparent;
float: left;
height: 16px;
margin: 2px;
padding: 0px;
width: 16px; }
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
position: absolute;
margin-top: -9px;
right: 0;
top: 50%;
width: 18px; }
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
content: attr(data-label); }
.ql-snow .ql-picker.ql-header {
width: 98px; }
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
content: 'Normal'; }
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
content: 'Heading 1'; }
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
content: 'Heading 2'; }
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
content: 'Heading 3'; }
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
content: 'Heading 4'; }
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
content: 'Heading 5'; }
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
content: 'Heading 6'; }
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
font-size: 2em; }
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
font-size: 1.5em; }
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
font-size: 1.17em; }
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
font-size: 1em; }
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
font-size: 0.83em; }
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
font-size: 0.67em; }
.ql-snow .ql-picker.ql-font {
width: 108px; }
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
content: 'Sans Serif'; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
content: 'Serif'; }
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
content: 'Monospace'; }
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
font-family: Georgia, Times New Roman, serif; }
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
font-family: Monaco, Courier New, monospace; }
.ql-snow .ql-picker.ql-size {
width: 98px; }
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
content: 'Normal'; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
content: 'Small'; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
content: 'Large'; }
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
content: 'Huge'; }
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
font-size: 10px; }
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
font-size: 18px; }
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
font-size: 32px; }
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
background-color: #fff; }
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
background-color: #000; }
.ql-toolbar.ql-snow {
border: 1px solid #ccc;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
padding: 8px; }
.ql-toolbar.ql-snow .ql-formats {
margin-right: 15px; }
.ql-toolbar.ql-snow .ql-picker-label {
border: 1px solid transparent; }
.ql-toolbar.ql-snow .ql-picker-options {
border: 1px solid transparent;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px; }
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
border-color: #ccc; }
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
border-color: #ccc; }
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
border-color: #000; }
.ql-toolbar.ql-snow + .ql-container.ql-snow {
border-top: 0px; }
.ql-snow .ql-tooltip {
background-color: #fff;
border: 1px solid #ccc;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;
color: #444;
padding: 5px 12px;
white-space: nowrap; }
.ql-snow .ql-tooltip::before {
content: "Visit URL:";
line-height: 26px;
margin-right: 8px; }
.ql-snow .ql-tooltip input[type=text] {
display: none;
border: 1px solid #ccc;
font-size: 13px;
height: 26px;
margin: 0px;
padding: 3px 5px;
width: 170px; }
.ql-snow .ql-tooltip a.ql-preview {
display: inline-block;
max-width: 200px;
overflow-x: hidden;
text-overflow: ellipsis;
vertical-align: top; }
.ql-snow .ql-tooltip a.ql-action::after {
border-right: 1px solid #ccc;
content: 'Edit';
margin-left: 16px;
padding-right: 8px; }
.ql-snow .ql-tooltip a.ql-remove::before {
content: 'Remove';
margin-left: 8px; }
.ql-snow .ql-tooltip a {
line-height: 26px; }
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
display: none; }
.ql-snow .ql-tooltip.ql-editing input[type=text] {
display: inline-block; }
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
border-right: 0px;
content: 'Save';
padding-right: 0px; }
.ql-snow .ql-tooltip[data-mode=link]::before {
content: "Enter link:"; }
.ql-snow .ql-tooltip[data-mode=formula]::before {
content: "Enter formula:"; }
.ql-snow .ql-tooltip[data-mode=video]::before {
content: "Enter video:"; }
.ql-snow a {
color: #06c; }
.ql-container.ql-snow {
border: 1px solid #ccc; }
@font-face {
font-family: 'HelveticaNeueLTStd-Roman';
src: url("/assets/fonts/3447C2_6_0.eot");
src: url("/assets/fonts/3447C2_6_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_6_0.woff2") format("woff2"), url("/assets/fonts/3447C2_6_0.woff") format("woff"), url("/assets/fonts/3447C2_6_0.ttf") format("truetype"); }
@font-face {
font-family: 'HelveticaNeueLTStd-Bd';
src: url("/assets/fonts/3447C2_8_0.eot");
src: url("/assets/fonts/3447C2_8_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_8_0.woff2") format("woff2"), url("/assets/fonts/3447C2_8_0.woff") format("woff"), url("/assets/fonts/3447C2_8_0.ttf") format("truetype"); }
@font-face {
font-family: 'HelveticaNeueLTStd-Lt';
src: url("/assets/fonts/3447C2_3_0.eot");
src: url("/assets/fonts/3447C2_3_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_3_0.woff2") format("woff2"), url("/assets/fonts/3447C2_3_0.woff") format("woff"), url("/assets/fonts/3447C2_3_0.ttf") format("truetype"); }
@font-face {
font-family: 'HelveticaNeueLTStd-Md';
src: url("/assets/fonts/3447C2_5_0.eot");
src: url("/assets/fonts/3447C2_5_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/3447C2_5_0.woff2") format("woff2"), url("/assets/fonts/3447C2_5_0.woff") format("woff"), url("/assets/fonts/3447C2_5_0.ttf") format("truetype"); }
.HelveticaNeueLTStd-Roman, body, .mat-form-field,
.mat-input-element,
.mat-form-field-label, .amd-placeholder,
.md2-datepicker,
.md2-datepicker-value,
.md2-datepicker-placeholder,
.mat-radio-label-content,
.mat-radio-button,
.mat-select,
.mat-select-placeholder,
.mat-select-value-text,
.mat-option,
.mat-checkbox,
.mat-list-item,
.mat-tab-group,
.mat-expansion-panel-content,
.mat-bottom-sheet-container, .mat-tab-body__description, .mat-list .mat-subheader,
.mat-nav-list .mat-subheader, .introjs-button, .amd-button, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .amd-card__title--normal, .amd-expansion-panel__subtitle, .amd-link, .amd-link--station .amd-link__title, .amd-list__subtext, .amd-check-item__alert .amd-button, .theme--myald-dialog .amd-files-list__item.mat-list-item .amd-files-list__name {
font-family: HelveticaNeueLTStd-Roman, Arial, Helvetica, sans-serif !important; }
.HelveticaNeueLTStd-Bd, b,
strong, h2, h6, .mat-horizontal-stepper-header .mat-step-icon, .mat-step-text-label, .mat-tab-label,
.mat-tab-link, .mat-tab-body__title, .mat-expansion-panel-header-title, .mat-chip, .mat-menu-panel .mat-subheader, .u-main-title, .amd-dialog__header .mat-dialog-title, .u-phone, .amd-user, .amd-title, .amd-label, .fc .fc-toolbar h2, .introjs-tooltip--welcome .introjs-head h3, .introjs-subtitle, .introjs-title, .amd-bottom-nav__item .amd-bottom-nav__button, .amd-button--reverse, .amd-button--raised, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .amd-button--expanded, .amd-button--uppercase, .amd-card__title h4, .amd-dialog .amd-files-counter, .amd-multi-panels .mat-tab-label-active, .amd-expansion-panel__description .amd-button, .amd-expansion-panel__description .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .amd-expansion-panel__description .introjs-nextbutton, .amd-expansion-panel__filters, .amd-files-list__name, .amd-items-counter .amd-button, .amd-items-counter .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .amd-items-counter .introjs-nextbutton, .amd-items-counter__subtitle, .amd-link--reverse span, .amd-link--text, .amd-link__title, .amd-link__info, .amd-list--events h4, .amd-list__title, .amd-list__text .title,
.amd-list__text h6, .amd-list--sidenav .mat-list-item, .amd-list--selection .amd-list__subheader, .amd-message, .amd-notification, table.mat-table .mat-header-cell, .amd-table th, .amd-table__col--highlighted, .amd-stepper__step--active .amd-stepper__name, .amd-stepper__icon, .amd-stepper__icon-disabled, .amd-heading, .amd-notify__title, .amd-badge__title, .amd-check-item__name p, .amd-check-item__status, .amd-check-item__counter, .amd-button-toggle, .theme--myald .amd-button--raised, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .introjs-nextbutton,
.theme--myald .amd-button-raised-color,
.theme--myald a.amd-button.amd-button--light.cta-button, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.cta-button.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.cta-button.introjs-nextbutton,
.theme--myald a.amd-button.amd-button--light.stepper-prev.myald-button-inverse, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.stepper-prev.myald-button-inverse.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.stepper-prev.myald-button-inverse.introjs-nextbutton, .theme--myald a.amd-button.amd-button--light.cta-button.myald--aggiungi-controparte, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.cta-button.myald--aggiungi-controparte.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.cta-button.myald--aggiungi-controparte.introjs-nextbutton,
.theme--myald a.amd-button.amd-button--light.stepper-prev.myald--aggiungi-controparte, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.stepper-prev.myald--aggiungi-controparte.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.stepper-prev.myald--aggiungi-controparte.introjs-nextbutton,
.theme--myald a.amd-link.amd-link--dark.ald-generic-add,
.theme--myald button.amd-button.amd-button--raised.button-panel-title.cta-button.myald--aggiungi-controparte, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.button-panel-title.cta-button.myald--aggiungi-controparte.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald button.button-panel-title.cta-button.myald--aggiungi-controparte.introjs-nextbutton, .theme--myald .action-button.action-button--myald button.amd-button.amd-button--raised.stepper-next.mat-button.mat-raised-button, .theme--myald .action-button.action-button--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.stepper-next.mat-button.mat-raised-button.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .action-button.action-button--myald button.stepper-next.mat-button.mat-raised-button.introjs-nextbutton,
.theme--myald .action-button.action-button--myald button.amd-button.amd-button--raised.stepper-prev.mat-button.mat-raised-button, .theme--myald .action-button.action-button--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.stepper-prev.mat-button.mat-raised-button.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .action-button.action-button--myald button.stepper-prev.mat-button.mat-raised-button.introjs-nextbutton, .theme--myald .pre-step a.amd-button.amd-button--light, .theme--myald .pre-step .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .pre-step a.amd-button--light.introjs-nextbutton, .theme--myald .pre-step p.prestep-ald, .theme--myald .myald-bottom-navigation-btn, .theme--myald .myald-typage-title, .theme--myald .scarica-documento, .theme--myald-dialog a.amd-button.amd-button--reverse, .theme--myald-dialog .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--reverse.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald-dialog a.amd-button--reverse.introjs-nextbutton {
font-family: HelveticaNeueLTStd-Bd, Arial, Helvetica, sans-serif !important;
font-weight: normal !important; }
.HelveticaNeueLTStd-Md, .mat-error, .amd-legend__item, .claims-bottom-box, .fc .fc-head-container th, .fc .fc-time, .fc .fc-event, .amd-expansion-panel__recap, .amd-input--error, .amd-items-counter__title, .amd-link--station .amd-link__subtitle, .amd-link--station .amd-link__distance, .amd-check-item__date {
font-family: HelveticaNeueLTStd-Md, Arial, Helvetica, sans-serif !important; }
.HelveticaNeueLTStd-Lt, .amd-link--station .amd-link__note {
font-family: HelveticaNeueLTStd-Lt, Arial, Helvetica, sans-serif !important; }
/**
* Applies styles for users in high contrast mode. Note that this only applies
* to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
* attribute, however Chrome handles high contrast differently.
* @param target Which kind of high contrast setting to target. Defaults to `active`, can be
* `white-on-black` or `black-on-white`.
*/
/* Theme for the ripple elements.*/
/* stylelint-disable material/no-prefixes */
/* stylelint-enable */
.mat-elevation-z0 {
-webkit-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);
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); }
.mat-elevation-z1 {
-webkit-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);
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); }
.mat-elevation-z2 {
-webkit-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);
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); }
.mat-elevation-z3 {
-webkit-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);
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); }
.mat-elevation-z4 {
-webkit-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);
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); }
.mat-elevation-z5 {
-webkit-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);
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); }
.mat-elevation-z6 {
-webkit-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);
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); }
.mat-elevation-z7 {
-webkit-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);
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); }
.mat-elevation-z8 {
-webkit-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);
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); }
.mat-elevation-z9 {
-webkit-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);
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); }
.mat-elevation-z10 {
-webkit-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);
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); }
.mat-elevation-z11 {
-webkit-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);
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); }
.mat-elevation-z12 {
-webkit-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);
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); }
.mat-elevation-z13 {
-webkit-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);
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); }
.mat-elevation-z14 {
-webkit-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);
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); }
.mat-elevation-z15 {
-webkit-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);
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); }
.mat-elevation-z16 {
-webkit-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);
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); }
.mat-elevation-z17 {
-webkit-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);
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); }
.mat-elevation-z18 {
-webkit-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);
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); }
.mat-elevation-z19 {
-webkit-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);
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); }
.mat-elevation-z20 {
-webkit-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);
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); }
.mat-elevation-z21 {
-webkit-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);
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); }
.mat-elevation-z22 {
-webkit-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);
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); }
.mat-elevation-z23 {
-webkit-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);
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); }
.mat-elevation-z24 {
-webkit-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);
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); }
.mat-badge-content {
font-weight: 600;
font-size: 12px;
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-badge-small .mat-badge-content {
font-size: 6px; }
.mat-badge-large .mat-badge-content {
font-size: 24px; }
.mat-h1, .mat-headline, .mat-typography h1 {
font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h2, .mat-title, .mat-typography h2 {
font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h3, .mat-subheading-2, .mat-typography h3 {
font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h4, .mat-subheading-1, .mat-typography h4 {
font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 16px; }
.mat-h5, .mat-typography h5 {
font: 400 11.62px/20px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 12px; }
.mat-h6, .mat-typography h6 {
font: 400 9.38px/20px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 12px; }
.mat-body-strong, .mat-body-2 {
font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
.mat-body, .mat-body-1, .mat-typography {
font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-body p, .mat-body-1 p, .mat-typography p {
margin: 0 0 12px; }
.mat-small, .mat-caption {
font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-display-4, .mat-typography .mat-display-4 {
font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 56px;
letter-spacing: -0.05em; }
.mat-display-3, .mat-typography .mat-display-3 {
font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 64px;
letter-spacing: -0.02em; }
.mat-display-2, .mat-typography .mat-display-2 {
font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 64px;
letter-spacing: -0.005em; }
.mat-display-1, .mat-typography .mat-display-1 {
font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
margin: 0 0 64px; }
.mat-bottom-sheet-container {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 16px;
font-weight: 400; }
.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500; }
.mat-button-toggle {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-card {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-card-title {
font-size: 24px;
font-weight: 400; }
.mat-card-subtitle,
.mat-card-content,
.mat-card-header .mat-card-title {
font-size: 14px; }
.mat-checkbox {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-checkbox-layout .mat-checkbox-label {
line-height: 24px; }
.mat-chip {
font-size: 13px;
line-height: 18px; }
.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
font-size: 18px; }
.mat-table {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-header-cell {
font-size: 12px;
font-weight: 500; }
.mat-cell, .mat-footer-cell {
font-size: 14px; }
.mat-calendar {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-calendar-body {
font-size: 13px; }
.mat-calendar-body-label,
.mat-calendar-period-button {
font-size: 14px;
font-weight: 500; }
.mat-calendar-table-header th {
font-size: 11px;
font-weight: 400; }
.mat-dialog-title {
font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; }
.mat-expansion-panel-header {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 15px;
font-weight: 400; }
.mat-expansion-panel-content {
font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-form-field {
font-size: inherit;
font-weight: 400;
line-height: 1.125;
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-form-field-wrapper {
padding-bottom: 1.34375em; }
.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
font-size: 150%;
line-height: 1.125; }
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
height: 1.5em;
width: 1.5em; }
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
height: 1.125em;
line-height: 1.125; }
.mat-form-field-infix {
padding: 0.5em 0;
border-top: 0.84375em solid transparent; }
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.34375em) scale(0.75);
transform: translateY(-1.34375em) scale(0.75);
width: 133.33333333%; }
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label, .mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.34374em) scale(0.75);
transform: translateY(-1.34374em) scale(0.75);
width: 133.33334333%; }
.mat-form-field-label-wrapper {
top: -0.84375em;
padding-top: 0.84375em; }
.mat-form-field-label, .amd-placeholder {
top: 1.34375em; }
.mat-form-field-underline {
bottom: 1.34375em; }
.mat-form-field-subscript-wrapper {
font-size: 75%;
margin-top: 0.66666667em;
top: -webkit-calc(100% - 1.79166667em);
top: calc(100% - 1.79166667em); }
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
padding-bottom: 1.25em; }
.mat-form-field-appearance-legacy .mat-form-field-infix {
padding: 0.4375em 0; }
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-ms-transform: translateY(-1.28125em) scale(0.75);
width: 133.33333333%; }
.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, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
-ms-transform: translateY(-1.28124em) scale(0.75);
width: 133.33334333%; }
.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, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
-ms-transform: translateY(-1.28123em) scale(0.75);
width: 133.33335333%; }
.mat-form-field-appearance-legacy .mat-form-field-label, .mat-form-field-appearance-legacy .amd-placeholder {
top: 1.28125em; }
.mat-form-field-appearance-legacy .mat-form-field-underline {
bottom: 1.25em; }
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
margin-top: 0.54166667em;
top: -webkit-calc(100% - 1.66666667em);
top: calc(100% - 1.66666667em); }
.mat-form-field-appearance-fill .mat-form-field-infix {
padding: 0.25em 0 0.75em 0; }
.mat-form-field-appearance-fill .mat-form-field-label, .mat-form-field-appearance-fill .amd-placeholder {
top: 1.09375em;
margin-top: -0.5em; }
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-0.59375em) scale(0.75);
transform: translateY(-0.59375em) scale(0.75);
width: 133.33333333%; }
.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, .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-0.59374em) scale(0.75);
transform: translateY(-0.59374em) scale(0.75);
width: 133.33334333%; }
.mat-form-field-appearance-outline .mat-form-field-infix {
padding: 1em 0 1em 0; }
.mat-form-field-appearance-outline .mat-form-field-label, .mat-form-field-appearance-outline .amd-placeholder {
top: 1.84375em;
margin-top: -0.25em; }
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .amd-placeholder,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.59375em) scale(0.75);
transform: translateY(-1.59375em) scale(0.75);
width: 133.33333333%; }
.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, .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .amd-placeholder {
-webkit-transform: translateY(-1.59374em) scale(0.75);
transform: translateY(-1.59374em) scale(0.75);
width: 133.33334333%; }
.mat-grid-tile-header,
.mat-grid-tile-footer {
font-size: 14px; }
.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
font-size: 12px; }
input.mat-input-element {
margin-top: -0.0625em; }
.mat-menu-item {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 16px;
font-weight: 400; }
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 12px; }
.mat-radio-button {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-select {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-select-trigger {
height: 1.125em; }
.mat-slide-toggle-content {
font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
.mat-slider-thumb-label-text {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 12px;
font-weight: 500; }
.mat-stepper-vertical, .mat-stepper-horizontal {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-step-label {
font-size: 14px;
font-weight: 400; }
.mat-step-label-selected {
font-size: 14px;
font-weight: 500; }
.mat-tab-group {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-tab-label, .mat-tab-link {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500; }
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
margin: 0; }
.mat-tooltip {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 10px;
padding-top: 6px;
padding-bottom: 6px; }
.mat-tooltip-handset {
font-size: 14px;
padding-top: 9px;
padding-bottom: 9px; }
.mat-list-item {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-list-option {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
font-size: 16px; }
.mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
font-size: 14px; }
.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
font-size: 16px; }
.mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
font-size: 14px; }
.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500; }
.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
font-size: 12px; }
.mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
font-size: 12px; }
.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
font-size: 12px; }
.mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
font-size: 12px; }
.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 12px;
font-weight: 500; }
.mat-option {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 16px; }
.mat-optgroup-label {
font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }
.mat-simple-snackbar {
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 14px; }
.mat-simple-snackbar-action {
line-height: 1;
font-family: inherit;
font-size: inherit;
font-weight: 500; }
.mat-tree {
font-family: Roboto, "Helvetica Neue", sans-serif; }
.mat-tree-node {
font-weight: 400;
font-size: 14px; }
.mat-ripple {
overflow: hidden; }
.mat-ripple.mat-ripple-unbounded {
overflow: visible; }
.mat-ripple-element {
position: absolute;
-webkit-border-radius: 50%;
border-radius: 50%;
pointer-events: none;
-webkit-transition: opacity, -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity, -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0ms cubic-bezier(0, 0, 0.2, 1);
-webkit-transform: scale(0);
transform: scale(0); }
@media screen and (-ms-high-contrast: active) {
.mat-ripple-element {
display: none; } }
.cdk-visually-hidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
outline: 0;
-webkit-appearance: none;
-moz-appearance: none; }
.cdk-overlay-container, .cdk-global-overlay-wrapper {
pointer-events: none;
top: 0;
left: 0;
height: 100%;
width: 100%; }
.cdk-overlay-container {
position: fixed;
z-index: 1000; }
.cdk-overlay-container:empty {
display: none; }
.cdk-global-overlay-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: flex;
position: absolute;
z-index: 1000; }
.cdk-overlay-pane {
position: absolute;
pointer-events: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 1000;
display: -webkit-box;
display: -webkit-flex;
display: flex;
max-width: 100%;
max-height: 100%; }
.cdk-overlay-backdrop {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
pointer-events: auto;
-webkit-tap-highlight-color: transparent;
-webkit-transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
opacity: 0; }
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
opacity: 1; }
@media screen and (-ms-high-contrast: active) {
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
opacity: 0.6; } }
.cdk-overlay-dark-backdrop {
background: rgba(0, 0, 0, 0.288); }
.cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
opacity: 0; }
.cdk-overlay-connected-position-bounding-box {
position: absolute;
z-index: 1000;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
min-width: 1px;
min-height: 1px; }
.cdk-global-scrollblock {
position: fixed;
width: 100%;
overflow-y: scroll; }
@keyframes cdk-text-field-autofill-start {
/*!*/ }
@keyframes cdk-text-field-autofill-end {
/*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
-webkit-animation-name: cdk-text-field-autofill-start;
animation-name: cdk-text-field-autofill-start; }
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
-webkit-animation-name: cdk-text-field-autofill-end;
animation-name: cdk-text-field-autofill-end; }
textarea.cdk-textarea-autosize {
resize: none; }
textarea.cdk-textarea-autosize-measuring {
height: auto !important;
overflow: hidden !important;
padding: 2px 0 !important;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important; }
.mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-option {
color: white; }
.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
background: rgba(255, 255, 255, 0.04); }
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
background: rgba(255, 255, 255, 0.04); }
.mat-option.mat-active {
background: rgba(255, 255, 255, 0.04);
color: white; }
.mat-option.mat-option-disabled {
color: rgba(255, 255, 255, 0.5); }
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
color: #19becf; }
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
color: #005c80; }
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
color: #f44336; }
.mat-optgroup-label {
color: rgba(255, 255, 255, 0.7); }
.mat-optgroup-disabled .mat-optgroup-label {
color: rgba(255, 255, 255, 0.5); }
.mat-pseudo-checkbox {
color: rgba(255, 255, 255, 0.7); }
.mat-pseudo-checkbox::after {
color: #303030; }
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
background: #005c80; }
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
background: #19becf; }
.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
background: #f44336; }
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
background: #686868; }
.mat-app-background {
background-color: #303030;
color: white; }
.mat-theme-loaded-marker {
display: none; }
.mat-autocomplete-panel {
background: #424242;
color: white; }
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
background: #424242; }
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
color: white; }
.mat-badge-content {
color: white;
background: #19becf; }
.mat-badge-accent .mat-badge-content {
background: #005c80;
color: white; }
.mat-badge-warn .mat-badge-content {
color: white;
background: #f44336; }
.mat-badge {
position: relative; }
.mat-badge-hidden .mat-badge-content {
display: none; }
.mat-badge-content {
position: absolute;
text-align: center;
display: inline-block;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: -webkit-transform 200ms ease-in-out;
transition: -webkit-transform 200ms ease-in-out;
transition: transform 200ms ease-in-out;
transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
-webkit-transform: scale(0.6);
transform: scale(0.6);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
pointer-events: none; }
.mat-badge-content.mat-badge-active {
-webkit-transform: none;
transform: none; }
.mat-badge-small .mat-badge-content {
width: 16px;
height: 16px;
line-height: 16px; }
@media screen and (-ms-high-contrast: active) {
.mat-badge-small .mat-badge-content {
outline: solid 1px;
-webkit-border-radius: 0;
border-radius: 0; } }
.mat-badge-small.mat-badge-above .mat-badge-content {
top: -8px; }
.mat-badge-small.mat-badge-below .mat-badge-content {
bottom: -8px; }
.mat-badge-small.mat-badge-before .mat-badge-content {
left: -16px; }
[dir='rtl'] .mat-badge-small.mat-badge-before .mat-badge-content {
left: auto;
right: -16px; }
.mat-badge-small.mat-badge-after .mat-badge-content {
right: -16px; }
[dir='rtl'] .mat-badge-small.mat-badge-after .mat-badge-content {
right: auto;
left: -16px; }
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -8px; }
[dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -8px; }
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -8px; }
[dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -8px; }
.mat-badge-medium .mat-badge-content {
width: 22px;
height: 22px;
line-height: 22px; }
@media screen and (-ms-high-contrast: active) {
.mat-badge-medium .mat-badge-content {
outline: solid 1px;
-webkit-border-radius: 0;
border-radius: 0; } }
.mat-badge-medium.mat-badge-above .mat-badge-content {
top: -11px; }
.mat-badge-medium.mat-badge-below .mat-badge-content {
bottom: -11px; }
.mat-badge-medium.mat-badge-before .mat-badge-content {
left: -22px; }
[dir='rtl'] .mat-badge-medium.mat-badge-before .mat-badge-content {
left: auto;
right: -22px; }
.mat-badge-medium.mat-badge-after .mat-badge-content {
right: -22px; }
[dir='rtl'] .mat-badge-medium.mat-badge-after .mat-badge-content {
right: auto;
left: -22px; }
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -11px; }
[dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -11px; }
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -11px; }
[dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -11px; }
.mat-badge-large .mat-badge-content {
width: 28px;
height: 28px;
line-height: 28px; }
@media screen and (-ms-high-contrast: active) {
.mat-badge-large .mat-badge-content {
outline: solid 1px;
-webkit-border-radius: 0;
border-radius: 0; } }
.mat-badge-large.mat-badge-above .mat-badge-content {
top: -14px; }
.mat-badge-large.mat-badge-below .mat-badge-content {
bottom: -14px; }
.mat-badge-large.mat-badge-before .mat-badge-content {
left: -28px; }
[dir='rtl'] .mat-badge-large.mat-badge-before .mat-badge-content {
left: auto;
right: -28px; }
.mat-badge-large.mat-badge-after .mat-badge-content {
right: -28px; }
[dir='rtl'] .mat-badge-large.mat-badge-after .mat-badge-content {
right: auto;
left: -28px; }
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: -14px; }
[dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
left: auto;
right: -14px; }
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: -14px; }
[dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
right: auto;
left: -14px; }
.mat-bottom-sheet-container {
background: #424242;
color: white; }
.mat-button, .mat-icon-button, .mat-stroked-button {
color: inherit;
background: transparent; }
.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
color: #19becf; }
.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
color: #005c80; }
.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
color: #f44336; }
.mat-button.mat-primary[disabled], .mat-button.mat-accent[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled], .mat-stroked-button.mat-primary[disabled], .mat-stroked-button.mat-accent[disabled], .mat-stroked-button.mat-warn[disabled], .mat-stroked-button[disabled][disabled] {
color: rgba(255, 255, 255, 0.3); }
.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
background-color: rgba(25, 190, 207, 0.12); }
.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
background-color: rgba(0, 92, 128, 0.12); }
.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
background-color: rgba(244, 67, 54, 0.12); }
.mat-button[disabled] .mat-button-focus-overlay, .mat-icon-button[disabled] .mat-button-focus-overlay, .mat-stroked-button[disabled] .mat-button-focus-overlay {
background-color: transparent; }
.mat-button.mat-primary .mat-ripple-element, .mat-icon-button.mat-primary .mat-ripple-element, .mat-stroked-button.mat-primary .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.1); }
.mat-button.mat-accent .mat-ripple-element, .mat-icon-button.mat-accent .mat-ripple-element, .mat-stroked-button.mat-accent .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.1); }
.mat-button.mat-warn .mat-ripple-element, .mat-icon-button.mat-warn .mat-ripple-element, .mat-stroked-button.mat-warn .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.1); }
.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
color: white;
background-color: #424242; }
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
color: white; }
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
color: white; }
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
color: white; }
.mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
color: rgba(255, 255, 255, 0.3); }
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
background-color: #19becf; }
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
background-color: #005c80; }
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
background-color: #f44336; }
.mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
background-color: rgba(255, 255, 255, 0.12); }
.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.1); }
.mat-icon-button.mat-primary .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.2); }
.mat-icon-button.mat-accent .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.2); }
.mat-icon-button.mat-warn .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.2); }
.mat-button-toggle {
color: rgba(255, 255, 255, 0.5); }
.mat-button-toggle .mat-button-toggle-focus-overlay {
background-color: rgba(255, 255, 255, 0.12); }
.mat-button-toggle-checked {
background-color: #212121;
color: rgba(255, 255, 255, 0.7); }
.mat-button-toggle-disabled {
background-color: black;
color: rgba(255, 255, 255, 0.3); }
.mat-button-toggle-disabled.mat-button-toggle-checked {
background-color: #424242; }
.mat-card {
background: #424242;
color: white; }
.mat-card-subtitle {
color: rgba(255, 255, 255, 0.7); }
.mat-checkbox-frame {
border-color: rgba(255, 255, 255, 0.7); }
.mat-checkbox-checkmark {
fill: #303030; }
.mat-checkbox-checkmark-path {
stroke: #303030 !important; }
@media screen and (-ms-high-contrast: black-on-white) {
.mat-checkbox-checkmark-path {
stroke: #000 !important; } }
.mat-checkbox-mixedmark {
background-color: #303030; }
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
background-color: #19becf; }
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
background-color: #005c80; }
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
background-color: #f44336; }
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
background-color: #686868; }
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
border-color: #686868; }
.mat-checkbox-disabled .mat-checkbox-label {
color: #686868; }
@media screen and (-ms-high-contrast: active) {
.mat-checkbox-disabled {
opacity: 0.5; } }
@media screen and (-ms-high-contrast: active) {
.mat-checkbox-background {
background: none; } }
.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.26); }
.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.26); }
.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.26); }
.mat-chip.mat-standard-chip {
background-color: #616161;
color: white; }
.mat-chip.mat-standard-chip .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip .mat-chip-remove:hover {
opacity: 0.54; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
background-color: #19becf;
color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
opacity: 0.54; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
background-color: #f44336;
color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
opacity: 0.54; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
background-color: #005c80;
color: white; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
color: white;
opacity: 0.4; }
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
opacity: 0.54; }
.mat-table {
background: #424242; }
.mat-table thead, .mat-table tbody, .mat-table tfoot,
mat-header-row, mat-row, mat-footer-row,
[mat-header-row], [mat-row], [mat-footer-row],
.mat-table-sticky {
background: inherit; }
mat-row, mat-header-row, mat-footer-row,
th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
border-bottom-color: rgba(255, 255, 255, 0.12); }
.mat-header-cell {
color: rgba(255, 255, 255, 0.7); }
.mat-cell, .mat-footer-cell {
color: white; }
.mat-calendar-arrow {
border-top-color: white; }
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
color: white; }
.mat-calendar-table-header {
color: rgba(255, 255, 255, 0.5); }
.mat-calendar-table-header-divider::after {
background: rgba(255, 255, 255, 0.12); }
.mat-calendar-body-label {
color: rgba(255, 255, 255, 0.7); }
.mat-calendar-body-cell-content {
color: white;
border-color: transparent; }
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
color: rgba(255, 255, 255, 0.5); }
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
background-color: rgba(255, 255, 255, 0.04); }
.mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(255, 255, 255, 0.5); }
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(255, 255, 255, 0.3); }
.mat-calendar-body-selected {
background-color: #19becf;
color: white; }
.mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(25, 190, 207, 0.4); }
.mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content {
background-color: #424242;
color: white; }
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
background-color: #005c80;
color: white; }
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(0, 92, 128, 0.4); }
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
background-color: #f44336;
color: white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(244, 67, 54, 0.4); }
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-toggle-active {
color: #19becf; }
.mat-datepicker-toggle-active.mat-accent {
color: #005c80; }
.mat-datepicker-toggle-active.mat-warn {
color: #f44336; }
.mat-dialog-container {
background: #424242;
color: white; }
.mat-divider {
border-top-color: rgba(255, 255, 255, 0.12); }
.mat-divider-vertical {
border-right-color: rgba(255, 255, 255, 0.12); }
.mat-expansion-panel {
background: #424242;
color: white; }
.mat-action-row {
border-top-color: rgba(255, 255, 255, 0.12); }
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']):hover {
background: rgba(255, 255, 255, 0.04); }
@media (hover: none) {
.mat-expansion-panel:not(.mat-expanded):not([aria-disabled='true']) .mat-expansion-panel-header:hover {
background: #424242; } }
.mat-expansion-panel-header-title {
color: white; }
.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
color: rgba(255, 255, 255, 0.7); }
.mat-expansion-panel-header[aria-disabled='true'] {
color: rgba(255, 255, 255, 0.3); }
.mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-description {
color: inherit; }
.mat-form-field-label, .amd-placeholder {
color: rgba(255, 255, 255, 0.7); }
.mat-hint {
color: rgba(255, 255, 255, 0.7); }
.mat-form-field.mat-focused .mat-form-field-label, .mat-form-field.mat-focused .amd-placeholder {
color: #19becf; }
.mat-form-field.mat-focused .mat-form-field-label.mat-accent, .mat-form-field.mat-focused .mat-accent.amd-placeholder {
color: #005c80; }
.mat-form-field.mat-focused .mat-form-field-label.mat-warn, .mat-form-field.mat-focused .mat-warn.amd-placeholder {
color: #f44336; }
.mat-focused .mat-form-field-required-marker {
color: #005c80; }
.mat-form-field-ripple {
background-color: white; }
.mat-form-field.mat-focused .mat-form-field-ripple {
background-color: #19becf; }
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
background-color: #005c80; }
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
background-color: #f44336; }
.mat-form-field.mat-form-field-invalid .mat-form-field-label, .mat-form-field.mat-form-field-invalid .amd-placeholder {
color: #f44336; }
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, .mat-form-field.mat-form-field-invalid .mat-accent.amd-placeholder,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,
.mat-form-field.mat-form-field-invalid .amd-placeholder .mat-form-field-required-marker {
color: #f44336; }
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
background-color: #f44336; }
.mat-error {
color: #f44336; }
.mat-form-field-appearance-legacy .mat-form-field-label, .mat-form-field-appearance-legacy .amd-placeholder {
color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-legacy .mat-hint {
color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-legacy .mat-form-field-underline {
background-color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.7)), color-stop(33%, rgba(255, 255, 255, 0.7)), color-stop(0%, transparent));
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
background-size: 4px 100%;
background-repeat: repeat-x; }
.mat-form-field-appearance-standard .mat-form-field-underline {
background-color: rgba(255, 255, 255, 0.7); }
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.7)), color-stop(33%, rgba(255, 255, 255, 0.7)), color-stop(0%, transparent));
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
background-size: 4px 100%;
background-repeat: repeat-x; }
.mat-form-field-appearance-fill .mat-form-field-flex {
background-color: rgba(255, 255, 255, 0.1); }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
background-color: rgba(255, 255, 255, 0.05); }
.mat-form-field-appearance-fill .mat-form-field-underline::before {
background-color: rgba(255, 255, 255, 0.5); }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-disabled .amd-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
background-color: transparent; }
.mat-form-field-appearance-outline .mat-form-field-outline {
color: rgba(255, 255, 255, 0.3); }
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
color: white; }
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
color: #19becf; }
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
color: #005c80; }
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
color: #f44336; }
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
color: #f44336; }
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-disabled .amd-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
color: rgba(255, 255, 255, 0.15); }
.mat-icon.mat-primary {
color: #19becf; }
.mat-icon.mat-accent {
color: #005c80; }
.mat-icon.mat-warn {
color: #f44336; }
.mat-input-element:disabled {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element {
caret-color: #19becf; }
.mat-input-element::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::-moz-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-input-element:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-accent .mat-input-element {
caret-color: #005c80; }
.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
caret-color: #f44336; }
.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
color: white; }
.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
color: white; }
.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
color: rgba(255, 255, 255, 0.7); }
.mat-list-item-disabled {
background-color: black; }
.mat-list-option:hover, .mat-list-option.mat-list-item-focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item.mat-list-item-focus {
background: rgba(255, 255, 255, 0.04); }
.mat-menu-panel {
background: #424242; }
.mat-menu-item {
background: transparent;
color: white; }
.mat-menu-item[disabled], .mat-menu-item[disabled]::after {
color: rgba(255, 255, 255, 0.5); }
.mat-menu-item .mat-icon:not([color]),
.mat-menu-item-submenu-trigger::after {
color: white; }
.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
background: rgba(255, 255, 255, 0.04); }
.mat-paginator {
background: #424242; }
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
color: rgba(255, 255, 255, 0.7); }
.mat-paginator-decrement,
.mat-paginator-increment {
border-top: 2px solid white;
border-right: 2px solid white; }
.mat-paginator-first,
.mat-paginator-last {
border-top: 2px solid white; }
.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
border-color: rgba(255, 255, 255, 0.5); }
.mat-progress-bar-background {
fill: #baecf1; }
.mat-progress-bar-buffer {
background-color: #baecf1; }
.mat-progress-bar-fill::after {
background-color: #19becf; }
.mat-progress-bar.mat-accent .mat-progress-bar-background {
fill: #b3ced9; }
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
background-color: #b3ced9; }
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
background-color: #005c80; }
.mat-progress-bar.mat-warn .mat-progress-bar-background {
fill: #ffcdd2; }
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
background-color: #ffcdd2; }
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
background-color: #f44336; }
.mat-progress-spinner circle, .mat-spinner circle {
stroke: #19becf; }
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
stroke: #005c80; }
.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
stroke: #f44336; }
.mat-radio-outer-circle {
border-color: rgba(255, 255, 255, 0.7); }
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
border-color: #19becf; }
.mat-radio-button.mat-primary .mat-radio-inner-circle {
background-color: #19becf; }
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element {
background-color: rgba(25, 190, 207, 0.26); }
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
border-color: #005c80; }
.mat-radio-button.mat-accent .mat-radio-inner-circle {
background-color: #005c80; }
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
background-color: rgba(0, 92, 128, 0.26); }
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
border-color: #f44336; }
.mat-radio-button.mat-warn .mat-radio-inner-circle {
background-color: #f44336; }
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element {
background-color: rgba(244, 67, 54, 0.26); }
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
border-color: rgba(255, 255, 255, 0.5); }
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
background-color: rgba(255, 255, 255, 0.5); }
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
color: rgba(255, 255, 255, 0.5); }
.mat-select-content, .mat-select-panel-done-animating {
background: #424242; }
.mat-select-value {
color: white; }
.mat-select-placeholder {
color: rgba(255, 255, 255, 0.5); }
.mat-select-disabled .mat-select-value {
color: rgba(255, 255, 255, 0.5); }
.mat-select-arrow {
color: rgba(255, 255, 255, 0.7); }
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
background: rgba(255, 255, 255, 0.12); }
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
color: #19becf; }
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
color: #005c80; }
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
color: #f44336; }
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
color: #f44336; }
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
color: rgba(255, 255, 255, 0.5); }
.mat-drawer-container {
background-color: #303030;
color: white; }
.mat-drawer {
background-color: #424242;
color: white; }
.mat-drawer.mat-drawer-push {
background-color: #424242; }
.mat-drawer-backdrop.mat-drawer-shown {
background-color: rgba(189, 189, 189, 0.6); }
.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #80adbf; }
.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgba(128, 173, 191, 0.5); }
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle .mat-ripple-element {
background-color: rgba(128, 173, 191, 0.12); }
.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #8cdfe7; }
.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgba(140, 223, 231, 0.5); }
.mat-slide-toggle.mat-primary:not(.mat-checked) .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle.mat-primary .mat-ripple-element {
background-color: rgba(140, 223, 231, 0.12); }
.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
background-color: #ef9a9a; }
.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
background-color: rgba(239, 154, 154, 0.5); }
.mat-slide-toggle.mat-warn:not(.mat-checked) .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle.mat-warn .mat-ripple-element {
background-color: rgba(239, 154, 154, 0.12); }
.mat-disabled .mat-slide-toggle-thumb {
background-color: #424242; }
.mat-disabled .mat-slide-toggle-bar {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slide-toggle-thumb {
background-color: #bdbdbd; }
.mat-slide-toggle-bar {
background-color: rgba(255, 255, 255, 0.5); }
.mat-slider-track-background {
background-color: rgba(255, 255, 255, 0.3); }
.mat-primary .mat-slider-track-fill,
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label {
background-color: #19becf; }
.mat-primary .mat-slider-thumb-label-text {
color: white; }
.mat-accent .mat-slider-track-fill,
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label {
background-color: #005c80; }
.mat-accent .mat-slider-thumb-label-text {
color: white; }
.mat-warn .mat-slider-track-fill,
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label {
background-color: #f44336; }
.mat-warn .mat-slider-thumb-label-text {
color: white; }
.mat-slider-focus-ring {
background-color: rgba(0, 92, 128, 0.2); }
.mat-slider:hover .mat-slider-track-background,
.cdk-focused .mat-slider-track-background {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled .mat-slider-thumb {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-disabled:hover .mat-slider-track-background {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-min-value .mat-slider-focus-ring {
background-color: rgba(255, 255, 255, 0.12); }
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
background-color: white; }
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
background-color: rgba(255, 255, 255, 0.3); }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
border-color: rgba(255, 255, 255, 0.3);
background-color: transparent; }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
border-color: rgba(255, 255, 255, 0.3); }
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
border-color: rgba(255, 255, 255, 0.3); }
.mat-slider-has-ticks .mat-slider-wrapper::after {
border-color: rgba(255, 255, 255, 0.7); }
.mat-slider-horizontal .mat-slider-ticks {
background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);
background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); }
.mat-slider-vertical .mat-slider-ticks {
background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); }
.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover {
background-color: rgba(255, 255, 255, 0.04); }
.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
color: rgba(255, 255, 255, 0.5); }
.mat-step-header .mat-step-icon {
background-color: #19becf;
color: white; }
.mat-step-header .mat-step-icon-not-touched {
background-color: rgba(255, 255, 255, 0.5);
color: white; }
.mat-step-header .mat-step-label.mat-step-label-active {
color: white; }
.mat-stepper-horizontal, .mat-stepper-vertical {
background-color: #424242; }
.mat-stepper-vertical-line::before {
border-left-color: rgba(255, 255, 255, 0.12); }
.mat-stepper-horizontal-line {
border-top-color: rgba(255, 255, 255, 0.12); }
.mat-sort-header-arrow {
color: #c6c6c6; }
.mat-tab-nav-bar,
.mat-tab-header {
border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
border-top: 1px solid rgba(255, 255, 255, 0.12);
border-bottom: none; }
.mat-tab-label, .mat-tab-link {
color: white; }
.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.5); }
.mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.5); }
.mat-tab-group[class*='mat-background-'] .mat-tab-header,
.mat-tab-nav-bar[class*='mat-background-'] {
border-bottom: none;
border-top: none; }
.mat-tab-group.mat-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(186, 236, 241, 0.3); }
.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
background-color: #19becf; }
.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
background-color: white; }
.mat-tab-group.mat-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(179, 206, 217, 0.3); }
.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
background-color: #005c80; }
.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
background-color: white; }
.mat-tab-group.mat-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(255, 205, 210, 0.3); }
.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
background-color: #f44336; }
.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
background-color: white; }
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(186, 236, 241, 0.3); }
.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
background-color: #19becf; }
.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
color: white; }
.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-primary .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(179, 206, 217, 0.3); }
.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
background-color: #005c80; }
.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
color: white; }
.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-accent .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {
background-color: rgba(255, 205, 210, 0.3); }
.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links {
background-color: #f44336; }
.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
color: white; }
.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
border-color: white; }
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
border-color: rgba(255, 255, 255, 0.4); }
.mat-tab-group.mat-background-warn .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
background-color: rgba(255, 255, 255, 0.12); }
.mat-toolbar {
background: #212121;
color: white; }
.mat-toolbar.mat-primary {
background: #19becf;
color: white; }
.mat-toolbar.mat-accent {
background: #005c80;
color: white; }
.mat-toolbar.mat-warn {
background: #f44336;
color: white; }
.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
background-color: currentColor; }
.mat-toolbar .mat-form-field-label, .mat-toolbar .amd-placeholder,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-focused .amd-placeholder,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
color: inherit; }
.mat-toolbar .mat-input-element {
caret-color: currentColor; }
.mat-tooltip {
background: rgba(97, 97, 97, 0.9); }
.mat-tree {
background: #424242; }
.mat-tree-node {
color: white; }
.mat-snack-bar-container {
background: #fafafa;
color: rgba(0, 0, 0, 0.87); }
.mat-simple-snackbar-action {
color: inherit; }
.mat-calendar-arrow {
border-top-color: rgba(0, 0, 0, 0.54); }
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
color: rgba(0, 0, 0, 0.54); }
.mat-calendar-table-header {
color: rgba(0, 0, 0, 0.38); }
.mat-calendar-table-header-divider::after {
background: rgba(0, 0, 0, 0.12); }
.mat-calendar-body-label {
color: rgba(0, 0, 0, 0.54); }
.mat-calendar-body-cell-content {
color: rgba(0, 0, 0, 0.87);
border-color: transparent; }
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
color: rgba(0, 0, 0, 0.38); }
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
background-color: rgba(0, 0, 0, 0.04); }
.mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(0, 0, 0, 0.38); }
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
border-color: rgba(0, 0, 0, 0.18); }
.mat-calendar-body-selected {
background-color: #19becf;
color: white; }
.mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(25, 190, 207, 0.4); }
.mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content {
background-color: white;
color: rgba(0, 0, 0, 0.87); }
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
background-color: #005c80;
color: white; }
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(0, 92, 128, 0.4); }
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
background-color: #f44336;
color: white; }
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
background-color: rgba(244, 67, 54, 0.4); }
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
-webkit-box-shadow: inset 0 0 0 1px white;
box-shadow: inset 0 0 0 1px white; }
.mat-datepicker-toggle-active {
color: #19becf; }
.mat-datepicker-toggle-active.mat-accent {
color: #005c80; }
.mat-datepicker-toggle-active.mat-warn {
color: #f44336; }
/*
Variables
Styleguide 1
*/
/*
Colors Palette
$amd-primary-50 - primary 50
$amd-primary-100 - primary 100
markup:
{$modifiers}
Styleguide 1.1
*/
.amd-color-red {
color: #ff6054; }
.amd-color-green {
color: #4caf50 !important; }
.amd-color-orange {
color: #ff9800 !important; }
.amd-color-red {
color: #ff6054 !important; }
.amd-bg-color-red {
background-color: #fbd6d3; }
.amd-accent-300 {
color: #42a3d0; }
.amd-accent-500 {
color: #005c80 !important; }
.amd-accent-500--bg {
background-color: #19becf !important; }
.amd-accent-500--hover, .amd-items-counter--accent-dark:hover {
background-color: #005478 !important; }
.amd-primary-500 {
color: #19becf !important; }
.amd-primary-500--bg {
background-color: #005c80 !important; }
.amd-primary-500--hover, .amd-items-counter--primary:hover {
background-color: #47cbd8 !important; }
.mat-container-colors {
background-color: #002e40;
color: #fff; }
.mat-toolbar-colors {
background-color: rgba(0, 46, 64, 0.9); }
.footer-colors {
background-color: #003348;
color: #80adbf; }
.footer-colors a {
color: #ddeef6; }
.table-border-color, table.mat-table--bordered > thead > .mat-row,
table.mat-table--bordered > tbody > .mat-row, .amd-table--bordered > thead > tr,
.amd-table--bordered > tbody > tr {
border-bottom: 1px solid #ccc; }
.box-shadow, .amd-expansion-panel, .amd-table tbody {
-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) !important;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) !important; }
.amd-title-color, .amd-title {
color: #267493; }
.amd-title-border, .amd-title {
border-left: 2px solid #42a3d0; }
.amd-button-raised-color, .amd-button--raised, .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton {
color: #fff !important;
background-color: #19becf !important; }
.amd-input-control-colors, .amd-input__group__control {
background-color: #0f727c;
color: #baecf1; }
.amd-input-control-placeholder, .amd-input__group__control::-webkit-input-placeholder {
color: #5ed2dd; }
.amd-expansion-panel-bg-color {
background-color: #004560; }
.amd-expansion-panel-header-border {
border-bottom-color: #003348; }
.amd-expansion-panel-header-color {
color: #42a3d0; }
.amd-expansion-panel-content {
background-color: #004e6d; }
.amd-card-bg-color, .amd-card {
background-color: #004e6d; }
.amd-card-bg-color .amd-icon--circle .amd-icon--border, .amd-card .amd-icon--circle .amd-icon--border {
border-color: #ccc; }
.amd-card-bg-color--light, .amd-card--light {
background-color: #005c80; }
.amd-card-bg-color--light .amd-card-title-btn-border, .amd-card--light .amd-card-title-btn-border, .amd-card-bg-color--light .amd-card__title-btn, .amd-card--light .amd-card__title-btn,
.amd-card-bg-color--light .amd-card__title-btn,
.amd-card--light .amd-card__title-btn {
border-left: 1px solid #004560; }
.amd-card-bg-color--light .amd-icon--circle .amd-icon--border, .amd-card--light .amd-icon--circle .amd-icon--border {
border-color: #004560; }
.amd-card-title-color, .amd-card__title h4 {
color: #42a3d0; }
.amd-card-title-color--light, .amd-card--light .amd-card__title h4,
.amd-card--light .amd-card__title-icon {
color: #80adbf; }
.amd-card-title-btn-border, .amd-card__title-btn {
border-left: 1px solid #003348; }
.amd-list-col-border {
border-left: 1px solid #80adbf; }
.amd-list-item-border {
border-bottom: 1px solid #003348; }
.amd-list-icon-color {
color: #42a3d0; }
.amd-list-title-color {
color: #80adbf; }
.u-theme--positive .amd-link,
.u-theme--positive .amd-button--accent,
.u-theme--positive .amd-accent-500,
.u-theme--positive .amd-button--primary,
.u-theme--positive .amd-primary-500,
.u-theme--positive .amd-button--light,
.u-theme--positive .amd-button--reverse,
.u-theme--positive .amd-select__centers .mat-select-placeholder.mat-floating-placeholder {
color: #0071b9 !important; }
.u-theme--positive .amd-list__check {
border-right: 2px solid #d1d1d1; }
.u-theme--positive .amd-toolbar__title {
color: #4e4e4e; }
.u-theme--positive .amd-toolbar__action ul li {
border-right: 1px solid #ccc; }
.u-theme--positive .amd-wizard {
border-left: 1px solid #ddd !important; }
.u-theme--positive .amd-select__centers .mat-select-value {
color: #777 !important; }
.u-theme--positive .amd-select__centers .mat-select-underline {
background-color: #ccc; }
.u-theme--positive .deadlines-cell {
background-color: #fff; }
.u-theme--positive .deadlines-list__text {
color: #696969; }
.u-theme--positive .deadlines-list a,
.u-theme--positive .deadlines-list a:visited {
color: #444; }
.u-theme--positive .deadlines-list__bar {
background-color: #e6e6e6;
color: #333; }
.u-theme--positive .deadlines-list__item {
border-bottom: 1px solid #ddd; }
.u-theme--positive .news-cell__text {
color: #333; }
.u-theme--positive .news-cell__date {
color: #696969; }
.u-theme--positive .info-grid .amd-icon--border {
border-color: #ccc !important; }
.u-theme--positive .info-grid .amd-list__text p {
color: #696969; }
.u-theme--positive .news-grid__cell__date {
color: #696969; }
.u-theme--positive .news-grid__cell__text {
color: #333; }
.u-theme--positive .order-check__label {
color: #4e4e4e !important; }
.u-theme--positive .order-details__legend .amd-title {
color: #696969; }
.u-theme--positive .order-details__legend__item {
color: #777; }
.u-theme--positive .order-details__legend__item span {
color: #666; }
.u-theme--positive .order-details__tabs .mat-expansion-panel-body tbody {
border-bottom: 1px solid #eee; }
.u-theme--positive .order-details__tabs .mat-expansion-panel-body tbody:nth-of-type(even) {
background-color: #f5f5f5; }
.u-theme--positive .order-details__tabs .mat-tab-label {
background-color: #fff;
color: #0071b9; }
.u-theme--positive .amd-table__td--toggle {
border-left: 1px solid #eee !important;
border-right: 1px solid #eee !important; }
.u-theme--positive .amd-title {
color: #818181; }
.u-theme--positive .amd-breadcrumb__bookmark .mat-button,
.u-theme--positive .amd-breadcrumb__icon,
.u-theme--positive .amd-button--expanded,
.u-theme--positive .amd-card__title-btn .mat-icon {
color: #0071b9 !important; }
.u-theme--positive .amd-bg--primary .amd-bg--highlight,
.u-theme--positive .amd-bg--accent .amd-bg--highlight {
color: #42a3d0; }
.u-theme--positive .amd-breadcrumb__content {
border-left: 2px solid #0071b9; }
.u-theme--positive .amd-bg--border::before {
border-left: 3px solid #0071b9; }
.u-theme--positive .amd-heading {
color: #42a3d0; }
.u-theme--positive .amd-breadcrumb__link,
.u-theme--positive .amd-breadcrumb__title,
.u-theme--positive .amd-breadcrumb_link:visited {
color: #333333; }
.u-theme--positive .amd-label {
background-color: #eee;
color: #777;
border-color: #ccc; }
.u-theme--positive .amd-label--primary {
color: #0071b9; }
.u-theme--positive .amd-label .fa {
color: #4caf50; }
.u-theme--positive .u-divider {
border-top: 1px solid #ddd; }
.u-theme--positive .amd-bg--accent,
.u-theme--positive .amd-bg--primary {
background-color: #f2f2f2;
color: #4e4e4e; }
.u-theme--positive .amd-legend__item {
color: #818181; }
.u-theme--positive .mat-container-colors {
background-color: #e6e6e6;
color: #4e4e4e; }
.u-theme--positive .mat-radio-outer-circle {
border-color: #ccc; }
.u-theme--positive .mat-checkbox-disabled .mat-checkbox-label {
color: #999; }
.u-theme--positive .mat-checkbox-frame {
border-color: #a4a4a4 !important; }
.u-theme--positive .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.u-theme--positive .mat-checkbox-checked.mat-accent .mat-checkbox-background {
background-color: #42a3d0 !important; }
.u-theme--positive .mat-checkbox-checkmark-path {
stroke: #fff !important; }
.u-theme--positive .mat-slide-toggle-thumb {
background-color: #eee; }
.u-theme--positive .mat-ink-bar {
background-color: #0071b9 !important; }
.u-theme--positive .mat-toolbar-colors {
background-color: white;
border-bottom: 1px solid #ccc; }
.u-theme--positive .mat-tab-link {
color: #696969; }
.u-theme--positive .mat-tab-body__description {
background-color: #fff; }
.u-theme--positive .mat-tab-body__title {
background-color: #fff;
border-bottom: 1px solid #ccc;
color: #80adbf; }
.u-theme--positive .app-footer {
background-color: #d6d6d6;
color: #696969; }
.u-theme--positive .app-footer__grid h4,
.u-theme--positive .footer-colors a,
.u-theme--positive .app-footer a {
color: #333; }
.u-theme--positive .mat-expansion-panel-body tbody {
border-bottom: 1px solid #eee; }
.u-theme--positive .mat-expansion-panel-body tbody:nth-of-type(even) {
background-color: #f5f5f5; }
.u-theme--positive .mat-tab-label {
background-color: #fff;
color: #0071b9; }
.u-theme--positive .mat-tab-label:focus {
background-color: #fff !important; }
.u-theme--positive .mat-hint {
color: #919191 !important; }
.u-theme--positive .mat-slide-toggle-bar {
background-color: #ddd; }
.u-theme--positive .mat-form-field-label, .u-theme--positive .amd-placeholder {
color: rgba(21, 21, 21, 0.7); }
.u-theme--positive .mat-form-field-underline,
.u-theme--positive .mat-form-field-underline {
background-color: #ddd !important; }
.u-theme--positive .mat-input-element,
.u-theme--positive .mat-select-value {
color: #444 !important; }
.u-theme--positive .amd-input--invalid .md2-datepicker-input {
border-bottom: 2px solid #f44336 !important; }
.u-theme--positive .amd-input--error,
.u-theme--positive .mat-input-error {
color: #f44336; }
.amd-page--external {
background-color: #fafafa !important;
display: -webkit-box;
display: -webkit-flex;
display: flex;
min-height: 100vh;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column; }
.amd-page--external .amd-container--top {
padding: 80px 0; }
.amd-page--external .amd-page__header {
background-color: #0B8EFF;
padding: 14px 0; }
.amd-page--external .amd-page__header h1 {
font-size: 25px; }
.amd-page--external .amd-page__footer {
padding: 14px 0;
background-color: #00254D; }
.amd-page--external .amd-page__container {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1; }
.amd-page--external .amd-page__public {
background: #fff;
border-bottom: 1px solid #e0e0e0; }
.container--1440 {
max-width: 1440px !important;
width: 100%; }
.container .amd-page__header {
background-color: #0B8EFF; }
.theme--myald {
color: #555; }
@media (max-width: 1024px) {
.theme--myald .amd-container {
padding: 40px 0; } }
@media (max-width: 768px) {
.theme--myald .amd-container {
max-width: 728px; } }
@media (max-width: 600px) {
.theme--myald .mobile-table-wrapper {
overflow-y: auto; }
.theme--myald .mobile-table-wrapper > table {
width: 600px; } }
.theme--myald .block-center {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
margin: 20px 0; }
.theme--myald amd-paginator {
color: #696969;
overflow: auto; }
.theme--myald amd-paginator .amd-paginator {
padding-top: 20px; }
@media (max-width: 1023px) {
.theme--myald .amd-page__container {
padding: 40px 20px 20px; } }
.theme--myald--no-border {
border: 0 !important; }
.theme--myald mat-sidenav-container.mat-sidenav-container {
background-color: #f9f9f9 !important; }
.theme--myald amd-breadcrumb {
display: none !important; }
.theme--myald .mat-expansion-panel-body {
border-top: 1px solid #DADEE1; }
.theme--myald .mat-content {
border-right: 1px solid #DADEE1;
margin-right: 20px;
min-height: 80px; }
.theme--myald mat-expansion-panel-header.no-accordion .mat-content {
border-right: 0; }
.theme--myald .mat-expansion-panel-header,
.theme--myald .mat-expansion-panel-header:active,
.theme--myald .mat-expansion-panel-header:focus,
.theme--myald .mat-expansion-panel-header:hover {
background-color: #FFFFFF !important; }
.theme--myald .mat-expansion-panel-header .amd-expansion-panel__title,
.theme--myald .mat-expansion-panel-header .amd-link,
.theme--myald .mat-expansion-panel-header .mat-expansion-indicator::after,
.theme--myald .mat-expansion-panel-header:active .amd-expansion-panel__title,
.theme--myald .mat-expansion-panel-header:active .amd-link,
.theme--myald .mat-expansion-panel-header:active .mat-expansion-indicator::after,
.theme--myald .mat-expansion-panel-header:focus .amd-expansion-panel__title,
.theme--myald .mat-expansion-panel-header:focus .amd-link,
.theme--myald .mat-expansion-panel-header:focus .mat-expansion-indicator::after,
.theme--myald .mat-expansion-panel-header:hover .amd-expansion-panel__title,
.theme--myald .mat-expansion-panel-header:hover .amd-link,
.theme--myald .mat-expansion-panel-header:hover .mat-expansion-indicator::after {
color: #0B8EFF !important; }
.theme--myald .mat-expansion-panel-header .mat-expansion-indicator::after,
.theme--myald .mat-expansion-panel-header:active .mat-expansion-indicator::after,
.theme--myald .mat-expansion-panel-header:focus .mat-expansion-indicator::after,
.theme--myald .mat-expansion-panel-header:hover .mat-expansion-indicator::after {
-webkit-transform: rotate(45deg) scale(0.7);
transform: rotate(45deg) scale(0.7); }
.theme--myald .mat-expansion-panel-header .mat-expansion-indicator,
.theme--myald .mat-expansion-panel-header:active .mat-expansion-indicator,
.theme--myald .mat-expansion-panel-header:focus .mat-expansion-indicator,
.theme--myald .mat-expansion-panel-header:hover .mat-expansion-indicator {
background-color: transparent; }
.theme--myald .amd-card,
.theme--myald .amd-card-bg-color,
.theme--myald .amd-card,
.theme--myald .amd-expansion-panel,
.theme--myald .amd-items-counter,
.theme--myald .amd-table tbody,
.theme--myald .amd-toolbar,
.theme--myald .box-shadow,
.theme--myald .amd-expansion-panel,
.theme--myald .amd-table tbody,
.amd-table .theme--myald tbody {
-webkit-box-shadow: none !important;
box-shadow: none !important; }
.theme--myald .amd-table tbody {
border-left: 1px solid #dbdbdb;
border-right: 1px solid #dbdbdb; }
.theme--myald .myald-table-hack {
text-align: center;
border-right: 1px solid #dbdbdb; }
.theme--myald .amd-expansion-panel {
border: 1px solid #DADEE1;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-bottom: 10px !important; }
.theme--myald .amd-button--raised, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .introjs-nextbutton,
.theme--myald .amd-button-raised-color,
.theme--myald .amd-button--raised,
.theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton,
.introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .introjs-nextbutton,
.theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton,
.theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton,
.theme--myald a.amd-button.amd-button--light.cta-button,
.theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.cta-button.introjs-nextbutton,
.introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.cta-button.introjs-nextbutton,
.theme--myald a.amd-button.amd-button--light.stepper-prev.myald-button-inverse,
.theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.stepper-prev.myald-button-inverse.introjs-nextbutton,
.introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.stepper-prev.myald-button-inverse.introjs-nextbutton {
background: #0B8EFF !important;
color: white !important;
border: 0 !important; }
.theme--myald .amd-button--raised:hover, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton:hover, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .introjs-nextbutton:hover,
.theme--myald .amd-button-raised-color:hover,
.theme--myald .amd-button--raised:hover,
.theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton:hover,
.introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .introjs-nextbutton:hover,
.theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton:hover,
.theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons .introjs-nextbutton:hover,
.theme--myald a.amd-button.amd-button--light.cta-button:hover,
.theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.cta-button.introjs-nextbutton:hover,
.introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.cta-button.introjs-nextbutton:hover,
.theme--myald a.amd-button.amd-button--light.stepper-prev.myald-button-inverse:hover,
.theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.stepper-prev.myald-button-inverse.introjs-nextbutton:hover,
.introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.stepper-prev.myald-button-inverse.introjs-nextbutton:hover {
background: #3ca5ff !important; }
.theme--myald .pre-step a.amd-button.amd-button--light i, .theme--myald .pre-step .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.introjs-nextbutton i, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .pre-step a.amd-button--light.introjs-nextbutton i,
.theme--myald a.amd-button.amd-button--light.stepper-prev.myald-button-inverse i,
.theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.stepper-prev.myald-button-inverse.introjs-nextbutton i,
.introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.stepper-prev.myald-button-inverse.introjs-nextbutton i {
display: none; }
.theme--myald .amd-stepper {
border: 1px solid #DADEE1; }
.theme--myald .amd-table thead {
border: 1px solid #DADEE1;
background-color: #FBFBFB;
text-transform: none; }
.theme--myald .amd-table thead th {
color: #AFB5BC;
font-size: 12px;
text-transform: none;
letter-spacing: 0; }
.theme--myald .amd-table thead th:last-child {
border-right: 1px solid #DADEE1; }
.theme--myald .amd-table thead th mat-icon {
display: none !important; }
.theme--myald a.amd-button.amd-button--light.cta-button.myald--aggiungi-controparte, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.cta-button.myald--aggiungi-controparte.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.cta-button.myald--aggiungi-controparte.introjs-nextbutton,
.theme--myald a.amd-button.amd-button--light.stepper-prev.myald--aggiungi-controparte,
.theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.stepper-prev.myald--aggiungi-controparte.introjs-nextbutton,
.introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.stepper-prev.myald--aggiungi-controparte.introjs-nextbutton,
.theme--myald a.amd-button.amd-button--light.stepper-prev.myald-button-inverse,
.theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.stepper-prev.myald-button-inverse.introjs-nextbutton,
.introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.stepper-prev.myald-button-inverse.introjs-nextbutton,
.theme--myald a.amd-link.amd-link--dark.ald-generic-add,
.theme--myald button.amd-button.amd-button--raised.button-panel-title.cta-button.myald--aggiungi-controparte,
.theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.button-panel-title.cta-button.myald--aggiungi-controparte.introjs-nextbutton,
.introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald button.button-panel-title.cta-button.myald--aggiungi-controparte.introjs-nextbutton {
text-transform: none;
font-size: 13px !important;
line-height: 15px !important;
letter-spacing: 0 !important; }
.theme--myald a.amd-button.amd-button--light.cta-button.myald--aggiungi-controparte i, .theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.cta-button.myald--aggiungi-controparte.introjs-nextbutton i, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.cta-button.myald--aggiungi-controparte.introjs-nextbutton i,
.theme--myald a.amd-button.amd-button--light.stepper-prev.myald--aggiungi-controparte i,
.theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.stepper-prev.myald--aggiungi-controparte.introjs-nextbutton i,
.introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.stepper-prev.myald--aggiungi-controparte.introjs-nextbutton i,
.theme--myald a.amd-button.amd-button--light.stepper-prev.myald-button-inverse i,
.theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.stepper-prev.myald-button-inverse.introjs-nextbutton i,
.introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.stepper-prev.myald-button-inverse.introjs-nextbutton i,
.theme--myald a.amd-link.amd-link--dark.ald-generic-add i,
.theme--myald button.amd-button.amd-button--raised.button-panel-title.cta-button.myald--aggiungi-controparte i,
.theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.button-panel-title.cta-button.myald--aggiungi-controparte.introjs-nextbutton i,
.introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald button.button-panel-title.cta-button.myald--aggiungi-controparte.introjs-nextbutton i {
display: none; }
.theme--myald .amd-table td,
.theme--myald .amd-table th {
padding: 18px 10px;
color: #696969; }
.theme--myald .amd-table--bordered > tbody > tr,
.theme--myald .amd-table--bordered > thead > tr,
.theme--myald .table-border-color,
.theme--myald table.mat-table--bordered > thead > .mat-row,
.theme--myald table.mat-table--bordered > tbody > .mat-row,
.theme--myald .amd-table--bordered > thead > tr,
.theme--myald .amd-table--bordered > tbody > tr {
border-bottom: 1px solid #dbdbdb; }
.theme--myald a.amd-button.amd-button--light.stepper-prev.myald--aggiungi-controparte,
.theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.stepper-prev.myald--aggiungi-controparte.introjs-nextbutton,
.introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.stepper-prev.myald--aggiungi-controparte.introjs-nextbutton,
.theme--myald a.amd-link.amd-link--dark.ald-generic-add {
background-color: #0B8EFF !important; }
.theme--myald .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
background: #fff !important;
border: 1px solid #DADEE1 !important;
color: #737071 !important;
font-size: 11px !important;
line-height: 12px !important; }
.theme--myald a.amd-button.amd-button--light.stepper-prev.myald--aggiungi-controparte,
.theme--myald .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.stepper-prev.myald--aggiungi-controparte.introjs-nextbutton,
.introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald a.amd-button--light.stepper-prev.myald--aggiungi-controparte.introjs-nextbutton,
.theme--myald a.amd-link.amd-link--dark.ald-generic-add {
color: #fff !important; }
.theme--myald a.amd-link.amd-link--dark.ald-generic-add {
padding: 16px 20px;
display: inline-block;
-webkit-border-radius: 3px;
border-radius: 3px; }
.theme--myald .amd-bg--accent,
.theme--myald .amd-bg--primary {
background: #fff !important;
border: 1px solid #DADEE1;
border-bottom: none; }
.theme--myald .mat-horizontal-stepper-header-container {
background: #fff;
margin-bottom: 30px;
border: 1px solid #DADEE1;
padding-left: 20px;
padding-right: 20px; }
.theme--myald .mat-horizontal-stepper-header-container .mat-step-icon {
background: #21CD91 !important;
-webkit-transform: scale(1.5);
transform: scale(1.5);
-webkit-transform-origin: center;
transform-origin: center; }
.theme--myald .mat-horizontal-stepper-header-container .mat-horizontal-stepper-header .mat-step-icon-not-touched {
background-color: #DADEE1 !important; }
.theme--myald .mat-horizontal-stepper-header-container .mat-step-label.mat-step-label-active.mat-step-label-selected .mat-step-text-label {
color: #231F20; }
.theme--myald .mat-horizontal-stepper-header-container .mat-step-text-label {
color: #737071; }
.theme--myald .mat-horizontal-stepper-header-container .mat-stepper-horizontal-line {
border-top-width: 2px !important;
border-color: #DADEE1 !important; }
.theme--myald .mat-panel-title--dark {
color: #231F20; }
.theme--myald .amd-accent-500,
.theme--myald .amd-accent-500,
.theme--myald .amd-bg--accent .amd-bg--highlight,
.theme--myald .amd-bg--accent .amd-bg--highlight,
.theme--myald .amd-bg--primary .amd-bg--highlight,
.theme--myald .amd-bg--primary .amd-bg--highlight,
.theme--myald .amd-bottom-nav .amd-bottom-nav__button--primary,
.theme--myald .amd-button--accent,
.theme--myald .amd-button--accent,
.theme--myald .amd-button--light,
.theme--myald .amd-button--light,
.theme--myald .amd-button--primary,
.theme--myald .amd-button--primary,
.theme--myald .amd-button--reverse,
.theme--myald .amd-button--reverse,
.theme--myald .amd-card-title-color,
.theme--myald .amd-card__title h4,
.amd-card__title .theme--myald h4,
.theme--myald .amd-card__title h4,
.theme--myald .amd-card__title h4,
.theme--myald .amd-card__title-icon i,
.theme--myald .amd-link,
.theme--myald .amd-link,
.theme--myald .amd-link--icon i,
.theme--myald .amd-link.amd-link--dark,
.theme--myald .amd-link.amd-link--dark i,
.theme--myald .amd-primary-500,
.theme--myald .amd-primary-500,
.theme--myald .amd-select__centers .mat-select-placeholder.mat-floating-placeholder,
.theme--myald .amd-select__centers .mat-select-placeholder.mat-floating-placeholder,
.theme--myald .amd-toolbar__icon i,
.theme--myald .mat-expansion-panel-header-title,
.theme--myald .mat-expansion-panel-header-title i {
color: #0B8EFF !important; }
.theme--myald .mat-expansion-panel-header-title.mat-panel-title--dark {
color: #000000 !important; }
.theme--myald .mat-expansion-panel-header-title.mat-panel-title--big {
font-size: 20px;
line-height: 24px; }
.theme--myald .amd-title,
.theme--myald h4.amd-title {
color: #231F20;
font-size: 30px;
font-weight: bold;
line-height: 40px;
border: 0;
text-transform: none;
padding: 0;
letter-spacing: 0; }
@media (max-width: 1023px) {
.theme--myald .amd-title,
.theme--myald h4.amd-title {
margin-bottom: 20px;
font-size: 20px;
line-height: 1; } }
.theme--myald .action-button.action-button--myald button.amd-button.amd-button--raised.stepper-next.mat-button.mat-raised-button, .theme--myald .action-button.action-button--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.stepper-next.mat-button.mat-raised-button.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .action-button.action-button--myald button.stepper-next.mat-button.mat-raised-button.introjs-nextbutton,
.theme--myald .action-button.action-button--myald button.amd-button.amd-button--raised.stepper-prev.mat-button.mat-raised-button,
.theme--myald .action-button.action-button--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.stepper-prev.mat-button.mat-raised-button.introjs-nextbutton,
.introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .action-button.action-button--myald button.stepper-prev.mat-button.mat-raised-button.introjs-nextbutton {
background: none !important;
color: #0B8EFF !important;
display: block;
text-transform: none;
color: #0B8EFF;
font-size: 13px;
line-height: 16px;
letter-spacing: 0 !important;
border: 0 !important; }
.theme--myald .action-button.action-button--myald button.amd-button.amd-button--raised.stepper-next.mat-button.mat-raised-button i, .theme--myald .action-button.action-button--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.stepper-next.mat-button.mat-raised-button.introjs-nextbutton i, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .action-button.action-button--myald button.stepper-next.mat-button.mat-raised-button.introjs-nextbutton i,
.theme--myald .action-button.action-button--myald button.amd-button.amd-button--raised.stepper-prev.mat-button.mat-raised-button i,
.theme--myald .action-button.action-button--myald .introjs-tooltip--welcome .introjs-tooltipbuttons button.stepper-prev.mat-button.mat-raised-button.introjs-nextbutton i,
.introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .action-button.action-button--myald button.stepper-prev.mat-button.mat-raised-button.introjs-nextbutton i {
display: inline-block !important;
margin-left: 5px;
margin-right: 5px; }
.theme--myald .pre-step {
background: #fff;
margin-bottom: 30px;
border: 1px solid #DADEE1;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 30px; }
.theme--myald .pre-step a.amd-button.amd-button--light, .theme--myald .pre-step .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .pre-step a.amd-button--light.introjs-nextbutton {
background: none !important;
color: #0B8EFF !important;
display: inline-block;
text-transform: none;
font-size: 13px !important;
line-height: 16px !important;
letter-spacing: 0 !important;
border: 0 !important; }
.theme--myald .pre-step a.amd-button.amd-button--light i, .theme--myald .pre-step .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--light.introjs-nextbutton i, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .pre-step a.amd-button--light.introjs-nextbutton i {
display: none; }
.theme--myald .amd-table__tfoot {
background: #fff; }
.theme--myald .pre-step p.prestep-ald {
color: #737071;
font-size: 15px !important;
line-height: 18px; }
.theme--myald .pu-background {
background: #fff !important; }
.theme--myald .pu-container .pu-overlay__bottom-cell, .theme--myald .pu-container .pu-overlay__middle-cell, .theme--myald .pu-container .pu-overlay__mototetto, .theme--myald .pu-container .pu-overlay__top-cell {
background-color: rgba(11, 142, 255, 0.1) !important; }
.theme--myald .pu-container .pu-overlay__bottom-cell:hover, .theme--myald .pu-container .pu-overlay__middle-cell:hover, .theme--myald .pu-container .pu-overlay__mototetto:hover, .theme--myald .pu-container .pu-overlay__top-cell:hover {
background-color: rgba(11, 142, 255, 0.1) !important; }
.theme--myald .pu-container .pu-overlay__bottom-cell.active, .theme--myald .pu-container .pu-overlay__middle-cell.active, .theme--myald .pu-container .pu-overlay__mototetto.active, .theme--myald .pu-container .pu-overlay__top-cell.active {
background-color: rgba(11, 142, 255, 0.8) !important; }
.theme--myald .pu-container .pu-overlay__bottom-cell.active i, .theme--myald .pu-container .pu-overlay__middle-cell.active i, .theme--myald .pu-container .pu-overlay__mototetto.active i, .theme--myald .pu-container .pu-overlay__top-cell.active i {
color: white !important; }
.theme--myald .myald-lowercase {
text-transform: none !important;
letter-spacing: 0 !important; }
.theme--myald .myald-bottom-navigation {
border: 1px solid #DADEE1;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #FAFAFA;
padding: 16px 10px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
margin-bottom: 20px;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between; }
@media (max-width: 450px) {
.theme--myald .myald-bottom-navigation {
display: block; } }
.theme--myald .myald-bottom-navigation--centered-content {
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center; }
.theme--myald .myald-bottom-navigation button.amd-button.amd-button--raised, .theme--myald .myald-bottom-navigation .introjs-tooltip--welcome .introjs-tooltipbuttons button.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .myald-bottom-navigation button.introjs-nextbutton {
text-transform: none;
letter-spacing: 0; }
.theme--myald .myald-bottom-navigation-btn {
color: #0B8EFF;
font-size: 13px;
line-height: 15px;
background: none;
padding: 15px 20px;
border: 0;
margin-right: 10px; }
@media (max-width: 767px) {
.theme--myald .myald-bottom-navigation-btn {
padding: 10px; } }
@media (max-width: 450px) {
.theme--myald .myald-bottom-navigation-btn {
display: block;
padding: 15px 20px;
margin-right: 0 !important;
text-align: center;
width: 100%; } }
.theme--myald .myald-bottom-navigation-btn.not-visible {
visibility: hidden; }
@media (max-width: 450px) {
.theme--myald .myald-bottom-navigation-btn.not-visible {
display: none; } }
.theme--myald .myald-bottom-navigation-btn:first-child {
margin-right: auto; }
.theme--myald .myald-bottom-navigation-btn:disabled, .theme--myald .myald-bottom-navigation-btn[disabled] {
color: #AFB5BC; }
.theme--myald .myald-bottom-navigation-btn--bordered {
border: 1px solid #DADEE1;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all ease 300ms;
transition: all ease 300ms;
background: #fff; }
.theme--myald .myald-bottom-navigation-btn--bordered:disabled, .theme--myald .myald-bottom-navigation-btn--bordered[disabled] {
border-color: #AFB5BC; }
.theme--myald .myald-bottom-navigation-btn--bordered:disabled:hover, .theme--myald .myald-bottom-navigation-btn--bordered[disabled]:hover {
border-color: #AFB5BC; }
.theme--myald .myald-bottom-navigation-btn--bordered:hover {
border-color: #0B8EFF;
-webkit-transition: all ease 300ms;
transition: all ease 300ms; }
.theme--myald .custom-check-container {
background-color: #F0F5FB;
height: 60px;
width: 60px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
margin: 0 auto;
-webkit-border-radius: 50%;
border-radius: 50%;
margin-bottom: 20px; }
.theme--myald .custom-check-container .custom-check-container2 {
-webkit-border-radius: 50%;
border-radius: 50%;
height: 24px;
width: 24px;
background-color: #0B8EFF;
color: white;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center; }
.theme--myald .myald-typage-title {
color: #231F20;
font-size: 20px;
line-height: 25px;
text-align: center;
margin-bottom: 15px; }
.theme--myald .myald-ty-text {
color: #4B4748;
font-size: 15px;
line-height: 24px;
text-align: center;
margin-bottom: 30px; }
.theme--myald .scarica-documento {
color: #0B8EFF;
font-size: 13px;
line-height: 15px;
background: none;
padding: 15px 20px;
border: 0;
margin-right: 10px;
background: none;
margin: 0 auto;
display: block; }
.theme--myald .scarica-documento i {
color: #0B8EFF; }
.theme--myald .scarica-documento--bordered {
border: 1px solid #DADEE1;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all ease 300ms;
transition: all ease 300ms; }
.theme--myald .scarica-documento--bordered:disabled, .theme--myald .scarica-documento--bordered[disabled] {
border-color: #AFB5BC;
color: #AFB5BC; }
.theme--myald .scarica-documento--bordered:disabled i, .theme--myald .scarica-documento--bordered[disabled] i {
color: #AFB5BC; }
.theme--myald .scarica-documento--bordered:disabled:hover, .theme--myald .scarica-documento--bordered[disabled]:hover {
border-color: #DADEE1; }
.theme--myald .scarica-documento--bordered:hover {
border-color: #0B8EFF;
-webkit-transition: all ease 300ms;
transition: all ease 300ms; }
.theme--myald .wounded-alert-box {
border: 1px solid #DADEE1;
border-bottom: 0;
padding: 30px 20px;
text-align: center;
color: #4E4E4E;
font-size: 13px;
line-height: 21px;
background: #fff; }
.theme--myald .wounded-alert-box span,
.theme--myald .wounded-alert-box a {
color: #0B8EFF !important;
text-decoration: none;
cursor: pointer; }
.theme--myald .furto-box {
padding: 60px 20px;
border: 1px solid #DADEE1; }
@media (max-width: 767px) {
.theme--myald .furto-box {
padding: 20px; } }
.theme--myald .furto-box .amd-card__content {
text-align: center; }
.theme--myald .furto-box a.amd-button.amd-button--raised, .theme--myald .furto-box .introjs-tooltip--welcome .introjs-tooltipbuttons a.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .furto-box a.introjs-nextbutton {
display: inline-block !important;
margin: 0 auto !important;
font-size: 20px !important;
line-height: 24px !important; }
.theme--myald .furto-box a.amd-button.amd-button--raised .mat-icon, .theme--myald .furto-box .introjs-tooltip--welcome .introjs-tooltipbuttons a.introjs-nextbutton .mat-icon, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .furto-box a.introjs-nextbutton .mat-icon {
position: relative;
top: 5px;
margin-left: 10px; }
@media (max-width: 767px) {
.theme--myald .furto-box a.amd-button.amd-button--raised, .theme--myald .furto-box .introjs-tooltip--welcome .introjs-tooltipbuttons a.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald .furto-box a.introjs-nextbutton {
font-size: 16px !important; } }
.theme--myald .mat-tab-header {
border: 0 !important; }
.theme--myald .mat-tab-group {
margin-bottom: 10px; }
.theme--myald .mat-tab-header.mat-tab-header-pagination-controls-enabled {
border: 1px solid #dadee1 !important; }
.theme--myald .mat-tab-label-container {
border: 0 !important; }
.theme--myald .mat-tab-label-container .mat-tab-label {
color: #A0A5AB;
font-size: 11px;
font-weight: 500;
letter-spacing: 1px;
line-height: 15px;
text-align: center; }
.theme--myald .mat-tab-label-container .mat-tab-label.mat-tab-label-active {
color: #0B8EFF; }
.theme--myald.u-theme--positive .mat-ink-bar {
height: 2px !important;
background-color: #0B8EFF !important; }
@media (max-width: 767px) {
.theme--myald-dialog .mat-dialog-container {
padding: 0; } }
.theme--myald-dialog .myald-outclose {
color: white !important; }
.theme--myald-dialog mat-expansion-panel-header.no-accordion .mat-content {
border-right: 0; }
.theme--myald-dialog .amd-dialog__header {
color: #231F20;
border: 0; }
@media (max-width: 767px) {
.theme--myald-dialog .amd-dialog__header {
padding-left: 0;
margin-bottom: 0; } }
.theme--myald-dialog .amd-dialog__header .mat-dialog-title {
font-size: 30px;
line-height: 40px; }
@media (max-width: 767px) {
.theme--myald-dialog .amd-dialog__header .mat-dialog-title {
font-size: 20px;
line-height: 1;
margin-bottom: 15px; } }
.theme--myald-dialog .amd-drop-uploader {
background-color: transparent !important;
outline: none !important; }
.theme--myald-dialog .amd-drop-uploader p {
color: #4B4748 !important;
font-size: 15px;
line-height: 24px; }
.theme--myald-dialog button.amd-button.amd-button--raised.mat-button.mat-raised-button, .theme--myald-dialog .introjs-tooltip--welcome .introjs-tooltipbuttons button.mat-button.mat-raised-button.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald-dialog button.mat-button.mat-raised-button.introjs-nextbutton {
background: #0B8EFF;
color: white;
border: 0 !important;
text-transform: uppercase;
letter-spacing: 0; }
.theme--myald-dialog .mat-panel-title--dark {
color: #231F20 !important; }
.theme--myald-dialog .myald-spacing-hack {
display: block;
margin-left: -34px; }
@media (max-width: 767px) {
.theme--myald-dialog .myald-spacing-hack {
margin-left: 0; } }
.theme--myald-dialog .mat-expansion-panel-body {
border-top: 1px solid #DADEE1;
background: #fff; }
.theme--myald-dialog a.amd-button.amd-button--reverse, .theme--myald-dialog .introjs-tooltip--welcome .introjs-tooltipbuttons a.amd-button--reverse.introjs-nextbutton, .introjs-tooltip--welcome .introjs-tooltipbuttons .theme--myald-dialog a.amd-button--reverse.introjs-nextbutton {
text-transform: none;
color: #0B8EFF;
font-size: 13px;
line-height: 15px;
border: 1px solid #DADEE1;
letter-spacing: 0; }
.theme--myald-dialog .mat-content {
border-right: 1px solid #DADEE1;
margin-right: 20px; }
.theme--myald-dialog .mat-expansion-panel-header,
.theme--myald-dialog .mat-expansion-panel-header:active,
.theme--myald-dialog .mat-expansion-panel-header:focus,
.theme--myald-dialog .mat-expansion-panel-header:hover {
background-color: #FFFFFF !important; }
.theme--myald-dialog .mat-expansion-panel-header .amd-expansion-panel__title,
.theme--myald-dialog .mat-expansion-panel-header .amd-link,
.theme--myald-dialog .mat-expansion-panel-header .mat-expansion-indicator::after,
.theme--myald-dialog .mat-expansion-panel-header:active .amd-expansion-panel__title,
.theme--myald-dialog .mat-expansion-panel-header:active .amd-link,
.theme--myald-dialog .mat-expansion-panel-header:active .mat-expansion-indicator::after,
.theme--myald-dialog .mat-expansion-panel-header:focus .amd-expansion-panel__title,
.theme--myald-dialog .mat-expansion-panel-header:focus .amd-link,
.theme--myald-dialog .mat-expansion-panel-header:focus .mat-expansion-indicator::after,
.theme--myald-dialog .mat-expansion-panel-header:hover .amd-expansion-panel__title,
.theme--myald-dialog .mat-expansion-panel-header:hover .amd-link,
.theme--myald-dialog .mat-expansion-panel-header:hover .mat-expansion-indicator::after {
color: #0B8EFF !important; }
.theme--myald-dialog .mat-expansion-panel-header .mat-expansion-indicator::after,
.theme--myald-dialog .mat-expansion-panel-header:active .mat-expansion-indicator::after,
.theme--myald-dialog .mat-expansion-panel-header:focus .mat-expansion-indicator::after,
.theme--myald-dialog .mat-expansion-panel-header:hover .mat-expansion-indicator::after {
-webkit-transform: rotate(45deg) scale(0.7);
transform: rotate(45deg) scale(0.7); }
.theme--myald-dialog .mat-expansion-panel-header .mat-expansion-indicator,
.theme--myald-dialog .mat-expansion-panel-header:active .mat-expansion-indicator,
.theme--myald-dialog .mat-expansion-panel-header:focus .mat-expansion-indicator,
.theme--myald-dialog .mat-expansion-panel-header:hover .mat-expansion-indicator {
background-color: transparent; }
.theme--myald-dialog .pu-background {
background: #fff !important; }
.theme--myald-dialog .pu-container .pu-overlay__bottom-cell, .theme--myald-dialog .pu-container .pu-overlay__middle-cell, .theme--myald-dialog .pu-container .pu-overlay__mototetto, .theme--myald-dialog .pu-container .pu-overlay__top-cell {
background-color: rgba(11, 142, 255, 0.1) !important; }
.theme--myald-dialog .pu-container .pu-overlay__bottom-cell:hover, .theme--myald-dialog .pu-container .pu-overlay__middle-cell:hover, .theme--myald-dialog .pu-container .pu-overlay__mototetto:hover, .theme--myald-dialog .pu-container .pu-overlay__top-cell:hover {
background-color: rgba(11, 142, 255, 0.1) !important; }
.theme--myald-dialog .pu-container .pu-overlay__bottom-cell.active, .theme--myald-dialog .pu-container .pu-overlay__middle-cell.active, .theme--myald-dialog .pu-container .pu-overlay__mototetto.active, .theme--myald-dialog .pu-container .pu-overlay__top-cell.active {
background-color: rgba(11, 142, 255, 0.8) !important; }
.theme--myald-dialog .pu-container .pu-overlay__bottom-cell.active i, .theme--myald-dialog .pu-container .pu-overlay__middle-cell.active i, .theme--myald-dialog .pu-container .pu-overlay__mototetto.active i, .theme--myald-dialog .pu-container .pu-overlay__top-cell.active i {
color: white !important; }
.theme--myald-dialog .amd-files-list__item.mat-list-item {
border: 1px solid #DADEE1;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #FAFAFA;
height: auto !important;
margin-bottom: 10px; }
.theme--myald-dialog .amd-files-list__item.mat-list-item .amd-files-list__name {
color: #231F20;
font-size: 13px;
line-height: 15px; }
.theme--myald-dialog .amd-files-list__item.mat-list-item .amd-files-list__name i {
color: #231F20; }
.theme--myald-dialog .amd-files-list__item.mat-list-item button i {
color: #0B8EFF; }
/*# sourceMappingURL=styles.0b3b236bcb475a168bec.css.map*/