http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/96a132b2/_src/assets/css/main.css ---------------------------------------------------------------------- diff --git a/_src/assets/css/main.css b/_src/assets/css/main.css new file mode 100644 index 0000000..409d3e8 --- /dev/null +++ b/_src/assets/css/main.css @@ -0,0 +1,4507 @@ +@charset "UTF-8"; +/*! nouislider - 8.3.0 - 2016-02-14 17:37:20 */ +.noUi-target, .noUi-target * { + -webkit-touch-callout: none; + -ms-touch-action: none; + touch-action: none; + -ms-user-select: none; + -moz-user-select: none; + -webkit-user-select: none; + user-select: none; + 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: translateZ(0); + transform: translateZ(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 .45s; + transition: background .45s; } + +.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 * { + 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%; } + +.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: .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: .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; + border-radius: 4px; + opacity: 0; + -webkit-transition: background-color .2s linear,opacity .2s linear; + transition: background-color .2s linear,opacity .2s linear; + bottom: 3px; + height: 8px; } + +.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x { + position: absolute; + background-color: #aaa; + border-radius: 4px; + -webkit-transition: background-color .2s linear; + transition: background-color .2s linear; + bottom: 0; + height: 8px; } + +.ps-container > .ps-scrollbar-y-rail { + display: none; + position: absolute; + border-radius: 4px; + opacity: 0; + -webkit-transition: background-color .2s linear,opacity .2s linear; + transition: background-color .2s linear,opacity .2s linear; + right: 3px; + width: 8px; } + +.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { + position: absolute; + background-color: #aaa; + border-radius: 4px; + -webkit-transition: background-color .2s linear; + transition: background-color .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: .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: .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: .6; } + +.ps-container:hover > .ps-scrollbar-x-rail:hover { + background-color: #eee; + opacity: .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: .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 */ +html { + font-family: sans-serif; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; } + +body { + margin: 0; } + +article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { + display: block; } + +audio, canvas, progress, video { + display: inline-block; + vertical-align: baseline; } + +audio:not([controls]) { + display: none; + height: 0; } + +[hidden], template { + display: none; } + +a { + background-color: transparent; } + +a:active, a:hover { + outline: 0; } + +abbr[title] { + border-bottom: 1px dotted; } + +b, strong { + font-weight: 700; } + +dfn { + font-style: italic; } + +h1 { + font-size: 2em; + margin: .67em 0; } + +mark { + background: #ff0; + color: #000; } + +small { + font-size: 80%; } + +sub, sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } + +sup { + top: -.5em; } + +sub { + bottom: -.25em; } + +img { + border: 0; } + +svg:not(:root) { + overflow: hidden; } + +figure { + margin: 1em 40px; } + +hr { + box-sizing: content-box; + height: 0; } + +pre { + overflow: auto; } + +code, kbd, pre, samp { + font-family: monospace,monospace; + font-size: 1em; } + +button, input, optgroup, select, textarea { + color: inherit; + font: inherit; + margin: 0; } + +button { + overflow: visible; } + +button, select { + text-transform: none; } + +button, html input[type=button], input[type=reset], input[type=submit] { + -webkit-appearance: button; + cursor: pointer; } + +button[disabled], html input[disabled] { + cursor: default; } + +button::-moz-focus-inner, input::-moz-focus-inner { + border: 0; + padding: 0; } + +input { + line-height: normal; } + +input[type=checkbox], input[type=radio] { + box-sizing: border-box; + padding: 0; } + +input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { + height: auto; } + +input[type=search] { + -webkit-appearance: textfield; + box-sizing: content-box; } + +input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { + -webkit-appearance: none; } + +fieldset { + border: 1px solid silver; + margin: 0 2px; + padding: .35em .625em .75em; } + +legend { + border: 0; + padding: 0; } + +textarea { + overflow: auto; } + +optgroup { + font-weight: 700; } + +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 :after, .ap-container :before { + box-sizing: border-box; } + +.ap-container .hyperlink, .ap-container a, .ap-container a:hover { + 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, .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 ol, .ap-container ul { + padding-left: 1em; } + +.ap-container ul { + list-style: disc; } + +.ap-container ol { + list-style: decimal; } + +.ap-container ol ul, .ap-container ul 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 { + padding: 15px 62px; + min-height: 55px; + display: block; + clear: both; + position: absolute; + left: 0; + 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, .ap-container .alert__fadeOut { + -webkit-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; } + +.ap-container .alert__fadeOut { + opacity: 0; } + +.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: ' â '; } + +.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--condensed:first-child, .ap-container .breadcrumb__item: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--condensed svg, .ap-container .breadcrumb__link svg { + display: inline-block; + width: 16px; + position: relative; + top: 2px; + margin-right: 10px; } + +.ap-container .breadcrumb__link--condensed:hover, .ap-container .breadcrumb__link:hover { + text-decoration: none; + border-bottom: 1px solid #a6266e; } + +.ap-container .breadcrumb__link--condensed:active, .ap-container .breadcrumb__link:active { + -webkit-transition: all .1s ease-in-out; + transition: all .1s ease-in-out; + color: #db2780; } + +.ap-container .breadcrumb__link--condensed:active svg path, .ap-container .breadcrumb__link: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--condensed:hover, .ap-container .breadcrumb--dark .breadcrumb__link:hover { + border-color: #41d6c3; } + +.ap-container .breadcrumb--dark .breadcrumb__link--condensed:active, .ap-container .breadcrumb--dark .breadcrumb__link:active { + color: #6eedd8; + border-color: #6eedd8; } + +.ap-container .breadcrumb--dark .breadcrumb__link--condensed svg path, .ap-container .breadcrumb--dark .breadcrumb__link svg path { + fill: #41d6c3; } + +.ap-container .breadcrumb--dark .breadcrumb__link--condensed:active svg path, .ap-container .breadcrumb--dark .breadcrumb__link: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; + -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); + 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; + -webkit-transform: translate3d(0, 12px, 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--condensed:before, .ap-container .breadcrumb__condensed--container .breadcrumb__item: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--condensed:hover, .ap-container .breadcrumb__condensed--container .breadcrumb__link:hover { + color: #a6266e; + background: #fff; } + +.ap-container .breadcrumb__condensed--container .breadcrumb__link--condensed:after, .ap-container .breadcrumb__condensed--container .breadcrumb__link: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--condensed:hover, .ap-container .breadcrumb--dark .breadcrumb__condensed--container .breadcrumb__link:hover { + color: #00b4a0; + background: #152935; } + +.ap-container .breadcrumb__link--condensed.active .breadcrumb__condensed--container, .ap-container .breadcrumb__link--condensed:active .breadcrumb__condensed--container, .ap-container .breadcrumb__link--condensed:focus .breadcrumb__condensed--container, .ap-container .breadcrumb__link--condensed:hover .breadcrumb__condensed--container { + -webkit-transform: translateY(0); + 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; + -webkit-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; + cursor: pointer; + font-weight: 500; } + +.ap-container .button .button__text { + padding-bottom: 6px; } + +.ap-container .button:focus, .ap-container .button:hover { + background-color: #a6266e; + color: #f9f9fb; + cursor: pointer; + text-decoration: none; } + +.ap-container .button:focus .icon, .ap-container .button:hover .icon { + fill: #fff; } + +.ap-container .button:active { + -webkit-transition: all .1s ease-in-out; + transition: all .1s ease-in-out; + background: #db2780; + border-color: #db2780; + color: #f9f9fb; } + +.ap-container .button:active .icon { + fill: #fff; } + +.ap-container .button .icon { + fill: #a6266e; + -webkit-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; + margin: 0 .875em 0 -.25em; + -webkit-transform: translateY(4px); + 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:focus, .ap-container .button--dark:hover { + background-color: #41d6c3; + color: #152935; } + +.ap-container .button--dark:focus .icon, .ap-container .button--dark:hover .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:active, .ap-container .button--disabled:focus, .ap-container .button--disabled:hover { + border: 2px solid #aeaeae; + background-color: transparent; + color: #aeaeae; } + +.ap-container .button--disabled:active .button__text, .ap-container .button--disabled:focus .button__text, .ap-container .button--disabled:hover .button__text { + text-decoration: none; } + +.ap-container .button--disabled .icon, .ap-container .button--disabled:hover .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:focus, .ap-container .button--hyperlink:hover { + background: transparent; + color: #a6266e; } + +.ap-container .button--hyperlink:focus .button__text, .ap-container .button--hyperlink:hover .button__text { + border-bottom: 1px solid #a6266e; } + +.ap-container .button--hyperlink:focus .icon, .ap-container .button--hyperlink:hover .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:focus, .ap-container .button--hyperlink.button--dark:hover { + color: #41d6c3; } + +.ap-container .button--hyperlink.button--dark:focus .button__text, .ap-container .button--hyperlink.button--dark:hover .button__text { + border-bottom: 1px solid #41d6c3; } + +.ap-container .button--hyperlink.button--dark:focus .icon, .ap-container .button--hyperlink.button--dark:hover .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:focus, .ap-container .button--back:hover { + background: transparent; + color: #a6266e; } + +.ap-container .button--back:focus .icon circle, .ap-container .button--back:focus .icon path, .ap-container .button--back:hover .icon circle, .ap-container .button--back:hover .icon path { + fill: #a6266e; + -webkit-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; } + +.ap-container .button--back:focus .icon polygon, .ap-container .button--back:hover .icon polygon { + fill: #fff; + -webkit-transition: all .1s ease-in-out; + transition: all .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; + -webkit-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; } + +.ap-container .button--back:active .icon polygon { + fill: #fff; + -webkit-transition: all .1s ease-in-out; + transition: all .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:focus, .ap-container .button--back.button--dark:focus .icon, .ap-container .button--back.button--dark:hover, .ap-container .button--back.button--dark:hover .icon { + color: #41d6c3; } + +.ap-container .button--back.button--dark:focus .icon circle, .ap-container .button--back.button--dark:focus .icon path, .ap-container .button--back.button--dark:hover .icon circle, .ap-container .button--back.button--dark:hover .icon path { + fill: #41d6c3; } + +.ap-container .button--back.button--dark:focus .icon polygon, .ap-container .button--back.button--dark:hover .icon polygon { + fill: #1d3649; } + +.ap-container .button--back.button--dark:active, .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; + -webkit-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; } + +.ap-container .button--back.button--dark:active .icon polygon { + fill: #1d3649; + -webkit-transition: all .1s ease-in-out; + transition: all .1s ease-in-out; } + +.ap-container .checkbox--base, .ap-container .checkbox--dark, .ap-container .checkbox--dark--indeterminate, .ap-container .checkbox--dark[type=checkbox][disabled], .ap-container .checkbox--light, .ap-container .checkbox--light--indeterminate, .ap-container .checkbox--light[type=checkbox][disabled] { + position: absolute; + opacity: 0; + background: transparent; } + +.ap-container .checkbox--base + label, .ap-container .checkbox--dark + label, .ap-container .checkbox--dark--indeterminate + label, .ap-container .checkbox--dark[type=checkbox][disabled] + label, .ap-container .checkbox--light + label, .ap-container .checkbox--light--indeterminate + label, .ap-container .checkbox--light[type=checkbox][disabled] + label { + position: relative; + padding-left: 31px; + cursor: pointer; + color: #152935; + display: inline-block; } + +.ap-container .checkbox--base + label:before, .ap-container .checkbox--dark + label:before, .ap-container .checkbox--dark--indeterminate + label:before, .ap-container .checkbox--dark[type=checkbox][disabled] + label:before, .ap-container .checkbox--light + label:before, .ap-container .checkbox--light--indeterminate + label:before, .ap-container .checkbox--light[type=checkbox][disabled] + 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--dark + label:hover:before, .ap-container .checkbox--dark--indeterminate + label:hover:before, .ap-container .checkbox--dark[type=checkbox][disabled] + label:hover:before, .ap-container .checkbox--light + label:hover:before, .ap-container .checkbox--light--indeterminate + label:hover:before, .ap-container .checkbox--light[type=checkbox][disabled] + label:hover:before { + background: #e0e0e0; } + +.ap-container .checkbox--base:checked + label:b:efore, .ap-container .checkbox--dark--indeterminate:checked + label:b:efore, .ap-container .checkbox--dark:checked + label:b:efore, .ap-container .checkbox--light--indeterminate:checked + label:b:efore, .ap-container .checkbox--light:checked + label:b:efore { + background: #a6266e; + border: 0 solid #1d3649; + -webkit-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; } + +.ap-container .checkbox--base:checked + label:hover:before, .ap-container .checkbox--dark--indeterminate:checked + label:hover:before, .ap-container .checkbox--dark:checked + label:hover:before, .ap-container .checkbox--light--indeterminate:checked + label:hover:before, .ap-container .checkbox--light:checked + label:hover:before { + background: #db2780; } + +.ap-container .checkbox--base + label:after, .ap-container .checkbox--dark + label:after, .ap-container .checkbox--dark--indeterminate + label:after, .ap-container .checkbox--dark[type=checkbox][disabled] + label:after, .ap-container .checkbox--light + label:after, .ap-container .checkbox--light--indeterminate + label:after, .ap-container .checkbox--light[type=checkbox][disabled] + label:after { + content: ''; + width: 8px; + height: 5px; + background: none; + border-left: 2px solid #f9f9fb; + border-bottom: 2px solid #f9f9fb; + -webkit-transform: scale(0) rotate(-45deg); + transform: scale(0) rotate(-45deg); + position: absolute; + top: 9px; + left: 4px; + -webkit-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; } + +.ap-container .checkbox--base:checked + label:after, .ap-container .checkbox--dark--indeterminate:checked + label:after, .ap-container .checkbox--dark:checked + label:after, .ap-container .checkbox--dark[type=checkbox][disabled]:checked + label:after, .ap-container .checkbox--light--indeterminate:checked + label:after, .ap-container .checkbox--light:checked + label:after, .ap-container .checkbox--light[type=checkbox][disabled]:checked + label:after { + opacity: 1; + -webkit-transform: scale(1) rotate(-45deg); + transform: scale(1) rotate(-45deg); } + +.ap-container .checkbox--base:not(:checked) + label:after, .ap-container .checkbox--dark--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--light--indeterminate:not(:checked) + label:after, .ap-container .checkbox--light:not(:checked) + label:after, .ap-container .checkbox--light[type=checkbox][disabled]:not(:checked) + label:after { + opacity: 0; + -webkit-transform: scale(0) rotate(-45deg); + transform: scale(0) rotate(-45deg); } + +.ap-container .checkbox--base:focus + label:before, .ap-container .checkbox--dark--indeterminate:focus + label:before, .ap-container .checkbox--dark:focus + label:before, .ap-container .checkbox--dark[type=checkbox][disabled]:focus + label:before, .ap-container .checkbox--light--indeterminate:focus + label:before, .ap-container .checkbox--light:focus + label:before, .ap-container .checkbox--light[type=checkbox][disabled]: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--dark--indeterminate:focus + label:before, .ap-container body:last-child .checkbox--dark:focus + label:before, .ap-container body:last-child .checkbox--light--indeterminate:focus + label:before, .ap-container body:last-child .checkbox--light: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 { + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); } + +.ap-container .checkbox--light--indeterminate:not(:checked) + label:after { + -webkit-transform: scale(0) rotate(0deg); + 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: #fff; } + +.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: #fff; } + +.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 { + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); } + +.ap-container .checkbox--dark--indeterminate:not(:checked) + label:after { + -webkit-transform: scale(0) rotate(0deg); + 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 { + -webkit-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; } + +.ap-container .icon__close polygon { + -webkit-transition: all .1s ease-in-out; + transition: all .1s ease-in-out; + fill: #a6266e; } + +.ap-container .icon__close path { + fill: #a6266e; } + +.ap-container .icon__close:hover polygon { + fill: #fff; } + +.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: #fff; } + +.ap-container .label__text--dark, .ap-container .label__text--light { + display: block; + padding: 16px 0 0; + position: absolute; + visibility: hidden; + font-weight: 500; + margin-top: 9px; } + +.ap-container .label__text--dark.active-label, .ap-container .label__text--light.active-label { + visibility: visible; + -webkit-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; + margin-top: -11px; } + +.form-boxed .ap-container .label__text--dark, .form-boxed .ap-container .label__text--light { + 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--dark, .ap-container .label__checkbox--light, .ap-container .label__radio--dark, .ap-container .label__radio--light { + margin-right: 30px; } + +.ap-container .label__form--dark, .ap-container .label__form--light { + display: block; + font-weight: 500; + padding-bottom: .3em; + color: #1d3649; } + +.ap-container .label__form--dark { + color: #f9f9fb; } + +@-webkit-keyframes a { + 0% { + stroke-dashoffset: 9.7px; } + 60% { + stroke-dashoffset: 113.52px; } + to { + stroke-dashoffset: 9.7px; } } + +@keyframes a { + 0% { + stroke-dashoffset: 9.7px; } + 60% { + stroke-dashoffset: 113.52px; } + to { + stroke-dashoffset: 9.7px; } } + +@-webkit-keyframes b { + 0% { + -webkit-transform: rotate(300deg); + transform: rotate(300deg); } + 60% { + -webkit-transform: rotate(1320deg); + transform: rotate(1320deg); } + to { + -webkit-transform: rotate(2100deg); + transform: rotate(2100deg); } } + +@keyframes b { + 0% { + -webkit-transform: rotate(300deg); + transform: rotate(300deg); } + 60% { + -webkit-transform: rotate(1320deg); + transform: rotate(1320deg); } + to { + -webkit-transform: rotate(2100deg); + transform: rotate(2100deg); } } + +.ap-container .large { + width: 90px; + height: 90px; } + +.ap-container .small { + width: 45px; + height: 45px; } + +.ap-container .loader { + height: 100%; + width: 100%; + -webkit-transform: translateZ(0) rotate(300deg); + transform: translateZ(0) rotate(300deg); + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-animation: b 4s ease-out infinite; + animation: b 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; + -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.5, 0.08, 0, 1); + transition: stroke-dashoffset 1s cubic-bezier(0.5, 0.08, 0, 1); + -webkit-animation: a 4s ease-out infinite; + animation: a 4s ease-out infinite; } + +.ap-container .determinate { + -webkit-transform: translateZ(0) rotate(-90deg); + transform: translateZ(0) rotate(-90deg); + -webkit-animation: none; + animation: none; } + +.ap-container .determinate .loader__path { + stroke-dasharray: 126; + stroke-dashoffset: 126; + -webkit-animation: none; + 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: #fff; + z-index: -1; + opacity: 0; + font-size: 16px; + -webkit-transition: all .2s ease-in-out; + transition: all .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: #fff; + 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 { + -webkit-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; } + +.ap-container .modal__close polygon { + -webkit-transition: all .1s ease-in-out; + transition: all .1s ease-in-out; } + +.ap-container .modal__close:hover polygon { + fill: #fff; } + +.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: #fff; } + +.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: -4.99469% -4.99469% 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: #fff; } + +.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--dark, .ap-container body:last-child .radio--dark[type=radio][disabled], .ap-container body:last-child .radio--light, .ap-container body:last-child .radio--light[type=radio][disabled] { + margin-left: -1px; + margin-top: 4px; } + +.ap-container .radio--base, .ap-container .radio--dark, .ap-container .radio--dark[type=radio][disabled], .ap-container .radio--light, .ap-container .radio--light[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--dark + label, .ap-container .radio--dark[type=radio][disabled] + label, .ap-container .radio--light + label, .ap-container .radio--light[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--dark + label div, .ap-container .radio--dark[type=radio][disabled] + label div, .ap-container .radio--light + label div, .ap-container .radio--light[type=radio][disabled] + label div { + color: #152935; + display: inline-block; + position: absolute; + left: 0; } + +.ap-container .radio--base + label:after, .ap-container .radio--base + label:before, .ap-container .radio--base + label div:after, .ap-container .radio--base + label div:before, .ap-container .radio--dark + label:after, .ap-container .radio--dark + label:before, .ap-container .radio--dark + label div:after, .ap-container .radio--dark + label div:before, .ap-container .radio--dark[type=radio][disabled] + label:after, .ap-container .radio--dark[type=radio][disabled] + label:before, .ap-container .radio--dark[type=radio][disabled] + label div:after, .ap-container .radio--dark[type=radio][disabled] + label div:before, .ap-container .radio--light + label:after, .ap-container .radio--light + label:before, .ap-container .radio--light + label div:after, .ap-container .radio--light + label div:before, .ap-container .radio--light[type=radio][disabled] + label:after, .ap-container .radio--light[type=radio][disabled] + label:before, .ap-container .radio--light[type=radio][disabled] + label div: after, .ap-container .radio--light[type=radio][disabled] + label div:before { + 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--dark + label:before, .ap-container .radio--dark[type=radio][disabled] + label:before, .ap-container .radio--light + label:before, .ap-container .radio--light[type=radio][disabled] + label:before { + -webkit-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; + border: 1px solid #1d3649; + border-radius: 50%; } + +.ap-container .radio--base + label div:before, .ap-container .radio--dark + label div:before, .ap-container .radio--dark[type=radio][disabled] + label div:before, .ap-container .radio--light + label div:before, .ap-container .radio--light[type=radio][disabled] + label div:before { + -webkit-transition: all .2s ease-in-out; + transition: all .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; + -webkit-transform: scale(0); + transform: scale(0); } + +.ap-container .radio--base:focus.non-keyboard-outline + label:before, .ap-container .radio--dark:focus.non-keyboard-outline + label:before, .ap-container .radio--light: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--dark:not(:checked) + label:hover div:before, .ap-container .radio--light:not(:checked) + label:hover div:before { + box-shadow: 0 0 0 0 rgba(124, 199, 255, 0.75), inset 0 0 0 10px #a6266e; + -webkit-transform: scale(0.4); + transform: scale(0.4); } + +.ap-container .radio--base:checked + label div:before, .ap-container .radio--dark:checked + label div:before, .ap-container .radio--dark[type=radio][disabled]:checked + label div:before, .ap-container .radio--light:checked + label div:before, .ap-container .radio--light[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; + -webkit-transform: scale(1); + transform: scale(1); } + +.ap-container .radio--base:checked + label:before, .ap-container .radio--dark:checked + label:before, .ap-container .radio--dark[type=radio][disabled]:checked + label:before, .ap-container .radio--light:checked + label:before, .ap-container .radio--light[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:checked + label 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 #41d6c3; } + +.ap-container .radio--dark:checked + label div:before { + background: #1d3649; } + +.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 { + -webkit-transform: scale(0); + 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 { + -webkit-transform: scale(0); + 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; + font-size: .75em; + font-weight: 500; + text-transform: uppercase; + border-top: 1px solid #e0e0e0; + border-bottom: 2px solid #e0e0e0; } + +.ap-container .table--light tr td, .ap-container .table--light tr th { + height: 50px; + text-align: left; + padding-left: 1.25em; + padding-right: 1.25em; } + +.ap-container .table--light tr td { + border-bottom: 1px solid #e0e0e0; + font-size: .875em; + font-weight: 300; + 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--dark, .ap-container .text--light, .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--dark:focus, .ap-container .text--light:focus, .ap-container .textarea--dark:focus { + outline: none; + border-bottom: 2px solid #1d3649; + color: #1d3649; } + +.ap-container .text--dark::-webkit-input-placeholder, .ap-container .text--light::-webkit-input-placeholder, .ap-container .textarea--dark::-webkit-input-placeholder { + color: #5a5a5a; + font-style: italic; + font-weight: 300; } + +.ap-container .text--dark::-moz-placeholder, .ap-container .text--light::-moz-placeholder, .ap-container .textarea--dark::-moz-placeholder { + color: #5a5a5a; + font-style: italic; + font-weight: 300; } + +.ap-container .text--dark:-ms-input-placeholder, .ap-container .text--light:-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 .text__counter { + text-align: right; + font-size: .875em; + display: block; + margin-top: 5px; } + +.ap-container .text.error { + border-color: #e71d32; } + +.ap-container .textarea--dark, .ap-container .textarea--light { + display: block; + position: relative; + overflow: auto; + width: 100%; + padding: .5em; + background: transparent; + border: 2px solid #777677; + color: #1d3649; + font-weight: 400; } + +.ap-container .textarea--dark:focus, .ap-container .textarea--light:focus { + outline: none; + border: 2px solid #1d3649; + color: #1d3649; } + +.ap-container .textarea--dark::-webkit-input-placeholder, .ap-container .textarea--light::-webkit-input-placeholder { + color: #5a5a5a; + font-style: italic; + font-weight: 300; } + +.ap-container .textarea--dark::-moz-placeholder, .ap-container .textarea--light::-moz-placeholder { + color: #5a5a5a; + font-style: italic; } + +.ap-container .textarea--dark:-ms-input-placeholder, .ap-container .textarea--light:-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--dark:focus + label, .ap-container .toggle:focus + label { + box-shadow: 0 0 5px 2px #4d90fe; } + +.ap-container .toggle + label, .ap-container .toggle--dark + label { + display: block; + position: relative; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + padding: 0; + width: 45px; + height: 24px; + border-radius: 24px; + background-color: #aeaeae; + -webkit-transition: all .2s ease-in-out; + transition: all .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: #fff; } + +.ap-container .toggle + label:after, .ap-container .toggle + label:before, .ap-container .toggle--dark + label:after, .ap-container .toggle--dark + label:before { + 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: #fff; + -webkit-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; } + +.ap-container .toggle--dark:checked + label, .ap-container .toggle:checked + label { + background-color: #a6266e; } + +.ap-container .toggle--dark:checked + label:after, .ap-container .toggle:checked + label:after { + margin-left: 21px; + background-color: #fff; } + +.ap-container .toggle--dark:disabled + label, .ap-container .toggle:disabled + label { + background-color: #aeaeae; + background-image: -webkit-repeating-linear-gradient(45deg, #c7c7c7, #c7c7c7 2px, #aeaeae 0, #aeaeae 8px); + background-image: repeating-linear-gradient(45deg, #c7c7c7, #c7c7c7 2px, #aeaeae 0, #aeaeae 8px); } + +.ap-container .toggle--dark:disabled + label .toggle__checkbox, .ap-container .toggle: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: -webkit-repeating-linear-gradient(45deg, #5a5a5a, #5a5a5a 2px, #777677 0, #777677 8px); + background-image: repeating-linear-gradient(45deg, #5a5a5a, #5a5a5a 2px, #777677 0, #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: #fff; } + +.ap-container .search--light .tt-suggestion:hover .tt-highlight { + color: #a6266e; } + +.ap-container .search--light .tt-cursor { + color: #a6266e; + background: #fff; } + +.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-cursor, .ap-container .search--dark .tt-suggestion:hover { + color: #41d6c3; + background: #152935; } + +.ap-container .search--dark .tt-highlight { + color: #f9f9fb; } + +.ap-container .select, .ap-container .select--dark { + position: relative; } + +.ap-container .select--dark:focus, .ap-container .select:focus { + outline: default; } + +.ap-container .select--dark > .select__button, .ap-container .select > .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:focus, .ap-container .select--inline > .select__button:hover { + margin: 0; + padding: 0 0 .2em; + border: none; + border-bottom: 2px solid #a6266e; + background: transparent; } + +.ap-container .select--dark.select--inline > .select__button, .ap-container .select--dark.select--inline > .select__button:focus, .ap-container .select--dark.select--inline > .select__button:hover { + border-bottom: 2px solid #41d6c3; + color: #41d6c3; } + +.ap-container .select--inline > .select__button:focus :after, .ap-container .select--inline > .select__button:hover :after { + border: none; } + +.ap-container .select--dark > .select__button > .select__button__text, .ap-container .select > .select__button > .select__button__text { + text-overflow: ellipsis; + display: block; + white-space: nowrap; + overflow: hidden; } + +.ap-container .select--dark > .select__button > .select__button__arrow, .ap-container .select > .select__button > .select__button__arrow { + width: 13px; + height: 8px; + position: absolute; + right: 20px; + top: 20px; + -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.5, 0.08, 0, 1); + transition: transform 0.3s cubic-bezier(0.5, 0.08, 0, 1); + -webkit-transform: rotate(180deg); + transform: rotate(180deg); + fill: currentColor; } + +.ap-container .select--inline > .select__button > .select__button__arrow { + right: 1.13em; + top: .85em; } + +.ap-container .select.open > .select__button { + background-color: #a6266e; + color: #fff; } + +.ap-container .select--dark.open > .select__button { + background-color: #41d6c3; + color: #152935; } + +.ap-container .select--inline.open > .select__button { + background-color: transparent; + color: #a6266e; } + +.ap-container .select--dark.select--inline.open > .select__button { + color: #41d6c3; } + +.ap-container .select > .select__button:active { + background-color: #db2780; } + +.ap-container .select--dark > .select__button:active { + background-color: #6eedd8; } + +.ap-container .select.select--inline > .select__button:active { + border-color: #db2780; + color: #db2780; } + +.ap-container .select--dark.select--inline > .select__button:active { + border-color: #6eedd8; + color: #6eedd8; } + +.ap-container .select--inline > .select__button:active { + background-color: transparent; + color: #a6266e; } + +.ap-container .select--dark.open > .select__button > .select__button__arrow, .ap-container .select.open > .select__button > .select__button__arrow { + -webkit-transform: rotate(0); + transform: rotate(0); } + +.ap-container .select--dark > .select__options, .ap-container .select > .select__options { + margin: 0; + padding: 0; + -webkit-transition: height 0.2s cubic-bezier(0.5, 0.08, 0, 1); + transition: height 0.2s cubic-bezier(0.5, 0.08, 0, 1); + height: 0; + overflow-y: scroll; + list-style: none; + width: 100%; + cursor: pointer; + position: absolute; + z-index: 6000; + max-height: 700px; } + +.ap-container .select--dark > .select__options > .select__options__item, .ap-container .select > .select__options > .select__options__item { + width: 100%; } + +.ap-container .select > .select__options > .select__options__item:focus > .select__options__item__a, .ap-container .select > .select__options > .select__options__item:hover > .select__options__item__a { + color: #a6266e; + text-decoration: none; + cursor: pointer; } + +.ap-container .select--dark > .select__options > .select__options__item:focus > .select__options__item__a, .ap-container .select--dark > .select__options > .select__options__item:hover > .select__options__item__a { + text-decoration: none; + cursor: pointer; + color: #00b4a0; } + +.ap-container .select > .select__options > .select__options__item > .select__options__item__a { + border: none; + color: #152935; + display: block; + font-weight: 300; + padding: .7em 1.5625em; + text-align: left; + width: 100%; + white-space: nowrap; } + +.ap-container .select--dark > .select__options > .select__options__item > .select__options__item__a { + border: none; + color: #fff; + display: block; + font-weight: 300; + padding: .7em 1.5625em; + text-align: left; + width: 100%; + white-space: nowrap; } + +.ap-container .select > .select__options > .select__options__item:focus > .select__options__item__a, .ap-container .select > .select__options > .select__options__item:hover > .select__options__item__a { + color: #a6266e; + text-decoration: none; } + +.ap-container .select--dark > .select__options > .select__options__item:focus > .select__options__item__a, .ap-container .select--dark > .select__options > .select__options__item:hover > .select__options__item__a { + text-decoration: none; + color: #00b4a0; } + +.ap-container .select > .select__options > .select__options__item, .ap-container .select > .select__options > .select__options__item > .select__options__item__a { + background-color: #e0e0e0; } + +.ap-container .select--dark > .select__options > .select__options__item, .ap-container .select--dark > .select__options > .select__options__item > .select__options__item__a { + background-color: #264a60; } + +.ap-container .select > .select__options > .select__options__item--selected, .ap-container .select > .select__options > .select__options__item--selected > .select__options__item__a { + background-color: #a6266e; + color: #fff; } + +.ap-container .select--dark > .select__options > .select__options__item--selected, .ap-container .select--dark > .select__options > .select__options__item--selected > .select__options__item__a { + background-color: #41d6c3; + color: #152935; } + +.ap-container .select > .select__options > .select__options__item, .ap-container .select > .select__options > .select__options__item:focus > .select__options__item__a, .ap-container .select > .select__options > .select__options__item:hover > .select__options__item__a { + background-color: #fff; } + +.ap-container .select--dark > .select__options > .select__options__item, .ap-container .select--dark > .select__options > .select__options__item:focus > .select__options__item__a, .ap-container .select--dark > .select__options > .select__options__item:hover > .select__options__item__a { + background-color: #152935; } + +.ap-container .select > .select__options > .select__options__item--selected, .ap-container .select > .select__options > .select__options__item--selected:focus > .select__options__item__a, .ap-container .select > .select__options > .select__options__item--selected:hover > .select__options__item__a { + background-color: #db2780; + color: #fff; } + +.ap-container .select--dark > .select__options > .select__options__item--selected, .ap-container .select--dark > .select__options > .select__options__item--selected:focus > .select__options__item__a, .ap-container .select--dark > .select__options > .select__options__item--selected:hover > .select__options__item__a { + background-color: #00b4a0; + color: #152935; } + +.ap-container .slider input[type=number]::-webkit-inner-spin-button, .ap-container .slider input[type=number]::-webkit-outer-spin-button { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + margin: 0; + display: none; + opacity: 0; } + +.ap-container .slider input[type=number] { + -moz-appearance: textfield; } + +.ap-container .slider.noUi-target { + border: none; + box-shadow: none; + margin: 2.75em 0; + height: 6px; + padding-left: 16px; + padding-right: 16px; } + +.ap-container .slider .noUi-base { + background: #a6266e; + border-radius: 4px; + -webkit-transition: all 0.2s cubic-bezier(0.5, 0.08, 0, 1); + transition: all 0.2s cubic-bezier(0.5, 0.08, 0, 1); } + +.ap-container .slider .noUi-background { + background: #e0e0e0; + border: none; + border-radius: 4px; + box-shadow: none; } + +.ap-container .slider.noUi-connect { + background: #000; } + +.ap-container .slider .noUi-handle { + cursor: pointer; + background: #7c1c58; + box-shadow: none; + border: none; + width: 20px; + height: 20px; + left: -10px; + top: -8px; + border-radius: 50%; + -webkit-transform: scale(1) translateY(1px); + transform: scale(1) translateY(1px); + -webkit-transition: all 0.3s cubic-bezier(0.5, 0.08, 0, 1); + transition: all 0.3s cubic-bezier(0.5, 0.08, 0, 1); } + +.ap-container .slider .noUi-handle:hover { + background: #a6266e; + -webkit-transform: scale(1.2) translateY(1px); + transform: scale(1.2) translateY(1px); } + +.ap-container .slider .noUi-handle:active { + background: #a6266e; + -webkit-transform: scale(1.4) translateY(1px); + transform: scale(1.4) translateY(1px); } + +.ap-container .slider .noUi-handle:after, .ap-container .slider .noUi-handle:before { + display: none; } + +.ap-container .slider .noUi-base:active, .ap-container .slider .noUi-base:hover, .ap-container .slider .noUi-base:hover .noUi-connect { + background: #db2780; } + +.ap-container .slider .text--bottom { + position: absolute; + left: 0; + top: 0; + color: #5a5a5a; + text-align: right; + -webkit-transform: translateX(-100%) translateY(-100%); + transform: translateX(-100%) translateY(-100%); } + +.ap-container .slider .text--top { + position: absolute; + right: 0; + top: 0; + color: #5a5a5a; + text-align: left; + -webkit-transform: translateX(100%) translateY(-100%); + transform: translateX(100%) translateY(-100%); } + +.ap-container .slider .text--dark, .ap-container .slider .text--light, .ap-container .slider .textarea--dark { + padding: 0; + border: none; + font-size: .875em; + float: left; } + +.ap-container .slider .text--right { + text-align: right; } + +.ap-container .slider .text--input { + position: absolute; + top: -23px; + height: 20px; + left: 10px; + color: #a6266e; + text-align: center; + font-size: 1em; + border-bottom: 0 solid #1d3649; + background: none; + -webkit-transform: translate(-50%); + transform: translate(-50%); } + +.ap-container .slider .text--input, .ap-container .slider .text--input:focus { + -webkit-transition: all 0.2s cubic-bezier(0.5, 0.08, 0, 1); + transition: all 0.2s cubic-bezier(0.5, 0.08, 0, 1); } + +.ap-container .slider .text--input:focus { + height: 30px; + top: -38px; + color: #1d3649; + border-bottom: 2px solid #1d3649; } + +.ap-container .noinput--view .text--input { + opacity: 0; } + +.ap-container .noinput--view .noUi-handle:active .text--input, .ap-container .noinput--view .noUi-handle:hover .text--input, .ap-container .noinput--view .text--input:focus { + opacity: 1; } + +.ap-container .slider--range .noUi-base { + background: #e0e0e0; + border-radius: 4px; + box-shadow: none; } + +.ap-container .slider--range .noUi-connect { + background: #a6266e; + box-shadow: none; } + +.ap-container .slider--range .noUi-connect:active, .ap-container .slider--range .noUi-connect:hover { + background: #db2780; } + +.ap-container .slider--range .noUi-base:active, .ap-container .slider--range .noUi-base:hover { + background: #e0e0e0; } + +.ap-container .slider--dark .noUi-background { + background: #aeaeae; } + +.ap-container .slider--dark.noUi-connect, .ap-container .slider--dark .noUi-connect { + background: #000; } + +.ap-container .slider--dark .noUi-base { + background: #41d6c3; } + +.ap-container .slider--dark.noUi-horizontal .noUi-handle { + background: #00b4a0; } + +.ap-container .slider--dark.noUi-horizontal .noUi-handle:active, .ap-container .slider--dark.noUi-horizontal .noUi-handle:hover { + background: #41d6c3; } + +.ap-container .slider--dark .noUi-base:active, .ap-container .slider--dark .noUi-base:hover, .ap-container .slider--dark .noUi-base:hover .noUi-connect { + background: #6eedd8; } + +.ap-container .slider--dark .text--bottom, .ap-container .slider--dark .text--top { + color: #aeaeae; } + +.ap-container .slider--dark .text--input { + color: #41d6c3; } + +.ap-container .slider--dark .text--input:focus { + color: #f9f9fb; + border-bottom: 2px solid #f9f9fb; } + +.ap-container .slider--range.slider--dark.noUi-background { + background: #
<TRUNCATED> http://git-wip-us.apache.org/repos/asf/incubator-systemml-website/blob/96a132b2/_src/assets/img/airport-traffic.png ---------------------------------------------------------------------- diff --git a/_src/assets/img/airport-traffic.png b/_src/assets/img/airport-traffic.png new file mode 100644 index 0000000..8b83165 Binary files /dev/null and b/_src/assets/img/airport-traffic.png differ
