You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@systemml.apache.org by lr...@apache.org on 2016/09/29 00:50:08 UTC
[7/8] incubator-systemml-website git commit: [SYSTEMML-962] Refactor
jekyll based website with new layout
http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/cf3f2cbe/assets/css/bundle.css
----------------------------------------------------------------------
diff --git a/assets/css/bundle.css b/assets/css/bundle.css
new file mode 100644
index 0000000..a0d6977
--- /dev/null
+++ b/assets/css/bundle.css
@@ -0,0 +1,4227 @@
+@charset "UTF-8";
+/*! nouislider - 8.3.0 - 2016-02-14 17:37:20 */
+.noUi-target, .noUi-target * {
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -ms-touch-action: none;
+ touch-action: none;
+ -ms-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box; }
+
+.noUi-target {
+ position: relative;
+ direction: ltr; }
+
+.noUi-base {
+ width: 100%;
+ height: 100%;
+ position: relative;
+ z-index: 1; }
+
+.noUi-origin {
+ position: absolute;
+ right: 0;
+ top: 0;
+ left: 0;
+ bottom: 0; }
+
+.noUi-handle {
+ position: relative;
+ z-index: 1; }
+
+.noUi-stacking .noUi-handle {
+ z-index: 10; }
+
+.noUi-state-tap .noUi-origin {
+ -webkit-transition: left .3s,top .3s;
+ transition: left .3s,top .3s; }
+
+.noUi-state-drag * {
+ cursor: inherit !important; }
+
+.noUi-base, .noUi-handle {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0); }
+
+.noUi-horizontal {
+ height: 18px; }
+
+.noUi-horizontal .noUi-handle {
+ width: 34px;
+ height: 28px;
+ left: -17px;
+ top: -6px; }
+
+.noUi-vertical {
+ width: 18px; }
+
+.noUi-vertical .noUi-handle {
+ width: 28px;
+ height: 34px;
+ left: -6px;
+ top: -17px; }
+
+.noUi-background {
+ background: #FAFAFA;
+ box-shadow: inset 0 1px 1px #f0f0f0; }
+
+.noUi-connect {
+ background: #3FB8AF;
+ box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
+ -webkit-transition: background 450ms;
+ transition: background 450ms; }
+
+.noUi-origin {
+ border-radius: 2px; }
+
+.noUi-target {
+ border-radius: 4px;
+ border: 1px solid #D3D3D3;
+ box-shadow: inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB; }
+
+.noUi-target.noUi-connect {
+ box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #BBB; }
+
+.noUi-draggable {
+ cursor: w-resize; }
+
+.noUi-vertical .noUi-draggable {
+ cursor: n-resize; }
+
+.noUi-handle {
+ border: 1px solid #D9D9D9;
+ border-radius: 3px;
+ background: #FFF;
+ cursor: default;
+ box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB; }
+
+.noUi-active {
+ box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB; }
+
+.noUi-handle:after, .noUi-handle:before {
+ content: "";
+ display: block;
+ position: absolute;
+ height: 14px;
+ width: 1px;
+ background: #E8E7E6;
+ left: 14px;
+ top: 6px; }
+
+.noUi-handle:after {
+ left: 17px; }
+
+.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
+ width: 14px;
+ height: 1px;
+ left: 6px;
+ top: 14px; }
+
+.noUi-vertical .noUi-handle:after {
+ top: 17px; }
+
+[disabled] .noUi-connect, [disabled].noUi-connect {
+ background: #B8B8B8; }
+
+[disabled] .noUi-handle, [disabled].noUi-origin {
+ cursor: not-allowed; }
+
+.noUi-pips, .noUi-pips * {
+ -moz-box-sizing: border-box;
+ box-sizing: border-box; }
+
+.noUi-pips {
+ position: absolute;
+ color: #999; }
+
+.noUi-value {
+ width: 40px;
+ position: absolute;
+ text-align: center; }
+
+.noUi-value-sub {
+ color: #ccc;
+ font-size: 10px; }
+
+.noUi-marker {
+ position: absolute;
+ background: #CCC; }
+
+.noUi-marker-large, .noUi-marker-sub {
+ background: #AAA; }
+
+.noUi-pips-horizontal {
+ padding: 10px 0;
+ height: 50px;
+ top: 100%;
+ left: 0;
+ width: 100%; }
+
+.noUi-value-horizontal {
+ margin-left: -20px;
+ padding-top: 20px; }
+
+.noUi-value-horizontal.noUi-value-sub {
+ padding-top: 15px; }
+
+.noUi-marker-horizontal.noUi-marker {
+ margin-left: -1px;
+ width: 2px;
+ height: 5px; }
+
+.noUi-marker-horizontal.noUi-marker-sub {
+ height: 10px; }
+
+.noUi-marker-horizontal.noUi-marker-large {
+ height: 15px; }
+
+.noUi-pips-vertical {
+ padding: 0 10px;
+ height: 100%;
+ top: 0;
+ left: 100%; }
+
+.noUi-value-vertical {
+ width: 15px;
+ margin-left: 20px;
+ margin-top: -5px; }
+
+.noUi-marker-vertical.noUi-marker {
+ width: 5px;
+ height: 2px;
+ margin-top: -1px; }
+
+.noUi-marker-vertical.noUi-marker-sub {
+ width: 10px; }
+
+.noUi-marker-vertical.noUi-marker-large {
+ width: 15px; }
+
+.noUi-tooltip {
+ display: block;
+ position: absolute;
+ border: 1px solid #D9D9D9;
+ border-radius: 3px;
+ background: #fff;
+ padding: 5px;
+ text-align: center; }
+
+.noUi-horizontal .noUi-handle-lower .noUi-tooltip {
+ top: -32px; }
+
+.noUi-horizontal .noUi-handle-upper .noUi-tooltip {
+ bottom: -32px; }
+
+.noUi-vertical .noUi-handle-lower .noUi-tooltip {
+ left: 120%; }
+
+.noUi-vertical .noUi-handle-upper .noUi-tooltip {
+ right: 120%; }
+
+/* perfect-scrollbar v0.6.8 */
+.ps-container {
+ -ms-touch-action: none;
+ overflow: hidden !important; }
+
+.ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail {
+ display: block; }
+
+.ps-container.ps-in-scrolling {
+ pointer-events: none; }
+
+.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
+ background-color: #eee;
+ opacity: 0.9; }
+
+.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
+ background-color: #999; }
+
+.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
+ background-color: #eee;
+ opacity: 0.9; }
+
+.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
+ background-color: #999; }
+
+.ps-container > .ps-scrollbar-x-rail {
+ display: none;
+ position: absolute;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ -ms-border-radius: 4px;
+ border-radius: 4px;
+ opacity: 0;
+ -webkit-transition: background-color 0.2s linear,opacity 0.2s linear;
+ -moz-transition: background-color 0.2s linear,opacity 0.2s linear;
+ -o-transition: background-color 0.2s linear,opacity 0.2s linear;
+ transition: background-color 0.2s linear,opacity 0.2s linear;
+ bottom: 3px;
+ height: 8px; }
+
+.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
+ position: absolute;
+ background-color: #aaa;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ -ms-border-radius: 4px;
+ border-radius: 4px;
+ -webkit-transition: background-color 0.2s linear;
+ -moz-transition: background-color 0.2s linear;
+ -o-transition: background-color 0.2s linear;
+ transition: background-color 0.2s linear;
+ bottom: 0;
+ height: 8px; }
+
+.ps-container > .ps-scrollbar-y-rail {
+ display: none;
+ position: absolute;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ -ms-border-radius: 4px;
+ border-radius: 4px;
+ opacity: 0;
+ -webkit-transition: background-color 0.2s linear,opacity 0.2s linear;
+ -moz-transition: background-color 0.2s linear,opacity 0.2s linear;
+ -o-transition: background-color 0.2s linear,opacity 0.2s linear;
+ transition: background-color 0.2s linear,opacity 0.2s linear;
+ right: 3px;
+ width: 8px; }
+
+.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
+ position: absolute;
+ background-color: #aaa;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ -ms-border-radius: 4px;
+ border-radius: 4px;
+ -webkit-transition: background-color 0.2s linear;
+ -moz-transition: background-color 0.2s linear;
+ -o-transition: background-color 0.2s linear;
+ transition: background-color 0.2s linear;
+ right: 0;
+ width: 8px; }
+
+.ps-container:hover.ps-in-scrolling {
+ pointer-events: none; }
+
+.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
+ background-color: #eee;
+ opacity: 0.9; }
+
+.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
+ background-color: #999; }
+
+.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
+ background-color: #eee;
+ opacity: 0.9; }
+
+.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
+ background-color: #999; }
+
+.ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail {
+ opacity: 0.6; }
+
+.ps-container:hover > .ps-scrollbar-x-rail:hover {
+ background-color: #eee;
+ opacity: 0.9; }
+
+.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
+ background-color: #999; }
+
+.ps-container:hover > .ps-scrollbar-y-rail:hover {
+ background-color: #eee;
+ opacity: 0.9; }
+
+.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
+ background-color: #999; }
+
+/*! 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 {
+ 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"] {
+ 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 */
+ 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; }
+
+.ap-container {
+ color: #1d3649;
+ font-size: 16px;
+ line-height: 1.68;
+ font-family: "Helvetica Neue for IBM", "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif;
+ font-weight: 300; }
+ .ap-container *,
+ .ap-container *::before,
+ .ap-container *::after {
+ box-sizing: border-box; }
+
+.ap-container a {
+ color: #a6266e;
+ text-decoration: none; }
+ .ap-container a:hover {
+ color: #a6266e;
+ text-decoration: none; }
+
+.ap-container .hyperlink {
+ color: #a6266e;
+ text-decoration: none; }
+ .ap-container .hyperlink strong {
+ font-weight: 700; }
+ .ap-container .hyperlink:hover {
+ color: #a6266e;
+ text-decoration: underline; }
+ .ap-container .hyperlink:active {
+ color: #db2780; }
+
+.ap-container .dark {
+ color: #f9f9fb; }
+ .ap-container .dark a {
+ color: #41d6c3; }
+ .ap-container .dark a.hyperlink:hover {
+ color: #41d6c3; }
+
+.ap-container h1,
+.ap-container h2,
+.ap-container h3,
+.ap-container h4,
+.ap-container h5,
+.ap-container h6 {
+ margin: 0;
+ font-weight: inherit; }
+
+.ap-container h1 {
+ font-size: 2.441em; }
+
+.ap-container h2 {
+ font-size: 1.563em; }
+
+.ap-container h3 {
+ font-size: 1.25em; }
+
+.ap-container h4,
+.ap-container h5,
+.ap-container h6 {
+ font-size: 1em; }
+
+@media (min-width: 48.063em) {
+ .ap-container h1 {
+ font-size: 4.236em; }
+ .ap-container h2 {
+ font-size: 2.618em; }
+ .ap-container h3 {
+ font-size: 1.618em; } }
+
+.ap-container p {
+ font-weight: 1em; }
+
+.ap-container small {
+ font-size: .875em; }
+
+.ap-container strong {
+ font-weight: 700; }
+
+.ap-container em {
+ font-style: italic; }
+
+.ap-container ul,
+.ap-container ol {
+ padding-left: 1em; }
+
+.ap-container ul {
+ list-style: disc; }
+
+.ap-container ol {
+ list-style: decimal; }
+
+.ap-container ul ul,
+.ap-container ol ul {
+ list-style-type: circle;
+ margin-bottom: 0; }
+
+.ap-container img {
+ max-width: 100%; }
+
+.ap-container fieldset {
+ border: 0;
+ padding: 0;
+ margin: 0; }
+
+.ap-container {
+ /*
+.alert__message {
+ max-width: 80%;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+ margin-bottom: 0;
+
+ &.shorten {
+ text-overflow: clip;
+ white-space: normal;
+ overflow: hidden;
+ }
+ &.shorter {
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+ float: left;
+ }
+}
+*/ }
+ .ap-container .alert {
+ padding: 15px 62px;
+ min-height: 55px;
+ display: block;
+ clear: both;
+ position: absolute;
+ left: 0;
+ transition: all 0.2s ease-in-out;
+ border-left: 4px solid;
+ background: #f9f9fb;
+ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
+ color: #1d3649;
+ margin-top: 0;
+ width: 100%; }
+ .ap-container .alert__fadeOut {
+ opacity: 0;
+ transition: all 0.2s ease-in-out; }
+ .ap-container .alert__close {
+ position: absolute;
+ top: 15px;
+ right: 20px;
+ background: transparent;
+ border: 0;
+ padding: 0;
+ display: block;
+ width: 24px;
+ height: 24px; }
+ .ap-container .alert__close svg {
+ width: 24px;
+ height: 24px;
+ fill: #a6266e; }
+ .ap-container .alert__close:active svg {
+ fill: #db2780; }
+ .ap-container .alert__title {
+ font-size: 1em;
+ font-weight: 700;
+ display: inline; }
+ .ap-container .alert__title::after {
+ content: ' \u2014 '; }
+ .ap-container .alert__icon {
+ width: 24px;
+ height: 24px;
+ position: absolute;
+ top: 15px;
+ left: 24px; }
+ .ap-container .alert--success {
+ border-color: #4b8400; }
+ .ap-container .alert--success .alert__icon {
+ fill: #4b8400; }
+ .ap-container .alert--warning {
+ border-color: #fdd600; }
+ .ap-container .alert--warning .alert__icon {
+ fill: #fdd600; }
+ .ap-container #icon-warning_filled_24 .text {
+ fill: #1d3649; }
+ .ap-container .alert--error {
+ border-color: #e71d32; }
+ .ap-container .alert--error .alert__icon {
+ fill: #e71d32; }
+ .ap-container .alert--info {
+ border-color: #4178be; }
+ .ap-container .alert--info .alert__icon {
+ fill: #4178be; }
+ .ap-container .breadcrumb, .ap-container .breadcrumb--condensed {
+ display: block;
+ clear: both;
+ margin: 0 auto;
+ font-size: .875em;
+ position: relative; }
+ .ap-container .breadcrumb__container {
+ padding: 0; }
+ .ap-container .breadcrumb__item, .ap-container .breadcrumb__item--condensed {
+ font-weight: 400;
+ display: inline-block;
+ list-style: none;
+ margin: 0 16px 0 0;
+ position: relative; }
+ .ap-container .breadcrumb__item:first-child, .ap-container .breadcrumb__item--condensed:first-child {
+ padding-left: 0; }
+ .ap-container .breadcrumb__divider {
+ fill: #aeaeae;
+ margin-left: 16px; }
+ .breadcrumb--dark .ap-container .breadcrumb__divider {
+ fill: #777677; }
+ .ap-container .breadcrumb__item--current {
+ font-weight: 400;
+ display: inline-block;
+ list-style: none;
+ margin: 0 16px 0 0;
+ position: relative; }
+ .ap-container .breadcrumb__link, .ap-container .breadcrumb__link--condensed {
+ display: inline-block;
+ font-weight: 400;
+ cursor: pointer;
+ padding: 0;
+ border-bottom: 1px solid transparent; }
+ .ap-container .breadcrumb__link svg, .ap-container .breadcrumb__link--condensed svg {
+ display: inline-block;
+ width: 16px;
+ position: relative;
+ top: 2px;
+ margin-right: 10px; }
+ .ap-container .breadcrumb__link:hover, .ap-container .breadcrumb__link--condensed:hover {
+ text-decoration: none;
+ border-bottom: 1px solid #a6266e; }
+ .ap-container .breadcrumb__link:active, .ap-container .breadcrumb__link--condensed:active {
+ transition: all .1s ease-in-out;
+ color: #db2780; }
+ .ap-container .breadcrumb__link:active svg path, .ap-container .breadcrumb__link--condensed:active svg path {
+ fill: #db2780; }
+ .ap-container .breadcrumb--dark .breadcrumb__link, .ap-container .breadcrumb--dark .breadcrumb__link--condensed {
+ color: #41d6c3; }
+ .ap-container .breadcrumb--dark .breadcrumb__link:hover, .ap-container .breadcrumb--dark .breadcrumb__link--condensed:hover {
+ border-color: #41d6c3; }
+ .ap-container .breadcrumb--dark .breadcrumb__link:active, .ap-container .breadcrumb--dark .breadcrumb__link--condensed:active {
+ color: #6eedd8;
+ border-color: #6eedd8; }
+ .ap-container .breadcrumb--dark .breadcrumb__link svg path, .ap-container .breadcrumb--dark .breadcrumb__link--condensed svg path {
+ fill: #41d6c3; }
+ .ap-container .breadcrumb--dark .breadcrumb__link:active svg path, .ap-container .breadcrumb--dark .breadcrumb__link--condensed:active svg path {
+ fill: #6eedd8; }
+ .ap-container .breadcrumb--dark .breadcrumb__current {
+ color: #f9f9fb; }
+ .ap-container .breadcrumb__current {
+ color: #1d3649; }
+ .ap-container .breadcrumb__condensed--container {
+ position: absolute;
+ transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
+ margin-top: 10px;
+ padding: 0;
+ width: auto;
+ background: #e0e0e0;
+ left: 35px;
+ opacity: 0;
+ transform: translate3d(0, 12px, 0);
+ z-index: 6000; }
+ .ap-container .breadcrumb__condensed--container .breadcrumb__divider {
+ display: none; }
+ .ap-container .breadcrumb__condensed--container::after {
+ bottom: 100%;
+ left: 50%;
+ border: solid transparent;
+ content: ' ';
+ height: 0;
+ width: 0;
+ position: absolute;
+ pointer-events: none;
+ border-color: transparent;
+ border-bottom-color: #e0e0e0;
+ border-width: 10px;
+ margin-left: -8px; }
+ .ap-container .breadcrumb__condensed--container .breadcrumb__item, .ap-container .breadcrumb__condensed--container .breadcrumb__item--condensed {
+ display: block;
+ float: none;
+ margin: 0;
+ white-space: nowrap; }
+ .ap-container .breadcrumb__condensed--container .breadcrumb__item::before, .ap-container .breadcrumb__condensed--container .breadcrumb__item--condensed::before {
+ display: none; }
+ .ap-container .breadcrumb__condensed--container .breadcrumb__link, .ap-container .breadcrumb__condensed--container .breadcrumb__link--condensed {
+ padding: 10px 20px;
+ display: block;
+ font-size: .75rem;
+ color: #1d3649;
+ cursor: pointer;
+ border: none; }
+ .ap-container .breadcrumb__condensed--container .breadcrumb__link:hover, .ap-container .breadcrumb__condensed--container .breadcrumb__link--condensed:hover {
+ color: #a6266e;
+ background: white; }
+ .ap-container .breadcrumb__condensed--container .breadcrumb__link::after, .ap-container .breadcrumb__condensed--container .breadcrumb__link--condensed::after {
+ border: 0; }
+ .ap-container .breadcrumb--dark .breadcrumb__condensed--container {
+ background: #264a60; }
+ .ap-container .breadcrumb--dark .breadcrumb__condensed--container::after {
+ border-bottom-color: #264a60; }
+ .ap-container .breadcrumb--dark .breadcrumb__condensed--container .breadcrumb__link, .ap-container .breadcrumb--dark .breadcrumb__condensed--container .breadcrumb__link--condensed {
+ color: #f9f9fb; }
+ .ap-container .breadcrumb--dark .breadcrumb__condensed--container .breadcrumb__link:hover, .ap-container .breadcrumb--dark .breadcrumb__condensed--container .breadcrumb__link--condensed:hover {
+ color: #00b4a0;
+ background: #152935; }
+ .ap-container .breadcrumb__link--condensed:focus .breadcrumb__condensed--container,
+ .ap-container .breadcrumb__link--condensed:hover .breadcrumb__condensed--container,
+ .ap-container .breadcrumb__link--condensed:active .breadcrumb__condensed--container,
+ .ap-container .breadcrumb__link--condensed.active .breadcrumb__condensed--container {
+ transform: translateY(0);
+ opacity: 1;
+ z-index: 8000; }
+ .ap-container .breadcrumb__link--condensed {
+ display: inline;
+ border: 0;
+ background: transparent;
+ position: relative;
+ top: -4px;
+ font-weight: 700;
+ padding: 0 30px 12px;
+ margin-left: -30px;
+ margin-right: -30px; }
+ .ap-container .breadcrumb__link--condensed:hover {
+ border: 0; }
+ .ap-container *:active,
+ .ap-container *:focus {
+ outline: default; }
+ .ap-container .button {
+ display: inline-block;
+ text-decoration: none;
+ background-color: transparent;
+ border: 2px solid #a6266e;
+ color: #a6266e;
+ padding: .625em 1.375em;
+ transition: all 0.2s ease-in-out;
+ cursor: pointer;
+ font-weight: 500; }
+ .ap-container .button .button__text {
+ padding-bottom: 6px; }
+ .ap-container .button:hover, .ap-container .button:focus {
+ background-color: #a6266e;
+ color: #f9f9fb;
+ cursor: pointer;
+ text-decoration: none; }
+ .ap-container .button:hover .icon, .ap-container .button:focus .icon {
+ fill: white; }
+ .ap-container .button:active {
+ transition: all .1s ease-in-out;
+ background: #db2780;
+ border-color: #db2780;
+ color: #f9f9fb; }
+ .ap-container .button:active .icon {
+ fill: white; }
+ .ap-container .button .icon {
+ fill: #a6266e;
+ transition: all 0.2s ease-in-out;
+ margin: 0 .875em 0 -.25em;
+ transform: translateY(4px); }
+ .ap-container .button a {
+ padding: 0;
+ margin: 0; }
+ .ap-container .button--large {
+ font-size: 1em;
+ border-width: 3px;
+ font-weight: 700;
+ padding: .625em 1.75em;
+ height: auto; }
+ @media (min-width: 48.063em) {
+ .ap-container .button--large {
+ font-size: 1.1em;
+ border-width: 4px; } }
+ .ap-container .button--large .icon {
+ width: 24px;
+ height: 24px; }
+ .ap-container .button--dark {
+ border-color: #41d6c3;
+ color: #41d6c3; }
+ .ap-container .button--dark:hover, .ap-container .button--dark:focus {
+ background-color: #41d6c3;
+ color: #152935; }
+ .ap-container .button--dark:hover .icon, .ap-container .button--dark:focus .icon {
+ fill: #152935; }
+ .ap-container .button--dark:active {
+ background-color: #6eedd8;
+ border-color: #6eedd8;
+ color: #152935; }
+ .ap-container .button--dark:active .icon {
+ fill: #152935; }
+ .ap-container .button--dark .icon {
+ fill: #41d6c3; }
+ .ap-container .button--disabled {
+ color: #aeaeae;
+ border: 2px solid #aeaeae;
+ cursor: initial;
+ pointer-events: none; }
+ .ap-container .button--disabled:hover, .ap-container .button--disabled:focus, .ap-container .button--disabled:active {
+ border: 2px solid #aeaeae;
+ background-color: transparent;
+ color: #aeaeae; }
+ .ap-container .button--disabled:hover .button__text, .ap-container .button--disabled:focus .button__text, .ap-container .button--disabled:active .button__text {
+ text-decoration: none; }
+ .ap-container .button--disabled:hover .icon,
+ .ap-container .button--disabled .icon {
+ fill: #aeaeae; }
+ .ap-container .button--dark.button--disabled {
+ border-color: #777677;
+ color: #777677; }
+ .ap-container .button--dark.button--disabled .icon {
+ fill: #777677; }
+ .ap-container .button--hyperlink {
+ border: none; }
+ .ap-container .button--hyperlink:hover, .ap-container .button--hyperlink:focus {
+ background: transparent;
+ color: #a6266e; }
+ .ap-container .button--hyperlink:hover .button__text, .ap-container .button--hyperlink:focus .button__text {
+ border-bottom: 1px solid #a6266e; }
+ .ap-container .button--hyperlink:hover .icon, .ap-container .button--hyperlink:focus .icon {
+ fill: #a6266e; }
+ .ap-container .button--hyperlink:active {
+ color: #db2780;
+ background: transparent; }
+ .ap-container .button--hyperlink:active .button__text {
+ border-color: #db2780; }
+ .ap-container .button--hyperlink:active .icon {
+ fill: #db2780; }
+ .ap-container .button--hyperlink .icon {
+ margin-right: .688em; }
+ .ap-container .button--hyperlink.button--disabled:focus {
+ color: #aeaeae;
+ border: 0; }
+ .ap-container .button--hyperlink.button--dark:hover, .ap-container .button--hyperlink.button--dark:focus {
+ color: #41d6c3; }
+ .ap-container .button--hyperlink.button--dark:hover .button__text, .ap-container .button--hyperlink.button--dark:focus .button__text {
+ border-bottom: 1px solid #41d6c3; }
+ .ap-container .button--hyperlink.button--dark:hover .icon, .ap-container .button--hyperlink.button--dark:focus .icon {
+ fill: #41d6c3; }
+ .ap-container .button--hyperlink.button--dark:active {
+ color: #6eedd8; }
+ .ap-container .button--hyperlink.button--dark:active .button__text {
+ border-color: #6eedd8; }
+ .ap-container .button--hyperlink.button--dark:active .icon {
+ fill: #6eedd8; }
+ .ap-container .button--hyperlink.button--disabled.button--dark:focus {
+ color: #777677; }
+ .ap-container .button--back {
+ color: #1d3649;
+ font-weight: 400;
+ padding: 0; }
+ .ap-container .button--back:hover, .ap-container .button--back:focus {
+ background: transparent;
+ color: #a6266e; }
+ .ap-container .button--back:hover .icon circle,
+ .ap-container .button--back:hover .icon path, .ap-container .button--back:focus .icon circle,
+ .ap-container .button--back:focus .icon path {
+ fill: #a6266e;
+ transition: all 0.2s ease-in-out; }
+ .ap-container .button--back:hover .icon polygon, .ap-container .button--back:focus .icon polygon {
+ fill: white;
+ transition: all 0.1s ease-in-out; }
+ .ap-container .button--back:active {
+ color: #db2780;
+ background: transparent; }
+ .ap-container .button--back:active .icon circle,
+ .ap-container .button--back:active .icon path {
+ fill: #db2780;
+ transition: all 0.2s ease-in-out; }
+ .ap-container .button--back:active .icon polygon {
+ fill: white;
+ transition: all 0.1s ease-in-out; }
+ .ap-container .button--back .icon {
+ margin-right: 6px;
+ top: 3px; }
+ .ap-container .button--back.button--large {
+ font-size: 1.563em;
+ font-weight: 300; }
+ .ap-container .button--back.button--dark {
+ color: #f9f9fb; }
+ .ap-container .button--back.button--dark .icon {
+ fill: #41d6c3; }
+ .ap-container .button--back.button--dark:hover, .ap-container .button--back.button--dark:focus {
+ color: #41d6c3; }
+ .ap-container .button--back.button--dark:hover .icon, .ap-container .button--back.button--dark:focus .icon {
+ color: #41d6c3; }
+ .ap-container .button--back.button--dark:hover .icon circle,
+ .ap-container .button--back.button--dark:hover .icon path, .ap-container .button--back.button--dark:focus .icon circle,
+ .ap-container .button--back.button--dark:focus .icon path {
+ fill: #41d6c3; }
+ .ap-container .button--back.button--dark:hover .icon polygon, .ap-container .button--back.button--dark:focus .icon polygon {
+ fill: #1d3649; }
+ .ap-container .button--back.button--dark:active {
+ color: #6eedd8; }
+ .ap-container .button--back.button--dark:active .icon {
+ color: #6eedd8; }
+ .ap-container .button--back.button--dark:active .icon circle,
+ .ap-container .button--back.button--dark:active .icon path {
+ fill: #6eedd8;
+ transition: all 0.2s ease-in-out; }
+ .ap-container .button--back.button--dark:active .icon polygon {
+ fill: #1d3649;
+ transition: all 0.1s ease-in-out; }
+ .ap-container .checkbox--base, .ap-container .checkbox--light, .ap-container .checkbox--light[type='checkbox'][disabled], .ap-container .checkbox--light--indeterminate, .ap-container .checkbox--dark, .ap-container .checkbox--dark[type='checkbox'][disabled], .ap-container .checkbox--dark--indeterminate {
+ position: absolute;
+ opacity: 0;
+ background: transparent; }
+ .ap-container .checkbox--base + label, .ap-container .checkbox--light + label, .ap-container .checkbox--light[type='checkbox'][disabled] + label, .ap-container .checkbox--light--indeterminate + label, .ap-container .checkbox--dark + label, .ap-container .checkbox--dark[type='checkbox'][disabled] + label, .ap-container .checkbox--dark--indeterminate + label {
+ position: relative;
+ padding-left: 31px;
+ cursor: pointer;
+ color: #152935;
+ display: inline-block; }
+ .ap-container .checkbox--base + label::before, .ap-container .checkbox--light + label::before, .ap-container .checkbox--light[type='checkbox'][disabled] + label::before, .ap-container .checkbox--light--indeterminate + label::before, .ap-container .checkbox--dark + label::before, .ap-container .checkbox--dark[type='checkbox'][disabled] + label::before, .ap-container .checkbox--dark--indeterminate + label::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 5px;
+ width: 16px;
+ height: 16px;
+ border: 1px solid #1d3649;
+ background: transparent;
+ border-radius: 0; }
+ .ap-container .checkbox--base + label:hover::before, .ap-container .checkbox--light + label:hover::before, .ap-container .checkbox--light[type='checkbox'][disabled] + label:hover::before, .ap-container .checkbox--light--indeterminate + label:hover::before, .ap-container .checkbox--dark + label:hover::before, .ap-container .checkbox--dark[type='checkbox'][disabled] + label:hover::before, .ap-container .checkbox--dark--indeterminate + label:hover::before {
+ background: #e0e0e0; }
+ .ap-container .checkbox--base:checked + label::before, .ap-container .checkbox--light:checked + label::before, .ap-container .checkbox--light[type='checkbox'][disabled]:checked + label::before, .ap-container .checkbox--light--indeterminate:checked + label::before, .ap-container .checkbox--dark:checked + label::before, .ap-container .checkbox--dark[type='checkbox'][disabled]:checked + label::before, .ap-container .checkbox--dark--indeterminate:checked + label::before {
+ background: #a6266e;
+ border: 0 solid #1d3649;
+ transition: all 0.2s ease-in-out; }
+ .ap-container .checkbox--base:checked + label:hover::before, .ap-container .checkbox--light:checked + label:hover::before, .ap-container .checkbox--light--indeterminate:checked + label:hover::before, .ap-container .checkbox--dark:checked + label:hover::before, .ap-container .checkbox--dark--indeterminate:checked + label:hover::before {
+ background: #db2780; }
+ .ap-container .checkbox--base + label::after, .ap-container .checkbox--light + label::after, .ap-container .checkbox--light[type='checkbox'][disabled] + label::after, .ap-container .checkbox--light--indeterminate + label::after, .ap-container .checkbox--dark + label::after, .ap-container .checkbox--dark[type='checkbox'][disabled] + label::after, .ap-container .checkbox--dark--indeterminate + label::after {
+ content: '';
+ width: 8px;
+ height: 5px;
+ background: none;
+ border-left: 2px solid #f9f9fb;
+ border-bottom: 2px solid #f9f9fb;
+ transform: scale(0) rotate(-45deg);
+ position: absolute;
+ top: 9px;
+ left: 4px;
+ transition: all 0.2s ease-in-out; }
+ .ap-container .checkbox--base:checked + label::after, .ap-container .checkbox--light:checked + label::after, .ap-container .checkbox--light[type='checkbox'][disabled]:checked + label::after, .ap-container .checkbox--light--indeterminate:checked + label::after, .ap-container .checkbox--dark:checked + label::after, .ap-container .checkbox--dark[type='checkbox'][disabled]:checked + label::after, .ap-container .checkbox--dark--indeterminate:checked + label::after {
+ opacity: 1;
+ transform: scale(1) rotate(-45deg); }
+ .ap-container .checkbox--base:not(:checked) + label::after, .ap-container .checkbox--light:not(:checked) + label::after, .ap-container .checkbox--light[type='checkbox'][disabled]:not(:checked) + label::after, .ap-container .checkbox--light--indeterminate:not(:checked) + label::after, .ap-container .checkbox--dark:not(:checked) + label::after, .ap-container .checkbox--dark[type='checkbox'][disabled]:not(:checked) + label::after, .ap-container .checkbox--dark--indeterminate:not(:checked) + label::after {
+ opacity: 0;
+ transform: scale(0) rotate(-45deg); }
+ .ap-container .checkbox--base:focus + label::before, .ap-container .checkbox--light:focus + label::before, .ap-container .checkbox--light[type='checkbox'][disabled]:focus + label::before, .ap-container .checkbox--light--indeterminate:focus + label::before, .ap-container .checkbox--dark:focus + label::before, .ap-container .checkbox--dark[type='checkbox'][disabled]:focus + label::before, .ap-container .checkbox--dark--indeterminate:focus + label::before {
+ outline-color: rgba(77, 144, 254, 0.5);
+ outline-offset: -2px;
+ outline-style: auto;
+ outline-width: 5px; }
+ .ap-container _::-moz-range-track,
+ .ap-container body:last-child .checkbox--base:focus + label::before, .ap-container body:last-child .checkbox--light:focus + label::before, .ap-container body:last-child .checkbox--light--indeterminate:focus + label::before, .ap-container body:last-child .checkbox--dark:focus + label::before, .ap-container body:last-child .checkbox--dark--indeterminate:focus + label::before {
+ outline-style: solid;
+ -moz-outline-radius: 2px;
+ outline-width: 4px;
+ outline-color: rgba(77, 144, 254, 0.5); }
+ .ap-container .checkbox--light--indeterminate + label::after {
+ border-left: 0 solid #f9f9fb;
+ border-bottom: 2px solid #f9f9fb; }
+ .ap-container .checkbox--light--indeterminate:checked + label::after {
+ transform: scale(1) rotate(0deg); }
+ .ap-container .checkbox--light--indeterminate:not(:checked) + label::after {
+ transform: scale(0) rotate(0deg); }
+ .ap-container [type='checkbox'][disabled].checkbox--light + label {
+ color: #aeaeae; }
+ .ap-container [type='checkbox'][disabled].checkbox--light + label::before {
+ border: 1px solid #aeaeae; }
+ .ap-container [type='checkbox'][disabled].checkbox--light:checked + label::before {
+ background: #aeaeae; }
+ .ap-container .checkbox--dark + label, .ap-container .checkbox--dark[type='checkbox'][disabled] + label {
+ color: white; }
+ .ap-container .checkbox--dark + label::before, .ap-container .checkbox--dark[type='checkbox'][disabled] + label::before {
+ border: 1px solid #f9f9fb; }
+ .ap-container .checkbox--dark + label:hover::before, .ap-container .checkbox--dark[type='checkbox'][disabled] + label:hover::before {
+ background: rgba(255, 255, 255, 0.25); }
+ .ap-container .checkbox--dark:checked + label::before, .ap-container .checkbox--dark[type='checkbox'][disabled]:checked + label::before {
+ background: #41d6c3; }
+ .ap-container .checkbox--dark:checked + label:hover::before {
+ background-color: #6eedd8; }
+ .ap-container .checkbox--dark + label::after, .ap-container .checkbox--dark[type='checkbox'][disabled] + label::after {
+ border-color: #152935; }
+ .ap-container .checkbox--dark--indeterminate + label {
+ color: white; }
+ .ap-container .checkbox--dark--indeterminate + label::before {
+ border: 1px solid #f9f9fb; }
+ .ap-container .checkbox--dark--indeterminate + label:hover::before {
+ background: rgba(255, 255, 255, 0.25); }
+ .ap-container .checkbox--dark--indeterminate:checked + label::before {
+ background: #41d6c3; }
+ .ap-container .checkbox--dark--indeterminate:checked + label:hover::before {
+ background-color: #6eedd8; }
+ .ap-container .checkbox--dark--indeterminate + label::after {
+ border-left: 0 solid #152935;
+ border-bottom: 2px solid #152935; }
+ .ap-container .checkbox--dark--indeterminate:checked + label::after {
+ transform: scale(1) rotate(0deg); }
+ .ap-container .checkbox--dark--indeterminate:not(:checked) + label::after {
+ transform: scale(0) rotate(0deg); }
+ .ap-container [type='checkbox'][disabled].checkbox--dark + label {
+ color: #777677; }
+ .ap-container [type='checkbox'][disabled].checkbox--dark + label::before {
+ border: 1px solid #777677; }
+ .ap-container [type='checkbox'][disabled].checkbox--dark:checked + label::before {
+ background: #777677; }
+ .ap-container .icon {
+ width: 20px;
+ height: 20px; }
+ .ap-container .icon__close {
+ cursor: pointer;
+ border: none;
+ background-color: transparent;
+ padding: 0; }
+ .ap-container .icon__close circle,
+ .ap-container .icon__close path {
+ transition: all 0.2s ease-in-out; }
+ .ap-container .icon__close polygon {
+ transition: all 0.1s ease-in-out;
+ fill: #a6266e; }
+ .ap-container .icon__close path {
+ fill: #a6266e; }
+ .ap-container .icon__close:hover polygon {
+ fill: white; }
+ .ap-container .icon__close:hover circle {
+ fill: #a6266e; }
+ .ap-container .icon__close:active circle,
+ .ap-container .icon__close:active path {
+ fill: #db2780; }
+ .ap-container .icon__close:active polygon {
+ fill: white; }
+ .ap-container .label__text--light,
+ .ap-container .label__text--dark {
+ display: block;
+ padding: 16px 0 0;
+ position: absolute;
+ visibility: hidden;
+ font-weight: 500;
+ margin-top: 9px; }
+ .ap-container .label__text--light.active-label,
+ .ap-container .label__text--dark.active-label {
+ visibility: visible;
+ transition: all .2s ease-in-out;
+ margin-top: -11px; }
+ .form-boxed .ap-container .label__text--light, .form-boxed
+ .ap-container .label__text--dark {
+ visibility: visible; }
+ .ap-container .label__text--light {
+ color: #1d3649; }
+ .ap-container .label__text--light.inactive-label {
+ color: #5a5a5a; }
+ .ap-container .label__text--dark {
+ color: #f9f9fb; }
+ .ap-container .label__text--dark.inactive-label {
+ color: #c7c7c7; }
+ .ap-container .label__checkbox--light,
+ .ap-container .label__checkbox--dark,
+ .ap-container .label__radio--light,
+ .ap-container .label__radio--dark {
+ margin-right: 30px; }
+ .ap-container .label__form--light, .ap-container .label__form--dark {
+ display: block;
+ font-weight: 500;
+ padding-bottom: .3em;
+ color: #1d3649; }
+ .ap-container .label__form--dark {
+ color: #f9f9fb; }
+
+@keyframes dash {
+ 0% {
+ stroke-dashoffset: 9.7px; }
+ 60% {
+ stroke-dashoffset: 113.52px; }
+ 100% {
+ stroke-dashoffset: 9.7px; } }
+
+@keyframes rotate {
+ 0% {
+ transform: rotate(300deg); }
+ 60% {
+ transform: rotate(1320deg); }
+ 100% {
+ transform: rotate(2100deg); } }
+ .ap-container .large {
+ width: 90px;
+ height: 90px; }
+ .ap-container .small {
+ width: 45px;
+ height: 45px; }
+ .ap-container .loader {
+ height: 100%;
+ width: 100%;
+ transform: translateZ(0) rotate(300deg);
+ transform-origin: center center;
+ animation: rotate 4s ease-out infinite; }
+ .ap-container .loader .loader__path {
+ stroke-dasharray: 125px;
+ stroke-dashoffset: 9.7px;
+ r: 20px;
+ cx: 50px;
+ cy: 50px;
+ fill: transparent;
+ stroke: #a6266e;
+ stroke-width: 4.65116px;
+ stroke-linecap: butt;
+ transition: stroke-dashoffset 1s cubic-bezier(0.5, 0.08, 0, 1);
+ animation: dash 4s ease-out infinite; }
+ .ap-container .determinate {
+ transform: translateZ(0) rotate(-90deg);
+ animation: none; }
+ .ap-container .determinate .loader__path {
+ stroke-dasharray: 126;
+ stroke-dashoffset: 126;
+ animation: none; }
+ .ap-container .loader--dark .loader__path {
+ stroke: #41d6c3; }
+ .ap-container .ibm-spinner-determinate[data-percent='100'] .loader__path {
+ stroke-dashoffset: 0; }
+ .ap-container .ibm-spinner-determinate[data-percent='99'] .loader__path {
+ stroke-dashoffset: 1.26; }
+ .ap-container .ibm-spinner-determinate[data-percent='98'] .loader__path {
+ stroke-dashoffset: 2.52; }
+ .ap-container .ibm-spinner-determinate[data-percent='97'] .loader__path {
+ stroke-dashoffset: 3.78; }
+ .ap-container .ibm-spinner-determinate[data-percent='96'] .loader__path {
+ stroke-dashoffset: 5.04; }
+ .ap-container .ibm-spinner-determinate[data-percent='95'] .loader__path {
+ stroke-dashoffset: 6.3; }
+ .ap-container .ibm-spinner-determinate[data-percent='94'] .loader__path {
+ stroke-dashoffset: 7.56; }
+ .ap-container .ibm-spinner-determinate[data-percent='93'] .loader__path {
+ stroke-dashoffset: 8.82; }
+ .ap-container .ibm-spinner-determinate[data-percent='92'] .loader__path {
+ stroke-dashoffset: 10.08; }
+ .ap-container .ibm-spinner-determinate[data-percent='91'] .loader__path {
+ stroke-dashoffset: 11.34; }
+ .ap-container .ibm-spinner-determinate[data-percent='90'] .loader__path {
+ stroke-dashoffset: 12.6; }
+ .ap-container .ibm-spinner-determinate[data-percent='89'] .loader__path {
+ stroke-dashoffset: 13.86; }
+ .ap-container .ibm-spinner-determinate[data-percent='88'] .loader__path {
+ stroke-dashoffset: 15.12; }
+ .ap-container .ibm-spinner-determinate[data-percent='87'] .loader__path {
+ stroke-dashoffset: 16.38; }
+ .ap-container .ibm-spinner-determinate[data-percent='86'] .loader__path {
+ stroke-dashoffset: 17.64; }
+ .ap-container .ibm-spinner-determinate[data-percent='85'] .loader__path {
+ stroke-dashoffset: 18.9; }
+ .ap-container .ibm-spinner-determinate[data-percent='84'] .loader__path {
+ stroke-dashoffset: 20.16; }
+ .ap-container .ibm-spinner-determinate[data-percent='83'] .loader__path {
+ stroke-dashoffset: 21.42; }
+ .ap-container .ibm-spinner-determinate[data-percent='82'] .loader__path {
+ stroke-dashoffset: 22.68; }
+ .ap-container .ibm-spinner-determinate[data-percent='81'] .loader__path {
+ stroke-dashoffset: 23.94; }
+ .ap-container .ibm-spinner-determinate[data-percent='80'] .loader__path {
+ stroke-dashoffset: 25.2; }
+ .ap-container .ibm-spinner-determinate[data-percent='79'] .loader__path {
+ stroke-dashoffset: 26.46; }
+ .ap-container .ibm-spinner-determinate[data-percent='78'] .loader__path {
+ stroke-dashoffset: 27.72; }
+ .ap-container .ibm-spinner-determinate[data-percent='77'] .loader__path {
+ stroke-dashoffset: 28.98; }
+ .ap-container .ibm-spinner-determinate[data-percent='76'] .loader__path {
+ stroke-dashoffset: 30.24; }
+ .ap-container .ibm-spinner-determinate[data-percent='75'] .loader__path {
+ stroke-dashoffset: 31.5; }
+ .ap-container .ibm-spinner-determinate[data-percent='74'] .loader__path {
+ stroke-dashoffset: 32.76; }
+ .ap-container .ibm-spinner-determinate[data-percent='73'] .loader__path {
+ stroke-dashoffset: 34.02; }
+ .ap-container .ibm-spinner-determinate[data-percent='72'] .loader__path {
+ stroke-dashoffset: 35.28; }
+ .ap-container .ibm-spinner-determinate[data-percent='71'] .loader__path {
+ stroke-dashoffset: 36.54; }
+ .ap-container .ibm-spinner-determinate[data-percent='70'] .loader__path {
+ stroke-dashoffset: 37.8; }
+ .ap-container .ibm-spinner-determinate[data-percent='69'] .loader__path {
+ stroke-dashoffset: 39.06; }
+ .ap-container .ibm-spinner-determinate[data-percent='68'] .loader__path {
+ stroke-dashoffset: 40.32; }
+ .ap-container .ibm-spinner-determinate[data-percent='67'] .loader__path {
+ stroke-dashoffset: 41.58; }
+ .ap-container .ibm-spinner-determinate[data-percent='66'] .loader__path {
+ stroke-dashoffset: 42.84; }
+ .ap-container .ibm-spinner-determinate[data-percent='65'] .loader__path {
+ stroke-dashoffset: 44.1; }
+ .ap-container .ibm-spinner-determinate[data-percent='64'] .loader__path {
+ stroke-dashoffset: 45.36; }
+ .ap-container .ibm-spinner-determinate[data-percent='63'] .loader__path {
+ stroke-dashoffset: 46.62; }
+ .ap-container .ibm-spinner-determinate[data-percent='62'] .loader__path {
+ stroke-dashoffset: 47.88; }
+ .ap-container .ibm-spinner-determinate[data-percent='61'] .loader__path {
+ stroke-dashoffset: 49.14; }
+ .ap-container .ibm-spinner-determinate[data-percent='60'] .loader__path {
+ stroke-dashoffset: 50.4; }
+ .ap-container .ibm-spinner-determinate[data-percent='59'] .loader__path {
+ stroke-dashoffset: 51.66; }
+ .ap-container .ibm-spinner-determinate[data-percent='58'] .loader__path {
+ stroke-dashoffset: 52.92; }
+ .ap-container .ibm-spinner-determinate[data-percent='57'] .loader__path {
+ stroke-dashoffset: 54.18; }
+ .ap-container .ibm-spinner-determinate[data-percent='56'] .loader__path {
+ stroke-dashoffset: 55.44; }
+ .ap-container .ibm-spinner-determinate[data-percent='55'] .loader__path {
+ stroke-dashoffset: 56.7; }
+ .ap-container .ibm-spinner-determinate[data-percent='54'] .loader__path {
+ stroke-dashoffset: 57.96; }
+ .ap-container .ibm-spinner-determinate[data-percent='53'] .loader__path {
+ stroke-dashoffset: 59.22; }
+ .ap-container .ibm-spinner-determinate[data-percent='52'] .loader__path {
+ stroke-dashoffset: 60.48; }
+ .ap-container .ibm-spinner-determinate[data-percent='51'] .loader__path {
+ stroke-dashoffset: 61.74; }
+ .ap-container .ibm-spinner-determinate[data-percent='50'] .loader__path {
+ stroke-dashoffset: 63; }
+ .ap-container .ibm-spinner-determinate[data-percent='49'] .loader__path {
+ stroke-dashoffset: 64.26; }
+ .ap-container .ibm-spinner-determinate[data-percent='48'] .loader__path {
+ stroke-dashoffset: 65.52; }
+ .ap-container .ibm-spinner-determinate[data-percent='47'] .loader__path {
+ stroke-dashoffset: 66.78; }
+ .ap-container .ibm-spinner-determinate[data-percent='46'] .loader__path {
+ stroke-dashoffset: 68.04; }
+ .ap-container .ibm-spinner-determinate[data-percent='45'] .loader__path {
+ stroke-dashoffset: 69.3; }
+ .ap-container .ibm-spinner-determinate[data-percent='44'] .loader__path {
+ stroke-dashoffset: 70.56; }
+ .ap-container .ibm-spinner-determinate[data-percent='43'] .loader__path {
+ stroke-dashoffset: 71.82; }
+ .ap-container .ibm-spinner-determinate[data-percent='42'] .loader__path {
+ stroke-dashoffset: 73.08; }
+ .ap-container .ibm-spinner-determinate[data-percent='41'] .loader__path {
+ stroke-dashoffset: 74.34; }
+ .ap-container .ibm-spinner-determinate[data-percent='40'] .loader__path {
+ stroke-dashoffset: 75.6; }
+ .ap-container .ibm-spinner-determinate[data-percent='39'] .loader__path {
+ stroke-dashoffset: 76.86; }
+ .ap-container .ibm-spinner-determinate[data-percent='38'] .loader__path {
+ stroke-dashoffset: 78.12; }
+ .ap-container .ibm-spinner-determinate[data-percent='37'] .loader__path {
+ stroke-dashoffset: 79.38; }
+ .ap-container .ibm-spinner-determinate[data-percent='36'] .loader__path {
+ stroke-dashoffset: 80.64; }
+ .ap-container .ibm-spinner-determinate[data-percent='35'] .loader__path {
+ stroke-dashoffset: 81.9; }
+ .ap-container .ibm-spinner-determinate[data-percent='34'] .loader__path {
+ stroke-dashoffset: 83.16; }
+ .ap-container .ibm-spinner-determinate[data-percent='33'] .loader__path {
+ stroke-dashoffset: 84.42; }
+ .ap-container .ibm-spinner-determinate[data-percent='32'] .loader__path {
+ stroke-dashoffset: 85.68; }
+ .ap-container .ibm-spinner-determinate[data-percent='31'] .loader__path {
+ stroke-dashoffset: 86.94; }
+ .ap-container .ibm-spinner-determinate[data-percent='30'] .loader__path {
+ stroke-dashoffset: 88.2; }
+ .ap-container .ibm-spinner-determinate[data-percent='29'] .loader__path {
+ stroke-dashoffset: 89.46; }
+ .ap-container .ibm-spinner-determinate[data-percent='28'] .loader__path {
+ stroke-dashoffset: 90.72; }
+ .ap-container .ibm-spinner-determinate[data-percent='27'] .loader__path {
+ stroke-dashoffset: 91.98; }
+ .ap-container .ibm-spinner-determinate[data-percent='26'] .loader__path {
+ stroke-dashoffset: 93.24; }
+ .ap-container .ibm-spinner-determinate[data-percent='25'] .loader__path {
+ stroke-dashoffset: 94.5; }
+ .ap-container .ibm-spinner-determinate[data-percent='24'] .loader__path {
+ stroke-dashoffset: 95.76; }
+ .ap-container .ibm-spinner-determinate[data-percent='23'] .loader__path {
+ stroke-dashoffset: 97.02; }
+ .ap-container .ibm-spinner-determinate[data-percent='22'] .loader__path {
+ stroke-dashoffset: 98.28; }
+ .ap-container .ibm-spinner-determinate[data-percent='21'] .loader__path {
+ stroke-dashoffset: 99.54; }
+ .ap-container .ibm-spinner-determinate[data-percent='20'] .loader__path {
+ stroke-dashoffset: 100.8; }
+ .ap-container .ibm-spinner-determinate[data-percent='19'] .loader__path {
+ stroke-dashoffset: 102.06; }
+ .ap-container .ibm-spinner-determinate[data-percent='18'] .loader__path {
+ stroke-dashoffset: 103.32; }
+ .ap-container .ibm-spinner-determinate[data-percent='17'] .loader__path {
+ stroke-dashoffset: 104.58; }
+ .ap-container .ibm-spinner-determinate[data-percent='16'] .loader__path {
+ stroke-dashoffset: 105.84; }
+ .ap-container .ibm-spinner-determinate[data-percent='15'] .loader__path {
+ stroke-dashoffset: 107.1; }
+ .ap-container .ibm-spinner-determinate[data-percent='14'] .loader__path {
+ stroke-dashoffset: 108.36; }
+ .ap-container .ibm-spinner-determinate[data-percent='13'] .loader__path {
+ stroke-dashoffset: 109.62; }
+ .ap-container .ibm-spinner-determinate[data-percent='12'] .loader__path {
+ stroke-dashoffset: 110.88; }
+ .ap-container .ibm-spinner-determinate[data-percent='11'] .loader__path {
+ stroke-dashoffset: 112.14; }
+ .ap-container .ibm-spinner-determinate[data-percent='10'] .loader__path {
+ stroke-dashoffset: 113.4; }
+ .ap-container .ibm-spinner-determinate[data-percent='9'] .loader__path {
+ stroke-dashoffset: 114.66; }
+ .ap-container .ibm-spinner-determinate[data-percent='8'] .loader__path {
+ stroke-dashoffset: 115.92; }
+ .ap-container .ibm-spinner-determinate[data-percent='7'] .loader__path {
+ stroke-dashoffset: 117.18; }
+ .ap-container .ibm-spinner-determinate[data-percent='6'] .loader__path {
+ stroke-dashoffset: 118.44; }
+ .ap-container .ibm-spinner-determinate[data-percent='5'] .loader__path {
+ stroke-dashoffset: 119.7; }
+ .ap-container .ibm-spinner-determinate[data-percent='4'] .loader__path {
+ stroke-dashoffset: 120.96; }
+ .ap-container .ibm-spinner-determinate[data-percent='3'] .loader__path {
+ stroke-dashoffset: 122.22; }
+ .ap-container .ibm-spinner-determinate[data-percent='2'] .loader__path {
+ stroke-dashoffset: 123.48; }
+ .ap-container .ibm-spinner-determinate[data-percent='1'] .loader__path {
+ stroke-dashoffset: 124.74; }
+ .ap-container .ibm-spinner-determinate[data-percent='0'] .loader__path {
+ stroke-dashoffset: 126; }
+ .ap-container .ibm-spinner-determinate[data-percent='-1'] .loader__path {
+ stroke-dashoffset: 127.26; }
+ .ap-container .ibm-spinner-determinate[data-percent='-2'] .loader__path {
+ stroke-dashoffset: 128.52; }
+ .ap-container .ibm-spinner-determinate[data-percent='-3'] .loader__path {
+ stroke-dashoffset: 129.78; }
+ .ap-container .ibm-spinner-determinate[data-percent='-4'] .loader__path {
+ stroke-dashoffset: 131.04; }
+ .ap-container .ibm-spinner-determinate[data-percent='-5'] .loader__path {
+ stroke-dashoffset: 132.3; }
+ .ap-container .ibm-spinner-determinate[data-percent='-6'] .loader__path {
+ stroke-dashoffset: 133.56; }
+ .ap-container .ibm-spinner-determinate[data-percent='-7'] .loader__path {
+ stroke-dashoffset: 134.82; }
+ .ap-container .ibm-spinner-determinate[data-percent='-8'] .loader__path {
+ stroke-dashoffset: 136.08; }
+ .ap-container .ibm-spinner-determinate[data-percent='-9'] .loader__path {
+ stroke-dashoffset: 137.34; }
+ .ap-container .ibm-spinner-determinate[data-percent='-10'] .loader__path {
+ stroke-dashoffset: 138.6; }
+ .ap-container .ibm-spinner-determinate[data-percent='-11'] .loader__path {
+ stroke-dashoffset: 139.86; }
+ .ap-container .ibm-spinner-determinate[data-percent='-12'] .loader__path {
+ stroke-dashoffset: 141.12; }
+ .ap-container .ibm-spinner-determinate[data-percent='-13'] .loader__path {
+ stroke-dashoffset: 142.38; }
+ .ap-container .ibm-spinner-determinate[data-percent='-14'] .loader__path {
+ stroke-dashoffset: 143.64; }
+ .ap-container .ibm-spinner-determinate[data-percent='-15'] .loader__path {
+ stroke-dashoffset: 144.9; }
+ .ap-container .ibm-spinner-determinate[data-percent='-16'] .loader__path {
+ stroke-dashoffset: 146.16; }
+ .ap-container .ibm-spinner-determinate[data-percent='-17'] .loader__path {
+ stroke-dashoffset: 147.42; }
+ .ap-container .ibm-spinner-determinate[data-percent='-18'] .loader__path {
+ stroke-dashoffset: 148.68; }
+ .ap-container .ibm-spinner-determinate[data-percent='-19'] .loader__path {
+ stroke-dashoffset: 149.94; }
+ .ap-container .ibm-spinner-determinate[data-percent='-20'] .loader__path {
+ stroke-dashoffset: 151.2; }
+ .ap-container .ibm-spinner-determinate[data-percent='-21'] .loader__path {
+ stroke-dashoffset: 152.46; }
+ .ap-container .ibm-spinner-determinate[data-percent='-22'] .loader__path {
+ stroke-dashoffset: 153.72; }
+ .ap-container .ibm-spinner-determinate[data-percent='-23'] .loader__path {
+ stroke-dashoffset: 154.98; }
+ .ap-container .ibm-spinner-determinate[data-percent='-24'] .loader__path {
+ stroke-dashoffset: 156.24; }
+ .ap-container .ibm-spinner-determinate[data-percent='-25'] .loader__path {
+ stroke-dashoffset: 157.5; }
+ .ap-container .ibm-spinner-determinate[data-percent='-26'] .loader__path {
+ stroke-dashoffset: 158.76; }
+ .ap-container .modal {
+ display: none; }
+ .ap-container .modal-content {
+ height: 100%; }
+ @media (min-width: 48.063em) {
+ .ap-container .modal-content {
+ height: auto; } }
+ .ap-container .modal-content:focus {
+ outline: none; }
+ .ap-container .modal-inner {
+ position: relative;
+ overflow: hidden;
+ width: 100%;
+ max-height: 100%;
+ height: 100%;
+ overflow-x: hidden;
+ overflow-y: auto;
+ background: white;
+ z-index: -1;
+ opacity: 0;
+ font-size: 16px;
+ transition: all 0.2s ease-in-out; }
+ @media (min-width: 48.063em) {
+ .ap-container .modal-inner {
+ width: 50%;
+ height: auto;
+ max-height: 90%; } }
+ .modal-visible .ap-container .modal-inner {
+ z-index: 100;
+ opacity: 1; }
+ .ap-container .modal__container {
+ position: relative;
+ padding: 24px 4.99469%;
+ background: white;
+ border-top: 6px solid #a6266e;
+ height: 100%;
+ color: #777677; }
+ @media (min-width: 31.25em) {
+ .ap-container .modal__container {
+ padding: 24px 3.27526%; } }
+ @media (min-width: 48.063em) {
+ .ap-container .modal__container {
+ height: auto;
+ padding: 50px; } }
+ .ap-container .modal__close {
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ width: 24px;
+ height: 24px;
+ overflow: hidden;
+ cursor: pointer;
+ border: none;
+ background-color: transparent;
+ padding: 0; }
+ .ap-container .modal__close circle,
+ .ap-container .modal__close path {
+ transition: all 0.2s ease-in-out; }
+ .ap-container .modal__close polygon {
+ transition: all 0.1s ease-in-out; }
+ .ap-container .modal__close:hover polygon {
+ fill: white; }
+ .ap-container .modal__close:hover circle {
+ fill: #a6266e; }
+ .ap-container .modal__close:active circle,
+ .ap-container .modal__close:active path {
+ fill: #db2780; }
+ .ap-container .modal__close:active polygon {
+ fill: white; }
+ .ap-container .modal__buttons {
+ background: #f9f9fb;
+ padding: 4.99469%;
+ text-align: right;
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ width: 100%; }
+ @media (min-width: 31.25em) {
+ .ap-container .modal__buttons {
+ padding: 3.27526%; } }
+ @media (min-width: 48.063em) {
+ .ap-container .modal__buttons {
+ position: static;
+ width: auto;
+ padding: 24px 50px;
+ margin: 24px -50px -50px; } }
+ .ap-container .modal__header {
+ background: #f9f9fb;
+ padding: 4.99469% 4.99469% 24px;
+ margin-left: -4.99469%;
+ margin-right: -4.99469%;
+ margin-top: -4.99469%;
+ margin-bottom: 24px; }
+ @media (min-width: 31.25em) {
+ .ap-container .modal__header {
+ padding: 3.27526% 3.27526% 24px;
+ margin-left: -3.27526%;
+ margin-right: -3.27526%;
+ margin-top: -3.27526%; } }
+ @media (min-width: 48.063em) {
+ .ap-container .modal__header {
+ padding: 50px 50px 24px;
+ margin: -50px -50px 24px; } }
+ .ap-container .modal h1,
+ .ap-container .modal h2,
+ .ap-container .modal h3 {
+ line-height: 1;
+ color: #1d3649; }
+ .ap-container .modal--error,
+ .ap-container .modal--warning {
+ padding-left: 70px; }
+ @media (min-width: 48.063em) {
+ .ap-container .modal--error,
+ .ap-container .modal--warning {
+ padding-left: 100px; }
+ .ap-container .modal--error .modal__buttons,
+ .ap-container .modal--warning .modal__buttons {
+ margin-left: -100px; } }
+ .ap-container .modal--error .icon,
+ .ap-container .modal--warning .icon {
+ width: 32px;
+ height: 32px;
+ position: absolute;
+ top: 20px;
+ left: 20px; }
+ @media (min-width: 48.063em) {
+ .ap-container .modal--error .icon,
+ .ap-container .modal--warning .icon {
+ top: 58px;
+ left: 50px; } }
+ .ap-container .modal--error {
+ border-color: #e71d32; }
+ .ap-container .modal--error circle {
+ fill: #e71d32; }
+ .ap-container .modal--error path {
+ fill: white; }
+ .ap-container .modal--warning {
+ border-color: #fdd600; }
+ .ap-container .modal--warning path:first-child {
+ fill: #fdd600; }
+ .ap-container .modal--warning path {
+ fill: #1d3649; }
+ .ap-container .error__info {
+ clear: both;
+ padding-top: 1em; }
+ .ap-container .error__details dt {
+ clear: both;
+ width: 150px;
+ display: inline-block; }
+ .ap-container .error__details dt::after {
+ content: ': '; }
+ .ap-container .error__details dd {
+ display: inline-block;
+ color: #1d3649;
+ margin: 0;
+ padding: 0 0 0 10px;
+ width: calc(100% - 170px); }
+ .ap-container .modal .shorten {
+ margin-bottom: 20px;
+ max-height: 900px; }
+ .ap-container _::-moz-range-track,
+ .ap-container body:last-child .radio--base, .ap-container body:last-child .radio--light, .ap-container body:last-child .radio--dark, .ap-container body:last-child .radio--light[type='radio'][disabled], .ap-container body:last-child .radio--dark[type='radio'][disabled] {
+ margin-left: -1px;
+ margin-top: 4px; }
+ .ap-container .radio--base, .ap-container .radio--light, .ap-container .radio--dark, .ap-container .radio--light[type='radio'][disabled], .ap-container .radio--dark[type='radio'][disabled] {
+ cursor: pointer;
+ position: absolute;
+ margin-top: 5px;
+ margin-left: 1px;
+ width: 17px;
+ height: 17px;
+ opacity: 0; }
+ .ap-container .radio--base + label, .ap-container .radio--light + label, .ap-container .radio--dark + label, .ap-container .radio--light[type='radio'][disabled] + label, .ap-container .radio--dark[type='radio'][disabled] + label {
+ cursor: pointer;
+ color: #152935;
+ display: inline-block;
+ position: relative;
+ padding-left: 30px; }
+ .ap-container .radio--base + label div, .ap-container .radio--light + label div, .ap-container .radio--dark + label div, .ap-container .radio--light[type='radio'][disabled] + label div, .ap-container .radio--dark[type='radio'][disabled] + label div {
+ color: #152935;
+ display: inline-block;
+ position: absolute;
+ left: 0; }
+ .ap-container .radio--base + label::before, .ap-container .radio--light + label::before, .ap-container .radio--dark + label::before, .ap-container .radio--light[type='radio'][disabled] + label::before, .ap-container .radio--dark[type='radio'][disabled] + label::before,
+ .ap-container .radio--base + label::after, .ap-container .radio--light + label::after, .ap-container .radio--dark + label::after, .ap-container .radio--light[type='radio'][disabled] + label::after, .ap-container .radio--dark[type='radio'][disabled] + label::after {
+ content: '';
+ display: inline-block;
+ width: 16px;
+ height: 16px;
+ top: 5px;
+ left: 0;
+ bottom: 0;
+ text-align: center;
+ position: absolute; }
+ .ap-container .radio--base + label div::before, .ap-container .radio--light + label div::before, .ap-container .radio--dark + label div::before, .ap-container .radio--light[type='radio'][disabled] + label div::before, .ap-container .radio--dark[type='radio'][disabled] + label div::before,
+ .ap-container .radio--base + label div::after, .ap-container .radio--light + label div::after, .ap-container .radio--dark + label div::after, .ap-container .radio--light[type='radio'][disabled] + label div::after, .ap-container .radio--dark[type='radio'][disabled] + label div::after {
+ content: '';
+ display: inline-block;
+ width: 16px;
+ height: 16px;
+ top: 5px;
+ left: 0;
+ bottom: 0;
+ text-align: center;
+ position: absolute; }
+ .ap-container .radio--base + label::before, .ap-container .radio--light + label::before, .ap-container .radio--dark + label::before, .ap-container .radio--light[type='radio'][disabled] + label::before, .ap-container .radio--dark[type='radio'][disabled] + label::before {
+ transition: all 0.2s ease-in-out;
+ border: 1px solid #1d3649;
+ border-radius: 50%; }
+ .ap-container .radio--base + label div::before, .ap-container .radio--light + label div::before, .ap-container .radio--dark + label div::before, .ap-container .radio--light[type='radio'][disabled] + label div::before, .ap-container .radio--dark[type='radio'][disabled] + label div::before {
+ transition: all 0.2s ease-in-out;
+ border-radius: 50%;
+ box-shadow: 0 0 0 0 rgba(124, 199, 255, 0.75), inset 0 0 0 10px #a6266e;
+ transform: scale(0); }
+ .ap-container .radio--base:focus.non-keyboard-outline + label::before, .ap-container .radio--light:focus.non-keyboard-outline + label::before, .ap-container .radio--dark:focus.non-keyboard-outline + label::before {
+ box-shadow: 0 0 0 6px rgba(124, 199, 255, 0.75), inset 0 0 0 0 #a6266e; }
+ .ap-container .radio--base:not(:checked) + label:hover div::before, .ap-container .radio--light:not(:checked) + label:hover div::before, .ap-container .radio--dark:not(:checked) + label:hover div::before {
+ box-shadow: 0 0 0 0 rgba(124, 199, 255, 0.75), inset 0 0 0 10px #a6266e;
+ transform: scale(0.4); }
+ .ap-container .radio--base:checked + label div::before, .ap-container .radio--light:checked + label div::before, .ap-container .radio--dark:checked + label div::before, .ap-container .radio--light[type='radio'][disabled]:checked + label div::before, .ap-container .radio--dark[type='radio'][disabled]:checked + label div::before {
+ box-shadow: 0 0 0 0 rgba(124, 199, 255, 0.75), inset 0 0 0 10px #a6266e;
+ transform: scale(1); }
+ .ap-container .radio--base:checked + label::before, .ap-container .radio--light:checked + label::before, .ap-container .radio--dark:checked + label::before, .ap-container .radio--light[type='radio'][disabled]:checked + label::before, .ap-container .radio--dark[type='radio'][disabled]:checked + label::before {
+ border: 1px solid #a6266e; }
+ .ap-container .radio--dark + label {
+ color: #f9f9fb; }
+ .ap-container .radio--dark + label::before {
+ border: 1px solid #f9f9fb;
+ background: #1d3649; }
+ .ap-container .radio--dark + label div::before {
+ box-shadow: 0 0 0 0 rgba(124, 199, 255, 0.75), inset 0 0 0 10px #41d6c3; }
+ .ap-container .radio--dark:focus.non-keyboard-outline + label::before {
+ box-shadow: 0 0 0 6px rgba(65, 120, 190, 0.75), inset 0 0 0 0 #41d6c3; }
+ .ap-container .radio--dark:not(:checked) + label:hover div::before {
+ box-shadow: 0 0 0 0 rgba(124, 199, 255, 0.75), inset 0 0 0 10px #41d6c3; }
+ .ap-container .radio--dark:checked + label div::before {
+ background: #1d3649;
+ box-shadow: 0 0 0 0 rgba(124, 199, 255, 0.75), inset 0 0 0 10px #41d6c3; }
+ .ap-container .radio--dark:checked + label::before {
+ border: 1px solid #41d6c3; }
+ .ap-container .radio--light[type='radio'][disabled] {
+ cursor: initial;
+ pointer-events: none; }
+ .ap-container .radio--light[type='radio'][disabled] + label {
+ color: #aeaeae; }
+ .ap-container .radio--light[type='radio'][disabled] + label::before {
+ border: 1px solid #aeaeae; }
+ .ap-container .radio--light[type='radio'][disabled]:not(:checked) + label:hover div::before {
+ transform: scale(0); }
+ .ap-container .radio--light[type='radio'][disabled]:checked + label div::before {
+ border: 0 solid #aeaeae;
+ box-shadow: 0 0 0 0 rgba(124, 199, 255, 0.75), inset 0 0 0 10px #aeaeae; }
+ .ap-container .radio--light[type='radio'][disabled]:checked + label::before {
+ border: 0 solid #aeaeae; }
+ .ap-container .radio--light[type='radio'][disabled]:focus.non-keyboard-outline + label::before {
+ box-shadow: 0 0 0 6px rgba(124, 199, 255, 0.75), inset 0 0 0 10px #aeaeae; }
+ .ap-container .radio--dark[type='radio'][disabled] {
+ cursor: initial;
+ pointer-events: none; }
+ .ap-container .radio--dark[type='radio'][disabled] + label {
+ color: #777677; }
+ .ap-container .radio--dark[type='radio'][disabled] + label::before {
+ border: 1px solid #777677; }
+ .ap-container .radio--dark[type='radio'][disabled]:not(:checked) + label:hover div::before {
+ transform: scale(0); }
+ .ap-container .radio--dark[type='radio'][disabled]:not(:checked) + label:hover::before {
+ box-shadow: 0 0 0 0 rgba(124, 199, 255, 0.75), inset 0 0 0 0 #777677; }
+ .ap-container .radio--dark[type='radio'][disabled]:checked + label div::before {
+ border: 0 solid #f9f9fb;
+ box-shadow: 0 0 0 0 rgba(124, 199, 255, 0.75), inset 0 0 0 10px #777677; }
+ .ap-container .radio--dark[type='radio'][disabled]:focus.non-keyboard-outline + label::before {
+ box-shadow: 0 0 0 6px rgba(124, 199, 255, 0.75), inset 0 0 0 10px #777677; }
+ .ap-container abbr[title] {
+ border-bottom: none; }
+ .ap-container .table--light {
+ color: #777677;
+ font-family: "Helvetica Neue for IBM", "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif;
+ white-space: nowrap;
+ table-layout: fixed;
+ width: 100%; }
+ .ap-container .table--light tbody {
+ border-bottom: 1px solid #c7c7c7; }
+ .ap-container .table--light tr th {
+ color: #1d3649;
+ height: 50px;
+ font-size: .75em;
+ text-align: left;
+ font-weight: 500;
+ text-transform: uppercase;
+ padding-left: 1.25em;
+ padding-right: 1.25em;
+ border-top: 1px solid #e0e0e0;
+ border-bottom: 2px solid #e0e0e0; }
+ .ap-container .table--light tr td {
+ border-bottom: 1px solid #e0e0e0;
+ height: 50px;
+ text-align: left;
+ font-size: .875em;
+ font-weight: 300;
+ padding-left: 1.25em;
+ padding-right: 1.25em;
+ overflow: hidden;
+ text-overflow: ellipsis; }
+ .ap-container .table--light tr:last-child td {
+ border-bottom: 1px solid #c7c7c7; }
+ .ap-container .table--bar tr th {
+ background: #f9f9fb;
+ border-top: 0 solid #e0e0e0;
+ border-bottom: 0 solid #e0e0e0; }
+ .ap-container .table--numbered--light tr :first-child {
+ width: 50px;
+ text-align: center; }
+ .ap-container .table--numbered--light tr th:first-child {
+ background: rgba(224, 224, 224, 0.6); }
+ .ap-container .table--numbered--light tr td:first-child {
+ width: 50px;
+ font-size: .75em;
+ font-weight: 500;
+ color: #1d3649;
+ background: rgba(224, 224, 224, 0.6);
+ border-style: none; }
+ .ap-container .text--light, .ap-container .text--dark, .ap-container .textarea--dark {
+ display: block;
+ width: 100%;
+ border: 0;
+ padding: .5em 25px .5em 0;
+ background: transparent;
+ border-radius: 0;
+ border-bottom: 2px solid #777677;
+ color: #1d3649;
+ font-weight: 400; }
+ .ap-container .text--light:focus, .ap-container .text--dark:focus, .ap-container .textarea--dark:focus {
+ outline: none;
+ border-bottom: 2px solid #1d3649;
+ color: #1d3649; }
+ .ap-container .text--light::-webkit-input-placeholder, .ap-container .text--dark::-webkit-input-placeholder, .ap-container .textarea--dark::-webkit-input-placeholder {
+ color: #5a5a5a;
+ font-style: italic;
+ font-weight: 300; }
+ .ap-container .text--light::-moz-placeholder, .ap-container .text--dark::-moz-placeholder, .ap-container .textarea--dark::-moz-placeholder {
+ color: #5a5a5a;
+ font-style: italic;
+ font-weight: 300; }
+ .ap-container .text--light:-ms-input-placeholder, .ap-container .text--dark:-ms-input-placeholder, .ap-container .textarea--dark:-ms-input-placeholder {
+ color: #5a5a5a;
+ font-style: italic;
+ font-weight: 300; }
+ .ap-container .text--dark {
+ border-color: #aeaeae;
+ color: #f9f9fb; }
+ .ap-container .text--dark:focus {
+ border-color: #f9f9fb;
+ color: #f9f9fb; }
+ .ap-container .text--dark::-webkit-input-placeholder {
+ color: #c7c7c7;
+ font-style: italic; }
+ .ap-container .text--dark::-moz-placeholder {
+ font-style: italic;
+ color: #c7c7c7; }
+ .ap-container .text--dark:-ms-input-placeholder {
+ font-style: italic;
+ color: #c7c7c7; }
+ .ap-container .haslabel {
+ display: inline-block;
+ margin: 25px 0; }
+ .ap-container .haslabel::-webkit-input-placeholder {
+ font-style: normal;
+ font-weight: 500; }
+ .ap-container .haslabel::-moz-placeholder {
+ font-style: normal;
+ font-weight: 500; }
+ .ap-container .haslabel:-ms-input-placeholder {
+ font-style: normal;
+ font-weight: 500; }
+ .ap-container textarea {
+ resize: none; }
+ .ap-container .textarea--light, .ap-container .textarea--dark {
+ display: block;
+ position: relative;
+ overflow: auto;
+ width: 100%;
+ padding: .5em;
+ background: transparent;
+ border: 2px solid #777677;
+ color: #1d3649;
+ font-weight: 400; }
+ .ap-container .textarea--light:focus, .ap-container .textarea--dark:focus {
+ outline: none;
+ border: 2px solid #1d3649;
+ color: #1d3649; }
+ .ap-container .textarea--light:focus + .counter, .ap-container .textarea--dark:focus + .counter {
+ color: #1d3649; }
+ .ap-container .textarea--light::-webkit-input-placeholder, .ap-container .textarea--dark::-webkit-input-placeholder {
+ color: #5a5a5a;
+ font-style: italic;
+ font-weight: 300; }
+ .ap-container .textarea--light::-moz-placeholder, .ap-container .textarea--dark::-moz-placeholder {
+ color: #5a5a5a;
+ font-style: italic; }
+ .ap-container .textarea--light:-ms-input-placeholder, .ap-container .textarea--dark:-ms-input-placeholder {
+ color: #5a5a5a;
+ font-style: italic; }
+ .ap-container .textarea--light.textarea--readonly, .ap-container .textarea--readonly.textarea--dark {
+ color: #777677 !important;
+ border-color: #e0e0e0 !important; }
+ .ap-container .textarea--light + .counter, .ap-container .textarea--dark + .counter {
+ color: #777677;
+ font-size: .875em;
+ margin-top: 5px; }
+ .ap-container .textarea--dark {
+ border-color: #aeaeae;
+ color: #f9f9fb; }
+ .ap-container .textarea--dark:focus {
+ border-color: #f9f9fb;
+ color: #f9f9fb; }
+ .ap-container .textarea--dark:focus + .counter {
+ color: #f9f9fb; }
+ .ap-container .textarea--dark::-webkit-input-placeholder {
+ color: #c7c7c7;
+ font-style: italic; }
+ .ap-container .textarea--dark::-moz-placeholder {
+ font-style: italic;
+ color: #c7c7c7; }
+ .ap-container .textarea--dark:-ms-input-placeholder {
+ font-style: italic;
+ color: #c7c7c7; }
+ .ap-container .textarea--dark.textarea--readonly {
+ color: #aeaeae !important;
+ border-color: #464646 !important; }
+ .ap-container .textarea--dark + .counter {
+ color: #c7c7c7; }
+ .ap-container .text__counter {
+ text-align: right;
+ font-size: .875em;
+ display: block;
+ margin-top: 5px; }
+ .ap-container .text.error {
+ border-color: #e71d32; }
+ .ap-container textarea {
+ resize: none; }
+ .ap-container .textarea--light, .ap-container .textarea--dark {
+ display: block;
+ position: relative;
+ overflow: auto;
+ width: 100%;
+ padding: .5em;
+ background: transparent;
+ border: 2px solid #777677;
+ color: #1d3649;
+ font-weight: 400; }
+ .ap-container .textarea--light:focus, .ap-container .textarea--dark:focus {
+ outline: none;
+ border: 2px solid #1d3649;
+ color: #1d3649; }
+ .ap-container .textarea--light::-webkit-input-placeholder, .ap-container .textarea--dark::-webkit-input-placeholder {
+ color: #5a5a5a;
+ font-style: italic;
+ font-weight: 300; }
+ .ap-container .textarea--light::-moz-placeholder, .ap-container .textarea--dark::-moz-placeholder {
+ color: #5a5a5a;
+ font-style: italic; }
+ .ap-container .textarea--light:-ms-input-placeholder, .ap-container .textarea--dark:-ms-input-placeholder {
+ color: #5a5a5a;
+ font-style: italic; }
+ .ap-container .textarea--light.textarea--readonly, .ap-container .textarea--readonly.textarea--dark {
+ color: #777677 !important;
+ border-color: #e0e0e0 !important; }
+ .ap-container .textarea--dark {
+ border-color: #aeaeae;
+ color: #f9f9fb; }
+ .ap-container .textarea--dark:focus {
+ border-color: #f9f9fb;
+ color: #f9f9fb; }
+ .ap-container .textarea--dark::-webkit-input-placeholder {
+ color: #c7c7c7;
+ font-style: italic; }
+ .ap-container .textarea--dark::-moz-placeholder {
+ font-style: italic;
+ color: #c7c7c7; }
+ .ap-container .textarea--dark:-ms-input-placeholder {
+ font-style: italic;
+ color: #c7c7c7; }
+ .ap-container .textarea--dark.textarea--readonly {
+ color: #aeaeae !important;
+ border-color: #464646 !important; }
+ .ap-container .toggle, .ap-container .toggle--dark {
+ position: absolute;
+ opacity: 0; }
+ .ap-container .toggle:focus + label, .ap-container .toggle--dark:focus + label {
+ box-shadow: 0 0 5px 2px #4d90fe; }
+ .ap-container .toggle + label, .ap-container .toggle--dark + label {
+ display: block;
+ position: relative;
+ cursor: pointer;
+ user-select: none;
+ padding: 0;
+ width: 45px;
+ height: 24px;
+ border-radius: 24px;
+ background-color: #aeaeae;
+ transition: all 0.2s ease-in-out; }
+ .ap-container .toggle + label .toggle__checkbox, .ap-container .toggle--dark + label .toggle__checkbox {
+ width: 14px;
+ height: 14px;
+ margin-left: 5px; }
+ .ap-container .toggle + label .toggle__checkbox .checkbox, .ap-container .toggle--dark + label .toggle__checkbox .checkbox {
+ fill: white; }
+ .ap-container .toggle + label::before, .ap-container .toggle--dark + label::before,
+ .ap-container .toggle + label::after, .ap-container .toggle--dark + label::after {
+ display: block;
+ position: absolute;
+ content: ''; }
+ .ap-container .toggle + label::after, .ap-container .toggle--dark + label::after {
+ top: 2px;
+ left: 2px;
+ bottom: 2px;
+ width: 20px;
+ height: 20px;
+ border-radius: 20px;
+ background-color: white;
+ transition: all 0.2s ease-in-out; }
+ .ap-container .toggle:checked + label, .ap-container .toggle--dark:checked + label {
+ background-color: #a6266e; }
+ .ap-container .toggle:checked + label::after, .ap-container .toggle--dark:checked + label::after {
+ margin-left: 21px;
+ background-color: white; }
+ .ap-container .toggle:disabled + label, .ap-container .toggle--dark:disabled + label {
+ background-color: #aeaeae;
+ background-image: repeating-linear-gradient(45deg, #c7c7c7, #c7c7c7 2px, #aeaeae 2px, #aeaeae 8px); }
+ .ap-container .toggle:disabled + label .toggle__checkbox, .ap-container .toggle--dark:disabled + label .toggle__checkbox {
+ display: none; }
+ .ap-container .toggle--dark + label {
+ background-color: #aeaeae; }
+ .ap-container .toggle--dark + label .toggle__checkbox .checkbox {
+ fill: #264a60; }
+ .ap-container .toggle--dark + label::after {
+ background-color: #264a60; }
+ .ap-container .toggle--dark:checked + label {
+ background-color: #41d6c3; }
+ .ap-container .toggle--dark:checked + label::after {
+ background-color: #264a60; }
+ .ap-container .toggle--dark:disabled + label {
+ background-color: #aeaeae;
+ background-image: repeating-linear-gradient(45deg, #5a5a5a, #5a5a5a 2px, #777677 2px, #777677 8px); }
+ .ap-container .toggle--dark:disabled + label .toggle__checkbox {
+ display: none; }
+ .ap-container textarea {
+ resize: none; }
+ .ap-container .search--light input[type=search] {
+ display: block;
+ overflow: auto;
+ width: 400px;
+ height: 36px;
+ padding-top: 14px;
+ border: 0;
+ padding: 0;
+ margin: 0;
+ font-size: 1em;
+ background: transparent;
+ -webkit-appearance: none;
+ border-radius: 0;
+ border-bottom: 2px solid #777677;
+ color: #1d3649;
+ background-image: url("./images/icon/search--light.svg");
+ background-position: 100% bottom;
+ background-repeat: no-repeat; }
+ .ap-container .search--light input[type=search]::-ms-clear {
+ width: 0;
+ height: 0; }
+ .ap-container .search--light input[type=search]:focus {
+ outline: none;
+ border-bottom: 2px solid #1d3649;
+ color: #1d3649; }
+ .ap-container .search--light input[type=search]::-webkit-input-placeholder {
+ color: #5a5a5a;
+ font-style: italic; }
+ .ap-container .search--light input[type=search]::-moz-placeholder {
+ color: #5a5a5a;
+ font-style: italic; }
+ .ap-container .search--light input[type=search]:-ms-input-placeholder {
+ color: #5a5a5a;
+ font-style: italic; }
+ .ap-container .search--light .tt-suggestion {
+ font-weight: 300;
+ cursor: pointer;
+ width: 400px;
+ height: 50px;
+ padding-left: 15px;
+ padding-top: 10px;
+ text-align: left;
+ color: #5a5a5a;
+ background: #e0e0e0; }
+ .ap-container .search--light .tt-suggestion:hover {
+ color: #a6266e;
+ background: white; }
+ .ap-container .search--light .tt-suggestion:hover .tt-highlight {
+ color: #a6266e; }
+ .ap-container .search--light .tt-cursor {
+ color: #a6266e;
+ background: white; }
+ .ap-container .search--light .tt-highlight {
+ font-weight: 500;
+ color: #1d3649; }
+ .ap-container .search--dark input[type=search] {
+ -webkit-appearance: none;
+ border-radius: 0;
+ border-bottom: 2px solid #aeaeae;
+ color: #f9f9fb;
+ background-image: url("./images/icon/search--dark.svg"); }
+ .ap-container .search--dark input[type=search]:focus {
+ outline: none;
+ border-bottom: 2px solid #f9f9fb;
+ color: #f9f9fb; }
+ .ap-container .search--dark input[type=search]::-webkit-input-placeholder {
+ color: #c7c7c7;
+ font-style: italic; }
+ .ap-container .search--dark input[type=search]::-moz-placeholder {
+ color: #c7c7c7;
+ font-style: italic; }
+ .ap-container .search--dark input[type=search]:-ms-input-placeholder {
+ color: #c7c7c7;
+ font-style: italic; }
+ .ap-container .search--dark .tt-suggestion {
+ color: #c7c7c7;
+ background: #264a60; }
+ .ap-container .search--dark .tt-suggestion:hover {
+ color: #41d6c3;
+ background: #152935; }
+ .ap-container .search--dark .tt-cursor {
+ color: #41d6c3;
+ background: #152935; }
+ .ap-container .search--dark .tt-highlight {
+ color: #f9f9fb; }
+ .ap-container .select,
+ .ap-container .select--dark {
+ position: relative; }
+ .ap-container .select:focus,
+ .ap-container .select--dark:focus {
+ outline: default; }
+ .ap-container .select > .select__button,
+ .ap-container .select--dark > .select__button {
+ position: relative;
+ display: block;
+ overflow: hidden;
+ width: 100%;
+ text-align: left; }
+ .ap-container .select--inline > .select__button {
+ margin: 0;
+ padding: 0 1em 0 0;
+ border: none;
+ border-bottom: 2px solid #a6266e;
+ background-color: initial;
+ color: #a6266e;
+ height: 36px;
+ line-height: 36px; }
+ .ap-container .select--inline > .select__button:hover, .ap-container .select--inline > .select__button:focus {
+ margin: 0;
+ padding: 0 0 .2em;
+ border: none;
+ border-bottom: 2px solid #a6266e;
+ background: transparent; }
+ .ap-container .select--dark.select--inline > .select__button {
+ border-bottom: 2px solid #41d6c3;
+ color: #41d6c3; }
+ .ap-container .select--dark.select--inline > .select__button:hover, .ap-container .select--dark.select--inline > .select__button:focus {
+ border-bottom: 2px solid #41d6c3;
+ color: #41d6c3; }
+ .ap-container .select--inline > .select__button:hover ::after,
+ .ap-container .select--inline > .select__button:focus ::after {
+ border: none; }
+ .ap-container .select > .select__button > .select__button__text,
+ .ap-container .select--dark > .select__button > .select__button__text {
+ text-overflow: ellipsis;
+ display: block;
+ white-space: nowrap;
+ overflow: hidden; }
+ .ap-container .select > .select__button > .select__button__arrow,
+ .ap-container .select--dark > .select__button > .select__button__arrow {
+ width: 13px;
+ height: 8px;
+ position: absolute;
+ right: 20px;
+ top: 20px;
+ transition: transform 0.3s cubic-bezier(0.5, 0.08, 0, 1);
+ -webkit-transform: rotate(180deg);
+ transform: rotate(180deg);
+ fill: currentColo
<TRUNCATED>
http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/cf3f2cbe/assets/img/airport-traffic.png
----------------------------------------------------------------------
diff --git a/assets/img/airport-traffic.png b/assets/img/airport-traffic.png
new file mode 100644
index 0000000..8b83165
Binary files /dev/null and b/assets/img/airport-traffic.png differ