@charset "UTF-8";
/**
 * WARNING!
 * This file is also used by Shopify.
 * Modifications may change UI of the integration.
 */
/**
 * WARNING!
 * This file is also used by Shopify.
 * Modifications may change UI of the integration.
 */
@import url(https://fonts.googleapis.com/css?family=Gochi+Hand);
@font-face {
  font-family: 'Proxima Nova';
  src: url("../fonts/proxima_nova_light.woff2") format("woff2"), url("../fonts/proxima_nova_light.woff") format("woff");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Proxima Nova';
  src: url("../fonts/proxima_nova_thin.woff2") format("woff2"), url("../fonts/proxima_nova_thin.woff") format("woff");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: 'Proxima Nova';
  src: url("../fonts/proxima_nova_regular.woff2") format("woff2"), url("../fonts/proxima_nova_regular.woff") format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Proxima Nova';
  src: url("../fonts/proxima_nova_semibold.woff2") format("woff2"), url("../fonts/proxima_nova_semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Proxima Nova';
  src: url("../fonts/proxima_nova_bold.woff2") format("woff2"), url("../fonts/proxima_nova_bold.woff") format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Proxima Nova';
  src: url("../fonts/proxima_nova_black.woff2") format("woff2"), url("../fonts/proxima_nova_black.woff") format("woff");
  font-weight: 800;
  font-style: normal; }

@font-face {
  font-family: 'Proxima Nova';
  src: url("../fonts/proxima_nova_regular_italic.woff") format("woff");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: 'convertize';
  src: url("../fonts/convertize.eot?v=master_e9d9350e915e1f686d2c5546abb74cc59e8589f8&") format("embedded-opentype"), url("../fonts/convertize.ttf?v=master_e9d9350e915e1f686d2c5546abb74cc59e8589f8&") format("truetype"), url("../fonts/convertize.woff?v=master_e9d9350e915e1f686d2c5546abb74cc59e8589f8&") format("woff"), url("../fonts/convertize.svg?v=master_e9d9350e915e1f686d2c5546abb74cc59e8589f8&") format("svg");
  font-weight: normal;
  font-style: normal; }

/**
 * WARNING!
 * This file is also used by Shopify.
 * Modifications may change UI of the integration.
 */
/**
 * WARNING!
 * This file is also used by Shopify.
 * Modifications may change UI of the integration.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-selectfield {
  position: relative;
  font-size: 16px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 300px;
  max-width: 100%;
  margin: 0;
  padding: 20px 0; }

.mdl-selectfield--align-right {
  text-align: right; }

.mdl-selectfield--full-width {
  width: 100%; }

.mdl-selectfield__select {
  display: block;
  width: 100%;
  padding: 4px 0;
  margin: 0;
  color: inherit;
  background: transparent;
  font-size: 16px;
  text-align: left;
  color: inherit;
  border: none;
  border-bottom: 1px solid rgba(0,0,0, 0.12);
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  .mdl-selectfield.is-focused .mdl-selectfield__select {
    outline: none; }
  .mdl-selectfield.is-invalid .mdl-selectfield__select {
    border-color: rgb(222, 50, 38);
    -webkit-box-shadow: none;
    box-shadow: none; }
  fieldset[disabled] .mdl-selectfield .mdl-selectfield__select, .mdl-selectfield.is-disabled .mdl-selectfield__select {
    background-color: transparent;
    border-bottom: 1px dotted rgba(0,0,0, 0.12);
    color: rgba(0,0,0, 0.26); }

.mdl-selectfield__label {
  bottom: 0;
  color: rgba(0,0,0, 0.26);
  font-size: 16px;
  left: 0;
  right: 0;
  pointer-events: none;
  position: absolute;
  display: block;
  top: 24px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-align: left; }
  .mdl-selectfield.is-dirty .mdl-selectfield__label {
    visibility: hidden; }
  .mdl-selectfield--floating-label .mdl-selectfield__label {
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  fieldset[disabled] .mdl-selectfield .mdl-selectfield__label,
  .mdl-selectfield.is-disabled.is-disabled .mdl-selectfield__label {
    color: rgba(0,0,0, 0.26); }
  .mdl-selectfield--floating-label.is-focused .mdl-selectfield__label,
  .mdl-selectfield--floating-label.is-dirty .mdl-selectfield__label {
    color: rgb(36,61,86);
    font-size: 12px;
    top: 4px;
    visibility: visible; }
  .mdl-selectfield--floating-label.is-invalid .mdl-selectfield__label {
    color: rgb(222, 50, 38);
    font-size: 12px; }
  .mdl-selectfield__label:after {
    background-color: rgb(36,61,86);
    bottom: 20px;
    content: '';
    height: 2px;
    left: 45%;
    position: absolute;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    visibility: hidden;
    width: 10px; }
  .mdl-selectfield.is-focused .mdl-selectfield__label:after {
    left: 0;
    visibility: visible;
    width: 100%; }
  .mdl-selectfield.is-invalid .mdl-selectfield__label:after {
    background-color: rgb(222, 50, 38); }

.mdl-selectfield__error {
  color: rgb(222, 50, 38);
  position: absolute;
  font-size: 12px;
  margin-top: 3px;
  visibility: hidden;
  display: block; }
  .mdl-selectfield.is-invalid .mdl-selectfield__error {
    visibility: visible; }

/* MaterialDesignIcons.com */
@font-face {
  font-family: "Material Design Icons";
  src: url("../fonts/materialdesignicons-webfont.eot?v=1.5.54");
  src: url("../fonts/materialdesignicons-webfont.eot?#iefix&v=1.5.54") format("embedded-opentype"), url("../fonts/materialdesignicons-webfont.woff2?v=1.5.54") format("woff2"), url("../fonts/materialdesignicons-webfont.woff?v=1.5.54") format("woff"), url("../fonts/materialdesignicons-webfont.ttf?v=1.5.54") format("truetype"), url("../fonts/materialdesignicons-webfont.svg?v=1.5.54#materialdesigniconsregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.mdi, .ca-icon, .mdi-blog-news, .ca-modal .ca-modal__message > div.error:before, .ca-modal .ca-modal__message > div.warning:before, .ca-modal .ca-modal__message > div.success:before, .ca-modal .ca-modal__message > div.info:before, .ca-pixel__message > div.error:before, .ca-pixel__message > div.warning:before, .ca-pixel__message > div.success:before, .ca-pixel__message > div.info:before, .mdi-funnel-1, .mdi-funnel-2, .mdi-funnel-3, .mdi-funnel-4, .mdi-funnel-5, .mdi-funnel-6, .mdi-funnel-7, .mdi-funnel-8, .mdi-funnel-9, .mdi-funnel-10, .mdi-funnel-11, .mdi-funnel-12, .mdi-funnel-13, .mdi-funnel-14, .mdi-funnel-15, .mdi-funnel-16, .mdi-funnel-17, .mdi-funnel-18, .mdi-funnel-19, .mdi-funnel-20, .mdi-funnel-21, .mdi-funnel-22, .mdi-funnel-23, .mdi-funnel-24, .mdi-funnel-25, .mdi-funnel-26, .mdi-funnel-27, .mdi-funnel-28, .mdi-funnel-29, .mdi-funnel-30, .mdi-funnel-31, .mdi-funnel-32, .mdi-funnel-33, .mdi-funnel-34, .mdi-funnel-35, .mdi-funnel-36, .mdi-funnel-37, .mdi-funnel-38, .mdi-funnel-39, .mdi-funnel-40, .mdi-funnel-41, .mdi-funnel-42 {
  display: inline-block;
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0); }

.mdi-access-point:before {
  content: "\F002"; }

.mdi-access-point-network:before {
  content: "\F003"; }

.mdi-account:before {
  content: "\F004"; }

.mdi-account-alert:before {
  content: "\F005"; }

.mdi-account-box:before {
  content: "\F006"; }

.mdi-account-box-outline:before {
  content: "\F007"; }

.mdi-account-card-details:before {
  content: "\F5D2"; }

.mdi-account-check:before {
  content: "\F008"; }

.mdi-account-circle:before {
  content: "\F009"; }

.mdi-account-convert:before {
  content: "\F00A"; }

.mdi-account-key:before {
  content: "\F00B"; }

.mdi-account-location:before {
  content: "\F00C"; }

.mdi-account-minus:before {
  content: "\F00D"; }

.mdi-account-multiple:before {
  content: "\F00E"; }

.mdi-account-multiple-minus:before {
  content: "\F5D3"; }

.mdi-account-multiple-outline:before {
  content: "\F00F"; }

.mdi-account-multiple-plus:before {
  content: "\F010"; }

.mdi-account-network:before {
  content: "\F011"; }

.mdi-account-off:before {
  content: "\F012"; }

.mdi-account-outline:before {
  content: "\F013"; }

.mdi-account-plus:before {
  content: "\F014"; }

.mdi-account-remove:before {
  content: "\F015"; }

.mdi-account-search:before {
  content: "\F016"; }

.mdi-account-star:before {
  content: "\F017"; }

.mdi-account-star-variant:before {
  content: "\F018"; }

.mdi-account-switch:before {
  content: "\F019"; }

.mdi-adjust:before {
  content: "\F01A"; }

.mdi-air-conditioner:before {
  content: "\F01B"; }

.mdi-airballoon:before {
  content: "\F01C"; }

.mdi-airplane:before {
  content: "\F01D"; }

.mdi-airplane-landing:before {
  content: "\F5D4"; }

.mdi-airplane-off:before {
  content: "\F01E"; }

.mdi-airplane-takeoff:before {
  content: "\F5D5"; }

.mdi-airplay:before {
  content: "\F01F"; }

.mdi-alarm:before {
  content: "\F020"; }

.mdi-alarm-check:before {
  content: "\F021"; }

.mdi-alarm-multiple:before {
  content: "\F022"; }

.mdi-alarm-off:before {
  content: "\F023"; }

.mdi-alarm-plus:before {
  content: "\F024"; }

.mdi-album:before {
  content: "\F025"; }

.mdi-alert:before, .ca-modal .ca-modal__message > div.warning:before, .ca-pixel__message > div.warning:before {
  content: "\F026"; }

.mdi-alert-box:before {
  content: "\F027"; }

.mdi-alert-circle:before {
  content: "\F028"; }

.mdi-alert-circle-outline:before {
  content: "\F5D6"; }

.mdi-alert-octagon:before {
  content: "\F029"; }

.mdi-alert-outline:before {
  content: "\F02A"; }

.mdi-alpha:before {
  content: "\F02B"; }

.mdi-alphabetical:before {
  content: "\F02C"; }

.mdi-altimeter:before {
  content: "\F5D7"; }

.mdi-amazon:before {
  content: "\F02D"; }

.mdi-amazon-clouddrive:before {
  content: "\F02E"; }

.mdi-ambulance:before {
  content: "\F02F"; }

.mdi-amplifier:before {
  content: "\F030"; }

.mdi-anchor:before {
  content: "\F031"; }

.mdi-android:before {
  content: "\F032"; }

.mdi-android-debug-bridge:before {
  content: "\F033"; }

.mdi-android-studio:before {
  content: "\F034"; }

.mdi-animation:before {
  content: "\F5D8"; }

.mdi-apple:before {
  content: "\F035"; }

.mdi-apple-finder:before {
  content: "\F036"; }

.mdi-apple-ios:before {
  content: "\F037"; }

.mdi-apple-mobileme:before {
  content: "\F038"; }

.mdi-apple-safari:before {
  content: "\F039"; }

.mdi-appnet:before {
  content: "\F03A"; }

.mdi-apps:before, .industry-saas:before {
  content: "\F03B"; }

.mdi-archive:before {
  content: "\F03C"; }

.mdi-arrange-bring-forward:before {
  content: "\F03D"; }

.mdi-arrange-bring-to-front:before {
  content: "\F03E"; }

.mdi-arrange-send-backward:before {
  content: "\F03F"; }

.mdi-arrange-send-to-back:before {
  content: "\F040"; }

.mdi-arrow-all:before {
  content: "\F041"; }

.mdi-arrow-bottom-left:before {
  content: "\F042"; }

.mdi-arrow-bottom-right:before {
  content: "\F043"; }

.mdi-arrow-collapse:before {
  content: "\F044"; }

.mdi-arrow-down:before {
  content: "\F045"; }

.mdi-arrow-down-bold:before {
  content: "\F046"; }

.mdi-arrow-down-bold-circle:before {
  content: "\F047"; }

.mdi-arrow-down-bold-circle-outline:before {
  content: "\F048"; }

.mdi-arrow-down-bold-hexagon-outline:before {
  content: "\F049"; }

.mdi-arrow-down-drop-circle:before {
  content: "\F04A"; }

.mdi-arrow-down-drop-circle-outline:before {
  content: "\F04B"; }

.mdi-arrow-expand:before {
  content: "\F04C"; }

.mdi-arrow-left:before {
  content: "\F04D"; }

.mdi-arrow-left-bold:before {
  content: "\F04E"; }

.mdi-arrow-left-bold-circle:before {
  content: "\F04F"; }

.mdi-arrow-left-bold-circle-outline:before {
  content: "\F050"; }

.mdi-arrow-left-bold-hexagon-outline:before {
  content: "\F051"; }

.mdi-arrow-left-drop-circle:before {
  content: "\F052"; }

.mdi-arrow-left-drop-circle-outline:before {
  content: "\F053"; }

.mdi-arrow-right:before {
  content: "\F054"; }

.mdi-arrow-right-bold:before {
  content: "\F055"; }

.mdi-arrow-right-bold-circle:before {
  content: "\F056"; }

.mdi-arrow-right-bold-circle-outline:before {
  content: "\F057"; }

.mdi-arrow-right-bold-hexagon-outline:before {
  content: "\F058"; }

.mdi-arrow-right-drop-circle:before {
  content: "\F059"; }

.mdi-arrow-right-drop-circle-outline:before {
  content: "\F05A"; }

.mdi-arrow-top-left:before {
  content: "\F05B"; }

.mdi-arrow-top-right:before {
  content: "\F05C"; }

.mdi-arrow-up:before {
  content: "\F05D"; }

.mdi-arrow-up-bold:before {
  content: "\F05E"; }

.mdi-arrow-up-bold-circle:before {
  content: "\F05F"; }

.mdi-arrow-up-bold-circle-outline:before {
  content: "\F060"; }

.mdi-arrow-up-bold-hexagon-outline:before {
  content: "\F061"; }

.mdi-arrow-up-drop-circle:before {
  content: "\F062"; }

.mdi-arrow-up-drop-circle-outline:before {
  content: "\F063"; }

.mdi-assistant:before {
  content: "\F064"; }

.mdi-at:before {
  content: "\F065"; }

.mdi-attachment:before {
  content: "\F066"; }

.mdi-audiobook:before {
  content: "\F067"; }

.mdi-auto-fix:before {
  content: "\F068"; }

.mdi-auto-upload:before {
  content: "\F069"; }

.mdi-autorenew:before {
  content: "\F06A"; }

.mdi-av-timer:before {
  content: "\F06B"; }

.mdi-baby:before {
  content: "\F06C"; }

.mdi-backburger:before {
  content: "\F06D"; }

.mdi-backspace:before {
  content: "\F06E"; }

.mdi-backup-restore:before {
  content: "\F06F"; }

.mdi-bank:before {
  content: "\F070"; }

.mdi-barcode:before {
  content: "\F071"; }

.mdi-barcode-scan:before {
  content: "\F072"; }

.mdi-barley:before {
  content: "\F073"; }

.mdi-barrel:before {
  content: "\F074"; }

.mdi-basecamp:before {
  content: "\F075"; }

.mdi-basket:before, .industry-e-commerce:before, .mdi-funnel-4:before, .mdi-funnel-17:before, .mdi-funnel-29:before, .mdi-funnel-35:before {
  content: "\F076"; }

.mdi-basket-fill:before {
  content: "\F077"; }

.mdi-basket-unfill:before {
  content: "\F078"; }

.mdi-battery:before {
  content: "\F079"; }

.mdi-battery-10:before {
  content: "\F07A"; }

.mdi-battery-20:before {
  content: "\F07B"; }

.mdi-battery-30:before {
  content: "\F07C"; }

.mdi-battery-40:before {
  content: "\F07D"; }

.mdi-battery-50:before {
  content: "\F07E"; }

.mdi-battery-60:before {
  content: "\F07F"; }

.mdi-battery-70:before {
  content: "\F080"; }

.mdi-battery-80:before {
  content: "\F081"; }

.mdi-battery-90:before {
  content: "\F082"; }

.mdi-battery-alert:before {
  content: "\F083"; }

.mdi-battery-charging:before {
  content: "\F084"; }

.mdi-battery-charging-100:before {
  content: "\F085"; }

.mdi-battery-charging-20:before {
  content: "\F086"; }

.mdi-battery-charging-30:before {
  content: "\F087"; }

.mdi-battery-charging-40:before {
  content: "\F088"; }

.mdi-battery-charging-60:before {
  content: "\F089"; }

.mdi-battery-charging-80:before {
  content: "\F08A"; }

.mdi-battery-charging-90:before {
  content: "\F08B"; }

.mdi-battery-minus:before {
  content: "\F08C"; }

.mdi-battery-negative:before {
  content: "\F08D"; }

.mdi-battery-outline:before {
  content: "\F08E"; }

.mdi-battery-plus:before {
  content: "\F08F"; }

.mdi-battery-positive:before {
  content: "\F090"; }

.mdi-battery-unknown:before {
  content: "\F091"; }

.mdi-beach:before {
  content: "\F092"; }

.mdi-beats:before {
  content: "\F097"; }

.mdi-beer:before {
  content: "\F098"; }

.mdi-behance:before {
  content: "\F099"; }

.mdi-bell:before {
  content: "\F09A"; }

.mdi-bell-off:before {
  content: "\F09B"; }

.mdi-bell-outline:before {
  content: "\F09C"; }

.mdi-bell-plus:before {
  content: "\F09D"; }

.mdi-bell-ring:before {
  content: "\F09E"; }

.mdi-bell-ring-outline:before {
  content: "\F09F"; }

.mdi-bell-sleep:before {
  content: "\F0A0"; }

.mdi-beta:before {
  content: "\F0A1"; }

.mdi-bible:before {
  content: "\F0A2"; }

.mdi-bike:before {
  content: "\F0A3"; }

.mdi-bing:before {
  content: "\F0A4"; }

.mdi-binoculars:before {
  content: "\F0A5"; }

.mdi-bio:before {
  content: "\F0A6"; }

.mdi-biohazard:before {
  content: "\F0A7"; }

.mdi-bitbucket:before {
  content: "\F0A8"; }

.mdi-black-mesa:before {
  content: "\F0A9"; }

.mdi-blackberry:before {
  content: "\F0AA"; }

.mdi-blender:before {
  content: "\F0AB"; }

.mdi-blinds:before {
  content: "\F0AC"; }

.mdi-block-helper:before {
  content: "\F0AD"; }

.mdi-blogger:before {
  content: "\F0AE"; }

.mdi-bluetooth:before {
  content: "\F0AF"; }

.mdi-bluetooth-audio:before {
  content: "\F0B0"; }

.mdi-bluetooth-connect:before {
  content: "\F0B1"; }

.mdi-bluetooth-off:before {
  content: "\F0B2"; }

.mdi-bluetooth-settings:before {
  content: "\F0B3"; }

.mdi-bluetooth-transfer:before {
  content: "\F0B4"; }

.mdi-blur:before {
  content: "\F0B5"; }

.mdi-blur-linear:before {
  content: "\F0B6"; }

.mdi-blur-off:before {
  content: "\F0B7"; }

.mdi-blur-radial:before {
  content: "\F0B8"; }

.mdi-bone:before {
  content: "\F0B9"; }

.mdi-book:before {
  content: "\F0BA"; }

.mdi-book-minus:before {
  content: "\F5D9"; }

.mdi-book-multiple:before {
  content: "\F0BB"; }

.mdi-book-multiple-variant:before {
  content: "\F0BC"; }

.mdi-book-open:before {
  content: "\F0BD"; }

.mdi-book-open-page-variant:before {
  content: "\F5DA"; }

.mdi-book-open-variant:before {
  content: "\F0BE"; }

.mdi-book-plus:before {
  content: "\F5DB"; }

.mdi-book-variant:before {
  content: "\F0BF"; }

.mdi-bookmark:before {
  content: "\F0C0"; }

.mdi-bookmark-check:before {
  content: "\F0C1"; }

.mdi-bookmark-music:before {
  content: "\F0C2"; }

.mdi-bookmark-outline:before {
  content: "\F0C3"; }

.mdi-bookmark-plus:before {
  content: "\F0C5"; }

.mdi-bookmark-plus-outline:before {
  content: "\F0C4"; }

.mdi-bookmark-remove:before {
  content: "\F0C6"; }

.mdi-boombox:before {
  content: "\F5DC"; }

.mdi-border-all:before {
  content: "\F0C7"; }

.mdi-border-bottom:before {
  content: "\F0C8"; }

.mdi-border-color:before {
  content: "\F0C9"; }

.mdi-border-horizontal:before {
  content: "\F0CA"; }

.mdi-border-inside:before {
  content: "\F0CB"; }

.mdi-border-left:before {
  content: "\F0CC"; }

.mdi-border-none:before {
  content: "\F0CD"; }

.mdi-border-outside:before {
  content: "\F0CE"; }

.mdi-border-right:before {
  content: "\F0CF"; }

.mdi-border-style:before {
  content: "\F0D0"; }

.mdi-border-top:before {
  content: "\F0D1"; }

.mdi-border-vertical:before {
  content: "\F0D2"; }

.mdi-bowling:before {
  content: "\F0D3"; }

.mdi-box:before {
  content: "\F0D4"; }

.mdi-box-cutter:before {
  content: "\F0D5"; }

.mdi-briefcase:before {
  content: "\F0D6"; }

.mdi-briefcase-check:before {
  content: "\F0D7"; }

.mdi-briefcase-download:before {
  content: "\F0D8"; }

.mdi-briefcase-upload:before {
  content: "\F0D9"; }

.mdi-brightness-1:before {
  content: "\F0DA"; }

.mdi-brightness-2:before {
  content: "\F0DB"; }

.mdi-brightness-3:before {
  content: "\F0DC"; }

.mdi-brightness-4:before {
  content: "\F0DD"; }

.mdi-brightness-5:before {
  content: "\F0DE"; }

.mdi-brightness-6:before {
  content: "\F0DF"; }

.mdi-brightness-7:before {
  content: "\F0E0"; }

.mdi-brightness-auto:before {
  content: "\F0E1"; }

.mdi-broom:before {
  content: "\F0E2"; }

.mdi-brush:before {
  content: "\F0E3"; }

.mdi-bug:before {
  content: "\F0E4"; }

.mdi-bulletin-board:before {
  content: "\F0E5"; }

.mdi-bullhorn:before {
  content: "\F0E6"; }

.mdi-bullseye:before {
  content: "\F5DD"; }

.mdi-burst-mode:before {
  content: "\F5DE"; }

.mdi-bus:before {
  content: "\F0E7"; }

.mdi-cached:before {
  content: "\F0E8"; }

.mdi-cake:before {
  content: "\F0E9"; }

.mdi-cake-layered:before {
  content: "\F0EA"; }

.mdi-cake-variant:before {
  content: "\F0EB"; }

.mdi-calculator:before {
  content: "\F0EC"; }

.mdi-calendar:before {
  content: "\F0ED"; }

.mdi-calendar-blank:before {
  content: "\F0EE"; }

.mdi-calendar-check:before {
  content: "\F0EF"; }

.mdi-calendar-clock:before {
  content: "\F0F0"; }

.mdi-calendar-multiple:before {
  content: "\F0F1"; }

.mdi-calendar-multiple-check:before {
  content: "\F0F2"; }

.mdi-calendar-plus:before {
  content: "\F0F3"; }

.mdi-calendar-remove:before {
  content: "\F0F4"; }

.mdi-calendar-text:before {
  content: "\F0F5"; }

.mdi-calendar-today:before {
  content: "\F0F6"; }

.mdi-call-made:before {
  content: "\F0F7"; }

.mdi-call-merge:before {
  content: "\F0F8"; }

.mdi-call-missed:before {
  content: "\F0F9"; }

.mdi-call-received:before {
  content: "\F0FA"; }

.mdi-call-split:before {
  content: "\F0FB"; }

.mdi-camcorder:before {
  content: "\F0FC"; }

.mdi-camcorder-box:before {
  content: "\F0FD"; }

.mdi-camcorder-box-off:before {
  content: "\F0FE"; }

.mdi-camcorder-off:before {
  content: "\F0FF"; }

.mdi-camera:before {
  content: "\F100"; }

.mdi-camera-enhance:before {
  content: "\F101"; }

.mdi-camera-front:before {
  content: "\F102"; }

.mdi-camera-front-variant:before {
  content: "\F103"; }

.mdi-camera-iris:before {
  content: "\F104"; }

.mdi-camera-off:before {
  content: "\F5DF"; }

.mdi-camera-party-mode:before {
  content: "\F105"; }

.mdi-camera-rear:before {
  content: "\F106"; }

.mdi-camera-rear-variant:before {
  content: "\F107"; }

.mdi-camera-switch:before {
  content: "\F108"; }

.mdi-camera-timer:before {
  content: "\F109"; }

.mdi-candle:before {
  content: "\F5E2"; }

.mdi-candycane:before {
  content: "\F10A"; }

.mdi-car:before {
  content: "\F10B"; }

.mdi-car-battery:before {
  content: "\F10C"; }

.mdi-car-connected:before {
  content: "\F10D"; }

.mdi-car-wash:before {
  content: "\F10E"; }

.mdi-carrot:before {
  content: "\F10F"; }

.mdi-cart:before, .mdi-funnel-5:before, .mdi-funnel-18:before, .mdi-funnel-30:before, .mdi-funnel-36:before {
  content: "\F110"; }

.mdi-cart-outline:before {
  content: "\F111"; }

.mdi-cart-plus:before {
  content: "\F112"; }

.mdi-case-sensitive-alt:before {
  content: "\F113"; }

.mdi-cash:before {
  content: "\F114"; }

.mdi-cash-100:before {
  content: "\F115"; }

.mdi-cash-multiple:before, .mdi-funnel-11:before {
  content: "\F116"; }

.mdi-cash-usd:before {
  content: "\F117"; }

.mdi-cast:before {
  content: "\F118"; }

.mdi-cast-connected:before {
  content: "\F119"; }

.mdi-castle:before {
  content: "\F11A"; }

.mdi-cat:before {
  content: "\F11B"; }

.mdi-cellphone:before {
  content: "\F11C"; }

.mdi-cellphone-android:before {
  content: "\F11D"; }

.mdi-cellphone-basic:before {
  content: "\F11E"; }

.mdi-cellphone-dock:before {
  content: "\F11F"; }

.mdi-cellphone-iphone:before {
  content: "\F120"; }

.mdi-cellphone-link:before {
  content: "\F121"; }

.mdi-cellphone-link-off:before {
  content: "\F122"; }

.mdi-cellphone-settings:before {
  content: "\F123"; }

.mdi-certificate:before {
  content: "\F124"; }

.mdi-chair-school:before {
  content: "\F125"; }

.mdi-chart-arc:before {
  content: "\F126"; }

.mdi-chart-areaspline:before {
  content: "\F127"; }

.mdi-chart-bar:before {
  content: "\F128"; }

.mdi-chart-bubble:before {
  content: "\F5E3"; }

.mdi-chart-histogram:before {
  content: "\F129"; }

.mdi-chart-line:before {
  content: "\F12A"; }

.mdi-chart-pie:before {
  content: "\F12B"; }

.mdi-check:before, .ca-modal .ca-modal__message > div.success:before, .ca-pixel__message > div.success:before {
  content: "\F12C"; }

.mdi-check-all:before {
  content: "\F12D"; }

.mdi-check-circle:before {
  content: "\F5E0"; }

.mdi-check-circle-outline:before {
  content: "\F5E1"; }

.mdi-checkbox-blank:before {
  content: "\F12E"; }

.mdi-checkbox-blank-circle:before {
  content: "\F12F"; }

.mdi-checkbox-blank-circle-outline:before {
  content: "\F130"; }

.mdi-checkbox-blank-outline:before {
  content: "\F131"; }

.mdi-checkbox-marked:before {
  content: "\F132"; }

.mdi-checkbox-marked-circle:before {
  content: "\F133"; }

.mdi-checkbox-marked-circle-outline:before {
  content: "\F134"; }

.mdi-checkbox-marked-outline:before {
  content: "\F135"; }

.mdi-checkbox-multiple-blank:before {
  content: "\F136"; }

.mdi-checkbox-multiple-blank-outline:before {
  content: "\F137"; }

.mdi-checkbox-multiple-marked:before {
  content: "\F138"; }

.mdi-checkbox-multiple-marked-outline:before {
  content: "\F139"; }

.mdi-checkerboard:before {
  content: "\F13A"; }

.mdi-chemical-weapon:before {
  content: "\F13B"; }

.mdi-chevron-double-down:before {
  content: "\F13C"; }

.mdi-chevron-double-left:before {
  content: "\F13D"; }

.mdi-chevron-double-right:before {
  content: "\F13E"; }

.mdi-chevron-double-up:before {
  content: "\F13F"; }

.mdi-chevron-down:before {
  content: "\F140"; }

.mdi-chevron-left:before {
  content: "\F141"; }

.mdi-chevron-right:before {
  content: "\F142"; }

.mdi-chevron-up:before {
  content: "\F143"; }

.mdi-church:before {
  content: "\F144"; }

.mdi-cisco-webex:before {
  content: "\F145"; }

.mdi-city:before {
  content: "\F146"; }

.mdi-clipboard:before {
  content: "\F147"; }

.mdi-clipboard-account:before {
  content: "\F148"; }

.mdi-clipboard-alert:before {
  content: "\F149"; }

.mdi-clipboard-arrow-down:before {
  content: "\F14A"; }

.mdi-clipboard-arrow-left:before {
  content: "\F14B"; }

.mdi-clipboard-check:before {
  content: "\F14C"; }

.mdi-clipboard-outline:before {
  content: "\F14D"; }

.mdi-clipboard-text:before {
  content: "\F14E"; }

.mdi-clippy:before {
  content: "\F14F"; }

.mdi-clock:before {
  content: "\F150"; }

.mdi-clock-alert:before {
  content: "\F5CE"; }

.mdi-clock-end:before {
  content: "\F151"; }

.mdi-clock-fast:before {
  content: "\F152"; }

.mdi-clock-in:before {
  content: "\F153"; }

.mdi-clock-out:before {
  content: "\F154"; }

.mdi-clock-start:before {
  content: "\F155"; }

.mdi-close:before, .ca-modal .ca-modal__message > div.error:before, .ca-pixel__message > div.error:before {
  content: "\F156"; }

.mdi-close-box:before {
  content: "\F157"; }

.mdi-close-box-outline:before {
  content: "\F158"; }

.mdi-close-circle:before {
  content: "\F159"; }

.mdi-close-circle-outline:before {
  content: "\F15A"; }

.mdi-close-network:before {
  content: "\F15B"; }

.mdi-close-octagon:before {
  content: "\F15C"; }

.mdi-close-octagon-outline:before {
  content: "\F15D"; }

.mdi-closed-caption:before {
  content: "\F15E"; }

.mdi-cloud:before {
  content: "\F15F"; }

.mdi-cloud-check:before {
  content: "\F160"; }

.mdi-cloud-circle:before {
  content: "\F161"; }

.mdi-cloud-download:before {
  content: "\F162"; }

.mdi-cloud-outline:before {
  content: "\F163"; }

.mdi-cloud-outline-off:before {
  content: "\F164"; }

.mdi-cloud-print:before {
  content: "\F165"; }

.mdi-cloud-print-outline:before {
  content: "\F166"; }

.mdi-cloud-upload:before {
  content: "\F167"; }

.mdi-code-array:before {
  content: "\F168"; }

.mdi-code-braces:before {
  content: "\F169"; }

.mdi-code-brackets:before {
  content: "\F16A"; }

.mdi-code-equal:before {
  content: "\F16B"; }

.mdi-code-greater-than:before {
  content: "\F16C"; }

.mdi-code-greater-than-or-equal:before {
  content: "\F16D"; }

.mdi-code-less-than:before {
  content: "\F16E"; }

.mdi-code-less-than-or-equal:before {
  content: "\F16F"; }

.mdi-code-not-equal:before {
  content: "\F170"; }

.mdi-code-not-equal-variant:before {
  content: "\F171"; }

.mdi-code-parentheses:before {
  content: "\F172"; }

.mdi-code-string:before {
  content: "\F173"; }

.mdi-code-tags:before {
  content: "\F174"; }

.mdi-codepen:before {
  content: "\F175"; }

.mdi-coffee:before {
  content: "\F176"; }

.mdi-coffee-to-go:before {
  content: "\F177"; }

.mdi-coin:before {
  content: "\F178"; }

.mdi-color-helper:before {
  content: "\F179"; }

.mdi-comment:before {
  content: "\F17A"; }

.mdi-comment-account:before {
  content: "\F17B"; }

.mdi-comment-account-outline:before {
  content: "\F17C"; }

.mdi-comment-alert:before {
  content: "\F17D"; }

.mdi-comment-alert-outline:before {
  content: "\F17E"; }

.mdi-comment-check:before {
  content: "\F17F"; }

.mdi-comment-check-outline:before {
  content: "\F180"; }

.mdi-comment-multiple-outline:before {
  content: "\F181"; }

.mdi-comment-outline:before {
  content: "\F182"; }

.mdi-comment-plus-outline:before {
  content: "\F183"; }

.mdi-comment-processing:before {
  content: "\F184"; }

.mdi-comment-processing-outline:before {
  content: "\F185"; }

.mdi-comment-question-outline:before {
  content: "\F186"; }

.mdi-comment-remove-outline:before {
  content: "\F187"; }

.mdi-comment-text:before {
  content: "\F188"; }

.mdi-comment-text-outline:before {
  content: "\F189"; }

.mdi-compare:before {
  content: "\F18A"; }

.mdi-compass:before {
  content: "\F18B"; }

.mdi-compass-outline:before {
  content: "\F18C"; }

.mdi-console:before {
  content: "\F18D"; }

.mdi-contact-mail:before {
  content: "\F18E"; }

.mdi-content-copy:before {
  content: "\F18F"; }

.mdi-content-cut:before {
  content: "\F190"; }

.mdi-content-duplicate:before {
  content: "\F191"; }

.mdi-content-paste:before {
  content: "\F192"; }

.mdi-content-save:before {
  content: "\F193"; }

.mdi-content-save-all:before {
  content: "\F194"; }

.mdi-contrast:before {
  content: "\F195"; }

.mdi-contrast-box:before {
  content: "\F196"; }

.mdi-contrast-circle:before {
  content: "\F197"; }

.mdi-cookie:before {
  content: "\F198"; }

.mdi-copyright:before {
  content: "\F5E6"; }

.mdi-counter:before {
  content: "\F199"; }

.mdi-cow:before {
  content: "\F19A"; }

.mdi-credit-card:before {
  content: "\F19B"; }

.mdi-credit-card-multiple:before {
  content: "\F19C"; }

.mdi-credit-card-off:before {
  content: "\F5E4"; }

.mdi-credit-card-scan:before {
  content: "\F19D"; }

.mdi-crop:before {
  content: "\F19E"; }

.mdi-crop-free:before {
  content: "\F19F"; }

.mdi-crop-landscape:before {
  content: "\F1A0"; }

.mdi-crop-portrait:before {
  content: "\F1A1"; }

.mdi-crop-square:before {
  content: "\F1A2"; }

.mdi-crosshairs:before {
  content: "\F1A3"; }

.mdi-crosshairs-gps:before {
  content: "\F1A4"; }

.mdi-crown:before {
  content: "\F1A5"; }

.mdi-cube:before {
  content: "\F1A6"; }

.mdi-cube-outline:before {
  content: "\F1A7"; }

.mdi-cube-send:before {
  content: "\F1A8"; }

.mdi-cube-unfolded:before {
  content: "\F1A9"; }

.mdi-cup:before {
  content: "\F1AA"; }

.mdi-cup-off:before {
  content: "\F5E5"; }

.mdi-cup-water:before {
  content: "\F1AB"; }

.mdi-currency-btc:before {
  content: "\F1AC"; }

.mdi-currency-eur:before {
  content: "\F1AD"; }

.mdi-currency-gbp:before {
  content: "\F1AE"; }

.mdi-currency-inr:before {
  content: "\F1AF"; }

.mdi-currency-ngn:before {
  content: "\F1B0"; }

.mdi-currency-rub:before {
  content: "\F1B1"; }

.mdi-currency-try:before {
  content: "\F1B2"; }

.mdi-currency-usd:before {
  content: "\F1B3"; }

.mdi-cursor-default:before {
  content: "\F1B4"; }

.mdi-cursor-default-outline:before {
  content: "\F1B5"; }

.mdi-cursor-move:before {
  content: "\F1B6"; }

.mdi-cursor-pointer:before {
  content: "\F1B7"; }

.mdi-cursor-text:before {
  content: "\F5E7"; }

.mdi-database:before {
  content: "\F1B8"; }

.mdi-database-minus:before {
  content: "\F1B9"; }

.mdi-database-plus:before {
  content: "\F1BA"; }

.mdi-debug-step-into:before {
  content: "\F1BB"; }

.mdi-debug-step-out:before {
  content: "\F1BC"; }

.mdi-debug-step-over:before {
  content: "\F1BD"; }

.mdi-decimal-decrease:before {
  content: "\F1BE"; }

.mdi-decimal-increase:before {
  content: "\F1BF"; }

.mdi-delete:before {
  content: "\F1C0"; }

.mdi-delete-forever:before {
  content: "\F5E8"; }

.mdi-delete-sweep:before {
  content: "\F5E9"; }

.mdi-delete-variant:before {
  content: "\F1C1"; }

.mdi-delta:before {
  content: "\F1C2"; }

.mdi-deskphone:before {
  content: "\F1C3"; }

.mdi-desktop-mac:before {
  content: "\F1C4"; }

.mdi-desktop-tower:before {
  content: "\F1C5"; }

.mdi-details:before {
  content: "\F1C6"; }

.mdi-deviantart:before {
  content: "\F1C7"; }

.mdi-diamond:before {
  content: "\F1C8"; }

.mdi-dice-1:before {
  content: "\F1CA"; }

.mdi-dice-2:before {
  content: "\F1CB"; }

.mdi-dice-3:before {
  content: "\F1CC"; }

.mdi-dice-4:before {
  content: "\F1CD"; }

.mdi-dice-5:before {
  content: "\F1CE"; }

.mdi-dice-6:before {
  content: "\F1CF"; }

.mdi-dice-d20:before {
  content: "\F5EA"; }

.mdi-dice-d4:before {
  content: "\F5EB"; }

.mdi-dice-d6:before {
  content: "\F5EC"; }

.mdi-dice-d8:before {
  content: "\F5ED"; }

.mdi-directions:before {
  content: "\F1D0"; }

.mdi-disk:before {
  content: "\F5EE"; }

.mdi-disk-alert:before {
  content: "\F1D1"; }

.mdi-disqus:before {
  content: "\F1D2"; }

.mdi-disqus-outline:before {
  content: "\F1D3"; }

.mdi-division:before {
  content: "\F1D4"; }

.mdi-division-box:before {
  content: "\F1D5"; }

.mdi-dns:before {
  content: "\F1D6"; }

.mdi-domain:before {
  content: "\F1D7"; }

.mdi-dots-horizontal:before, .industry-other:before {
  content: "\F1D8"; }

.mdi-dots-vertical:before {
  content: "\F1D9"; }

.mdi-download:before {
  content: "\F1DA"; }

.mdi-drag:before {
  content: "\F1DB"; }

.mdi-drag-horizontal:before {
  content: "\F1DC"; }

.mdi-drag-vertical:before {
  content: "\F1DD"; }

.mdi-drawing:before {
  content: "\F1DE"; }

.mdi-drawing-box:before {
  content: "\F1DF"; }

.mdi-dribbble:before {
  content: "\F1E0"; }

.mdi-dribbble-box:before {
  content: "\F1E1"; }

.mdi-drone:before {
  content: "\F1E2"; }

.mdi-dropbox:before {
  content: "\F1E3"; }

.mdi-drupal:before {
  content: "\F1E4"; }

.mdi-duck:before {
  content: "\F1E5"; }

.mdi-dumbbell:before {
  content: "\F1E6"; }

.mdi-earth:before {
  content: "\F1E7"; }

.mdi-earth-off:before {
  content: "\F1E8"; }

.mdi-edge:before {
  content: "\F1E9"; }

.mdi-eject:before {
  content: "\F1EA"; }

.mdi-elevation-decline:before {
  content: "\F1EB"; }

.mdi-elevation-rise:before {
  content: "\F1EC"; }

.mdi-elevator:before {
  content: "\F1ED"; }

.mdi-email:before {
  content: "\F1EE"; }

.mdi-email-open:before {
  content: "\F1EF"; }

.mdi-email-open-outline:before {
  content: "\F5EF"; }

.mdi-email-outline:before {
  content: "\F1F0"; }

.mdi-email-secure:before {
  content: "\F1F1"; }

.mdi-email-variant:before {
  content: "\F5F0"; }

.mdi-emoticon:before {
  content: "\F1F2"; }

.mdi-emoticon-cool:before {
  content: "\F1F3"; }

.mdi-emoticon-devil:before {
  content: "\F1F4"; }

.mdi-emoticon-happy:before {
  content: "\F1F5"; }

.mdi-emoticon-neutral:before {
  content: "\F1F6"; }

.mdi-emoticon-poop:before {
  content: "\F1F7"; }

.mdi-emoticon-sad:before {
  content: "\F1F8"; }

.mdi-emoticon-tongue:before {
  content: "\F1F9"; }

.mdi-engine:before {
  content: "\F1FA"; }

.mdi-engine-outline:before {
  content: "\F1FB"; }

.mdi-equal:before {
  content: "\F1FC"; }

.mdi-equal-box:before {
  content: "\F1FD"; }

.mdi-eraser:before {
  content: "\F1FE"; }

.mdi-escalator:before {
  content: "\F1FF"; }

.mdi-ethernet:before {
  content: "\F200"; }

.mdi-ethernet-cable:before {
  content: "\F201"; }

.mdi-ethernet-cable-off:before {
  content: "\F202"; }

.mdi-etsy:before {
  content: "\F203"; }

.mdi-ev-station:before {
  content: "\F5F1"; }

.mdi-evernote:before {
  content: "\F204"; }

.mdi-exclamation:before {
  content: "\F205"; }

.mdi-exit-to-app:before {
  content: "\F206"; }

.mdi-export:before {
  content: "\F207"; }

.mdi-eye:before {
  content: "\F208"; }

.mdi-eye-off:before {
  content: "\F209"; }

.mdi-eyedropper:before {
  content: "\F20A"; }

.mdi-eyedropper-variant:before {
  content: "\F20B"; }

.mdi-facebook:before {
  content: "\F20C"; }

.mdi-facebook-box:before {
  content: "\F20D"; }

.mdi-facebook-messenger:before {
  content: "\F20E"; }

.mdi-factory:before {
  content: "\F20F"; }

.mdi-fan:before {
  content: "\F210"; }

.mdi-fast-forward:before {
  content: "\F211"; }

.mdi-fax:before {
  content: "\F212"; }

.mdi-ferry:before {
  content: "\F213"; }

.mdi-file:before {
  content: "\F214"; }

.mdi-file-chart:before {
  content: "\F215"; }

.mdi-file-check:before {
  content: "\F216"; }

.mdi-file-cloud:before {
  content: "\F217"; }

.mdi-file-delimited:before {
  content: "\F218"; }

.mdi-file-document:before {
  content: "\F219"; }

.mdi-file-document-box:before {
  content: "\F21A"; }

.mdi-file-excel:before {
  content: "\F21B"; }

.mdi-file-excel-box:before {
  content: "\F21C"; }

.mdi-file-export:before {
  content: "\F21D"; }

.mdi-file-find:before {
  content: "\F21E"; }

.mdi-file-hidden:before {
  content: "\F613"; }

.mdi-file-image:before {
  content: "\F21F"; }

.mdi-file-import:before {
  content: "\F220"; }

.mdi-file-lock:before {
  content: "\F221"; }

.mdi-file-multiple:before {
  content: "\F222"; }

.mdi-file-music:before {
  content: "\F223"; }

.mdi-file-outline:before {
  content: "\F224"; }

.mdi-file-pdf:before {
  content: "\F225"; }

.mdi-file-pdf-box:before {
  content: "\F226"; }

.mdi-file-powerpoint:before, .mdi-funnel-3:before, .mdi-funnel-16:before, .mdi-funnel-28:before, .mdi-funnel-34:before, .mdi-funnel-40:before {
  content: "\F227"; }

.mdi-file-powerpoint-box:before {
  content: "\F228"; }

.mdi-file-presentation-box:before {
  content: "\F229"; }

.mdi-file-send:before {
  content: "\F22A"; }

.mdi-file-video:before {
  content: "\F22B"; }

.mdi-file-word:before {
  content: "\F22C"; }

.mdi-file-word-box:before {
  content: "\F22D"; }

.mdi-file-xml:before {
  content: "\F22E"; }

.mdi-film:before {
  content: "\F22F"; }

.mdi-filmstrip:before {
  content: "\F230"; }

.mdi-filmstrip-off:before {
  content: "\F231"; }

.mdi-filter:before {
  content: "\F232"; }

.mdi-filter-outline:before {
  content: "\F233"; }

.mdi-filter-remove:before {
  content: "\F234"; }

.mdi-filter-remove-outline:before {
  content: "\F235"; }

.mdi-filter-variant:before {
  content: "\F236"; }

.mdi-fingerprint:before {
  content: "\F237"; }

.mdi-fire:before {
  content: "\F238"; }

.mdi-firefox:before {
  content: "\F239"; }

.mdi-fish:before {
  content: "\F23A"; }

.mdi-flag:before {
  content: "\F23B"; }

.mdi-flag-checkered:before, .mdi-funnel-6:before, .mdi-funnel-9:before, .mdi-funnel-13:before, .mdi-funnel-19:before, .mdi-funnel-22:before, .mdi-funnel-25:before, .mdi-funnel-31:before, .mdi-funnel-37:before, .mdi-funnel-42:before {
  content: "\F23C"; }

.mdi-flag-outline:before {
  content: "\F23D"; }

.mdi-flag-outline-variant:before {
  content: "\F23E"; }

.mdi-flag-triangle:before {
  content: "\F23F"; }

.mdi-flag-variant:before {
  content: "\F240"; }

.mdi-flash:before {
  content: "\F241"; }

.mdi-flash-auto:before {
  content: "\F242"; }

.mdi-flash-off:before {
  content: "\F243"; }

.mdi-flashlight:before {
  content: "\F244"; }

.mdi-flashlight-off:before {
  content: "\F245"; }

.mdi-flask:before {
  content: "\F093"; }

.mdi-flask-empty:before {
  content: "\F094"; }

.mdi-flask-empty-outline:before {
  content: "\F095"; }

.mdi-flask-outline:before {
  content: "\F096"; }

.mdi-flattr:before {
  content: "\F246"; }

.mdi-flip-to-back:before {
  content: "\F247"; }

.mdi-flip-to-front:before {
  content: "\F248"; }

.mdi-floppy:before {
  content: "\F249"; }

.mdi-flower:before {
  content: "\F24A"; }

.mdi-folder:before {
  content: "\F24B"; }

.mdi-folder-account:before {
  content: "\F24C"; }

.mdi-folder-download:before {
  content: "\F24D"; }

.mdi-folder-google-drive:before {
  content: "\F24E"; }

.mdi-folder-image:before {
  content: "\F24F"; }

.mdi-folder-lock:before {
  content: "\F250"; }

.mdi-folder-lock-open:before {
  content: "\F251"; }

.mdi-folder-move:before {
  content: "\F252"; }

.mdi-folder-multiple:before {
  content: "\F253"; }

.mdi-folder-multiple-image:before {
  content: "\F254"; }

.mdi-folder-multiple-outline:before {
  content: "\F255"; }

.mdi-folder-outline:before {
  content: "\F256"; }

.mdi-folder-plus:before {
  content: "\F257"; }

.mdi-folder-remove:before {
  content: "\F258"; }

.mdi-folder-upload:before {
  content: "\F259"; }

.mdi-food:before {
  content: "\F25A"; }

.mdi-food-apple:before {
  content: "\F25B"; }

.mdi-food-fork-drink:before {
  content: "\F5F2"; }

.mdi-food-off:before {
  content: "\F5F3"; }

.mdi-food-variant:before {
  content: "\F25C"; }

.mdi-football:before {
  content: "\F25D"; }

.mdi-football-australian:before {
  content: "\F25E"; }

.mdi-football-helmet:before {
  content: "\F25F"; }

.mdi-format-align-center:before {
  content: "\F260"; }

.mdi-format-align-justify:before {
  content: "\F261"; }

.mdi-format-align-left:before {
  content: "\F262"; }

.mdi-format-align-right:before {
  content: "\F263"; }

.mdi-format-bold:before {
  content: "\F264"; }

.mdi-format-clear:before {
  content: "\F265"; }

.mdi-format-color-fill:before {
  content: "\F266"; }

.mdi-format-float-center:before {
  content: "\F267"; }

.mdi-format-float-left:before {
  content: "\F268"; }

.mdi-format-float-none:before {
  content: "\F269"; }

.mdi-format-float-right:before {
  content: "\F26A"; }

.mdi-format-header-1:before {
  content: "\F26B"; }

.mdi-format-header-2:before {
  content: "\F26C"; }

.mdi-format-header-3:before {
  content: "\F26D"; }

.mdi-format-header-4:before {
  content: "\F26E"; }

.mdi-format-header-5:before {
  content: "\F26F"; }

.mdi-format-header-6:before {
  content: "\F270"; }

.mdi-format-header-decrease:before {
  content: "\F271"; }

.mdi-format-header-equal:before {
  content: "\F272"; }

.mdi-format-header-increase:before {
  content: "\F273"; }

.mdi-format-header-pound:before {
  content: "\F274"; }

.mdi-format-indent-decrease:before {
  content: "\F275"; }

.mdi-format-indent-increase:before {
  content: "\F276"; }

.mdi-format-italic:before {
  content: "\F277"; }

.mdi-format-line-spacing:before {
  content: "\F278"; }

.mdi-format-line-style:before {
  content: "\F5C8"; }

.mdi-format-line-weight:before {
  content: "\F5C9"; }

.mdi-format-list-bulleted:before {
  content: "\F279"; }

.mdi-format-list-bulleted-type:before {
  content: "\F27A"; }

.mdi-format-list-numbers:before {
  content: "\F27B"; }

.mdi-format-paint:before {
  content: "\F27C"; }

.mdi-format-paragraph:before {
  content: "\F27D"; }

.mdi-format-quote:before {
  content: "\F27E"; }

.mdi-format-size:before {
  content: "\F27F"; }

.mdi-format-strikethrough:before {
  content: "\F280"; }

.mdi-format-strikethrough-variant:before {
  content: "\F281"; }

.mdi-format-subscript:before {
  content: "\F282"; }

.mdi-format-superscript:before {
  content: "\F283"; }

.mdi-format-text:before {
  content: "\F284"; }

.mdi-format-textdirection-l-to-r:before {
  content: "\F285"; }

.mdi-format-textdirection-r-to-l:before {
  content: "\F286"; }

.mdi-format-title:before {
  content: "\F5F4"; }

.mdi-format-underline:before {
  content: "\F287"; }

.mdi-format-wrap-inline:before {
  content: "\F288"; }

.mdi-format-wrap-square:before {
  content: "\F289"; }

.mdi-format-wrap-tight:before {
  content: "\F28A"; }

.mdi-format-wrap-top-bottom:before {
  content: "\F28B"; }

.mdi-forum:before {
  content: "\F28C"; }

.mdi-forward:before {
  content: "\F28D"; }

.mdi-foursquare:before {
  content: "\F28E"; }

.mdi-fridge:before {
  content: "\F28F"; }

.mdi-fridge-filled:before {
  content: "\F290"; }

.mdi-fridge-filled-bottom:before {
  content: "\F291"; }

.mdi-fridge-filled-top:before {
  content: "\F292"; }

.mdi-fullscreen:before {
  content: "\F293"; }

.mdi-fullscreen-exit:before {
  content: "\F294"; }

.mdi-function:before {
  content: "\F295"; }

.mdi-gamepad:before {
  content: "\F296"; }

.mdi-gamepad-variant:before {
  content: "\F297"; }

.mdi-gas-station:before {
  content: "\F298"; }

.mdi-gate:before {
  content: "\F299"; }

.mdi-gauge:before {
  content: "\F29A"; }

.mdi-gavel:before {
  content: "\F29B"; }

.mdi-gender-female:before {
  content: "\F29C"; }

.mdi-gender-male:before {
  content: "\F29D"; }

.mdi-gender-male-female:before {
  content: "\F29E"; }

.mdi-gender-transgender:before {
  content: "\F29F"; }

.mdi-ghost:before {
  content: "\F2A0"; }

.mdi-gift:before {
  content: "\F2A1"; }

.mdi-git:before {
  content: "\F2A2"; }

.mdi-github-box:before {
  content: "\F2A3"; }

.mdi-github-circle:before {
  content: "\F2A4"; }

.mdi-glass-flute:before {
  content: "\F2A5"; }

.mdi-glass-mug:before {
  content: "\F2A6"; }

.mdi-glass-stange:before {
  content: "\F2A7"; }

.mdi-glass-tulip:before {
  content: "\F2A8"; }

.mdi-glassdoor:before {
  content: "\F2A9"; }

.mdi-glasses:before {
  content: "\F2AA"; }

.mdi-gmail:before {
  content: "\F2AB"; }

.mdi-gnome:before {
  content: "\F2AC"; }

.mdi-google:before {
  content: "\F2AD"; }

.mdi-google-cardboard:before {
  content: "\F2AE"; }

.mdi-google-chrome:before {
  content: "\F2AF"; }

.mdi-google-circles:before {
  content: "\F2B0"; }

.mdi-google-circles-communities:before {
  content: "\F2B1"; }

.mdi-google-circles-extended:before {
  content: "\F2B2"; }

.mdi-google-circles-group:before {
  content: "\F2B3"; }

.mdi-google-controller:before {
  content: "\F2B4"; }

.mdi-google-controller-off:before {
  content: "\F2B5"; }

.mdi-google-drive:before {
  content: "\F2B6"; }

.mdi-google-earth:before {
  content: "\F2B7"; }

.mdi-google-glass:before {
  content: "\F2B8"; }

.mdi-google-maps:before {
  content: "\F5F5"; }

.mdi-google-nearby:before {
  content: "\F2B9"; }

.mdi-google-pages:before {
  content: "\F2BA"; }

.mdi-google-physical-web:before {
  content: "\F2BB"; }

.mdi-google-play:before {
  content: "\F2BC"; }

.mdi-google-plus:before {
  content: "\F2BD"; }

.mdi-google-plus-box:before {
  content: "\F2BE"; }

.mdi-google-translate:before {
  content: "\F2BF"; }

.mdi-google-wallet:before {
  content: "\F2C0"; }

.mdi-grid:before {
  content: "\F2C1"; }

.mdi-grid-off:before {
  content: "\F2C2"; }

.mdi-group:before {
  content: "\F2C3"; }

.mdi-guitar-electric:before {
  content: "\F2C4"; }

.mdi-guitar-pick:before {
  content: "\F2C5"; }

.mdi-guitar-pick-outline:before {
  content: "\F2C6"; }

.mdi-hand-pointing-right:before {
  content: "\F2C7"; }

.mdi-hanger:before {
  content: "\F2C8"; }

.mdi-hangouts:before {
  content: "\F2C9"; }

.mdi-harddisk:before {
  content: "\F2CA"; }

.mdi-headphones:before {
  content: "\F2CB"; }

.mdi-headphones-box:before {
  content: "\F2CC"; }

.mdi-headphones-settings:before {
  content: "\F2CD"; }

.mdi-headset:before {
  content: "\F2CE"; }

.mdi-headset-dock:before {
  content: "\F2CF"; }

.mdi-headset-off:before {
  content: "\F2D0"; }

.mdi-heart:before {
  content: "\F2D1"; }

.mdi-heart-box:before {
  content: "\F2D2"; }

.mdi-heart-box-outline:before {
  content: "\F2D3"; }

.mdi-heart-broken:before {
  content: "\F2D4"; }

.mdi-heart-outline:before {
  content: "\F2D5"; }

.mdi-heart-pulse:before {
  content: "\F5F6"; }

.mdi-help:before {
  content: "\F2D6"; }

.mdi-help-circle:before {
  content: "\F2D7"; }

.mdi-hexagon:before {
  content: "\F2D8"; }

.mdi-hexagon-outline:before {
  content: "\F2D9"; }

.mdi-highway:before {
  content: "\F5F7"; }

.mdi-history:before {
  content: "\F2DA"; }

.mdi-hololens:before {
  content: "\F2DB"; }

.mdi-home:before, .mdi-funnel-1:before, .mdi-funnel-10:before, .mdi-funnel-14:before, .mdi-funnel-26:before, .mdi-funnel-32:before, .mdi-funnel-38:before {
  content: "\F2DC"; }

.mdi-home-map-marker:before {
  content: "\F5F8"; }

.mdi-home-modern:before {
  content: "\F2DD"; }

.mdi-home-variant:before {
  content: "\F2DE"; }

.mdi-hops:before {
  content: "\F2DF"; }

.mdi-hospital:before {
  content: "\F2E0"; }

.mdi-hospital-building:before {
  content: "\F2E1"; }

.mdi-hospital-marker:before {
  content: "\F2E2"; }

.mdi-hotel:before {
  content: "\F2E3"; }

.mdi-houzz:before {
  content: "\F2E4"; }

.mdi-houzz-box:before {
  content: "\F2E5"; }

.mdi-human:before {
  content: "\F2E6"; }

.mdi-human-child:before {
  content: "\F2E7"; }

.mdi-human-male-female:before, .industry-lead-generation:before {
  content: "\F2E8"; }

.mdi-human-pregnant:before {
  content: "\F5CF"; }

.mdi-image:before {
  content: "\F2E9"; }

.mdi-image-album:before {
  content: "\F2EA"; }

.mdi-image-area:before {
  content: "\F2EB"; }

.mdi-image-area-close:before {
  content: "\F2EC"; }

.mdi-image-broken:before {
  content: "\F2ED"; }

.mdi-image-broken-variant:before {
  content: "\F2EE"; }

.mdi-image-filter:before {
  content: "\F2EF"; }

.mdi-image-filter-black-white:before {
  content: "\F2F0"; }

.mdi-image-filter-center-focus:before {
  content: "\F2F1"; }

.mdi-image-filter-center-focus-weak:before {
  content: "\F2F2"; }

.mdi-image-filter-drama:before {
  content: "\F2F3"; }

.mdi-image-filter-frames:before {
  content: "\F2F4"; }

.mdi-image-filter-hdr:before {
  content: "\F2F5"; }

.mdi-image-filter-none:before {
  content: "\F2F6"; }

.mdi-image-filter-tilt-shift:before {
  content: "\F2F7"; }

.mdi-image-filter-vintage:before {
  content: "\F2F8"; }

.mdi-image-multiple:before {
  content: "\F2F9"; }

.mdi-import:before {
  content: "\F2FA"; }

.mdi-inbox:before {
  content: "\F2FB"; }

.mdi-incognito:before {
  content: "\F5F9"; }

.mdi-information:before, .ca-modal .ca-modal__message > div.info:before, .ca-pixel__message > div.info:before {
  content: "\F2FC"; }

.mdi-information-outline:before {
  content: "\F2FD"; }

.mdi-instagram:before {
  content: "\F2FE"; }

.mdi-instapaper:before {
  content: "\F2FF"; }

.mdi-internet-explorer:before {
  content: "\F300"; }

.mdi-invert-colors:before {
  content: "\F301"; }

.mdi-jeepney:before {
  content: "\F302"; }

.mdi-jira:before {
  content: "\F303"; }

.mdi-jsfiddle:before {
  content: "\F304"; }

.mdi-keg:before {
  content: "\F305"; }

.mdi-kettle:before {
  content: "\F5FA"; }

.mdi-key:before {
  content: "\F306"; }

.mdi-key-change:before {
  content: "\F307"; }

.mdi-key-minus:before {
  content: "\F308"; }

.mdi-key-plus:before {
  content: "\F309"; }

.mdi-key-remove:before {
  content: "\F30A"; }

.mdi-key-variant:before {
  content: "\F30B"; }

.mdi-keyboard:before {
  content: "\F30C"; }

.mdi-keyboard-backspace:before {
  content: "\F30D"; }

.mdi-keyboard-caps:before {
  content: "\F30E"; }

.mdi-keyboard-close:before {
  content: "\F30F"; }

.mdi-keyboard-off:before {
  content: "\F310"; }

.mdi-keyboard-return:before {
  content: "\F311"; }

.mdi-keyboard-tab:before {
  content: "\F312"; }

.mdi-keyboard-variant:before {
  content: "\F313"; }

.mdi-kodi:before {
  content: "\F314"; }

.mdi-label:before {
  content: "\F315"; }

.mdi-label-outline:before {
  content: "\F316"; }

.mdi-lan:before {
  content: "\F317"; }

.mdi-lan-connect:before {
  content: "\F318"; }

.mdi-lan-disconnect:before {
  content: "\F319"; }

.mdi-lan-pending:before {
  content: "\F31A"; }

.mdi-language-csharp:before {
  content: "\F31B"; }

.mdi-language-css3:before {
  content: "\F31C"; }

.mdi-language-html5:before {
  content: "\F31D"; }

.mdi-language-javascript:before {
  content: "\F31E"; }

.mdi-language-php:before {
  content: "\F31F"; }

.mdi-language-python:before {
  content: "\F320"; }

.mdi-language-python-text:before {
  content: "\F321"; }

.mdi-laptop:before {
  content: "\F322"; }

.mdi-laptop-chromebook:before {
  content: "\F323"; }

.mdi-laptop-mac:before {
  content: "\F324"; }

.mdi-laptop-windows:before {
  content: "\F325"; }

.mdi-lastfm:before {
  content: "\F326"; }

.mdi-launch:before {
  content: "\F327"; }

.mdi-layers:before {
  content: "\F328"; }

.mdi-layers-off:before {
  content: "\F329"; }

.mdi-leaf:before {
  content: "\F32A"; }

.mdi-led-off:before {
  content: "\F32B"; }

.mdi-led-on:before {
  content: "\F32C"; }

.mdi-led-outline:before {
  content: "\F32D"; }

.mdi-led-variant-off:before {
  content: "\F32E"; }

.mdi-led-variant-on:before {
  content: "\F32F"; }

.mdi-led-variant-outline:before {
  content: "\F330"; }

.mdi-library:before {
  content: "\F331"; }

.mdi-library-books:before {
  content: "\F332"; }

.mdi-library-music:before {
  content: "\F333"; }

.mdi-library-plus:before {
  content: "\F334"; }

.mdi-lightbulb:before {
  content: "\F335"; }

.mdi-lightbulb-outline:before {
  content: "\F336"; }

.mdi-link:before {
  content: "\F337"; }

.mdi-link-off:before {
  content: "\F338"; }

.mdi-link-variant:before {
  content: "\F339"; }

.mdi-link-variant-off:before {
  content: "\F33A"; }

.mdi-linkedin:before {
  content: "\F33B"; }

.mdi-linkedin-box:before {
  content: "\F33C"; }

.mdi-linux:before {
  content: "\F33D"; }

.mdi-lock:before {
  content: "\F33E"; }

.mdi-lock-open:before {
  content: "\F33F"; }

.mdi-lock-open-outline:before {
  content: "\F340"; }

.mdi-lock-outline:before {
  content: "\F341"; }

.mdi-lock-plus:before {
  content: "\F5FB"; }

.mdi-login:before {
  content: "\F342"; }

.mdi-login-variant:before {
  content: "\F5FC"; }

.mdi-logout:before {
  content: "\F343"; }

.mdi-logout-variant:before {
  content: "\F5FD"; }

.mdi-looks:before {
  content: "\F344"; }

.mdi-loupe:before {
  content: "\F345"; }

.mdi-lumx:before {
  content: "\F346"; }

.mdi-magnet:before {
  content: "\F347"; }

.mdi-magnet-on:before {
  content: "\F348"; }

.mdi-magnify:before {
  content: "\F349"; }

.mdi-magnify-minus:before {
  content: "\F34A"; }

.mdi-magnify-plus:before {
  content: "\F34B"; }

.mdi-mail-ru:before {
  content: "\F34C"; }

.mdi-map:before {
  content: "\F34D"; }

.mdi-map-marker:before {
  content: "\F34E"; }

.mdi-map-marker-circle:before {
  content: "\F34F"; }

.mdi-map-marker-multiple:before {
  content: "\F350"; }

.mdi-map-marker-off:before {
  content: "\F351"; }

.mdi-map-marker-radius:before {
  content: "\F352"; }

.mdi-margin:before {
  content: "\F353"; }

.mdi-markdown:before {
  content: "\F354"; }

.mdi-marker-check:before {
  content: "\F355"; }

.mdi-martini:before {
  content: "\F356"; }

.mdi-material-ui:before {
  content: "\F357"; }

.mdi-math-compass:before {
  content: "\F358"; }

.mdi-maxcdn:before {
  content: "\F359"; }

.mdi-medium:before {
  content: "\F35A"; }

.mdi-memory:before {
  content: "\F35B"; }

.mdi-menu:before {
  content: "\F35C"; }

.mdi-menu-down:before {
  content: "\F35D"; }

.mdi-menu-left:before {
  content: "\F35E"; }

.mdi-menu-right:before {
  content: "\F35F"; }

.mdi-menu-up:before {
  content: "\F360"; }

.mdi-message:before {
  content: "\F361"; }

.mdi-message-alert:before {
  content: "\F362"; }

.mdi-message-draw:before {
  content: "\F363"; }

.mdi-message-image:before {
  content: "\F364"; }

.mdi-message-outline:before {
  content: "\F365"; }

.mdi-message-processing:before {
  content: "\F366"; }

.mdi-message-reply:before {
  content: "\F367"; }

.mdi-message-reply-text:before {
  content: "\F368"; }

.mdi-message-text:before {
  content: "\F369"; }

.mdi-message-text-outline:before {
  content: "\F36A"; }

.mdi-message-video:before {
  content: "\F36B"; }

.mdi-microphone:before {
  content: "\F36C"; }

.mdi-microphone-off:before {
  content: "\F36D"; }

.mdi-microphone-outline:before {
  content: "\F36E"; }

.mdi-microphone-settings:before {
  content: "\F36F"; }

.mdi-microphone-variant:before {
  content: "\F370"; }

.mdi-microphone-variant-off:before {
  content: "\F371"; }

.mdi-microsoft:before {
  content: "\F372"; }

.mdi-minecraft:before {
  content: "\F373"; }

.mdi-minus:before {
  content: "\F374"; }

.mdi-minus-box:before {
  content: "\F375"; }

.mdi-minus-circle:before {
  content: "\F376"; }

.mdi-minus-circle-outline:before {
  content: "\F377"; }

.mdi-minus-network:before {
  content: "\F378"; }

.mdi-monitor:before {
  content: "\F379"; }

.mdi-monitor-multiple:before {
  content: "\F37A"; }

.mdi-more:before {
  content: "\F37B"; }

.mdi-motorbike:before {
  content: "\F37C"; }

.mdi-mouse:before {
  content: "\F37D"; }

.mdi-mouse-off:before {
  content: "\F37E"; }

.mdi-mouse-variant:before {
  content: "\F37F"; }

.mdi-mouse-variant-off:before {
  content: "\F380"; }

.mdi-movie:before {
  content: "\F381"; }

.mdi-multiplication:before {
  content: "\F382"; }

.mdi-multiplication-box:before {
  content: "\F383"; }

.mdi-music-box:before {
  content: "\F384"; }

.mdi-music-box-outline:before {
  content: "\F385"; }

.mdi-music-circle:before {
  content: "\F386"; }

.mdi-music-note:before {
  content: "\F387"; }

.mdi-music-note-bluetooth:before {
  content: "\F5FE"; }

.mdi-music-note-bluetooth-off:before {
  content: "\F5FF"; }

.mdi-music-note-eighth:before {
  content: "\F388"; }

.mdi-music-note-half:before {
  content: "\F389"; }

.mdi-music-note-off:before {
  content: "\F38A"; }

.mdi-music-note-quarter:before {
  content: "\F38B"; }

.mdi-music-note-sixteenth:before {
  content: "\F38C"; }

.mdi-music-note-whole:before {
  content: "\F38D"; }

.mdi-nature:before {
  content: "\F38E"; }

.mdi-nature-people:before {
  content: "\F38F"; }

.mdi-navigation:before {
  content: "\F390"; }

.mdi-near-me:before {
  content: "\F5CD"; }

.mdi-needle:before {
  content: "\F391"; }

.mdi-nest-protect:before {
  content: "\F392"; }

.mdi-nest-thermostat:before {
  content: "\F393"; }

.mdi-new-box:before {
  content: "\F394"; }

.mdi-newspaper:before {
  content: "\F395"; }

.mdi-nfc:before {
  content: "\F396"; }

.mdi-nfc-tap:before {
  content: "\F397"; }

.mdi-nfc-variant:before {
  content: "\F398"; }

.mdi-nodejs:before {
  content: "\F399"; }

.mdi-note:before {
  content: "\F39A"; }

.mdi-note-outline:before {
  content: "\F39B"; }

.mdi-note-plus:before {
  content: "\F39C"; }

.mdi-note-plus-outline:before {
  content: "\F39D"; }

.mdi-note-text:before, .mdi-funnel-7:before {
  content: "\F39E"; }

.mdi-notification-clear-all:before {
  content: "\F39F"; }

.mdi-numeric:before {
  content: "\F3A0"; }

.mdi-numeric-0-box:before {
  content: "\F3A1"; }

.mdi-numeric-0-box-multiple-outline:before {
  content: "\F3A2"; }

.mdi-numeric-0-box-outline:before {
  content: "\F3A3"; }

.mdi-numeric-1-box:before {
  content: "\F3A4"; }

.mdi-numeric-1-box-multiple-outline:before {
  content: "\F3A5"; }

.mdi-numeric-1-box-outline:before {
  content: "\F3A6"; }

.mdi-numeric-2-box:before {
  content: "\F3A7"; }

.mdi-numeric-2-box-multiple-outline:before {
  content: "\F3A8"; }

.mdi-numeric-2-box-outline:before {
  content: "\F3A9"; }

.mdi-numeric-3-box:before {
  content: "\F3AA"; }

.mdi-numeric-3-box-multiple-outline:before {
  content: "\F3AB"; }

.mdi-numeric-3-box-outline:before {
  content: "\F3AC"; }

.mdi-numeric-4-box:before {
  content: "\F3AD"; }

.mdi-numeric-4-box-multiple-outline:before {
  content: "\F3AE"; }

.mdi-numeric-4-box-outline:before {
  content: "\F3AF"; }

.mdi-numeric-5-box:before {
  content: "\F3B0"; }

.mdi-numeric-5-box-multiple-outline:before {
  content: "\F3B1"; }

.mdi-numeric-5-box-outline:before {
  content: "\F3B2"; }

.mdi-numeric-6-box:before {
  content: "\F3B3"; }

.mdi-numeric-6-box-multiple-outline:before {
  content: "\F3B4"; }

.mdi-numeric-6-box-outline:before {
  content: "\F3B5"; }

.mdi-numeric-7-box:before {
  content: "\F3B6"; }

.mdi-numeric-7-box-multiple-outline:before {
  content: "\F3B7"; }

.mdi-numeric-7-box-outline:before {
  content: "\F3B8"; }

.mdi-numeric-8-box:before {
  content: "\F3B9"; }

.mdi-numeric-8-box-multiple-outline:before {
  content: "\F3BA"; }

.mdi-numeric-8-box-outline:before {
  content: "\F3BB"; }

.mdi-numeric-9-box:before {
  content: "\F3BC"; }

.mdi-numeric-9-box-multiple-outline:before {
  content: "\F3BD"; }

.mdi-numeric-9-box-outline:before {
  content: "\F3BE"; }

.mdi-numeric-9-plus-box:before {
  content: "\F3BF"; }

.mdi-numeric-9-plus-box-multiple-outline:before {
  content: "\F3C0"; }

.mdi-numeric-9-plus-box-outline:before {
  content: "\F3C1"; }

.mdi-nutrition:before {
  content: "\F3C2"; }

.mdi-octagon:before {
  content: "\F3C3"; }

.mdi-octagon-outline:before {
  content: "\F3C4"; }

.mdi-odnoklassniki:before {
  content: "\F3C5"; }

.mdi-office:before {
  content: "\F3C6"; }

.mdi-oil:before {
  content: "\F3C7"; }

.mdi-oil-temperature:before {
  content: "\F3C8"; }

.mdi-omega:before {
  content: "\F3C9"; }

.mdi-onedrive:before {
  content: "\F3CA"; }

.mdi-opacity:before {
  content: "\F5CC"; }

.mdi-open-in-app:before {
  content: "\F3CB"; }

.mdi-open-in-new:before {
  content: "\F3CC"; }

.mdi-openid:before {
  content: "\F3CD"; }

.mdi-opera:before {
  content: "\F3CE"; }

.mdi-ornament:before {
  content: "\F3CF"; }

.mdi-ornament-variant:before {
  content: "\F3D0"; }

.mdi-outbox:before {
  content: "\F3D1"; }

.mdi-owl:before {
  content: "\F3D2"; }

.mdi-package:before {
  content: "\F3D3"; }

.mdi-package-down:before {
  content: "\F3D4"; }

.mdi-package-up:before {
  content: "\F3D5"; }

.mdi-package-variant:before {
  content: "\F3D6"; }

.mdi-package-variant-closed:before {
  content: "\F3D7"; }

.mdi-page-first:before {
  content: "\F600"; }

.mdi-page-last:before {
  content: "\F601"; }

.mdi-palette:before {
  content: "\F3D8"; }

.mdi-palette-advanced:before {
  content: "\F3D9"; }

.mdi-panda:before {
  content: "\F3DA"; }

.mdi-pandora:before {
  content: "\F3DB"; }

.mdi-panorama:before {
  content: "\F3DC"; }

.mdi-panorama-fisheye:before {
  content: "\F3DD"; }

.mdi-panorama-horizontal:before {
  content: "\F3DE"; }

.mdi-panorama-vertical:before {
  content: "\F3DF"; }

.mdi-panorama-wide-angle:before {
  content: "\F3E0"; }

.mdi-paper-cut-vertical:before {
  content: "\F3E1"; }

.mdi-paperclip:before {
  content: "\F3E2"; }

.mdi-parking:before {
  content: "\F3E3"; }

.mdi-pause:before {
  content: "\F3E4"; }

.mdi-pause-circle:before {
  content: "\F3E5"; }

.mdi-pause-circle-outline:before {
  content: "\F3E6"; }

.mdi-pause-octagon:before {
  content: "\F3E7"; }

.mdi-pause-octagon-outline:before {
  content: "\F3E8"; }

.mdi-paw:before {
  content: "\F3E9"; }

.mdi-pen:before {
  content: "\F3EA"; }

.mdi-pencil:before, .mdi-funnel-12:before, .mdi-funnel-21:before, .mdi-funnel-24:before, .mdi-funnel-41:before {
  content: "\F3EB"; }

.mdi-pencil-box:before {
  content: "\F3EC"; }

.mdi-pencil-box-outline:before {
  content: "\F3ED"; }

.mdi-pencil-lock:before {
  content: "\F3EE"; }

.mdi-pencil-off:before {
  content: "\F3EF"; }

.mdi-percent:before {
  content: "\F3F0"; }

.mdi-pharmacy:before {
  content: "\F3F1"; }

.mdi-phone:before {
  content: "\F3F2"; }

.mdi-phone-bluetooth:before {
  content: "\F3F3"; }

.mdi-phone-classic:before {
  content: "\F602"; }

.mdi-phone-forward:before {
  content: "\F3F4"; }

.mdi-phone-hangup:before {
  content: "\F3F5"; }

.mdi-phone-in-talk:before {
  content: "\F3F6"; }

.mdi-phone-incoming:before {
  content: "\F3F7"; }

.mdi-phone-locked:before {
  content: "\F3F8"; }

.mdi-phone-log:before {
  content: "\F3F9"; }

.mdi-phone-missed:before {
  content: "\F3FA"; }

.mdi-phone-outgoing:before {
  content: "\F3FB"; }

.mdi-phone-paused:before {
  content: "\F3FC"; }

.mdi-phone-settings:before {
  content: "\F3FD"; }

.mdi-phone-voip:before {
  content: "\F3FE"; }

.mdi-pi:before {
  content: "\F3FF"; }

.mdi-pi-box:before {
  content: "\F400"; }

.mdi-pig:before {
  content: "\F401"; }

.mdi-pill:before {
  content: "\F402"; }

.mdi-pin:before {
  content: "\F403"; }

.mdi-pin-off:before {
  content: "\F404"; }

.mdi-pine-tree:before {
  content: "\F405"; }

.mdi-pine-tree-box:before {
  content: "\F406"; }

.mdi-pinterest:before {
  content: "\F407"; }

.mdi-pinterest-box:before {
  content: "\F408"; }

.mdi-pizza:before {
  content: "\F409"; }

.mdi-play:before {
  content: "\F40A"; }

.mdi-play-box-outline:before {
  content: "\F40B"; }

.mdi-play-circle:before {
  content: "\F40C"; }

.mdi-play-circle-outline:before {
  content: "\F40D"; }

.mdi-play-pause:before {
  content: "\F40E"; }

.mdi-play-protected-content:before {
  content: "\F40F"; }

.mdi-playlist-check:before {
  content: "\F5C7"; }

.mdi-playlist-minus:before {
  content: "\F410"; }

.mdi-playlist-play:before {
  content: "\F411"; }

.mdi-playlist-plus:before {
  content: "\F412"; }

.mdi-playlist-remove:before {
  content: "\F413"; }

.mdi-playstation:before {
  content: "\F414"; }

.mdi-plus:before {
  content: "\F415"; }

.mdi-plus-box:before {
  content: "\F416"; }

.mdi-plus-circle:before {
  content: "\F417"; }

.mdi-plus-circle-multiple-outline:before {
  content: "\F418"; }

.mdi-plus-circle-outline:before {
  content: "\F419"; }

.mdi-plus-network:before {
  content: "\F41A"; }

.mdi-plus-one:before {
  content: "\F41B"; }

.mdi-pocket:before {
  content: "\F41C"; }

.mdi-pokeball:before {
  content: "\F41D"; }

.mdi-polaroid:before {
  content: "\F41E"; }

.mdi-poll:before {
  content: "\F41F"; }

.mdi-poll-box:before {
  content: "\F420"; }

.mdi-polymer:before {
  content: "\F421"; }

.mdi-pool:before {
  content: "\F606"; }

.mdi-popcorn:before {
  content: "\F422"; }

.mdi-pound:before {
  content: "\F423"; }

.mdi-pound-box:before {
  content: "\F424"; }

.mdi-power:before {
  content: "\F425"; }

.mdi-power-settings:before {
  content: "\F426"; }

.mdi-power-socket:before {
  content: "\F427"; }

.mdi-presentation:before {
  content: "\F428"; }

.mdi-presentation-play:before {
  content: "\F429"; }

.mdi-printer:before {
  content: "\F42A"; }

.mdi-printer-3d:before {
  content: "\F42B"; }

.mdi-printer-alert:before {
  content: "\F42C"; }

.mdi-priority-high:before {
  content: "\F603"; }

.mdi-priority-low:before {
  content: "\F604"; }

.mdi-professional-hexagon:before {
  content: "\F42D"; }

.mdi-projector:before {
  content: "\F42E"; }

.mdi-projector-screen:before {
  content: "\F42F"; }

.mdi-pulse:before {
  content: "\F430"; }

.mdi-puzzle:before {
  content: "\F431"; }

.mdi-qqchat:before {
  content: "\F605"; }

.mdi-qrcode:before {
  content: "\F432"; }

.mdi-qrcode-scan:before {
  content: "\F433"; }

.mdi-quadcopter:before {
  content: "\F434"; }

.mdi-quality-high:before {
  content: "\F435"; }

.mdi-quicktime:before {
  content: "\F436"; }

.mdi-radar:before {
  content: "\F437"; }

.mdi-radiator:before {
  content: "\F438"; }

.mdi-radio:before {
  content: "\F439"; }

.mdi-radio-handheld:before {
  content: "\F43A"; }

.mdi-radio-tower:before {
  content: "\F43B"; }

.mdi-radioactive:before {
  content: "\F43C"; }

.mdi-radiobox-blank:before {
  content: "\F43D"; }

.mdi-radiobox-marked:before {
  content: "\F43E"; }

.mdi-raspberrypi:before {
  content: "\F43F"; }

.mdi-ray-end:before {
  content: "\F440"; }

.mdi-ray-end-arrow:before {
  content: "\F441"; }

.mdi-ray-start:before {
  content: "\F442"; }

.mdi-ray-start-arrow:before {
  content: "\F443"; }

.mdi-ray-start-end:before {
  content: "\F444"; }

.mdi-ray-vertex:before {
  content: "\F445"; }

.mdi-rdio:before {
  content: "\F446"; }

.mdi-read:before {
  content: "\F447"; }

.mdi-readability:before {
  content: "\F448"; }

.mdi-receipt:before {
  content: "\F449"; }

.mdi-record:before {
  content: "\F44A"; }

.mdi-record-rec:before {
  content: "\F44B"; }

.mdi-recycle:before {
  content: "\F44C"; }

.mdi-reddit:before {
  content: "\F44D"; }

.mdi-redo:before {
  content: "\F44E"; }

.mdi-redo-variant:before {
  content: "\F44F"; }

.mdi-refresh:before {
  content: "\F450"; }

.mdi-regex:before {
  content: "\F451"; }

.mdi-relative-scale:before {
  content: "\F452"; }

.mdi-reload:before {
  content: "\F453"; }

.mdi-remote:before {
  content: "\F454"; }

.mdi-rename-box:before {
  content: "\F455"; }

.mdi-repeat:before {
  content: "\F456"; }

.mdi-repeat-off:before {
  content: "\F457"; }

.mdi-repeat-once:before {
  content: "\F458"; }

.mdi-replay:before {
  content: "\F459"; }

.mdi-reply:before {
  content: "\F45A"; }

.mdi-reply-all:before {
  content: "\F45B"; }

.mdi-reproduction:before {
  content: "\F45C"; }

.mdi-resize-bottom-right:before {
  content: "\F45D"; }

.mdi-responsive:before {
  content: "\F45E"; }

.mdi-rewind:before {
  content: "\F45F"; }

.mdi-ribbon:before {
  content: "\F460"; }

.mdi-road:before {
  content: "\F461"; }

.mdi-road-variant:before {
  content: "\F462"; }

.mdi-rocket:before {
  content: "\F463"; }

.mdi-rotate-3d:before {
  content: "\F464"; }

.mdi-rotate-left:before {
  content: "\F465"; }

.mdi-rotate-left-variant:before {
  content: "\F466"; }

.mdi-rotate-right:before {
  content: "\F467"; }

.mdi-rotate-right-variant:before {
  content: "\F468"; }

.mdi-rounded-corner:before {
  content: "\F607"; }

.mdi-router-wireless:before {
  content: "\F469"; }

.mdi-routes:before {
  content: "\F46A"; }

.mdi-rowing:before {
  content: "\F608"; }

.mdi-rss:before {
  content: "\F46B"; }

.mdi-rss-box:before {
  content: "\F46C"; }

.mdi-ruler:before {
  content: "\F46D"; }

.mdi-run:before {
  content: "\F46E"; }

.mdi-sale:before {
  content: "\F46F"; }

.mdi-satellite:before {
  content: "\F470"; }

.mdi-satellite-variant:before {
  content: "\F471"; }

.mdi-saxophone:before {
  content: "\F609"; }

.mdi-scale:before {
  content: "\F472"; }

.mdi-scale-balance:before {
  content: "\F5D1"; }

.mdi-scale-bathroom:before {
  content: "\F473"; }

.mdi-school:before {
  content: "\F474"; }

.mdi-screen-rotation:before {
  content: "\F475"; }

.mdi-screen-rotation-lock:before {
  content: "\F476"; }

.mdi-screwdriver:before {
  content: "\F477"; }

.mdi-script:before {
  content: "\F478"; }

.mdi-sd:before {
  content: "\F479"; }

.mdi-seal:before {
  content: "\F47A"; }

.mdi-seat-flat:before {
  content: "\F47B"; }

.mdi-seat-flat-angled:before {
  content: "\F47C"; }

.mdi-seat-individual-suite:before {
  content: "\F47D"; }

.mdi-seat-legroom-extra:before {
  content: "\F47E"; }

.mdi-seat-legroom-normal:before {
  content: "\F47F"; }

.mdi-seat-legroom-reduced:before {
  content: "\F480"; }

.mdi-seat-recline-extra:before {
  content: "\F481"; }

.mdi-seat-recline-normal:before {
  content: "\F482"; }

.mdi-security:before {
  content: "\F483"; }

.mdi-security-network:before {
  content: "\F484"; }

.mdi-select:before {
  content: "\F485"; }

.mdi-select-all:before {
  content: "\F486"; }

.mdi-select-inverse:before {
  content: "\F487"; }

.mdi-select-off:before {
  content: "\F488"; }

.mdi-selection:before {
  content: "\F489"; }

.mdi-send:before, .mdi-funnel-8:before, .mdi-funnel-20:before, .mdi-funnel-23:before {
  content: "\F48A"; }

.mdi-server:before {
  content: "\F48B"; }

.mdi-server-minus:before {
  content: "\F48C"; }

.mdi-server-network:before {
  content: "\F48D"; }

.mdi-server-network-off:before {
  content: "\F48E"; }

.mdi-server-off:before {
  content: "\F48F"; }

.mdi-server-plus:before {
  content: "\F490"; }

.mdi-server-remove:before {
  content: "\F491"; }

.mdi-server-security:before {
  content: "\F492"; }

.mdi-settings:before {
  content: "\F493"; }

.mdi-settings-box:before {
  content: "\F494"; }

.mdi-shape-plus:before {
  content: "\F495"; }

.mdi-share:before {
  content: "\F496"; }

.mdi-share-variant:before {
  content: "\F497"; }

.mdi-shield:before {
  content: "\F498"; }

.mdi-shield-outline:before {
  content: "\F499"; }

.mdi-shopping:before {
  content: "\F49A"; }

.mdi-shopping-music:before {
  content: "\F49B"; }

.mdi-shredder:before {
  content: "\F49C"; }

.mdi-shuffle:before {
  content: "\F49D"; }

.mdi-shuffle-disabled:before {
  content: "\F49E"; }

.mdi-shuffle-variant:before {
  content: "\F49F"; }

.mdi-sigma:before {
  content: "\F4A0"; }

.mdi-sign-caution:before {
  content: "\F4A1"; }

.mdi-signal:before {
  content: "\F4A2"; }

.mdi-signal-variant:before {
  content: "\F60A"; }

.mdi-silverware:before {
  content: "\F4A3"; }

.mdi-silverware-fork:before {
  content: "\F4A4"; }

.mdi-silverware-spoon:before {
  content: "\F4A5"; }

.mdi-silverware-variant:before {
  content: "\F4A6"; }

.mdi-sim:before {
  content: "\F4A7"; }

.mdi-sim-alert:before {
  content: "\F4A8"; }

.mdi-sim-off:before {
  content: "\F4A9"; }

.mdi-sitemap:before {
  content: "\F4AA"; }

.mdi-skip-backward:before {
  content: "\F4AB"; }

.mdi-skip-forward:before {
  content: "\F4AC"; }

.mdi-skip-next:before {
  content: "\F4AD"; }

.mdi-skip-previous:before {
  content: "\F4AE"; }

.mdi-skype:before {
  content: "\F4AF"; }

.mdi-skype-business:before {
  content: "\F4B0"; }

.mdi-slack:before {
  content: "\F4B1"; }

.mdi-sleep:before {
  content: "\F4B2"; }

.mdi-sleep-off:before {
  content: "\F4B3"; }

.mdi-smoking:before {
  content: "\F4B4"; }

.mdi-smoking-off:before {
  content: "\F4B5"; }

.mdi-snapchat:before {
  content: "\F4B6"; }

.mdi-snowman:before {
  content: "\F4B7"; }

.mdi-soccer:before {
  content: "\F4B8"; }

.mdi-sofa:before {
  content: "\F4B9"; }

.mdi-sort:before {
  content: "\F4BA"; }

.mdi-sort-alphabetical:before {
  content: "\F4BB"; }

.mdi-sort-ascending:before {
  content: "\F4BC"; }

.mdi-sort-descending:before {
  content: "\F4BD"; }

.mdi-sort-numeric:before {
  content: "\F4BE"; }

.mdi-sort-variant:before {
  content: "\F4BF"; }

.mdi-soundcloud:before {
  content: "\F4C0"; }

.mdi-source-fork:before {
  content: "\F4C1"; }

.mdi-source-pull:before {
  content: "\F4C2"; }

.mdi-speaker:before {
  content: "\F4C3"; }

.mdi-speaker-off:before {
  content: "\F4C4"; }

.mdi-speedometer:before {
  content: "\F4C5"; }

.mdi-spellcheck:before {
  content: "\F4C6"; }

.mdi-spotify:before {
  content: "\F4C7"; }

.mdi-spotlight:before {
  content: "\F4C8"; }

.mdi-spotlight-beam:before {
  content: "\F4C9"; }

.mdi-square-inc:before {
  content: "\F4CA"; }

.mdi-square-inc-cash:before {
  content: "\F4CB"; }

.mdi-stackexchange:before {
  content: "\F60B"; }

.mdi-stackoverflow:before {
  content: "\F4CC"; }

.mdi-stairs:before {
  content: "\F4CD"; }

.mdi-star:before {
  content: "\F4CE"; }

.mdi-star-circle:before {
  content: "\F4CF"; }

.mdi-star-half:before {
  content: "\F4D0"; }

.mdi-star-off:before {
  content: "\F4D1"; }

.mdi-star-outline:before {
  content: "\F4D2"; }

.mdi-steam:before {
  content: "\F4D3"; }

.mdi-steering:before {
  content: "\F4D4"; }

.mdi-step-backward:before {
  content: "\F4D5"; }

.mdi-step-backward-2:before {
  content: "\F4D6"; }

.mdi-step-forward:before {
  content: "\F4D7"; }

.mdi-step-forward-2:before {
  content: "\F4D8"; }

.mdi-stethoscope:before {
  content: "\F4D9"; }

.mdi-sticker:before {
  content: "\F5D0"; }

.mdi-stocking:before {
  content: "\F4DA"; }

.mdi-stop:before {
  content: "\F4DB"; }

.mdi-store:before {
  content: "\F4DC"; }

.mdi-store-24-hour:before {
  content: "\F4DD"; }

.mdi-stove:before {
  content: "\F4DE"; }

.mdi-subdirectory-arrow-left:before {
  content: "\F60C"; }

.mdi-subdirectory-arrow-right:before {
  content: "\F60D"; }

.mdi-subway:before {
  content: "\F4DF"; }

.mdi-sunglasses:before {
  content: "\F4E0"; }

.mdi-surround-sound:before {
  content: "\F5C5"; }

.mdi-swap-horizontal:before {
  content: "\F4E1"; }

.mdi-swap-vertical:before {
  content: "\F4E2"; }

.mdi-swim:before {
  content: "\F4E3"; }

.mdi-switch:before {
  content: "\F4E4"; }

.mdi-sword:before {
  content: "\F4E5"; }

.mdi-sync:before {
  content: "\F4E6"; }

.mdi-sync-alert:before {
  content: "\F4E7"; }

.mdi-sync-off:before {
  content: "\F4E8"; }

.mdi-tab:before {
  content: "\F4E9"; }

.mdi-tab-unselected:before {
  content: "\F4EA"; }

.mdi-table:before {
  content: "\F4EB"; }

.mdi-table-column-plus-after:before {
  content: "\F4EC"; }

.mdi-table-column-plus-before:before {
  content: "\F4ED"; }

.mdi-table-column-remove:before {
  content: "\F4EE"; }

.mdi-table-column-width:before {
  content: "\F4EF"; }

.mdi-table-edit:before {
  content: "\F4F0"; }

.mdi-table-large:before {
  content: "\F4F1"; }

.mdi-table-row-height:before {
  content: "\F4F2"; }

.mdi-table-row-plus-after:before {
  content: "\F4F3"; }

.mdi-table-row-plus-before:before {
  content: "\F4F4"; }

.mdi-table-row-remove:before {
  content: "\F4F5"; }

.mdi-tablet:before {
  content: "\F4F6"; }

.mdi-tablet-android:before {
  content: "\F4F7"; }

.mdi-tablet-ipad:before {
  content: "\F4F8"; }

.mdi-tag:before {
  content: "\F4F9"; }

.mdi-tag-faces:before {
  content: "\F4FA"; }

.mdi-tag-multiple:before {
  content: "\F4FB"; }

.mdi-tag-outline:before {
  content: "\F4FC"; }

.mdi-tag-text-outline:before {
  content: "\F4FD"; }

.mdi-target:before {
  content: "\F4FE"; }

.mdi-taxi:before {
  content: "\F4FF"; }

.mdi-teamviewer:before {
  content: "\F500"; }

.mdi-telegram:before {
  content: "\F501"; }

.mdi-television:before {
  content: "\F502"; }

.mdi-television-guide:before {
  content: "\F503"; }

.mdi-temperature-celsius:before {
  content: "\F504"; }

.mdi-temperature-fahrenheit:before {
  content: "\F505"; }

.mdi-temperature-kelvin:before {
  content: "\F506"; }

.mdi-tennis:before {
  content: "\F507"; }

.mdi-tent:before {
  content: "\F508"; }

.mdi-terrain:before {
  content: "\F509"; }

.mdi-text-to-speech:before {
  content: "\F50A"; }

.mdi-text-to-speech-off:before {
  content: "\F50B"; }

.mdi-textbox:before {
  content: "\F60E"; }

.mdi-texture:before {
  content: "\F50C"; }

.mdi-theater:before {
  content: "\F50D"; }

.mdi-theme-light-dark:before {
  content: "\F50E"; }

.mdi-thermometer:before {
  content: "\F50F"; }

.mdi-thermometer-lines:before {
  content: "\F510"; }

.mdi-thumb-down:before {
  content: "\F511"; }

.mdi-thumb-down-outline:before {
  content: "\F512"; }

.mdi-thumb-up:before {
  content: "\F513"; }

.mdi-thumb-up-outline:before {
  content: "\F514"; }

.mdi-thumbs-up-down:before {
  content: "\F515"; }

.mdi-ticket:before {
  content: "\F516"; }

.mdi-ticket-account:before {
  content: "\F517"; }

.mdi-ticket-confirmation:before {
  content: "\F518"; }

.mdi-tie:before {
  content: "\F519"; }

.mdi-timelapse:before {
  content: "\F51A"; }

.mdi-timer:before {
  content: "\F51B"; }

.mdi-timer-10:before {
  content: "\F51C"; }

.mdi-timer-3:before {
  content: "\F51D"; }

.mdi-timer-off:before {
  content: "\F51E"; }

.mdi-timer-sand:before {
  content: "\F51F"; }

.mdi-timetable:before {
  content: "\F520"; }

.mdi-toggle-switch:before {
  content: "\F521"; }

.mdi-toggle-switch-off:before {
  content: "\F522"; }

.mdi-tooltip:before {
  content: "\F523"; }

.mdi-tooltip-edit:before {
  content: "\F524"; }

.mdi-tooltip-image:before {
  content: "\F525"; }

.mdi-tooltip-outline:before {
  content: "\F526"; }

.mdi-tooltip-outline-plus:before {
  content: "\F527"; }

.mdi-tooltip-text:before {
  content: "\F528"; }

.mdi-tooth:before {
  content: "\F529"; }

.mdi-tor:before {
  content: "\F52A"; }

.mdi-traffic-light:before {
  content: "\F52B"; }

.mdi-train:before {
  content: "\F52C"; }

.mdi-tram:before {
  content: "\F52D"; }

.mdi-transcribe:before {
  content: "\F52E"; }

.mdi-transcribe-close:before {
  content: "\F52F"; }

.mdi-transfer:before {
  content: "\F530"; }

.mdi-translate:before {
  content: "\F5CA"; }

.mdi-tree:before {
  content: "\F531"; }

.mdi-trello:before {
  content: "\F532"; }

.mdi-trending-down:before {
  content: "\F533"; }

.mdi-trending-neutral:before {
  content: "\F534"; }

.mdi-trending-up:before {
  content: "\F535"; }

.mdi-triangle:before {
  content: "\F536"; }

.mdi-triangle-outline:before {
  content: "\F537"; }

.mdi-trophy:before {
  content: "\F538"; }

.mdi-trophy-award:before {
  content: "\F539"; }

.mdi-trophy-outline:before {
  content: "\F53A"; }

.mdi-trophy-variant:before {
  content: "\F53B"; }

.mdi-trophy-variant-outline:before {
  content: "\F53C"; }

.mdi-truck:before {
  content: "\F53D"; }

.mdi-truck-delivery:before {
  content: "\F53E"; }

.mdi-tshirt-crew:before {
  content: "\F53F"; }

.mdi-tshirt-v:before {
  content: "\F540"; }

.mdi-tumblr:before {
  content: "\F541"; }

.mdi-tumblr-reblog:before {
  content: "\F542"; }

.mdi-twitch:before {
  content: "\F543"; }

.mdi-twitter:before {
  content: "\F544"; }

.mdi-twitter-box:before {
  content: "\F545"; }

.mdi-twitter-circle:before {
  content: "\F546"; }

.mdi-twitter-retweet:before {
  content: "\F547"; }

.mdi-ubuntu:before {
  content: "\F548"; }

.mdi-umbraco:before {
  content: "\F549"; }

.mdi-umbrella:before {
  content: "\F54A"; }

.mdi-umbrella-outline:before {
  content: "\F54B"; }

.mdi-undo:before {
  content: "\F54C"; }

.mdi-undo-variant:before {
  content: "\F54D"; }

.mdi-unfold-less:before {
  content: "\F54E"; }

.mdi-unfold-more:before {
  content: "\F54F"; }

.mdi-ungroup:before {
  content: "\F550"; }

.mdi-untappd:before {
  content: "\F551"; }

.mdi-upload:before {
  content: "\F552"; }

.mdi-usb:before {
  content: "\F553"; }

.mdi-vector-arrange-above:before {
  content: "\F554"; }

.mdi-vector-arrange-below:before {
  content: "\F555"; }

.mdi-vector-circle:before {
  content: "\F556"; }

.mdi-vector-circle-variant:before {
  content: "\F557"; }

.mdi-vector-combine:before {
  content: "\F558"; }

.mdi-vector-curve:before {
  content: "\F559"; }

.mdi-vector-difference:before {
  content: "\F55A"; }

.mdi-vector-difference-ab:before {
  content: "\F55B"; }

.mdi-vector-difference-ba:before {
  content: "\F55C"; }

.mdi-vector-intersection:before {
  content: "\F55D"; }

.mdi-vector-line:before {
  content: "\F55E"; }

.mdi-vector-point:before {
  content: "\F55F"; }

.mdi-vector-polygon:before {
  content: "\F560"; }

.mdi-vector-polyline:before {
  content: "\F561"; }

.mdi-vector-rectangle:before {
  content: "\F5C6"; }

.mdi-vector-selection:before {
  content: "\F562"; }

.mdi-vector-square:before {
  content: "\F001"; }

.mdi-vector-triangle:before {
  content: "\F563"; }

.mdi-vector-union:before {
  content: "\F564"; }

.mdi-verified:before {
  content: "\F565"; }

.mdi-vibrate:before {
  content: "\F566"; }

.mdi-video:before {
  content: "\F567"; }

.mdi-video-off:before {
  content: "\F568"; }

.mdi-video-switch:before {
  content: "\F569"; }

.mdi-view-agenda:before {
  content: "\F56A"; }

.mdi-view-array:before {
  content: "\F56B"; }

.mdi-view-carousel:before {
  content: "\F56C"; }

.mdi-view-column:before {
  content: "\F56D"; }

.mdi-view-dashboard:before {
  content: "\F56E"; }

.mdi-view-day:before {
  content: "\F56F"; }

.mdi-view-grid:before {
  content: "\F570"; }

.mdi-view-headline:before {
  content: "\F571"; }

.mdi-view-list:before, .mdi-funnel-2:before, .mdi-funnel-15:before, .mdi-funnel-27:before, .mdi-funnel-33:before, .mdi-funnel-39:before {
  content: "\F572"; }

.mdi-view-module:before {
  content: "\F573"; }

.mdi-view-quilt:before {
  content: "\F574"; }

.mdi-view-stream:before {
  content: "\F575"; }

.mdi-view-week:before {
  content: "\F576"; }

.mdi-vimeo:before {
  content: "\F577"; }

.mdi-vine:before {
  content: "\F578"; }

.mdi-violin:before {
  content: "\F60F"; }

.mdi-visualstudio:before {
  content: "\F610"; }

.mdi-vk:before {
  content: "\F579"; }

.mdi-vk-box:before {
  content: "\F57A"; }

.mdi-vk-circle:before {
  content: "\F57B"; }

.mdi-vlc:before {
  content: "\F57C"; }

.mdi-voice:before {
  content: "\F5CB"; }

.mdi-voicemail:before {
  content: "\F57D"; }

.mdi-volume-high:before {
  content: "\F57E"; }

.mdi-volume-low:before {
  content: "\F57F"; }

.mdi-volume-medium:before {
  content: "\F580"; }

.mdi-volume-off:before {
  content: "\F581"; }

.mdi-vpn:before {
  content: "\F582"; }

.mdi-walk:before {
  content: "\F583"; }

.mdi-wallet:before {
  content: "\F584"; }

.mdi-wallet-giftcard:before {
  content: "\F585"; }

.mdi-wallet-membership:before {
  content: "\F586"; }

.mdi-wallet-travel:before {
  content: "\F587"; }

.mdi-wan:before {
  content: "\F588"; }

.mdi-watch:before {
  content: "\F589"; }

.mdi-watch-export:before {
  content: "\F58A"; }

.mdi-watch-import:before {
  content: "\F58B"; }

.mdi-water:before {
  content: "\F58C"; }

.mdi-water-off:before {
  content: "\F58D"; }

.mdi-water-percent:before {
  content: "\F58E"; }

.mdi-water-pump:before {
  content: "\F58F"; }

.mdi-watermark:before {
  content: "\F612"; }

.mdi-weather-cloudy:before {
  content: "\F590"; }

.mdi-weather-fog:before {
  content: "\F591"; }

.mdi-weather-hail:before {
  content: "\F592"; }

.mdi-weather-lightning:before {
  content: "\F593"; }

.mdi-weather-night:before {
  content: "\F594"; }

.mdi-weather-partlycloudy:before {
  content: "\F595"; }

.mdi-weather-pouring:before {
  content: "\F596"; }

.mdi-weather-rainy:before {
  content: "\F597"; }

.mdi-weather-snowy:before {
  content: "\F598"; }

.mdi-weather-sunny:before {
  content: "\F599"; }

.mdi-weather-sunset:before {
  content: "\F59A"; }

.mdi-weather-sunset-down:before {
  content: "\F59B"; }

.mdi-weather-sunset-up:before {
  content: "\F59C"; }

.mdi-weather-windy:before {
  content: "\F59D"; }

.mdi-weather-windy-variant:before {
  content: "\F59E"; }

.mdi-web:before {
  content: "\F59F"; }

.mdi-webcam:before {
  content: "\F5A0"; }

.mdi-wechat:before {
  content: "\F611"; }

.mdi-weight:before {
  content: "\F5A1"; }

.mdi-weight-kilogram:before {
  content: "\F5A2"; }

.mdi-whatsapp:before {
  content: "\F5A3"; }

.mdi-wheelchair-accessibility:before {
  content: "\F5A4"; }

.mdi-white-balance-auto:before {
  content: "\F5A5"; }

.mdi-white-balance-incandescent:before {
  content: "\F5A6"; }

.mdi-white-balance-irradescent:before {
  content: "\F5A7"; }

.mdi-white-balance-sunny:before {
  content: "\F5A8"; }

.mdi-wifi:before {
  content: "\F5A9"; }

.mdi-wifi-off:before {
  content: "\F5AA"; }

.mdi-wii:before {
  content: "\F5AB"; }

.mdi-wikipedia:before {
  content: "\F5AC"; }

.mdi-window-close:before {
  content: "\F5AD"; }

.mdi-window-closed:before {
  content: "\F5AE"; }

.mdi-window-maximize:before {
  content: "\F5AF"; }

.mdi-window-minimize:before {
  content: "\F5B0"; }

.mdi-window-open:before {
  content: "\F5B1"; }

.mdi-window-restore:before {
  content: "\F5B2"; }

.mdi-windows:before {
  content: "\F5B3"; }

.mdi-wordpress:before {
  content: "\F5B4"; }

.mdi-worker:before {
  content: "\F5B5"; }

.mdi-wrap:before {
  content: "\F5B6"; }

.mdi-wrench:before {
  content: "\F5B7"; }

.mdi-wunderlist:before {
  content: "\F5B8"; }

.mdi-xbox:before {
  content: "\F5B9"; }

.mdi-xbox-controller:before {
  content: "\F5BA"; }

.mdi-xbox-controller-off:before {
  content: "\F5BB"; }

.mdi-xda:before {
  content: "\F5BC"; }

.mdi-xing:before {
  content: "\F5BD"; }

.mdi-xing-box:before {
  content: "\F5BE"; }

.mdi-xing-circle:before {
  content: "\F5BF"; }

.mdi-xml:before {
  content: "\F5C0"; }

.mdi-yeast:before {
  content: "\F5C1"; }

.mdi-yelp:before {
  content: "\F5C2"; }

.mdi-youtube-play:before {
  content: "\F5C3"; }

.mdi-zip-box:before {
  content: "\F5C4"; }

.mdi-18px {
  font-size: 18px; }

.mdi-24px {
  font-size: 24px; }

.mdi-36px {
  font-size: 36px; }

.mdi-48px {
  font-size: 48px; }

.mdi-dark {
  color: rgba(0, 0, 0, 0.54); }

.mdi-dark.mdi-inactive {
  color: rgba(0, 0, 0, 0.26); }

.mdi-light {
  color: white; }

.mdi-light.mdi-inactive {
  color: rgba(255, 255, 255, 0.3); }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
  color: rgba(0,0,0, 0.87);
  font-size: 1em;
  line-height: 1.4; }

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }
::selection {
  background: #b3d4fc;
  text-shadow: none; }

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical; }

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers:
 */
.hidden {
  display: none !important; }

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */ }

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */ }

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  *,
  *:before,
  *:after,
  *:first-letter {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: http://www.sanbeiji.com/archives/953 */
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Remove the unwanted box around FAB buttons */
/* More info: http://goo.gl/IPwKi */
a, .mdl-accordion, .mdl-button, .ca-button, .ca-button--colour, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button, .ca-button--downgrade, .ca-button--accent, .ca-button--secondary, .ca-button--tertiary, .ca-button--outline, .scenario-checkup__check button, .ca-button--fab, .ca-button--cta, .ca-button--cta--accent, .ca-button--cta--secondary, .ca-button--cta--tertiary, .ca-button--cta--cancel, .ca-button--cta--outline-primary, .ca-button--cta--outline, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
.mdl-icon-toggle, .mdl-item, .mdl-radio, .mdl-slider, .mdl-switch, .mdl-tabs__tab, .ca-tabs .ca-tabs--tab, .variation-tabs-tab {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

/*
 * Make html take up the entire screen
 * Then set touch-action to avoid touch delay on mobile IE
 */
html {
  width: 100%;
  height: 100%;
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

/*
* Make body take up the entire screen
* Remove body margin so layout containers don't cause extra overflow.
*/
body {
  width: 100%;
  min-height: 100%;
  margin: 0; }

/*
 * Main display reset for IE support.
 * Source: http://weblog.west-wind.com/posts/2015/Jan/12/main-HTML5-Tag-not-working-in-Internet-Explorer-91011
 */
main {
  display: block; }

/*
* Apply no display to elements with the hidden attribute.
* IE 9 and 10 support.
*/
*[hidden] {
  display: none !important; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
html, body {
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px; }

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0; }

/**
  * Styles for HTML elements
  */
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em;
  opacity: 0.54;
  font-size: 0.6em; }

h1 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em;
  margin-top: 24px;
  margin-bottom: 24px; }

h2 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 48px;
  margin-top: 24px;
  margin-bottom: 24px; }

h3 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
  margin-top: 24px;
  margin-bottom: 24px; }

h4 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 24px;
  margin-bottom: 16px; }

h5 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
  margin-top: 24px;
  margin-bottom: 16px; }

h6 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  margin-top: 24px;
  margin-bottom: 16px; }

p {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  margin-bottom: 16px; }

a {
  color: rgb(255,152,0);
  font-weight: 500; }

blockquote {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  position: relative;
  font-size: 24px;
  font-weight: 300;
  font-style: italic;
  line-height: 1.35;
  letter-spacing: 0.08em; }
  blockquote:before {
    position: absolute;
    left: -0.5em;
    content: '“'; }
  blockquote:after {
    content: '”';
    margin-left: -0.05em; }

mark {
  background-color: #f4ff81; }

dt {
  font-weight: 700; }

address {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  font-style: normal; }

ul, ol {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0; }

/**
 * Class Name Styles
 */
.mdl-typography--display-4 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 112px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.04em; }

.mdl-typography--display-4-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 112px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.04em;
  opacity: 0.54; }

.mdl-typography--display-3 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em; }

.mdl-typography--display-3-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em;
  opacity: 0.54; }

.mdl-typography--display-2 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 48px; }

.mdl-typography--display-2-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 48px;
  opacity: 0.54; }

.mdl-typography--display-1 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 40px; }

.mdl-typography--display-1-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
  opacity: 0.54; }

.mdl-typography--headline {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  -moz-osx-font-smoothing: grayscale; }

.mdl-typography--headline-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0.87; }

.mdl-typography--title {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em; }

.mdl-typography--title-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
  opacity: 0.87; }

.mdl-typography--subhead {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em; }

.mdl-typography--subhead-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  opacity: 0.87; }

.mdl-typography--body-2 {
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0; }

.mdl-typography--body-2-color-contrast {
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87; }

.mdl-typography--body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0; }

.mdl-typography--body-1-color-contrast {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87; }

.mdl-typography--body-2-force-preferred-font {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0; }

.mdl-typography--body-2-force-preferred-font-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87; }

.mdl-typography--body-1-force-preferred-font {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0; }

.mdl-typography--body-1-force-preferred-font-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87; }

.mdl-typography--caption {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0; }

.mdl-typography--caption-force-preferred-font {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0; }

.mdl-typography--caption-color-contrast {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  opacity: 0.54; }

.mdl-typography--caption-force-preferred-font-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  opacity: 0.54; }

.mdl-typography--menu {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0; }

.mdl-typography--menu-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  opacity: 0.87; }

.mdl-typography--button {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0; }

.mdl-typography--button-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0;
  opacity: 0.87; }

.mdl-typography--text-left {
  text-align: left; }

.mdl-typography--text-right {
  text-align: right; }

.mdl-typography--text-center {
  text-align: center; }

.mdl-typography--text-justify {
  text-align: justify; }

.mdl-typography--text-nowrap {
  white-space: nowrap; }

.mdl-typography--text-lowercase {
  text-transform: lowercase; }

.mdl-typography--text-uppercase {
  text-transform: uppercase; }

.mdl-typography--text-capitalize {
  text-transform: capitalize; }

.mdl-typography--font-thin {
  font-weight: 200 !important; }

.mdl-typography--font-light {
  font-weight: 300 !important; }

.mdl-typography--font-regular {
  font-weight: 400 !important; }

.mdl-typography--font-medium {
  font-weight: 500 !important; }

.mdl-typography--font-bold {
  font-weight: 700 !important; }

.mdl-typography--font-black {
  font-weight: 900 !important; }

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  word-wrap: normal;
  font-feature-settings: 'liga';
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-color-text--red {
  color: rgb(244,67,54) !important; }

.mdl-color--red {
  background-color: rgb(244,67,54) !important; }

.mdl-color-text--red-50 {
  color: rgb(255,235,238) !important; }

.mdl-color--red-50 {
  background-color: rgb(255,235,238) !important; }

.mdl-color-text--red-100 {
  color: rgb(255,205,210) !important; }

.mdl-color--red-100 {
  background-color: rgb(255,205,210) !important; }

.mdl-color-text--red-200 {
  color: rgb(239,154,154) !important; }

.mdl-color--red-200 {
  background-color: rgb(239,154,154) !important; }

.mdl-color-text--red-300 {
  color: rgb(229,115,115) !important; }

.mdl-color--red-300 {
  background-color: rgb(229,115,115) !important; }

.mdl-color-text--red-400 {
  color: rgb(239,83,80) !important; }

.mdl-color--red-400 {
  background-color: rgb(239,83,80) !important; }

.mdl-color-text--red-500 {
  color: rgb(244,67,54) !important; }

.mdl-color--red-500 {
  background-color: rgb(244,67,54) !important; }

.mdl-color-text--red-600 {
  color: rgb(229,57,53) !important; }

.mdl-color--red-600 {
  background-color: rgb(229,57,53) !important; }

.mdl-color-text--red-700 {
  color: rgb(211,47,47) !important; }

.mdl-color--red-700 {
  background-color: rgb(211,47,47) !important; }

.mdl-color-text--red-800 {
  color: rgb(198,40,40) !important; }

.mdl-color--red-800 {
  background-color: rgb(198,40,40) !important; }

.mdl-color-text--red-900 {
  color: rgb(183,28,28) !important; }

.mdl-color--red-900 {
  background-color: rgb(183,28,28) !important; }

.mdl-color-text--red-A100 {
  color: rgb(255,138,128) !important; }

.mdl-color--red-A100 {
  background-color: rgb(255,138,128) !important; }

.mdl-color-text--red-A200 {
  color: rgb(255,82,82) !important; }

.mdl-color--red-A200 {
  background-color: rgb(255,82,82) !important; }

.mdl-color-text--red-A400 {
  color: rgb(255,23,68) !important; }

.mdl-color--red-A400 {
  background-color: rgb(255,23,68) !important; }

.mdl-color-text--red-A700 {
  color: rgb(213,0,0) !important; }

.mdl-color--red-A700 {
  background-color: rgb(213,0,0) !important; }

.mdl-color-text--pink {
  color: rgb(233,30,99) !important; }

.mdl-color--pink {
  background-color: rgb(233,30,99) !important; }

.mdl-color-text--pink-50 {
  color: rgb(252,228,236) !important; }

.mdl-color--pink-50 {
  background-color: rgb(252,228,236) !important; }

.mdl-color-text--pink-100 {
  color: rgb(248,187,208) !important; }

.mdl-color--pink-100 {
  background-color: rgb(248,187,208) !important; }

.mdl-color-text--pink-200 {
  color: rgb(244,143,177) !important; }

.mdl-color--pink-200 {
  background-color: rgb(244,143,177) !important; }

.mdl-color-text--pink-300 {
  color: rgb(240,98,146) !important; }

.mdl-color--pink-300 {
  background-color: rgb(240,98,146) !important; }

.mdl-color-text--pink-400 {
  color: rgb(236,64,122) !important; }

.mdl-color--pink-400 {
  background-color: rgb(236,64,122) !important; }

.mdl-color-text--pink-500 {
  color: rgb(233,30,99) !important; }

.mdl-color--pink-500 {
  background-color: rgb(233,30,99) !important; }

.mdl-color-text--pink-600 {
  color: rgb(216,27,96) !important; }

.mdl-color--pink-600 {
  background-color: rgb(216,27,96) !important; }

.mdl-color-text--pink-700 {
  color: rgb(194,24,91) !important; }

.mdl-color--pink-700 {
  background-color: rgb(194,24,91) !important; }

.mdl-color-text--pink-800 {
  color: rgb(173,20,87) !important; }

.mdl-color--pink-800 {
  background-color: rgb(173,20,87) !important; }

.mdl-color-text--pink-900 {
  color: rgb(136,14,79) !important; }

.mdl-color--pink-900 {
  background-color: rgb(136,14,79) !important; }

.mdl-color-text--pink-A100 {
  color: rgb(255,128,171) !important; }

.mdl-color--pink-A100 {
  background-color: rgb(255,128,171) !important; }

.mdl-color-text--pink-A200 {
  color: rgb(255,64,129) !important; }

.mdl-color--pink-A200 {
  background-color: rgb(255,64,129) !important; }

.mdl-color-text--pink-A400 {
  color: rgb(245,0,87) !important; }

.mdl-color--pink-A400 {
  background-color: rgb(245,0,87) !important; }

.mdl-color-text--pink-A700 {
  color: rgb(197,17,98) !important; }

.mdl-color--pink-A700 {
  background-color: rgb(197,17,98) !important; }

.mdl-color-text--purple {
  color: rgb(156,39,176) !important; }

.mdl-color--purple {
  background-color: rgb(156,39,176) !important; }

.mdl-color-text--purple-50 {
  color: rgb(243,229,245) !important; }

.mdl-color--purple-50 {
  background-color: rgb(243,229,245) !important; }

.mdl-color-text--purple-100 {
  color: rgb(225,190,231) !important; }

.mdl-color--purple-100 {
  background-color: rgb(225,190,231) !important; }

.mdl-color-text--purple-200 {
  color: rgb(206,147,216) !important; }

.mdl-color--purple-200 {
  background-color: rgb(206,147,216) !important; }

.mdl-color-text--purple-300 {
  color: rgb(186,104,200) !important; }

.mdl-color--purple-300 {
  background-color: rgb(186,104,200) !important; }

.mdl-color-text--purple-400 {
  color: rgb(171,71,188) !important; }

.mdl-color--purple-400 {
  background-color: rgb(171,71,188) !important; }

.mdl-color-text--purple-500 {
  color: rgb(156,39,176) !important; }

.mdl-color--purple-500 {
  background-color: rgb(156,39,176) !important; }

.mdl-color-text--purple-600 {
  color: rgb(142,36,170) !important; }

.mdl-color--purple-600 {
  background-color: rgb(142,36,170) !important; }

.mdl-color-text--purple-700 {
  color: rgb(123,31,162) !important; }

.mdl-color--purple-700 {
  background-color: rgb(123,31,162) !important; }

.mdl-color-text--purple-800 {
  color: rgb(106,27,154) !important; }

.mdl-color--purple-800 {
  background-color: rgb(106,27,154) !important; }

.mdl-color-text--purple-900 {
  color: rgb(74,20,140) !important; }

.mdl-color--purple-900 {
  background-color: rgb(74,20,140) !important; }

.mdl-color-text--purple-A100 {
  color: rgb(234,128,252) !important; }

.mdl-color--purple-A100 {
  background-color: rgb(234,128,252) !important; }

.mdl-color-text--purple-A200 {
  color: rgb(224,64,251) !important; }

.mdl-color--purple-A200 {
  background-color: rgb(224,64,251) !important; }

.mdl-color-text--purple-A400 {
  color: rgb(213,0,249) !important; }

.mdl-color--purple-A400 {
  background-color: rgb(213,0,249) !important; }

.mdl-color-text--purple-A700 {
  color: rgb(170,0,255) !important; }

.mdl-color--purple-A700 {
  background-color: rgb(170,0,255) !important; }

.mdl-color-text--deep-purple {
  color: rgb(103,58,183) !important; }

.mdl-color--deep-purple {
  background-color: rgb(103,58,183) !important; }

.mdl-color-text--deep-purple-50 {
  color: rgb(237,231,246) !important; }

.mdl-color--deep-purple-50 {
  background-color: rgb(237,231,246) !important; }

.mdl-color-text--deep-purple-100 {
  color: rgb(209,196,233) !important; }

.mdl-color--deep-purple-100 {
  background-color: rgb(209,196,233) !important; }

.mdl-color-text--deep-purple-200 {
  color: rgb(179,157,219) !important; }

.mdl-color--deep-purple-200 {
  background-color: rgb(179,157,219) !important; }

.mdl-color-text--deep-purple-300 {
  color: rgb(149,117,205) !important; }

.mdl-color--deep-purple-300 {
  background-color: rgb(149,117,205) !important; }

.mdl-color-text--deep-purple-400 {
  color: rgb(126,87,194) !important; }

.mdl-color--deep-purple-400 {
  background-color: rgb(126,87,194) !important; }

.mdl-color-text--deep-purple-500 {
  color: rgb(103,58,183) !important; }

.mdl-color--deep-purple-500 {
  background-color: rgb(103,58,183) !important; }

.mdl-color-text--deep-purple-600 {
  color: rgb(94,53,177) !important; }

.mdl-color--deep-purple-600 {
  background-color: rgb(94,53,177) !important; }

.mdl-color-text--deep-purple-700 {
  color: rgb(81,45,168) !important; }

.mdl-color--deep-purple-700 {
  background-color: rgb(81,45,168) !important; }

.mdl-color-text--deep-purple-800 {
  color: rgb(69,39,160) !important; }

.mdl-color--deep-purple-800 {
  background-color: rgb(69,39,160) !important; }

.mdl-color-text--deep-purple-900 {
  color: rgb(49,27,146) !important; }

.mdl-color--deep-purple-900 {
  background-color: rgb(49,27,146) !important; }

.mdl-color-text--deep-purple-A100 {
  color: rgb(179,136,255) !important; }

.mdl-color--deep-purple-A100 {
  background-color: rgb(179,136,255) !important; }

.mdl-color-text--deep-purple-A200 {
  color: rgb(124,77,255) !important; }

.mdl-color--deep-purple-A200 {
  background-color: rgb(124,77,255) !important; }

.mdl-color-text--deep-purple-A400 {
  color: rgb(101,31,255) !important; }

.mdl-color--deep-purple-A400 {
  background-color: rgb(101,31,255) !important; }

.mdl-color-text--deep-purple-A700 {
  color: rgb(98,0,234) !important; }

.mdl-color--deep-purple-A700 {
  background-color: rgb(98,0,234) !important; }

.mdl-color-text--indigo {
  color: rgb(63,81,181) !important; }

.mdl-color--indigo {
  background-color: rgb(63,81,181) !important; }

.mdl-color-text--indigo-50 {
  color: rgb(232,234,246) !important; }

.mdl-color--indigo-50 {
  background-color: rgb(232,234,246) !important; }

.mdl-color-text--indigo-100 {
  color: rgb(197,202,233) !important; }

.mdl-color--indigo-100 {
  background-color: rgb(197,202,233) !important; }

.mdl-color-text--indigo-200 {
  color: rgb(159,168,218) !important; }

.mdl-color--indigo-200 {
  background-color: rgb(159,168,218) !important; }

.mdl-color-text--indigo-300 {
  color: rgb(121,134,203) !important; }

.mdl-color--indigo-300 {
  background-color: rgb(121,134,203) !important; }

.mdl-color-text--indigo-400 {
  color: rgb(92,107,192) !important; }

.mdl-color--indigo-400 {
  background-color: rgb(92,107,192) !important; }

.mdl-color-text--indigo-500 {
  color: rgb(63,81,181) !important; }

.mdl-color--indigo-500 {
  background-color: rgb(63,81,181) !important; }

.mdl-color-text--indigo-600 {
  color: rgb(57,73,171) !important; }

.mdl-color--indigo-600 {
  background-color: rgb(57,73,171) !important; }

.mdl-color-text--indigo-700 {
  color: rgb(48,63,159) !important; }

.mdl-color--indigo-700 {
  background-color: rgb(48,63,159) !important; }

.mdl-color-text--indigo-800 {
  color: rgb(40,53,147) !important; }

.mdl-color--indigo-800 {
  background-color: rgb(40,53,147) !important; }

.mdl-color-text--indigo-900 {
  color: rgb(26,35,126) !important; }

.mdl-color--indigo-900 {
  background-color: rgb(26,35,126) !important; }

.mdl-color-text--indigo-A100 {
  color: rgb(140,158,255) !important; }

.mdl-color--indigo-A100 {
  background-color: rgb(140,158,255) !important; }

.mdl-color-text--indigo-A200 {
  color: rgb(83,109,254) !important; }

.mdl-color--indigo-A200 {
  background-color: rgb(83,109,254) !important; }

.mdl-color-text--indigo-A400 {
  color: rgb(61,90,254) !important; }

.mdl-color--indigo-A400 {
  background-color: rgb(61,90,254) !important; }

.mdl-color-text--indigo-A700 {
  color: rgb(48,79,254) !important; }

.mdl-color--indigo-A700 {
  background-color: rgb(48,79,254) !important; }

.mdl-color-text--blue {
  color: rgb(33,150,243) !important; }

.mdl-color--blue {
  background-color: rgb(33,150,243) !important; }

.mdl-color-text--blue-50 {
  color: rgb(227,242,253) !important; }

.mdl-color--blue-50 {
  background-color: rgb(227,242,253) !important; }

.mdl-color-text--blue-100 {
  color: rgb(187,222,251) !important; }

.mdl-color--blue-100 {
  background-color: rgb(187,222,251) !important; }

.mdl-color-text--blue-200 {
  color: rgb(144,202,249) !important; }

.mdl-color--blue-200 {
  background-color: rgb(144,202,249) !important; }

.mdl-color-text--blue-300 {
  color: rgb(100,181,246) !important; }

.mdl-color--blue-300 {
  background-color: rgb(100,181,246) !important; }

.mdl-color-text--blue-400 {
  color: rgb(66,165,245) !important; }

.mdl-color--blue-400 {
  background-color: rgb(66,165,245) !important; }

.mdl-color-text--blue-500 {
  color: rgb(33,150,243) !important; }

.mdl-color--blue-500 {
  background-color: rgb(33,150,243) !important; }

.mdl-color-text--blue-600 {
  color: rgb(30,136,229) !important; }

.mdl-color--blue-600 {
  background-color: rgb(30,136,229) !important; }

.mdl-color-text--blue-700 {
  color: rgb(25,118,210) !important; }

.mdl-color--blue-700 {
  background-color: rgb(25,118,210) !important; }

.mdl-color-text--blue-800 {
  color: rgb(21,101,192) !important; }

.mdl-color--blue-800 {
  background-color: rgb(21,101,192) !important; }

.mdl-color-text--blue-900 {
  color: rgb(13,71,161) !important; }

.mdl-color--blue-900 {
  background-color: rgb(13,71,161) !important; }

.mdl-color-text--blue-A100 {
  color: rgb(130,177,255) !important; }

.mdl-color--blue-A100 {
  background-color: rgb(130,177,255) !important; }

.mdl-color-text--blue-A200 {
  color: rgb(68,138,255) !important; }

.mdl-color--blue-A200 {
  background-color: rgb(68,138,255) !important; }

.mdl-color-text--blue-A400 {
  color: rgb(41,121,255) !important; }

.mdl-color--blue-A400 {
  background-color: rgb(41,121,255) !important; }

.mdl-color-text--blue-A700 {
  color: rgb(41,98,255) !important; }

.mdl-color--blue-A700 {
  background-color: rgb(41,98,255) !important; }

.mdl-color-text--light-blue {
  color: rgb(3,169,244) !important; }

.mdl-color--light-blue {
  background-color: rgb(3,169,244) !important; }

.mdl-color-text--light-blue-50 {
  color: rgb(225,245,254) !important; }

.mdl-color--light-blue-50 {
  background-color: rgb(225,245,254) !important; }

.mdl-color-text--light-blue-100 {
  color: rgb(179,229,252) !important; }

.mdl-color--light-blue-100 {
  background-color: rgb(179,229,252) !important; }

.mdl-color-text--light-blue-200 {
  color: rgb(129,212,250) !important; }

.mdl-color--light-blue-200 {
  background-color: rgb(129,212,250) !important; }

.mdl-color-text--light-blue-300 {
  color: rgb(79,195,247) !important; }

.mdl-color--light-blue-300 {
  background-color: rgb(79,195,247) !important; }

.mdl-color-text--light-blue-400 {
  color: rgb(41,182,246) !important; }

.mdl-color--light-blue-400 {
  background-color: rgb(41,182,246) !important; }

.mdl-color-text--light-blue-500 {
  color: rgb(3,169,244) !important; }

.mdl-color--light-blue-500 {
  background-color: rgb(3,169,244) !important; }

.mdl-color-text--light-blue-600 {
  color: rgb(3,155,229) !important; }

.mdl-color--light-blue-600 {
  background-color: rgb(3,155,229) !important; }

.mdl-color-text--light-blue-700 {
  color: rgb(2,136,209) !important; }

.mdl-color--light-blue-700 {
  background-color: rgb(2,136,209) !important; }

.mdl-color-text--light-blue-800 {
  color: rgb(2,119,189) !important; }

.mdl-color--light-blue-800 {
  background-color: rgb(2,119,189) !important; }

.mdl-color-text--light-blue-900 {
  color: rgb(1,87,155) !important; }

.mdl-color--light-blue-900 {
  background-color: rgb(1,87,155) !important; }

.mdl-color-text--light-blue-A100 {
  color: rgb(128,216,255) !important; }

.mdl-color--light-blue-A100 {
  background-color: rgb(128,216,255) !important; }

.mdl-color-text--light-blue-A200 {
  color: rgb(64,196,255) !important; }

.mdl-color--light-blue-A200 {
  background-color: rgb(64,196,255) !important; }

.mdl-color-text--light-blue-A400 {
  color: rgb(0,176,255) !important; }

.mdl-color--light-blue-A400 {
  background-color: rgb(0,176,255) !important; }

.mdl-color-text--light-blue-A700 {
  color: rgb(0,145,234) !important; }

.mdl-color--light-blue-A700 {
  background-color: rgb(0,145,234) !important; }

.mdl-color-text--cyan {
  color: rgb(0,188,212) !important; }

.mdl-color--cyan {
  background-color: rgb(0,188,212) !important; }

.mdl-color-text--cyan-50 {
  color: rgb(224,247,250) !important; }

.mdl-color--cyan-50 {
  background-color: rgb(224,247,250) !important; }

.mdl-color-text--cyan-100 {
  color: rgb(178,235,242) !important; }

.mdl-color--cyan-100 {
  background-color: rgb(178,235,242) !important; }

.mdl-color-text--cyan-200 {
  color: rgb(128,222,234) !important; }

.mdl-color--cyan-200 {
  background-color: rgb(128,222,234) !important; }

.mdl-color-text--cyan-300 {
  color: rgb(77,208,225) !important; }

.mdl-color--cyan-300 {
  background-color: rgb(77,208,225) !important; }

.mdl-color-text--cyan-400 {
  color: rgb(38,198,218) !important; }

.mdl-color--cyan-400 {
  background-color: rgb(38,198,218) !important; }

.mdl-color-text--cyan-500 {
  color: rgb(0,188,212) !important; }

.mdl-color--cyan-500 {
  background-color: rgb(0,188,212) !important; }

.mdl-color-text--cyan-600 {
  color: rgb(0,172,193) !important; }

.mdl-color--cyan-600 {
  background-color: rgb(0,172,193) !important; }

.mdl-color-text--cyan-700 {
  color: rgb(0,151,167) !important; }

.mdl-color--cyan-700 {
  background-color: rgb(0,151,167) !important; }

.mdl-color-text--cyan-800 {
  color: rgb(0,131,143) !important; }

.mdl-color--cyan-800 {
  background-color: rgb(0,131,143) !important; }

.mdl-color-text--cyan-900 {
  color: rgb(0,96,100) !important; }

.mdl-color--cyan-900 {
  background-color: rgb(0,96,100) !important; }

.mdl-color-text--cyan-A100 {
  color: rgb(132,255,255) !important; }

.mdl-color--cyan-A100 {
  background-color: rgb(132,255,255) !important; }

.mdl-color-text--cyan-A200 {
  color: rgb(24,255,255) !important; }

.mdl-color--cyan-A200 {
  background-color: rgb(24,255,255) !important; }

.mdl-color-text--cyan-A400 {
  color: rgb(0,229,255) !important; }

.mdl-color--cyan-A400 {
  background-color: rgb(0,229,255) !important; }

.mdl-color-text--cyan-A700 {
  color: rgb(0,184,212) !important; }

.mdl-color--cyan-A700 {
  background-color: rgb(0,184,212) !important; }

.mdl-color-text--teal {
  color: rgb(0,150,136) !important; }

.mdl-color--teal {
  background-color: rgb(0,150,136) !important; }

.mdl-color-text--teal-50 {
  color: rgb(224,242,241) !important; }

.mdl-color--teal-50 {
  background-color: rgb(224,242,241) !important; }

.mdl-color-text--teal-100 {
  color: rgb(178,223,219) !important; }

.mdl-color--teal-100 {
  background-color: rgb(178,223,219) !important; }

.mdl-color-text--teal-200 {
  color: rgb(128,203,196) !important; }

.mdl-color--teal-200 {
  background-color: rgb(128,203,196) !important; }

.mdl-color-text--teal-300 {
  color: rgb(77,182,172) !important; }

.mdl-color--teal-300 {
  background-color: rgb(77,182,172) !important; }

.mdl-color-text--teal-400 {
  color: rgb(38,166,154) !important; }

.mdl-color--teal-400 {
  background-color: rgb(38,166,154) !important; }

.mdl-color-text--teal-500 {
  color: rgb(0,150,136) !important; }

.mdl-color--teal-500 {
  background-color: rgb(0,150,136) !important; }

.mdl-color-text--teal-600 {
  color: rgb(0,137,123) !important; }

.mdl-color--teal-600 {
  background-color: rgb(0,137,123) !important; }

.mdl-color-text--teal-700 {
  color: rgb(0,121,107) !important; }

.mdl-color--teal-700 {
  background-color: rgb(0,121,107) !important; }

.mdl-color-text--teal-800 {
  color: rgb(0,105,92) !important; }

.mdl-color--teal-800 {
  background-color: rgb(0,105,92) !important; }

.mdl-color-text--teal-900 {
  color: rgb(0,77,64) !important; }

.mdl-color--teal-900 {
  background-color: rgb(0,77,64) !important; }

.mdl-color-text--teal-A100 {
  color: rgb(167,255,235) !important; }

.mdl-color--teal-A100 {
  background-color: rgb(167,255,235) !important; }

.mdl-color-text--teal-A200 {
  color: rgb(100,255,218) !important; }

.mdl-color--teal-A200 {
  background-color: rgb(100,255,218) !important; }

.mdl-color-text--teal-A400 {
  color: rgb(29,233,182) !important; }

.mdl-color--teal-A400 {
  background-color: rgb(29,233,182) !important; }

.mdl-color-text--teal-A700 {
  color: rgb(0,191,165) !important; }

.mdl-color--teal-A700 {
  background-color: rgb(0,191,165) !important; }

.mdl-color-text--green {
  color: rgb(76,175,80) !important; }

.mdl-color--green {
  background-color: rgb(76,175,80) !important; }

.mdl-color-text--green-50 {
  color: rgb(232,245,233) !important; }

.mdl-color--green-50 {
  background-color: rgb(232,245,233) !important; }

.mdl-color-text--green-100 {
  color: rgb(200,230,201) !important; }

.mdl-color--green-100 {
  background-color: rgb(200,230,201) !important; }

.mdl-color-text--green-200 {
  color: rgb(165,214,167) !important; }

.mdl-color--green-200 {
  background-color: rgb(165,214,167) !important; }

.mdl-color-text--green-300 {
  color: rgb(129,199,132) !important; }

.mdl-color--green-300 {
  background-color: rgb(129,199,132) !important; }

.mdl-color-text--green-400 {
  color: rgb(102,187,106) !important; }

.mdl-color--green-400 {
  background-color: rgb(102,187,106) !important; }

.mdl-color-text--green-500 {
  color: rgb(76,175,80) !important; }

.mdl-color--green-500 {
  background-color: rgb(76,175,80) !important; }

.mdl-color-text--green-600 {
  color: rgb(67,160,71) !important; }

.mdl-color--green-600 {
  background-color: rgb(67,160,71) !important; }

.mdl-color-text--green-700 {
  color: rgb(56,142,60) !important; }

.mdl-color--green-700 {
  background-color: rgb(56,142,60) !important; }

.mdl-color-text--green-800 {
  color: rgb(46,125,50) !important; }

.mdl-color--green-800 {
  background-color: rgb(46,125,50) !important; }

.mdl-color-text--green-900 {
  color: rgb(27,94,32) !important; }

.mdl-color--green-900 {
  background-color: rgb(27,94,32) !important; }

.mdl-color-text--green-A100 {
  color: rgb(185,246,202) !important; }

.mdl-color--green-A100 {
  background-color: rgb(185,246,202) !important; }

.mdl-color-text--green-A200 {
  color: rgb(105,240,174) !important; }

.mdl-color--green-A200 {
  background-color: rgb(105,240,174) !important; }

.mdl-color-text--green-A400 {
  color: rgb(0,230,118) !important; }

.mdl-color--green-A400 {
  background-color: rgb(0,230,118) !important; }

.mdl-color-text--green-A700 {
  color: rgb(0,200,83) !important; }

.mdl-color--green-A700 {
  background-color: rgb(0,200,83) !important; }

.mdl-color-text--light-green {
  color: rgb(139,195,74) !important; }

.mdl-color--light-green {
  background-color: rgb(139,195,74) !important; }

.mdl-color-text--light-green-50 {
  color: rgb(241,248,233) !important; }

.mdl-color--light-green-50 {
  background-color: rgb(241,248,233) !important; }

.mdl-color-text--light-green-100 {
  color: rgb(220,237,200) !important; }

.mdl-color--light-green-100 {
  background-color: rgb(220,237,200) !important; }

.mdl-color-text--light-green-200 {
  color: rgb(197,225,165) !important; }

.mdl-color--light-green-200 {
  background-color: rgb(197,225,165) !important; }

.mdl-color-text--light-green-300 {
  color: rgb(174,213,129) !important; }

.mdl-color--light-green-300 {
  background-color: rgb(174,213,129) !important; }

.mdl-color-text--light-green-400 {
  color: rgb(156,204,101) !important; }

.mdl-color--light-green-400 {
  background-color: rgb(156,204,101) !important; }

.mdl-color-text--light-green-500 {
  color: rgb(139,195,74) !important; }

.mdl-color--light-green-500 {
  background-color: rgb(139,195,74) !important; }

.mdl-color-text--light-green-600 {
  color: rgb(124,179,66) !important; }

.mdl-color--light-green-600 {
  background-color: rgb(124,179,66) !important; }

.mdl-color-text--light-green-700 {
  color: rgb(104,159,56) !important; }

.mdl-color--light-green-700 {
  background-color: rgb(104,159,56) !important; }

.mdl-color-text--light-green-800 {
  color: rgb(85,139,47) !important; }

.mdl-color--light-green-800 {
  background-color: rgb(85,139,47) !important; }

.mdl-color-text--light-green-900 {
  color: rgb(51,105,30) !important; }

.mdl-color--light-green-900 {
  background-color: rgb(51,105,30) !important; }

.mdl-color-text--light-green-A100 {
  color: rgb(204,255,144) !important; }

.mdl-color--light-green-A100 {
  background-color: rgb(204,255,144) !important; }

.mdl-color-text--light-green-A200 {
  color: rgb(178,255,89) !important; }

.mdl-color--light-green-A200 {
  background-color: rgb(178,255,89) !important; }

.mdl-color-text--light-green-A400 {
  color: rgb(118,255,3) !important; }

.mdl-color--light-green-A400 {
  background-color: rgb(118,255,3) !important; }

.mdl-color-text--light-green-A700 {
  color: rgb(100,221,23) !important; }

.mdl-color--light-green-A700 {
  background-color: rgb(100,221,23) !important; }

.mdl-color-text--lime {
  color: rgb(205,220,57) !important; }

.mdl-color--lime {
  background-color: rgb(205,220,57) !important; }

.mdl-color-text--lime-50 {
  color: rgb(249,251,231) !important; }

.mdl-color--lime-50 {
  background-color: rgb(249,251,231) !important; }

.mdl-color-text--lime-100 {
  color: rgb(240,244,195) !important; }

.mdl-color--lime-100 {
  background-color: rgb(240,244,195) !important; }

.mdl-color-text--lime-200 {
  color: rgb(230,238,156) !important; }

.mdl-color--lime-200 {
  background-color: rgb(230,238,156) !important; }

.mdl-color-text--lime-300 {
  color: rgb(220,231,117) !important; }

.mdl-color--lime-300 {
  background-color: rgb(220,231,117) !important; }

.mdl-color-text--lime-400 {
  color: rgb(212,225,87) !important; }

.mdl-color--lime-400 {
  background-color: rgb(212,225,87) !important; }

.mdl-color-text--lime-500 {
  color: rgb(205,220,57) !important; }

.mdl-color--lime-500 {
  background-color: rgb(205,220,57) !important; }

.mdl-color-text--lime-600 {
  color: rgb(192,202,51) !important; }

.mdl-color--lime-600 {
  background-color: rgb(192,202,51) !important; }

.mdl-color-text--lime-700 {
  color: rgb(175,180,43) !important; }

.mdl-color--lime-700 {
  background-color: rgb(175,180,43) !important; }

.mdl-color-text--lime-800 {
  color: rgb(158,157,36) !important; }

.mdl-color--lime-800 {
  background-color: rgb(158,157,36) !important; }

.mdl-color-text--lime-900 {
  color: rgb(130,119,23) !important; }

.mdl-color--lime-900 {
  background-color: rgb(130,119,23) !important; }

.mdl-color-text--lime-A100 {
  color: rgb(244,255,129) !important; }

.mdl-color--lime-A100 {
  background-color: rgb(244,255,129) !important; }

.mdl-color-text--lime-A200 {
  color: rgb(238,255,65) !important; }

.mdl-color--lime-A200 {
  background-color: rgb(238,255,65) !important; }

.mdl-color-text--lime-A400 {
  color: rgb(198,255,0) !important; }

.mdl-color--lime-A400 {
  background-color: rgb(198,255,0) !important; }

.mdl-color-text--lime-A700 {
  color: rgb(174,234,0) !important; }

.mdl-color--lime-A700 {
  background-color: rgb(174,234,0) !important; }

.mdl-color-text--yellow {
  color: rgb(255,235,59) !important; }

.mdl-color--yellow {
  background-color: rgb(255,235,59) !important; }

.mdl-color-text--yellow-50 {
  color: rgb(255,253,231) !important; }

.mdl-color--yellow-50 {
  background-color: rgb(255,253,231) !important; }

.mdl-color-text--yellow-100 {
  color: rgb(255,249,196) !important; }

.mdl-color--yellow-100 {
  background-color: rgb(255,249,196) !important; }

.mdl-color-text--yellow-200 {
  color: rgb(255,245,157) !important; }

.mdl-color--yellow-200 {
  background-color: rgb(255,245,157) !important; }

.mdl-color-text--yellow-300 {
  color: rgb(255,241,118) !important; }

.mdl-color--yellow-300 {
  background-color: rgb(255,241,118) !important; }

.mdl-color-text--yellow-400 {
  color: rgb(255,238,88) !important; }

.mdl-color--yellow-400 {
  background-color: rgb(255,238,88) !important; }

.mdl-color-text--yellow-500 {
  color: rgb(255,235,59) !important; }

.mdl-color--yellow-500 {
  background-color: rgb(255,235,59) !important; }

.mdl-color-text--yellow-600 {
  color: rgb(253,216,53) !important; }

.mdl-color--yellow-600 {
  background-color: rgb(253,216,53) !important; }

.mdl-color-text--yellow-700 {
  color: rgb(251,192,45) !important; }

.mdl-color--yellow-700 {
  background-color: rgb(251,192,45) !important; }

.mdl-color-text--yellow-800 {
  color: rgb(249,168,37) !important; }

.mdl-color--yellow-800 {
  background-color: rgb(249,168,37) !important; }

.mdl-color-text--yellow-900 {
  color: rgb(245,127,23) !important; }

.mdl-color--yellow-900 {
  background-color: rgb(245,127,23) !important; }

.mdl-color-text--yellow-A100 {
  color: rgb(255,255,141) !important; }

.mdl-color--yellow-A100 {
  background-color: rgb(255,255,141) !important; }

.mdl-color-text--yellow-A200 {
  color: rgb(255,255,0) !important; }

.mdl-color--yellow-A200 {
  background-color: rgb(255,255,0) !important; }

.mdl-color-text--yellow-A400 {
  color: rgb(255,234,0) !important; }

.mdl-color--yellow-A400 {
  background-color: rgb(255,234,0) !important; }

.mdl-color-text--yellow-A700 {
  color: rgb(255,214,0) !important; }

.mdl-color--yellow-A700 {
  background-color: rgb(255,214,0) !important; }

.mdl-color-text--amber {
  color: rgb(255,193,7) !important; }

.mdl-color--amber {
  background-color: rgb(255,193,7) !important; }

.mdl-color-text--amber-50 {
  color: rgb(255,248,225) !important; }

.mdl-color--amber-50 {
  background-color: rgb(255,248,225) !important; }

.mdl-color-text--amber-100 {
  color: rgb(255,236,179) !important; }

.mdl-color--amber-100 {
  background-color: rgb(255,236,179) !important; }

.mdl-color-text--amber-200 {
  color: rgb(255,224,130) !important; }

.mdl-color--amber-200 {
  background-color: rgb(255,224,130) !important; }

.mdl-color-text--amber-300 {
  color: rgb(255,213,79) !important; }

.mdl-color--amber-300 {
  background-color: rgb(255,213,79) !important; }

.mdl-color-text--amber-400 {
  color: rgb(255,202,40) !important; }

.mdl-color--amber-400 {
  background-color: rgb(255,202,40) !important; }

.mdl-color-text--amber-500 {
  color: rgb(255,193,7) !important; }

.mdl-color--amber-500 {
  background-color: rgb(255,193,7) !important; }

.mdl-color-text--amber-600 {
  color: rgb(255,179,0) !important; }

.mdl-color--amber-600 {
  background-color: rgb(255,179,0) !important; }

.mdl-color-text--amber-700 {
  color: rgb(255,160,0) !important; }

.mdl-color--amber-700 {
  background-color: rgb(255,160,0) !important; }

.mdl-color-text--amber-800 {
  color: rgb(255,143,0) !important; }

.mdl-color--amber-800 {
  background-color: rgb(255,143,0) !important; }

.mdl-color-text--amber-900 {
  color: rgb(255,111,0) !important; }

.mdl-color--amber-900 {
  background-color: rgb(255,111,0) !important; }

.mdl-color-text--amber-A100 {
  color: rgb(255,229,127) !important; }

.mdl-color--amber-A100 {
  background-color: rgb(255,229,127) !important; }

.mdl-color-text--amber-A200 {
  color: rgb(255,215,64) !important; }

.mdl-color--amber-A200 {
  background-color: rgb(255,215,64) !important; }

.mdl-color-text--amber-A400 {
  color: rgb(255,196,0) !important; }

.mdl-color--amber-A400 {
  background-color: rgb(255,196,0) !important; }

.mdl-color-text--amber-A700 {
  color: rgb(255,171,0) !important; }

.mdl-color--amber-A700 {
  background-color: rgb(255,171,0) !important; }

.mdl-color-text--orange {
  color: rgb(255,152,0) !important; }

.mdl-color--orange {
  background-color: rgb(255,152,0) !important; }

.mdl-color-text--orange-50 {
  color: rgb(255,243,224) !important; }

.mdl-color--orange-50 {
  background-color: rgb(255,243,224) !important; }

.mdl-color-text--orange-100 {
  color: rgb(255,224,178) !important; }

.mdl-color--orange-100 {
  background-color: rgb(255,224,178) !important; }

.mdl-color-text--orange-200 {
  color: rgb(255,204,128) !important; }

.mdl-color--orange-200 {
  background-color: rgb(255,204,128) !important; }

.mdl-color-text--orange-300 {
  color: rgb(255,183,77) !important; }

.mdl-color--orange-300 {
  background-color: rgb(255,183,77) !important; }

.mdl-color-text--orange-400 {
  color: rgb(255,167,38) !important; }

.mdl-color--orange-400 {
  background-color: rgb(255,167,38) !important; }

.mdl-color-text--orange-500 {
  color: rgb(255,152,0) !important; }

.mdl-color--orange-500 {
  background-color: rgb(255,152,0) !important; }

.mdl-color-text--orange-600 {
  color: rgb(251,140,0) !important; }

.mdl-color--orange-600 {
  background-color: rgb(251,140,0) !important; }

.mdl-color-text--orange-700 {
  color: rgb(245,124,0) !important; }

.mdl-color--orange-700 {
  background-color: rgb(245,124,0) !important; }

.mdl-color-text--orange-800 {
  color: rgb(239,108,0) !important; }

.mdl-color--orange-800 {
  background-color: rgb(239,108,0) !important; }

.mdl-color-text--orange-900 {
  color: rgb(230,81,0) !important; }

.mdl-color--orange-900 {
  background-color: rgb(230,81,0) !important; }

.mdl-color-text--orange-A100 {
  color: rgb(255,209,128) !important; }

.mdl-color--orange-A100 {
  background-color: rgb(255,209,128) !important; }

.mdl-color-text--orange-A200 {
  color: rgb(255,171,64) !important; }

.mdl-color--orange-A200 {
  background-color: rgb(255,171,64) !important; }

.mdl-color-text--orange-A400 {
  color: rgb(255,145,0) !important; }

.mdl-color--orange-A400 {
  background-color: rgb(255,145,0) !important; }

.mdl-color-text--orange-A700 {
  color: rgb(255,109,0) !important; }

.mdl-color--orange-A700 {
  background-color: rgb(255,109,0) !important; }

.mdl-color-text--deep-orange {
  color: rgb(255,87,34) !important; }

.mdl-color--deep-orange {
  background-color: rgb(255,87,34) !important; }

.mdl-color-text--deep-orange-50 {
  color: rgb(251,233,231) !important; }

.mdl-color--deep-orange-50 {
  background-color: rgb(251,233,231) !important; }

.mdl-color-text--deep-orange-100 {
  color: rgb(255,204,188) !important; }

.mdl-color--deep-orange-100 {
  background-color: rgb(255,204,188) !important; }

.mdl-color-text--deep-orange-200 {
  color: rgb(255,171,145) !important; }

.mdl-color--deep-orange-200 {
  background-color: rgb(255,171,145) !important; }

.mdl-color-text--deep-orange-300 {
  color: rgb(255,138,101) !important; }

.mdl-color--deep-orange-300 {
  background-color: rgb(255,138,101) !important; }

.mdl-color-text--deep-orange-400 {
  color: rgb(255,112,67) !important; }

.mdl-color--deep-orange-400 {
  background-color: rgb(255,112,67) !important; }

.mdl-color-text--deep-orange-500 {
  color: rgb(255,87,34) !important; }

.mdl-color--deep-orange-500 {
  background-color: rgb(255,87,34) !important; }

.mdl-color-text--deep-orange-600 {
  color: rgb(244,81,30) !important; }

.mdl-color--deep-orange-600 {
  background-color: rgb(244,81,30) !important; }

.mdl-color-text--deep-orange-700 {
  color: rgb(230,74,25) !important; }

.mdl-color--deep-orange-700 {
  background-color: rgb(230,74,25) !important; }

.mdl-color-text--deep-orange-800 {
  color: rgb(216,67,21) !important; }

.mdl-color--deep-orange-800 {
  background-color: rgb(216,67,21) !important; }

.mdl-color-text--deep-orange-900 {
  color: rgb(191,54,12) !important; }

.mdl-color--deep-orange-900 {
  background-color: rgb(191,54,12) !important; }

.mdl-color-text--deep-orange-A100 {
  color: rgb(255,158,128) !important; }

.mdl-color--deep-orange-A100 {
  background-color: rgb(255,158,128) !important; }

.mdl-color-text--deep-orange-A200 {
  color: rgb(255,110,64) !important; }

.mdl-color--deep-orange-A200 {
  background-color: rgb(255,110,64) !important; }

.mdl-color-text--deep-orange-A400 {
  color: rgb(255,61,0) !important; }

.mdl-color--deep-orange-A400 {
  background-color: rgb(255,61,0) !important; }

.mdl-color-text--deep-orange-A700 {
  color: rgb(221,44,0) !important; }

.mdl-color--deep-orange-A700 {
  background-color: rgb(221,44,0) !important; }

.mdl-color-text--brown {
  color: rgb(121,85,72) !important; }

.mdl-color--brown {
  background-color: rgb(121,85,72) !important; }

.mdl-color-text--brown-50 {
  color: rgb(239,235,233) !important; }

.mdl-color--brown-50 {
  background-color: rgb(239,235,233) !important; }

.mdl-color-text--brown-100 {
  color: rgb(215,204,200) !important; }

.mdl-color--brown-100 {
  background-color: rgb(215,204,200) !important; }

.mdl-color-text--brown-200 {
  color: rgb(188,170,164) !important; }

.mdl-color--brown-200 {
  background-color: rgb(188,170,164) !important; }

.mdl-color-text--brown-300 {
  color: rgb(161,136,127) !important; }

.mdl-color--brown-300 {
  background-color: rgb(161,136,127) !important; }

.mdl-color-text--brown-400 {
  color: rgb(141,110,99) !important; }

.mdl-color--brown-400 {
  background-color: rgb(141,110,99) !important; }

.mdl-color-text--brown-500 {
  color: rgb(121,85,72) !important; }

.mdl-color--brown-500 {
  background-color: rgb(121,85,72) !important; }

.mdl-color-text--brown-600 {
  color: rgb(109,76,65) !important; }

.mdl-color--brown-600 {
  background-color: rgb(109,76,65) !important; }

.mdl-color-text--brown-700 {
  color: rgb(93,64,55) !important; }

.mdl-color--brown-700 {
  background-color: rgb(93,64,55) !important; }

.mdl-color-text--brown-800 {
  color: rgb(78,52,46) !important; }

.mdl-color--brown-800 {
  background-color: rgb(78,52,46) !important; }

.mdl-color-text--brown-900 {
  color: rgb(62,39,35) !important; }

.mdl-color--brown-900 {
  background-color: rgb(62,39,35) !important; }

.mdl-color-text--grey {
  color: rgb(158,158,158) !important; }

.mdl-color--grey {
  background-color: rgb(158,158,158) !important; }

.mdl-color-text--grey-50 {
  color: rgb(250,250,250) !important; }

.mdl-color--grey-50 {
  background-color: rgb(250,250,250) !important; }

.mdl-color-text--grey-100 {
  color: rgb(245,245,245) !important; }

.mdl-color--grey-100 {
  background-color: rgb(245,245,245) !important; }

.mdl-color-text--grey-200 {
  color: rgb(238,238,238) !important; }

.mdl-color--grey-200 {
  background-color: rgb(238,238,238) !important; }

.mdl-color-text--grey-300 {
  color: rgb(224,224,224) !important; }

.mdl-color--grey-300 {
  background-color: rgb(224,224,224) !important; }

.mdl-color-text--grey-400 {
  color: rgb(189,189,189) !important; }

.mdl-color--grey-400 {
  background-color: rgb(189,189,189) !important; }

.mdl-color-text--grey-500 {
  color: rgb(158,158,158) !important; }

.mdl-color--grey-500 {
  background-color: rgb(158,158,158) !important; }

.mdl-color-text--grey-600 {
  color: rgb(117,117,117) !important; }

.mdl-color--grey-600 {
  background-color: rgb(117,117,117) !important; }

.mdl-color-text--grey-700 {
  color: rgb(97,97,97) !important; }

.mdl-color--grey-700 {
  background-color: rgb(97,97,97) !important; }

.mdl-color-text--grey-800 {
  color: rgb(66,66,66) !important; }

.mdl-color--grey-800 {
  background-color: rgb(66,66,66) !important; }

.mdl-color-text--grey-900 {
  color: rgb(33,33,33) !important; }

.mdl-color--grey-900 {
  background-color: rgb(33,33,33) !important; }

.mdl-color-text--blue-grey {
  color: rgb(96,125,139) !important; }

.mdl-color--blue-grey {
  background-color: rgb(96,125,139) !important; }

.mdl-color-text--blue-grey-50 {
  color: rgb(236,239,241) !important; }

.mdl-color--blue-grey-50 {
  background-color: rgb(236,239,241) !important; }

.mdl-color-text--blue-grey-100 {
  color: rgb(207,216,220) !important; }

.mdl-color--blue-grey-100 {
  background-color: rgb(207,216,220) !important; }

.mdl-color-text--blue-grey-200 {
  color: rgb(176,190,197) !important; }

.mdl-color--blue-grey-200 {
  background-color: rgb(176,190,197) !important; }

.mdl-color-text--blue-grey-300 {
  color: rgb(144,164,174) !important; }

.mdl-color--blue-grey-300 {
  background-color: rgb(144,164,174) !important; }

.mdl-color-text--blue-grey-400 {
  color: rgb(120,144,156) !important; }

.mdl-color--blue-grey-400 {
  background-color: rgb(120,144,156) !important; }

.mdl-color-text--blue-grey-500 {
  color: rgb(96,125,139) !important; }

.mdl-color--blue-grey-500 {
  background-color: rgb(96,125,139) !important; }

.mdl-color-text--blue-grey-600 {
  color: rgb(84,110,122) !important; }

.mdl-color--blue-grey-600 {
  background-color: rgb(84,110,122) !important; }

.mdl-color-text--blue-grey-700 {
  color: rgb(69,90,100) !important; }

.mdl-color--blue-grey-700 {
  background-color: rgb(69,90,100) !important; }

.mdl-color-text--blue-grey-800 {
  color: rgb(55,71,79) !important; }

.mdl-color--blue-grey-800 {
  background-color: rgb(55,71,79) !important; }

.mdl-color-text--blue-grey-900 {
  color: rgb(38,50,56) !important; }

.mdl-color--blue-grey-900 {
  background-color: rgb(38,50,56) !important; }

.mdl-color--black {
  background-color: rgb(0,0,0) !important; }

.mdl-color-text--black {
  color: rgb(0,0,0) !important; }

.mdl-color--white {
  background-color: rgb(255,255,255) !important; }

.mdl-color-text--white {
  color: rgb(255,255,255) !important; }

.mdl-color--primary {
  background-color: rgb(36,61,86) !important; }

.mdl-color--primary-contrast {
  background-color: rgb(255,255,255) !important; }

.mdl-color--primary-dark {
  background-color: rgb(48,63,159) !important; }

.mdl-color--accent {
  background-color: rgb(255,152,0) !important; }

.mdl-color--accent-contrast {
  background-color: rgb(255,255,255) !important; }

.mdl-color-text--primary {
  color: rgb(36,61,86) !important; }

.mdl-color-text--primary-contrast {
  color: rgb(255,255,255) !important; }

.mdl-color-text--primary-dark {
  color: rgb(48,63,159) !important; }

.mdl-color-text--accent {
  color: rgb(255,152,0) !important; }

.mdl-color-text--accent-contrast {
  color: rgb(255,255,255) !important; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-ripple {
  background: rgb(0,0,0);
  border-radius: 50%;
  height: 50px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 50px;
  overflow: hidden; }
  .mdl-ripple.is-animating {
    -webkit-transition: width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
    transition: width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1); }
  .mdl-ripple.is-visible {
    opacity: 0.3; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-animation--default {
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.mdl-animation--fast-out-slow-in {
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.mdl-animation--linear-out-slow-in {
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

.mdl-animation--fast-out-linear-in {
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-badge {
  position: relative;
  white-space: nowrap;
  margin-right: 24px; }
  .mdl-badge:not([data-badge]) {
    margin-right: auto; }
  .mdl-badge[data-badge]:after {
    content: attr(data-badge);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: -11px;
    right: -24px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 600;
    font-size: 12px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgb(255,152,0);
    color: rgb(255,255,255); }
    .mdl-button .mdl-badge[data-badge]:after, .ca-button .mdl-badge[data-badge]:after, .ca-button--colour .mdl-badge[data-badge]:after, .ca-button--downgrade .mdl-badge[data-badge]:after, .ca-button--accent .mdl-badge[data-badge]:after, .ca-button--secondary .mdl-badge[data-badge]:after, .ca-button--tertiary .mdl-badge[data-badge]:after, .ca-button--outline .mdl-badge[data-badge]:after, .scenario-checkup__check button .mdl-badge[data-badge]:after, .ca-button--fab .mdl-badge[data-badge]:after, .ca-button--cta .mdl-badge[data-badge]:after, .ca-button--cta--accent .mdl-badge[data-badge]:after, .ca-button--cta--secondary .mdl-badge[data-badge]:after, .ca-button--cta--tertiary .mdl-badge[data-badge]:after, .ca-button--cta--cancel .mdl-badge[data-badge]:after, .ca-button--cta--outline-primary .mdl-badge[data-badge]:after, .ca-button--cta--outline .mdl-badge[data-badge]:after {
      top: -10px;
      right: -5px; }
  .mdl-badge.mdl-badge--no-background[data-badge]:after {
    color: rgb(255,152,0);
    background: rgba(255,255,255,0.2);
    -webkit-box-shadow: 0 0 1px gray;
    box-shadow: 0 0 1px gray; }
  .mdl-badge.mdl-badge--overlap {
    margin-right: 10px; }
    .mdl-badge.mdl-badge--overlap:after {
      right: -10px; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-button, .ca-button, .ca-button--colour, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button, .ca-button--downgrade, .ca-button--accent, .ca-button--secondary, .ca-button--tertiary, .ca-button--outline, .scenario-checkup__check button, .ca-button--fab, .ca-button--cta, .ca-button--cta--accent, .ca-button--cta--secondary, .ca-button--cta--tertiary, .ca-button--cta--cancel, .ca-button--cta--outline-primary, .ca-button--cta--outline {
  background: transparent;
  border: none;
  border-radius: 2px;
  color: rgb(0,0,0);
  position: relative;
  height: 36px;
  margin: 0;
  min-width: 64px;
  padding: 0 16px;
  display: inline-block;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0;
  overflow: hidden;
  will-change: box-shadow;
  -webkit-transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
  outline: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  line-height: 36px;
  vertical-align: middle; }
  .mdl-button::-moz-focus-inner, .ca-button::-moz-focus-inner, .ca-button--colour::-moz-focus-inner, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button::-moz-focus-inner, .ca-button--downgrade::-moz-focus-inner, .ca-button--accent::-moz-focus-inner, .ca-button--secondary::-moz-focus-inner, .ca-button--tertiary::-moz-focus-inner, .ca-button--outline::-moz-focus-inner, .scenario-checkup__check button::-moz-focus-inner, .ca-button--fab::-moz-focus-inner, .ca-button--cta::-moz-focus-inner, .ca-button--cta--accent::-moz-focus-inner, .ca-button--cta--secondary::-moz-focus-inner, .ca-button--cta--tertiary::-moz-focus-inner, .ca-button--cta--cancel::-moz-focus-inner, .ca-button--cta--outline-primary::-moz-focus-inner, .ca-button--cta--outline::-moz-focus-inner {
    border: 0; }
  .mdl-button:hover, .ca-button:hover, .ca-button--colour:hover, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button:hover, .ca-button--downgrade:hover, .ca-button--accent:hover, .ca-button--secondary:hover, .ca-button--tertiary:hover, .ca-button--outline:hover, .scenario-checkup__check button:hover, .ca-button--fab:hover, .ca-button--cta:hover, .ca-button--cta--accent:hover, .ca-button--cta--secondary:hover, .ca-button--cta--tertiary:hover, .ca-button--cta--cancel:hover, .ca-button--cta--outline-primary:hover, .ca-button--cta--outline:hover {
    background-color: rgba(158,158,158, 0.20); }
  .mdl-button:focus:not(:active), .ca-button:focus:not(:active), .ca-button--colour:focus:not(:active), .ca-button--downgrade:focus:not(:active), .ca-button--accent:focus:not(:active), .ca-button--secondary:focus:not(:active), .ca-button--tertiary:focus:not(:active), .ca-button--outline:focus:not(:active), .scenario-checkup__check button:focus:not(:active), .ca-button--fab:focus:not(:active), .ca-button--cta:focus:not(:active), .ca-button--cta--accent:focus:not(:active), .ca-button--cta--secondary:focus:not(:active), .ca-button--cta--tertiary:focus:not(:active), .ca-button--cta--cancel:focus:not(:active), .ca-button--cta--outline-primary:focus:not(:active), .ca-button--cta--outline:focus:not(:active) {
    background-color: rgba(0,0,0, 0.12); }
  .mdl-button:active, .ca-button:active, .ca-button--colour:active, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button:active, .ca-button--downgrade:active, .ca-button--accent:active, .ca-button--secondary:active, .ca-button--tertiary:active, .ca-button--outline:active, .scenario-checkup__check button:active, .ca-button--fab:active, .ca-button--cta:active, .ca-button--cta--accent:active, .ca-button--cta--secondary:active, .ca-button--cta--tertiary:active, .ca-button--cta--cancel:active, .ca-button--cta--outline-primary:active, .ca-button--cta--outline:active {
    background-color: rgba(158,158,158, 0.40); }
  .mdl-button.mdl-button--colored, .mdl-button--colored.ca-button, .ca-button--colour, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button, .ca-button--downgrade, .mdl-button--colored.ca-button--accent, .ca-button--accent.ca-button--text, .mdl-button--colored.ca-button--secondary, .ca-button--secondary.ca-button--text, .mdl-button--colored.ca-button--tertiary, .ca-button--tertiary.ca-button--text, .mdl-button--colored.ca-button--outline, .scenario-checkup__check button.ca-button--colour, .scenario-checkup__check button.ca-button--downgrade, .ca-button--outline.ca-button--text, .scenario-checkup__check button.ca-button--text, .scenario-checkup__check button.mdl-button--colored, .mdl-button--colored.ca-button--fab, .ca-button--fab.ca-button--text, .ca-button.ca-button--text, .ca-button--text.ca-button--cta, .ca-button--text.ca-button--cta--accent, .ca-button--text.ca-button--cta--secondary, .ca-button--text.ca-button--cta--tertiary, .ca-button--text.ca-button--cta--cancel, .ca-button--text.ca-button--cta--outline-primary, .ca-button--text.ca-button--cta--outline, .mdl-button--colored.ca-button--cta, .mdl-button--colored.ca-button--cta--accent, .mdl-button--colored.ca-button--cta--secondary, .mdl-button--colored.ca-button--cta--tertiary, .mdl-button--colored.ca-button--cta--cancel, .mdl-button--colored.ca-button--cta--outline-primary, .mdl-button--colored.ca-button--cta--outline, .mdl-button.ca-button--text {
    color: rgb(36,61,86); }
    .mdl-button.mdl-button--colored:focus:not(:active), .mdl-button--colored.ca-button:focus:not(:active), .ca-button--colour:focus:not(:active), .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button:focus:not(:active), .ca-button--downgrade:focus:not(:active), .mdl-button--colored.ca-button--accent:focus:not(:active), .ca-button--accent.ca-button--text:focus:not(:active), .mdl-button--colored.ca-button--secondary:focus:not(:active), .ca-button--secondary.ca-button--text:focus:not(:active), .mdl-button--colored.ca-button--tertiary:focus:not(:active), .ca-button--tertiary.ca-button--text:focus:not(:active), .mdl-button--colored.ca-button--outline:focus:not(:active), .ca-button--outline.ca-button--text:focus:not(:active), .scenario-checkup__check button.ca-button--text:focus:not(:active), .scenario-checkup__check button.mdl-button--colored:focus:not(:active), .mdl-button--colored.ca-button--fab:focus:not(:active), .ca-button--fab.ca-button--text:focus:not(:active), .ca-button.ca-button--text:focus:not(:active), .ca-button--text.ca-button--cta:focus:not(:active), .ca-button--text.ca-button--cta--accent:focus:not(:active), .ca-button--text.ca-button--cta--secondary:focus:not(:active), .ca-button--text.ca-button--cta--tertiary:focus:not(:active), .ca-button--text.ca-button--cta--cancel:focus:not(:active), .ca-button--text.ca-button--cta--outline-primary:focus:not(:active), .ca-button--text.ca-button--cta--outline:focus:not(:active), .mdl-button--colored.ca-button--cta:focus:not(:active), .mdl-button--colored.ca-button--cta--accent:focus:not(:active), .mdl-button--colored.ca-button--cta--secondary:focus:not(:active), .mdl-button--colored.ca-button--cta--tertiary:focus:not(:active), .mdl-button--colored.ca-button--cta--cancel:focus:not(:active), .mdl-button--colored.ca-button--cta--outline-primary:focus:not(:active), .mdl-button--colored.ca-button--cta--outline:focus:not(:active), .mdl-button.ca-button--text:focus:not(:active) {
      background-color: rgba(0,0,0, 0.12); }

input.mdl-button[type="submit"], input.ca-button[type="submit"], input.ca-button--colour[type="submit"], input.ca-button--downgrade[type="submit"], input.ca-button--accent[type="submit"], input.ca-button--secondary[type="submit"], input.ca-button--tertiary[type="submit"], input.ca-button--outline[type="submit"], input.ca-button--fab[type="submit"], input.ca-button--cta[type="submit"], input.ca-button--cta--accent[type="submit"], input.ca-button--cta--secondary[type="submit"], input.ca-button--cta--tertiary[type="submit"], input.ca-button--cta--cancel[type="submit"], input.ca-button--cta--outline-primary[type="submit"], input.ca-button--cta--outline[type="submit"] {
  -webkit-appearance: none; }

.mdl-button--raised, .ca-button--colour, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button, .ca-button--downgrade, .ca-button--accent, .ca-button--secondary, .ca-button--tertiary, .ca-button--outline, .scenario-checkup__check button {
  background: rgba(158,158,158, 0.20);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
  .mdl-button--raised:active, .ca-button--colour:active, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button:active, .ca-button--downgrade:active, .ca-button--accent:active, .ca-button--secondary:active, .ca-button--tertiary:active, .ca-button--outline:active, .scenario-checkup__check button:active {
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    background-color: rgba(158,158,158, 0.40); }
  .mdl-button--raised:focus:not(:active), .ca-button--colour:focus:not(:active), .ca-button--downgrade:focus:not(:active), .ca-button--accent:focus:not(:active), .ca-button--secondary:focus:not(:active), .ca-button--tertiary:focus:not(:active), .ca-button--outline:focus:not(:active), .scenario-checkup__check button:focus:not(:active) {
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
    background-color: rgba(158,158,158, 0.40); }
  .mdl-button--raised.mdl-button--colored, .ca-button--colour, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button, .ca-button--downgrade, .mdl-button--colored.ca-button--accent, .ca-button--accent.ca-button--text, .mdl-button--colored.ca-button--secondary, .ca-button--secondary.ca-button--text, .mdl-button--colored.ca-button--tertiary, .ca-button--tertiary.ca-button--text, .mdl-button--colored.ca-button--outline, .scenario-checkup__check button.ca-button--colour, .scenario-checkup__check button.ca-button--downgrade, .ca-button--outline.ca-button--text, .scenario-checkup__check button.ca-button--text, .scenario-checkup__check button.mdl-button--colored, .mdl-button--raised.ca-button--text {
    background: rgb(36,61,86);
    color: rgb(255,255,255); }
    .mdl-button--raised.mdl-button--colored:hover, .ca-button--colour:hover, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button:hover, .ca-button--downgrade:hover, .mdl-button--colored.ca-button--accent:hover, .ca-button--accent.ca-button--text:hover, .mdl-button--colored.ca-button--secondary:hover, .ca-button--secondary.ca-button--text:hover, .mdl-button--colored.ca-button--tertiary:hover, .ca-button--tertiary.ca-button--text:hover, .mdl-button--colored.ca-button--outline:hover, .ca-button--outline.ca-button--text:hover, .scenario-checkup__check button.ca-button--text:hover, .scenario-checkup__check button.mdl-button--colored:hover, .mdl-button--raised.ca-button--text:hover {
      background-color: rgb(36,61,86); }
    .mdl-button--raised.mdl-button--colored:active, .ca-button--colour:active, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button:active, .ca-button--downgrade:active, .mdl-button--colored.ca-button--accent:active, .ca-button--accent.ca-button--text:active, .mdl-button--colored.ca-button--secondary:active, .ca-button--secondary.ca-button--text:active, .mdl-button--colored.ca-button--tertiary:active, .ca-button--tertiary.ca-button--text:active, .mdl-button--colored.ca-button--outline:active, .ca-button--outline.ca-button--text:active, .scenario-checkup__check button.ca-button--text:active, .scenario-checkup__check button.mdl-button--colored:active, .mdl-button--raised.ca-button--text:active {
      background-color: rgb(36,61,86); }
    .mdl-button--raised.mdl-button--colored:focus:not(:active), .ca-button--colour:focus:not(:active), .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button:focus:not(:active), .ca-button--downgrade:focus:not(:active), .mdl-button--colored.ca-button--accent:focus:not(:active), .ca-button--accent.ca-button--text:focus:not(:active), .mdl-button--colored.ca-button--secondary:focus:not(:active), .ca-button--secondary.ca-button--text:focus:not(:active), .mdl-button--colored.ca-button--tertiary:focus:not(:active), .ca-button--tertiary.ca-button--text:focus:not(:active), .mdl-button--colored.ca-button--outline:focus:not(:active), .ca-button--outline.ca-button--text:focus:not(:active), .scenario-checkup__check button.ca-button--text:focus:not(:active), .scenario-checkup__check button.mdl-button--colored:focus:not(:active), .mdl-button--raised.ca-button--text:focus:not(:active) {
      background-color: rgb(36,61,86); }
    .mdl-button--raised.mdl-button--colored .mdl-ripple, .ca-button--colour .mdl-ripple, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button .mdl-ripple, .ca-button--downgrade .mdl-ripple, .mdl-button--colored.ca-button--accent .mdl-ripple, .ca-button--accent.ca-button--colour .mdl-ripple, .ca-button--accent.ca-button--downgrade .mdl-ripple, .ca-button--accent.ca-button--text .mdl-ripple, .mdl-button--colored.ca-button--secondary .mdl-ripple, .ca-button--secondary.ca-button--colour .mdl-ripple, .ca-button--secondary.ca-button--downgrade .mdl-ripple, .ca-button--secondary.ca-button--text .mdl-ripple, .mdl-button--colored.ca-button--tertiary .mdl-ripple, .ca-button--tertiary.ca-button--colour .mdl-ripple, .ca-button--tertiary.ca-button--downgrade .mdl-ripple, .ca-button--tertiary.ca-button--text .mdl-ripple, .mdl-button--colored.ca-button--outline .mdl-ripple, .ca-button--outline.ca-button--colour .mdl-ripple, .scenario-checkup__check button.ca-button--colour .mdl-ripple, .ca-button--outline.ca-button--downgrade .mdl-ripple, .scenario-checkup__check button.ca-button--downgrade .mdl-ripple, .ca-button--outline.ca-button--text .mdl-ripple, .scenario-checkup__check button.ca-button--text .mdl-ripple, .scenario-checkup__check button.mdl-button--colored .mdl-ripple, .mdl-button--raised.ca-button--text .mdl-ripple, .ca-button--text.ca-button--colour .mdl-ripple, .ca-button--text.ca-button--downgrade .mdl-ripple {
      background: rgb(255,255,255); }

.mdl-button--fab, .ca-button--fab {
  border-radius: 50%;
  font-size: 24px;
  height: 56px;
  margin: auto;
  min-width: 56px;
  width: 56px;
  padding: 0;
  overflow: hidden;
  background: rgba(158,158,158, 0.20);
  -webkit-box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
  position: relative;
  line-height: normal; }
  .mdl-button--fab .material-icons, .ca-button--fab .material-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-12px, -12px);
    transform: translate(-12px, -12px);
    line-height: 24px;
    width: 24px; }
  .mdl-button--fab.mdl-button--mini-fab, .mdl-button--mini-fab.ca-button--fab {
    height: 40px;
    min-width: 40px;
    width: 40px; }
  .mdl-button--fab .mdl-button__ripple-container, .ca-button--fab .mdl-button__ripple-container {
    border-radius: 50%;
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
  .mdl-button--fab:active, .ca-button--fab:active {
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    background-color: rgba(158,158,158, 0.40); }
  .mdl-button--fab:focus:not(:active), .ca-button--fab:focus:not(:active) {
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
    background-color: rgba(158,158,158, 0.40); }
  .mdl-button--fab.mdl-button--colored, .mdl-button--fab.ca-button--colour, .ca-button--colour.ca-button--fab, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button.ca-button--fab, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button.mdl-button--fab, .mdl-button--fab.ca-button--downgrade, .ca-button--downgrade.ca-button--fab, .mdl-button--colored.ca-button--fab, .ca-button--fab.ca-button--text, .mdl-button--fab.ca-button--text {
    background: rgb(255,152,0);
    color: rgb(255,255,255); }
    .mdl-button--fab.mdl-button--colored:hover, .mdl-button--fab.ca-button--colour:hover, .ca-button--colour.ca-button--fab:hover, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button.ca-button--fab:hover, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button.mdl-button--fab:hover, .mdl-button--fab.ca-button--downgrade:hover, .ca-button--downgrade.ca-button--fab:hover, .mdl-button--colored.ca-button--fab:hover, .ca-button--fab.ca-button--text:hover, .mdl-button--fab.ca-button--text:hover {
      background-color: rgb(255,152,0); }
    .mdl-button--fab.mdl-button--colored:focus:not(:active), .mdl-button--fab.ca-button--colour:focus:not(:active), .ca-button--colour.ca-button--fab:focus:not(:active), .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button.ca-button--fab:focus:not(:active), .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button.mdl-button--fab:focus:not(:active), .mdl-button--fab.ca-button--downgrade:focus:not(:active), .ca-button--downgrade.ca-button--fab:focus:not(:active), .mdl-button--colored.ca-button--fab:focus:not(:active), .ca-button--fab.ca-button--text:focus:not(:active), .mdl-button--fab.ca-button--text:focus:not(:active) {
      background-color: rgb(255,152,0); }
    .mdl-button--fab.mdl-button--colored:active, .mdl-button--fab.ca-button--colour:active, .ca-button--colour.ca-button--fab:active, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button.ca-button--fab:active, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button.mdl-button--fab:active, .mdl-button--fab.ca-button--downgrade:active, .ca-button--downgrade.ca-button--fab:active, .mdl-button--colored.ca-button--fab:active, .ca-button--fab.ca-button--text:active, .mdl-button--fab.ca-button--text:active {
      background-color: rgb(255,152,0); }
    .mdl-button--fab.mdl-button--colored .mdl-ripple, .mdl-button--fab.ca-button--colour .mdl-ripple, .ca-button--colour.ca-button--fab .mdl-ripple, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button.ca-button--fab .mdl-ripple, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button.mdl-button--fab .mdl-ripple, .mdl-button--fab.ca-button--downgrade .mdl-ripple, .ca-button--downgrade.ca-button--fab .mdl-ripple, .mdl-button--colored.ca-button--fab .mdl-ripple, .ca-button--fab.ca-button--text .mdl-ripple, .mdl-button--fab.ca-button--text .mdl-ripple {
      background: rgb(255,255,255); }

.mdl-button--icon {
  border-radius: 50%;
  font-size: 24px;
  height: 32px;
  margin-left: 0;
  margin-right: 0;
  min-width: 32px;
  width: 32px;
  padding: 0;
  overflow: hidden;
  color: inherit;
  line-height: normal; }
  .mdl-button--icon .material-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-12px, -12px);
    transform: translate(-12px, -12px);
    line-height: 24px;
    width: 24px; }
  .mdl-button--icon.mdl-button--mini-icon {
    height: 24px;
    min-width: 24px;
    width: 24px; }
    .mdl-button--icon.mdl-button--mini-icon .material-icons {
      top: 0px;
      left: 0px; }
  .mdl-button--icon .mdl-button__ripple-container {
    border-radius: 50%;
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }

.mdl-button__ripple-container {
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 0;
  overflow: hidden; }
  .mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple, .ca-button[disabled] .mdl-button__ripple-container .mdl-ripple, .ca-button--colour[disabled] .mdl-button__ripple-container .mdl-ripple, .ca-button--downgrade[disabled] .mdl-button__ripple-container .mdl-ripple, .ca-button--accent[disabled] .mdl-button__ripple-container .mdl-ripple, .ca-button--secondary[disabled] .mdl-button__ripple-container .mdl-ripple, .ca-button--tertiary[disabled] .mdl-button__ripple-container .mdl-ripple, .ca-button--outline[disabled] .mdl-button__ripple-container .mdl-ripple, .scenario-checkup__check button[disabled] .mdl-button__ripple-container .mdl-ripple, .ca-button--fab[disabled] .mdl-button__ripple-container .mdl-ripple, .ca-button--cta[disabled] .mdl-button__ripple-container .mdl-ripple, .ca-button--cta--accent[disabled] .mdl-button__ripple-container .mdl-ripple, .ca-button--cta--secondary[disabled] .mdl-button__ripple-container .mdl-ripple, .ca-button--cta--tertiary[disabled] .mdl-button__ripple-container .mdl-ripple, .ca-button--cta--cancel[disabled] .mdl-button__ripple-container .mdl-ripple, .ca-button--cta--outline-primary[disabled] .mdl-button__ripple-container .mdl-ripple, .ca-button--cta--outline[disabled] .mdl-button__ripple-container .mdl-ripple,
  .mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple,
  .mdl-button--disabled.ca-button .mdl-button__ripple-container .mdl-ripple,
  .mdl-button--disabled.ca-button--colour .mdl-button__ripple-container .mdl-ripple,
  .mdl-button--disabled.ca-button--downgrade .mdl-button__ripple-container .mdl-ripple,
  .mdl-button--disabled.ca-button--accent .mdl-button__ripple-container .mdl-ripple,
  .mdl-button--disabled.ca-button--secondary .mdl-button__ripple-container .mdl-ripple,
  .mdl-button--disabled.ca-button--tertiary .mdl-button__ripple-container .mdl-ripple,
  .mdl-button--disabled.ca-button--outline .mdl-button__ripple-container .mdl-ripple,
  .scenario-checkup__check button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple,
  .mdl-button--disabled.ca-button--fab .mdl-button__ripple-container .mdl-ripple,
  .mdl-button--disabled.ca-button--cta .mdl-button__ripple-container .mdl-ripple,
  .mdl-button--disabled.ca-button--cta--accent .mdl-button__ripple-container .mdl-ripple,
  .mdl-button--disabled.ca-button--cta--secondary .mdl-button__ripple-container .mdl-ripple,
  .mdl-button--disabled.ca-button--cta--tertiary .mdl-button__ripple-container .mdl-ripple,
  .mdl-button--disabled.ca-button--cta--cancel .mdl-button__ripple-container .mdl-ripple,
  .mdl-button--disabled.ca-button--cta--outline-primary .mdl-button__ripple-container .mdl-ripple,
  .mdl-button--disabled.ca-button--cta--outline .mdl-button__ripple-container .mdl-ripple {
    background-color: transparent; }

.mdl-button--primary.mdl-button--primary {
  color: rgb(36,61,86); }
  .mdl-button--primary.mdl-button--primary .mdl-ripple {
    background: rgb(255,255,255); }
  .mdl-button--primary.mdl-button--primary.mdl-button--raised, .mdl-button--primary.mdl-button--primary.ca-button--colour, .mdl-button--primary.mdl-button--primary.ca-button--downgrade, .mdl-button--primary.mdl-button--primary.ca-button--accent, .mdl-button--primary.mdl-button--primary.ca-button--secondary, .mdl-button--primary.mdl-button--primary.ca-button--tertiary, .mdl-button--primary.mdl-button--primary.ca-button--outline, .scenario-checkup__check button.mdl-button--primary.mdl-button--primary, .mdl-button--primary.mdl-button--primary.mdl-button--fab, .mdl-button--primary.mdl-button--primary.ca-button--fab {
    color: rgb(255,255,255);
    background-color: rgb(36,61,86); }

.mdl-button--accent.mdl-button--accent, .ca-button--accent, .ca-button--secondary, .ca-button--tertiary {
  color: rgb(255,152,0); }
  .mdl-button--accent.mdl-button--accent .mdl-ripple, .ca-button--accent .mdl-ripple, .ca-button--secondary .mdl-ripple, .ca-button--tertiary .mdl-ripple {
    background: rgb(255,255,255); }
  .mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.ca-button--colour, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button.ca-button--accent, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button.ca-button--secondary, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button.ca-button--tertiary, .mdl-button--accent.mdl-button--accent.ca-button--downgrade, .ca-button--accent, .ca-button--secondary, .ca-button--tertiary, .mdl-button--accent.mdl-button--accent.ca-button--outline, .scenario-checkup__check button.ca-button--accent, .scenario-checkup__check button.ca-button--secondary, .scenario-checkup__check button.ca-button--tertiary, .scenario-checkup__check button.mdl-button--accent.mdl-button--accent, .mdl-button--accent.mdl-button--accent.mdl-button--fab, .mdl-button--fab.ca-button--accent, .ca-button--accent.ca-button--fab, .mdl-button--fab.ca-button--secondary, .ca-button--secondary.ca-button--fab, .mdl-button--fab.ca-button--tertiary, .ca-button--tertiary.ca-button--fab, .mdl-button--accent.mdl-button--accent.ca-button--fab {
    color: rgb(255,255,255);
    background-color: rgb(255,152,0); }

.mdl-button[disabled][disabled], .ca-button[disabled][disabled], .ca-button--colour[disabled][disabled], .ca-button--downgrade[disabled][disabled], .ca-button--accent[disabled][disabled], .ca-button--secondary[disabled][disabled], .ca-button--tertiary[disabled][disabled], .ca-button--outline[disabled][disabled], .scenario-checkup__check button[disabled][disabled], .ca-button--fab[disabled][disabled], .ca-button--cta[disabled][disabled], .ca-button--cta--accent[disabled][disabled], .ca-button--cta--secondary[disabled][disabled], .ca-button--cta--tertiary[disabled][disabled], .ca-button--cta--cancel[disabled][disabled], .ca-button--cta--outline-primary[disabled][disabled], .ca-button--cta--outline[disabled][disabled], .mdl-button.mdl-button--disabled.mdl-button--disabled, .mdl-button--disabled.mdl-button--disabled.ca-button, .mdl-button--disabled.mdl-button--disabled.ca-button--colour, .mdl-button--disabled.mdl-button--disabled.ca-button--downgrade, .mdl-button--disabled.mdl-button--disabled.ca-button--accent, .mdl-button--disabled.mdl-button--disabled.ca-button--secondary, .mdl-button--disabled.mdl-button--disabled.ca-button--tertiary, .mdl-button--disabled.mdl-button--disabled.ca-button--outline, .scenario-checkup__check button.mdl-button--disabled.mdl-button--disabled, .mdl-button--disabled.mdl-button--disabled.ca-button--fab, .mdl-button--disabled.mdl-button--disabled.ca-button--cta, .mdl-button--disabled.mdl-button--disabled.ca-button--cta--accent, .mdl-button--disabled.mdl-button--disabled.ca-button--cta--secondary, .mdl-button--disabled.mdl-button--disabled.ca-button--cta--tertiary, .mdl-button--disabled.mdl-button--disabled.ca-button--cta--cancel, .mdl-button--disabled.mdl-button--disabled.ca-button--cta--outline-primary, .mdl-button--disabled.mdl-button--disabled.ca-button--cta--outline {
  color: rgba(0,0,0, 0.26);
  cursor: default;
  background-color: transparent; }

.mdl-button--fab[disabled][disabled], .ca-button--fab[disabled][disabled], .mdl-button--fab.mdl-button--disabled.mdl-button--disabled, .mdl-button--disabled.mdl-button--disabled.ca-button--fab {
  background-color: rgba(0,0,0, 0.12);
  color: rgba(0,0,0, 0.26); }

.mdl-button--raised[disabled][disabled], .ca-button--colour[disabled][disabled], .ca-button--downgrade[disabled][disabled], .ca-button--accent[disabled][disabled], .ca-button--secondary[disabled][disabled], .ca-button--tertiary[disabled][disabled], .ca-button--outline[disabled][disabled], .scenario-checkup__check button[disabled][disabled], .mdl-button--raised.mdl-button--disabled.mdl-button--disabled, .mdl-button--disabled.mdl-button--disabled.ca-button--colour, .mdl-button--disabled.mdl-button--disabled.ca-button--downgrade, .mdl-button--disabled.mdl-button--disabled.ca-button--accent, .mdl-button--disabled.mdl-button--disabled.ca-button--secondary, .mdl-button--disabled.mdl-button--disabled.ca-button--tertiary, .mdl-button--disabled.mdl-button--disabled.ca-button--outline, .scenario-checkup__check button.mdl-button--disabled.mdl-button--disabled {
  background-color: rgba(0,0,0, 0.12);
  color: rgba(0,0,0, 0.26);
  -webkit-box-shadow: none;
  box-shadow: none; }

.mdl-button--colored[disabled][disabled], .ca-button--colour[disabled][disabled], .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button[disabled][disabled], .ca-button--downgrade[disabled][disabled], .ca-button--text[disabled][disabled], .mdl-button--colored.mdl-button--disabled.mdl-button--disabled, .mdl-button--disabled.mdl-button--disabled.ca-button--colour, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button.mdl-button--disabled.mdl-button--disabled, .mdl-button--disabled.mdl-button--disabled.ca-button--downgrade, .mdl-button--disabled.mdl-button--disabled.ca-button--text {
  color: rgba(0,0,0, 0.26); }

.mdl-button .material-icons, .ca-button .material-icons, .ca-button--colour .material-icons, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button .material-icons, .ca-button--downgrade .material-icons, .ca-button--accent .material-icons, .ca-button--secondary .material-icons, .ca-button--tertiary .material-icons, .ca-button--outline .material-icons, .scenario-checkup__check button .material-icons, .ca-button--fab .material-icons, .ca-button--cta .material-icons, .ca-button--cta--accent .material-icons, .ca-button--cta--secondary .material-icons, .ca-button--cta--tertiary .material-icons, .ca-button--cta--cancel .material-icons, .ca-button--cta--outline-primary .material-icons, .ca-button--cta--outline .material-icons {
  vertical-align: middle; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 16px;
  font-weight: 400;
  min-height: 200px;
  overflow: hidden;
  width: 330px;
  z-index: 1;
  position: relative;
  background: rgb(255,255,255);
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.mdl-card__media {
  background-color: rgb(255,152,0);
  background-repeat: repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-origin: padding-box;
  background-attachment: scroll;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.mdl-card__title {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: rgb(0,0,0);
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
  -webkit-justify-content: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  line-height: normal;
  padding: 16px 16px;
  -webkit-perspective-origin: 165px 56px;
  perspective-origin: 165px 56px;
  -webkit-transform-origin: 165px 56px;
  transform-origin: 165px 56px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .mdl-card__title.mdl-card--border {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.mdl-card__title-text {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  color: inherit;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 24px;
  font-weight: 300;
  line-height: normal;
  overflow: hidden;
  -webkit-transform-origin: 149px 48px;
  transform-origin: 149px 48px;
  margin: 0; }

.mdl-card__subtitle-text {
  font-size: 14px;
  color: rgba(0,0,0, 0.54);
  margin: 0; }

.mdl-card__supporting-text {
  color: rgba(0,0,0, 0.54);
  font-size: 1rem;
  line-height: 18px;
  overflow: hidden;
  padding: 16px 16px;
  width: 90%; }

.mdl-card__actions {
  font-size: 16px;
  line-height: normal;
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  padding: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .mdl-card__actions.mdl-card--border {
    border-top: 1px solid rgba(0, 0, 0, 0.1); }

.mdl-card--expand {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.mdl-card__menu {
  position: absolute;
  right: 16px;
  top: 16px; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-checkbox {
  position: relative;
  z-index: 1;
  vertical-align: middle;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 24px;
  margin: 0;
  padding: 0; }
  .mdl-checkbox.is-upgraded {
    padding-left: 24px; }

.mdl-checkbox__input {
  line-height: 24px; }
  .mdl-checkbox.is-upgraded .mdl-checkbox__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none; }

.mdl-checkbox__box-outline {
  position: absolute;
  top: 3px;
  left: 0;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  margin: 0;
  cursor: pointer;
  overflow: hidden;
  border: 2px solid rgba(0,0,0, 0.54);
  border-radius: 2px;
  z-index: 2; }
  .mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border: 2px solid rgb(36,61,86); }
  fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline,
  .mdl-checkbox.is-disabled .mdl-checkbox__box-outline {
    border: 2px solid rgba(0,0,0, 0.26);
    cursor: auto; }

.mdl-checkbox__focus-helper {
  position: absolute;
  top: 3px;
  left: 0;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: transparent; }
  .mdl-checkbox.is-focused .mdl-checkbox__focus-helper {
    -webkit-box-shadow: 0 0 0px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0px 8px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1); }
  .mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {
    -webkit-box-shadow: 0 0 0px 8px rgba(36,61,86, 0.26);
    box-shadow: 0 0 0px 8px rgba(36,61,86, 0.26);
    background-color: rgba(36,61,86, 0.26); }

.mdl-checkbox__tick-outline {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-mask: url("/assets/images/tick-mask.svg?v=master_e9d9350e915e1f686d2c5546abb74cc59e8589f8&embed");
  mask: url("/assets/images/tick-mask.svg?v=master_e9d9350e915e1f686d2c5546abb74cc59e8589f8&embed");
  background: transparent;
  -webkit-transition-duration: 0.28s;
  transition-duration: 0.28s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-property: background;
  transition-property: background; }
  .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background: rgb(36,61,86) url("/assets/images/tick.svg?v=master_e9d9350e915e1f686d2c5546abb74cc59e8589f8&embed"); }
  fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,
  .mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {
    background: rgba(0,0,0, 0.26) url("/assets/images/tick.svg?v=master_e9d9350e915e1f686d2c5546abb74cc59e8589f8&embed"); }

.mdl-checkbox__label {
  position: relative;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  margin: 0; }
  fieldset[disabled] .mdl-checkbox .mdl-checkbox__label,
  .mdl-checkbox.is-disabled .mdl-checkbox__label {
    color: rgba(0,0,0, 0.26);
    cursor: auto; }

.mdl-checkbox__ripple-container {
  position: absolute;
  z-index: 2;
  top: -6px;
  left: -10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
  .mdl-checkbox__ripple-container .mdl-ripple {
    background: rgb(36,61,86); }
  fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container,
  .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container {
    cursor: auto; }
  fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple,
  .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple {
    background: transparent; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-data-table {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-collapse: collapse;
  white-space: nowrap;
  font-size: 13px;
  background-color: rgb(255,255,255); }
  .mdl-data-table thead {
    padding-bottom: 3px; }
    .mdl-data-table thead .mdl-data-table__select {
      margin-top: 0; }
  .mdl-data-table tbody tr {
    position: relative;
    height: 48px;
    -webkit-transition-duration: 0.28s;
    transition-duration: 0.28s;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-property: background-color;
    transition-property: background-color; }
    .mdl-data-table tbody tr.is-selected {
      background-color: #e0e0e0; }
    .mdl-data-table tbody tr:hover {
      background-color: #eeeeee; }
  .mdl-data-table td, .mdl-data-table th {
    padding: 0 18px 12px 18px;
    text-align: right; }
    .mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type {
      padding-left: 24px; }
    .mdl-data-table td:last-of-type, .mdl-data-table th:last-of-type {
      padding-right: 24px; }
  .mdl-data-table td {
    position: relative;
    vertical-align: middle;
    height: 48px;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    padding-top: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .mdl-data-table td .mdl-data-table__select {
      vertical-align: middle; }
  .mdl-data-table th {
    position: relative;
    vertical-align: bottom;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0;
    height: 48px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.54);
    padding-bottom: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .mdl-data-table th.mdl-data-table__header--sorted-ascending, .mdl-data-table th.mdl-data-table__header--sorted-descending {
      color: rgba(0, 0, 0, 0.87); }
      .mdl-data-table th.mdl-data-table__header--sorted-ascending:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:before {
        font-family: 'Material Icons';
        font-weight: normal;
        font-style: normal;
        font-size: 24px;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        word-wrap: normal;
        font-feature-settings: 'liga';
        -webkit-font-feature-settings: 'liga';
        -webkit-font-smoothing: antialiased;
        font-size: 16px;
        content: "\e5d8";
        margin-right: 5px;
        vertical-align: sub; }
      .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover {
        cursor: pointer; }
        .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before {
          color: rgba(0, 0, 0, 0.26); }
    .mdl-data-table th.mdl-data-table__header--sorted-descending:before {
      content: "\e5db"; }

.mdl-data-table__select {
  width: 16px; }

.mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric {
  text-align: left; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-mini-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 32px 16px;
  color: rgb(158,158,158);
  background-color: rgb(66,66,66); }
  .mdl-mini-footer:after {
    content: '';
    display: block; }
  .mdl-mini-footer .mdl-logo {
    line-height: 36px; }

.mdl-mini-footer--link-list,
.mdl-mini-footer__link-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  list-style: none;
  margin: 0;
  padding: 0; }
  .mdl-mini-footer--link-list li,
  .mdl-mini-footer__link-list li {
    margin-bottom: 0;
    margin-right: 16px; }
    @media screen and (min-width: 760px) {
      .mdl-mini-footer--link-list li,
      .mdl-mini-footer__link-list li {
        line-height: 36px; } }
  .mdl-mini-footer--link-list a,
  .mdl-mini-footer__link-list a {
    color: inherit;
    text-decoration: none;
    white-space: nowrap; }

.mdl-mini-footer--left-section,
.mdl-mini-footer__left-section {
  display: inline-block;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0; }

.mdl-mini-footer--right-section,
.mdl-mini-footer__right-section {
  display: inline-block;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1; }

.mdl-mini-footer--social-btn,
.mdl-mini-footer__social-btn {
  width: 36px;
  height: 36px;
  padding: 0;
  margin: 0;
  background-color: rgb(158,158,158);
  border: none; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-icon-toggle {
  position: relative;
  z-index: 1;
  vertical-align: middle;
  display: inline-block;
  height: 32px;
  margin: 0;
  padding: 0; }

.mdl-icon-toggle__input {
  line-height: 32px; }
  .mdl-icon-toggle.is-upgraded .mdl-icon-toggle__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none; }

.mdl-icon-toggle__label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  height: 32px;
  width: 32px;
  min-width: 32px;
  color: rgb(97,97,97);
  border-radius: 50%;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  background-color: transparent;
  will-change: background-color;
  -webkit-transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
  .mdl-icon-toggle__label.material-icons {
    line-height: 32px;
    font-size: 24px; }
  .mdl-icon-toggle.is-checked .mdl-icon-toggle__label {
    color: rgb(36,61,86); }
  .mdl-icon-toggle.is-disabled .mdl-icon-toggle__label {
    color: rgba(0,0,0, 0.26);
    cursor: auto;
    -webkit-transition: none;
    transition: none; }
  .mdl-icon-toggle.is-focused .mdl-icon-toggle__label {
    background-color: rgba(0,0,0, 0.12); }
  .mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label {
    background-color: rgba(36,61,86, 0.26); }

.mdl-icon-toggle__ripple-container {
  position: absolute;
  z-index: 2;
  top: -2px;
  left: -2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
  .mdl-icon-toggle__ripple-container .mdl-ripple {
    background: rgb(97,97,97); }
  .mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container {
    cursor: auto; }
  .mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container .mdl-ripple {
    background: transparent; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-menu__container {
  display: block;
  margin: 0;
  padding: 0;
  border: none;
  position: absolute;
  overflow: visible;
  height: 0;
  width: 0;
  visibility: hidden;
  z-index: -1; }
  .mdl-menu__container.is-visible, .mdl-menu__container.is-animating {
    z-index: 999;
    visibility: visible; }

.mdl-menu__outline {
  display: block;
  background: rgb(255,255,255);
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  will-change: transform;
  -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: -1; }
  .mdl-menu__container.is-visible .mdl-menu__outline {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 999; }
  .mdl-menu__outline.mdl-menu--bottom-right {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0; }
  .mdl-menu__outline.mdl-menu--top-left {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%; }
  .mdl-menu__outline.mdl-menu--top-right {
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%; }

.mdl-menu {
  position: absolute;
  list-style: none;
  top: 0;
  left: 0;
  height: auto;
  width: auto;
  min-width: 124px;
  padding: 8px 0;
  margin: 0;
  opacity: 0;
  clip: rect(0 0 0 0);
  z-index: -1; }
  .mdl-menu__container.is-visible .mdl-menu {
    opacity: 1;
    z-index: 999; }
  .mdl-menu.is-animating {
    -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), clip 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), clip 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
  .mdl-menu.mdl-menu--bottom-right {
    left: auto;
    right: 0; }
  .mdl-menu.mdl-menu--top-left {
    top: auto;
    bottom: 0; }
  .mdl-menu.mdl-menu--top-right {
    top: auto;
    left: auto;
    bottom: 0;
    right: 0; }
  .mdl-menu.mdl-menu--unaligned {
    top: auto;
    left: auto; }

.mdl-menu__item {
  display: block;
  border: none;
  color: rgba(0,0,0, 0.87);
  background-color: transparent;
  text-align: left;
  margin: 0;
  padding: 0 16px;
  outline-color: rgb(189,189,189);
  position: relative;
  overflow: hidden;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  text-decoration: none;
  cursor: pointer;
  height: 48px;
  line-height: 48px;
  white-space: nowrap;
  opacity: 0;
  -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .mdl-menu__container.is-visible .mdl-menu__item {
    opacity: 1; }
  .mdl-menu__item::-moz-focus-inner {
    border: 0; }
  .mdl-menu__item--full-bleed-divider {
    border-bottom: 1px solid rgba(0,0,0, 0.12); }
  .mdl-menu__item[disabled], .mdl-menu__item[data-mdl-disabled] {
    color: rgb(189,189,189);
    background-color: transparent;
    cursor: auto; }
    .mdl-menu__item[disabled]:hover, .mdl-menu__item[data-mdl-disabled]:hover {
      background-color: transparent; }
    .mdl-menu__item[disabled]:focus, .mdl-menu__item[data-mdl-disabled]:focus {
      background-color: transparent; }
    .mdl-menu__item[disabled] .mdl-ripple, .mdl-menu__item[data-mdl-disabled] .mdl-ripple {
      background: transparent; }
  .mdl-menu__item:hover {
    background-color: rgb(238,238,238); }
  .mdl-menu__item:focus {
    outline: none;
    background-color: rgb(238,238,238); }
  .mdl-menu__item:active {
    background-color: rgb(224,224,224); }

.mdl-menu__item--ripple-container {
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 0;
  overflow: hidden; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-progress {
  display: block;
  position: relative;
  height: 4px;
  width: 500px;
  max-width: 100%; }

.mdl-progress > .bar {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0%;
  -webkit-transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1); }

.mdl-progress > .progressbar {
  background-color: rgb(36,61,86);
  z-index: 1;
  left: 0; }

.mdl-progress > .bufferbar {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255, 0.7)), to(rgba(255,255,255, 0.7))), -webkit-gradient(linear, left top, right top, from(rgb(36,61,86)), to(rgb(36,61,86)));
  background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), linear-gradient(to right, rgb(36,61,86), rgb(36,61,86));
  z-index: 0;
  left: 0; }

.mdl-progress > .auxbar {
  right: 0; }

@supports (-webkit-appearance: none) {
  .mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate) > .auxbar,
  .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate) > .auxbar {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255, 0.7)), to(rgba(255,255,255, 0.7))), -webkit-gradient(linear, left top, right top, from(rgb(36,61,86)), to(rgb(36,61,86)));
    background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), linear-gradient(to right, rgb(36,61,86), rgb(36,61,86));
    -webkit-mask: url("/assets/images/buffer.svg?v=master_e9d9350e915e1f686d2c5546abb74cc59e8589f8&embed");
    mask: url("/assets/images/buffer.svg?v=master_e9d9350e915e1f686d2c5546abb74cc59e8589f8&embed"); } }

.mdl-progress:not(.mdl-progress--indeterminate) > .auxbar,
.mdl-progress:not(.mdl-progress__indeterminate) > .auxbar {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255, 0.9)), to(rgba(255,255,255, 0.9))), -webkit-gradient(linear, left top, right top, from(rgb(36,61,86)), to(rgb(36,61,86)));
  background-image: linear-gradient(to right, rgba(255,255,255, 0.9), rgba(255,255,255, 0.9)), linear-gradient(to right, rgb(36,61,86), rgb(36,61,86)); }

.mdl-progress.mdl-progress--indeterminate > .bar1,
.mdl-progress.mdl-progress__indeterminate > .bar1 {
  background-color: rgb(36,61,86);
  -webkit-animation-name: indeterminate1;
  animation-name: indeterminate1;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear; }

.mdl-progress.mdl-progress--indeterminate > .bar3,
.mdl-progress.mdl-progress__indeterminate > .bar3 {
  background-image: none;
  background-color: rgb(36,61,86);
  -webkit-animation-name: indeterminate2;
  animation-name: indeterminate2;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear; }

@-webkit-keyframes indeterminate1 {
  0% {
    left: 0%;
    width: 0%; }
  50% {
    left: 25%;
    width: 75%; }
  75% {
    left: 100%;
    width: 0%; } }

@keyframes indeterminate1 {
  0% {
    left: 0%;
    width: 0%; }
  50% {
    left: 25%;
    width: 75%; }
  75% {
    left: 100%;
    width: 0%; } }

@-webkit-keyframes indeterminate2 {
  0% {
    left: 0%;
    width: 0%; }
  50% {
    left: 0%;
    width: 0%; }
  75% {
    left: 0%;
    width: 25%; }
  100% {
    left: 100%;
    width: 0%; } }

@keyframes indeterminate2 {
  0% {
    left: 0%;
    width: 0%; }
  50% {
    left: 0%;
    width: 0%; }
  75% {
    left: 0%;
    width: 25%; }
  100% {
    left: 100%;
    width: 0%; } }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-navigation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.mdl-navigation__link {
  color: rgb(66,66,66);
  text-decoration: none;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87; }
  .mdl-navigation__link .material-icons {
    vertical-align: middle; }

.mdl-layout {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  -webkit-overflow-scrolling: touch; }

.mdl-layout.is-small-screen .mdl-layout--large-screen-only {
  display: none; }

.mdl-layout:not(.is-small-screen) .mdl-layout--small-screen-only {
  display: none; }

.mdl-layout__container {
  position: absolute;
  width: 100%;
  height: 100%; }

.mdl-layout__title,
.mdl-layout-title {
  display: block;
  position: relative;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
  font-weight: 400;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.mdl-layout-spacer {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.mdl-layout__drawer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 240px;
  height: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid rgb(224,224,224);
  background: rgb(250,250,250);
  -webkit-transform: translateX(-250px);
  transform: translateX(-250px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  will-change: transform;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  color: rgb(66,66,66);
  overflow: visible;
  overflow-y: auto;
  z-index: 5; }
  .mdl-layout__drawer.is-visible {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
    .mdl-layout__drawer.is-visible ~ .mdl-layout__content.mdl-layout__content {
      overflow: hidden; }
  .mdl-layout__drawer > * {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .mdl-layout__drawer > .mdl-layout__title,
  .mdl-layout__drawer > .mdl-layout-title {
    line-height: 64px;
    padding-left: 40px; }
    @media screen and (max-width: 1024px) {
      .mdl-layout__drawer > .mdl-layout__title,
      .mdl-layout__drawer > .mdl-layout-title {
        line-height: 56px;
        padding-left: 16px; } }
  .mdl-layout__drawer .mdl-navigation {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding-top: 16px; }
    .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
      display: block;
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      padding: 16px 40px;
      margin: 0;
      color: #757575; }
      @media screen and (max-width: 1024px) {
        .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
          padding: 16px 16px; } }
      .mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
        background-color: rgb(224,224,224); }
      .mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current {
        background-color: rgb(224,224,224);
        color: rgb(0,0,0); }
  @media screen and (min-width: 1025px) {
    .mdl-layout--fixed-drawer > .mdl-layout__drawer {
      -webkit-transform: translateX(0);
      transform: translateX(0); } }

.mdl-layout__drawer-button {
  display: block;
  position: absolute;
  height: 48px;
  width: 48px;
  border: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  font-size: 26px;
  line-height: 56px;
  font-family: Helvetica, Arial, sans-serif;
  margin: 8px 12px;
  top: 0;
  left: 0;
  color: rgb(255,255,255);
  z-index: 4; }
  .mdl-layout__header .mdl-layout__drawer-button {
    position: absolute;
    color: rgb(255,255,255);
    background-color: inherit; }
    @media screen and (max-width: 1024px) {
      .mdl-layout__header .mdl-layout__drawer-button {
        margin: 4px; } }
  @media screen and (max-width: 1024px) {
    .mdl-layout__drawer-button {
      margin: 4px;
      color: rgba(0, 0, 0, 0.5); } }
  @media screen and (min-width: 1025px) {
    .mdl-layout__drawer-button {
      line-height: 54px; }
      .mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button,
      .mdl-layout--fixed-drawer > .mdl-layout__drawer-button,
      .mdl-layout--no-drawer-button .mdl-layout__drawer-button {
        display: none; } }

.mdl-layout__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  min-height: 64px;
  max-height: 1000px;
  z-index: 3;
  background-color: rgb(36,61,86);
  color: rgb(255,255,255);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-property: max-height, -webkit-box-shadow;
  transition-property: max-height, -webkit-box-shadow;
  transition-property: max-height, box-shadow;
  transition-property: max-height, box-shadow, -webkit-box-shadow; }
  @media screen and (max-width: 1024px) {
    .mdl-layout__header {
      min-height: 56px; } }
  .mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen) > .mdl-layout__header {
    margin-left: 240px;
    width: calc(100% - 240px); }
  @media screen and (min-width: 1025px) {
    .mdl-layout--fixed-drawer > .mdl-layout__header .mdl-layout__header-row {
      padding-left: 40px; } }
  .mdl-layout__header > .mdl-layout-icon {
    position: absolute;
    left: 40px;
    top: 16px;
    height: 32px;
    width: 32px;
    overflow: hidden;
    z-index: 3;
    display: block; }
    @media screen and (max-width: 1024px) {
      .mdl-layout__header > .mdl-layout-icon {
        left: 16px;
        top: 12px; } }
  .mdl-layout.has-drawer .mdl-layout__header > .mdl-layout-icon {
    display: none; }
  .mdl-layout__header.is-compact {
    max-height: 64px; }
    @media screen and (max-width: 1024px) {
      .mdl-layout__header.is-compact {
        max-height: 56px; } }
  .mdl-layout__header.is-compact.has-tabs {
    height: 112px; }
    @media screen and (max-width: 1024px) {
      .mdl-layout__header.is-compact.has-tabs {
        min-height: 104px; } }
  @media screen and (max-width: 1024px) {
    .mdl-layout__header {
      display: none; }
    .mdl-layout--fixed-header > .mdl-layout__header {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }

.mdl-layout__header--transparent.mdl-layout__header--transparent {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none; }

.mdl-layout__header--seamed {
  -webkit-box-shadow: none;
  box-shadow: none; }

.mdl-layout__header--scroll {
  -webkit-box-shadow: none;
  box-shadow: none; }

.mdl-layout__header--waterfall {
  -webkit-box-shadow: none;
  box-shadow: none;
  overflow: hidden; }
  .mdl-layout__header--waterfall.is-casting-shadow {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
  .mdl-layout__header--waterfall.mdl-layout__header--waterfall-hide-top {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end; }

.mdl-layout__header-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 64px;
  margin: 0;
  padding: 0 40px 0 80px; }
  .mdl-layout--no-drawer-button .mdl-layout__header-row {
    padding-left: 40px; }
  @media screen and (min-width: 1025px) {
    .mdl-layout--no-desktop-drawer-button .mdl-layout__header-row {
      padding-left: 40px; } }
  @media screen and (max-width: 1024px) {
    .mdl-layout__header-row {
      height: 56px;
      padding: 0 16px 0 72px; }
      .mdl-layout--no-drawer-button .mdl-layout__header-row {
        padding-left: 16px; } }
  .mdl-layout__header-row > * {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .mdl-layout__header--scroll .mdl-layout__header-row {
    width: 100%; }
  .mdl-layout__header-row .mdl-navigation {
    margin: 0;
    padding: 0;
    height: 64px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (max-width: 1024px) {
      .mdl-layout__header-row .mdl-navigation {
        height: 56px; } }
  .mdl-layout__header-row .mdl-navigation__link {
    display: block;
    color: rgb(255,255,255);
    line-height: 64px;
    padding: 0 24px; }
    @media screen and (max-width: 1024px) {
      .mdl-layout__header-row .mdl-navigation__link {
        line-height: 56px;
        padding: 0 16px; } }

.mdl-layout__obfuscator {
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 4;
  visibility: hidden;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  .mdl-layout__obfuscator.is-visible {
    background-color: rgba(0, 0, 0, 0.5);
    visibility: visible; }
  @supports (pointer-events: auto) {
    .mdl-layout__obfuscator {
      background-color: rgba(0, 0, 0, 0.5);
      opacity: 0;
      -webkit-transition-property: opacity;
      transition-property: opacity;
      visibility: visible;
      pointer-events: none; }
      .mdl-layout__obfuscator.is-visible {
        pointer-events: auto;
        opacity: 1; } }

.mdl-layout__content {
  -ms-flex: 0 1 auto;
  position: relative;
  display: inline-block;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  z-index: 1;
  -webkit-overflow-scrolling: touch; }
  .mdl-layout--fixed-drawer > .mdl-layout__content {
    margin-left: 240px; }
  .mdl-layout__container.has-scrolling-header .mdl-layout__content {
    overflow: visible; }
  @media screen and (max-width: 1024px) {
    .mdl-layout--fixed-drawer > .mdl-layout__content {
      margin-left: 0; }
    .mdl-layout__container.has-scrolling-header .mdl-layout__content {
      overflow-y: auto;
      overflow-x: hidden; } }

.mdl-layout__tab-bar {
  height: 96px;
  margin: 0;
  width: calc(100% - 112px);
  padding: 0 0 0 56px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: rgb(36,61,86);
  overflow-y: hidden;
  overflow-x: scroll; }
  .mdl-layout__tab-bar::-webkit-scrollbar {
    display: none; }
  .mdl-layout--no-drawer-button .mdl-layout__tab-bar {
    padding-left: 16px;
    width: calc(100% - 32px); }
  @media screen and (min-width: 1025px) {
    .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar {
      padding-left: 16px;
      width: calc(100% - 32px); } }
  @media screen and (max-width: 1024px) {
    .mdl-layout__tab-bar {
      width: calc(100% - 60px);
      padding: 0 0 0 60px; }
      .mdl-layout--no-drawer-button .mdl-layout__tab-bar {
        width: calc(100% - 8px);
        padding-left: 4px; } }
  .mdl-layout--fixed-tabs .mdl-layout__tab-bar {
    padding: 0;
    overflow: hidden;
    width: 100%; }

.mdl-layout__tab-bar-container {
  position: relative;
  height: 48px;
  width: 100%;
  border: none;
  margin: 0;
  z-index: 2;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: hidden; }
  .mdl-layout__container > .mdl-layout__tab-bar-container {
    position: absolute;
    top: 0;
    left: 0; }

.mdl-layout__tab-bar-button {
  display: inline-block;
  position: absolute;
  top: 0;
  height: 48px;
  width: 56px;
  z-index: 4;
  text-align: center;
  background-color: rgb(36,61,86);
  color: transparent;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button,
  .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button {
    width: 16px; }
    .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button .material-icons,
    .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button .material-icons {
      position: relative;
      left: -4px; }
  @media screen and (max-width: 1024px) {
    .mdl-layout__tab-bar-button {
      width: 60px; } }
  .mdl-layout--fixed-tabs .mdl-layout__tab-bar-button {
    display: none; }
  .mdl-layout__tab-bar-button .material-icons {
    line-height: 48px; }
  .mdl-layout__tab-bar-button.is-active {
    color: rgb(255,255,255); }

.mdl-layout__tab-bar-left-button {
  left: 0; }

.mdl-layout__tab-bar-right-button {
  right: 0; }

.mdl-layout__tab {
  margin: 0;
  border: none;
  padding: 0 24px 0 24px;
  float: left;
  position: relative;
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-decoration: none;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: rgba(255,255,255, 0.6);
  overflow: hidden; }
  @media screen and (max-width: 1024px) {
    .mdl-layout__tab {
      padding: 0 12px 0 12px; } }
  .mdl-layout--fixed-tabs .mdl-layout__tab {
    float: none;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0; }
  .mdl-layout.is-upgraded .mdl-layout__tab.is-active {
    color: rgb(255,255,255); }
  .mdl-layout.is-upgraded .mdl-layout__tab.is-active::after {
    height: 2px;
    width: 100%;
    display: block;
    content: " ";
    bottom: 0;
    left: 0;
    position: absolute;
    background: rgb(255,152,0);
    -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
    animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
    -webkit-transition: all 1s cubic-bezier(0.4, 0, 1, 1);
    transition: all 1s cubic-bezier(0.4, 0, 1, 1); }
  .mdl-layout__tab .mdl-layout__tab-ripple-container {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: hidden; }
    .mdl-layout__tab .mdl-layout__tab-ripple-container .mdl-ripple {
      background-color: rgb(255,255,255); }

.mdl-layout__tab-panel {
  display: block; }
  .mdl-layout.is-upgraded .mdl-layout__tab-panel {
    display: none; }
  .mdl-layout.is-upgraded .mdl-layout__tab-panel.is-active {
    display: block; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-radio {
  position: relative;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding-left: 0; }
  .mdl-radio.is-upgraded {
    padding-left: 24px; }

.mdl-radio__button {
  line-height: 24px; }
  .mdl-radio.is-upgraded .mdl-radio__button {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none; }

.mdl-radio__outer-circle {
  position: absolute;
  top: 4px;
  left: 0;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  margin: 0;
  cursor: pointer;
  border: 2px solid rgba(0,0,0, 0.54);
  border-radius: 50%;
  z-index: 2; }
  .mdl-radio.is-checked .mdl-radio__outer-circle {
    border: 2px solid rgb(36,61,86); }
  .mdl-radio__outer-circle fieldset[disabled] .mdl-radio,
  .mdl-radio.is-disabled .mdl-radio__outer-circle {
    border: 2px solid rgba(0,0,0, 0.26);
    cursor: auto; }

.mdl-radio__inner-circle {
  position: absolute;
  z-index: 1;
  margin: 0;
  top: 8px;
  left: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  cursor: pointer;
  -webkit-transition-duration: 0.28s;
  transition-duration: 0.28s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
  border-radius: 50%;
  background: rgb(36,61,86); }
  .mdl-radio.is-checked .mdl-radio__inner-circle {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  fieldset[disabled] .mdl-radio .mdl-radio__inner-circle,
  .mdl-radio.is-disabled .mdl-radio__inner-circle {
    background: rgba(0,0,0, 0.26);
    cursor: auto; }
  .mdl-radio.is-focused .mdl-radio__inner-circle {
    -webkit-box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0.1); }

.mdl-radio__label {
  cursor: pointer; }
  fieldset[disabled] .mdl-radio .mdl-radio__label,
  .mdl-radio.is-disabled .mdl-radio__label {
    color: rgba(0,0,0, 0.26);
    cursor: auto; }

.mdl-radio__ripple-container {
  position: absolute;
  z-index: 2;
  top: -9px;
  left: -13px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
  .mdl-radio__ripple-container .mdl-ripple {
    background: rgb(36,61,86); }
  fieldset[disabled] .mdl-radio .mdl-radio__ripple-container,
  .mdl-radio.is-disabled .mdl-radio__ripple-container {
    cursor: auto; }
  fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple,
  .mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple {
    background: transparent; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
_:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
  -ms-appearance: none;
  height: 32px;
  margin: 0; }

.mdl-slider {
  width: calc(100% - 40px);
  margin: 0 20px; }
  .mdl-slider.is-upgraded {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 2px;
    background: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0;
    padding: 0;
    color: #8DBC24;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    z-index: 1;
    cursor: pointer;
    /**************************** Tracks ****************************/
    /**************************** Thumbs ****************************/
    /**************************** 0-value ****************************/
    /**************************** Disabled ****************************/ }
    .mdl-slider.is-upgraded::-moz-focus-outer {
      border: 0; }
    .mdl-slider.is-upgraded::-ms-tooltip {
      display: none; }
    .mdl-slider.is-upgraded::-webkit-slider-runnable-track {
      background: transparent; }
    .mdl-slider.is-upgraded::-moz-range-track {
      background: transparent;
      border: none; }
    .mdl-slider.is-upgraded::-ms-track {
      background: none;
      color: transparent;
      height: 2px;
      width: 100%;
      border: none; }
    .mdl-slider.is-upgraded::-ms-fill-lower {
      padding: 0;
      background: linear-gradient(to right, transparent, transparent 16px, #8DBC24 16px, #8DBC24 0); }
    .mdl-slider.is-upgraded::-ms-fill-upper {
      padding: 0;
      background: linear-gradient(to left, transparent, transparent 16px, rgba(0,0,0, 0.26) 16px, rgba(0,0,0, 0.26) 0); }
    .mdl-slider.is-upgraded::-webkit-slider-thumb {
      -webkit-appearance: none;
      width: 12px;
      height: 12px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-radius: 50%;
      background: #8DBC24;
      border: none;
      -webkit-transition: border 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1);
      transition: border 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1);
      transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
      transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1); }
    .mdl-slider.is-upgraded::-moz-range-thumb {
      -moz-appearance: none;
      width: 12px;
      height: 12px;
      box-sizing: border-box;
      border-radius: 50%;
      background-image: none;
      background: #8DBC24;
      border: none; }
    .mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb {
      -webkit-box-shadow: 0 0 0 10px rgba(36,61,86, 0.26);
      box-shadow: 0 0 0 10px rgba(36,61,86, 0.26); }
    .mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {
      box-shadow: 0 0 0 10px rgba(36,61,86, 0.26); }
    .mdl-slider.is-upgraded:active::-webkit-slider-thumb {
      background-image: none;
      background: #8DBC24;
      -webkit-transform: scale(1.5);
      transform: scale(1.5); }
    .mdl-slider.is-upgraded:active::-moz-range-thumb {
      background-image: none;
      background: #8DBC24;
      transform: scale(1.5); }
    .mdl-slider.is-upgraded::-ms-thumb {
      width: 32px;
      height: 32px;
      border: none;
      border-radius: 50%;
      background: #8DBC24;
      transform: scale(0.375);
      -ms-transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
      transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1); }
    .mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb {
      background: radial-gradient(circle closest-side, #8DBC24 0%, #8DBC24 37.5%, rgba(36,61,86, 0.26) 37.5%, rgba(36,61,86, 0.26) 100%);
      transform: scale(1); }
    .mdl-slider.is-upgraded:active::-ms-thumb {
      background: #8DBC24;
      transform: scale(0.5625); }
    .mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb {
      border: 2px solid rgba(0,0,0, 0.26);
      background: transparent; }
    .mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb {
      border: 2px solid rgba(0,0,0, 0.26);
      background: transparent; }
    .mdl-slider.is-upgraded.is-lowest-value +
.mdl-slider__background-flex > .mdl-slider__background-upper {
      left: 6px; }
    .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb {
      -webkit-box-shadow: 0 0 0 10px rgba(0,0,0, 0.12);
      box-shadow: 0 0 0 10px rgba(0,0,0, 0.12);
      background: rgba(0,0,0, 0.12); }
    .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb {
      box-shadow: 0 0 0 10px rgba(0,0,0, 0.12);
      background: rgba(0,0,0, 0.12); }
    .mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb {
      border: 1.6px solid rgba(0,0,0, 0.26);
      -webkit-transform: scale(1.5);
      transform: scale(1.5); }
    .mdl-slider.is-upgraded.is-lowest-value:active +
.mdl-slider__background-flex > .mdl-slider__background-upper {
      left: 9px; }
    .mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb {
      border: 1.5px solid rgba(0,0,0, 0.26);
      transform: scale(1.5); }
    .mdl-slider.is-upgraded.is-lowest-value::-ms-thumb {
      background: radial-gradient(circle closest-side, transparent 0%, transparent 66.67%, rgba(0,0,0, 0.26) 66.67%, rgba(0,0,0, 0.26) 100%); }
    .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb {
      background: radial-gradient(circle closest-side, rgba(0,0,0, 0.12) 0%, rgba(0,0,0, 0.12) 25%, rgba(0,0,0, 0.26) 25%, rgba(0,0,0, 0.26) 37.5%, rgba(0,0,0, 0.12) 37.5%, rgba(0,0,0, 0.12) 100%);
      transform: scale(1); }
    .mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb {
      transform: scale(0.5625);
      background: radial-gradient(circle closest-side, transparent 0%, transparent 77.78%, rgba(0,0,0, 0.26) 77.78%, rgba(0,0,0, 0.26) 100%); }
    .mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower {
      background: transparent; }
    .mdl-slider.is-upgraded.is-lowest-value::-ms-fill-upper {
      margin-left: 6px; }
    .mdl-slider.is-upgraded.is-lowest-value:active::-ms-fill-upper {
      margin-left: 9px; }
    .mdl-slider.is-upgraded:disabled:focus::-webkit-slider-thumb, .mdl-slider.is-upgraded:disabled:active::-webkit-slider-thumb, .mdl-slider.is-upgraded:disabled::-webkit-slider-thumb {
      -webkit-transform: scale(0.667);
      transform: scale(0.667);
      background: rgba(0,0,0, 0.26); }
    .mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb, .mdl-slider.is-upgraded:disabled:active::-moz-range-thumb, .mdl-slider.is-upgraded:disabled::-moz-range-thumb {
      transform: scale(0.667);
      background: rgba(0,0,0, 0.26); }
    .mdl-slider.is-upgraded:disabled +
.mdl-slider__background-flex > .mdl-slider__background-lower {
      background-color: rgba(0,0,0, 0.26);
      left: -6px; }
    .mdl-slider.is-upgraded:disabled +
.mdl-slider__background-flex > .mdl-slider__background-upper {
      left: 6px; }
    .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-webkit-slider-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-webkit-slider-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled::-webkit-slider-thumb {
      border: 3px solid rgba(0,0,0, 0.26);
      background: transparent;
      -webkit-transform: scale(0.667);
      transform: scale(0.667); }
    .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-moz-range-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled::-moz-range-thumb {
      border: 3px solid rgba(0,0,0, 0.26);
      background: transparent;
      transform: scale(0.667); }
    .mdl-slider.is-upgraded.is-lowest-value:disabled:active +
.mdl-slider__background-flex > .mdl-slider__background-upper {
      left: 6px; }
    .mdl-slider.is-upgraded:disabled:focus::-ms-thumb, .mdl-slider.is-upgraded:disabled:active::-ms-thumb, .mdl-slider.is-upgraded:disabled::-ms-thumb {
      transform: scale(0.25);
      background: rgba(0,0,0, 0.26); }
    .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled::-ms-thumb {
      transform: scale(0.25);
      background: radial-gradient(circle closest-side, transparent 0%, transparent 50%, rgba(0,0,0, 0.26) 50%, rgba(0,0,0, 0.26) 100%); }
    .mdl-slider.is-upgraded:disabled::-ms-fill-lower {
      margin-right: 6px;
      background: linear-gradient(to right, transparent, transparent 25px, rgba(0,0,0, 0.26) 25px, rgba(0,0,0, 0.26) 0); }
    .mdl-slider.is-upgraded:disabled::-ms-fill-upper {
      margin-left: 6px; }
    .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-fill-upper {
      margin-left: 6px; }

.mdl-slider__ie-container {
  height: 18px;
  overflow: visible;
  border: none;
  margin: none;
  padding: none; }

.mdl-slider__container {
  height: 18px;
  position: relative;
  background: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row; }

.mdl-slider__background-flex {
  background: transparent;
  position: absolute;
  height: 2px;
  width: calc(100% - 52px);
  top: 50%;
  left: 0;
  margin: 0 26px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  border: 0;
  padding: 0;
  -webkit-transform: translate(0, -1px);
  transform: translate(0, -1px); }

.mdl-slider__background-lower {
  background: #8DBC24;
  -webkit-box-flex: 0;
  -webkit-flex: 0;
  -ms-flex: 0;
  flex: 0;
  position: relative;
  border: 0;
  padding: 0; }

.mdl-slider__background-upper {
  background: rgba(0,0,0, 0.26);
  -webkit-box-flex: 0;
  -webkit-flex: 0;
  -ms-flex: 0;
  flex: 0;
  position: relative;
  border: 0;
  padding: 0;
  -webkit-transition: left 0.18s cubic-bezier(0.4, 0, 0.2, 1);
  transition: left 0.18s cubic-bezier(0.4, 0, 0.2, 1); }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-snackbar {
  position: fixed;
  bottom: 0;
  left: 50%;
  cursor: default;
  background-color: #323232;
  z-index: 3;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  will-change: transform;
  -webkit-transform: translate(0, 80px);
  transform: translate(0, 80px);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1);
  transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1);
  pointer-events: none; }
  @media (max-width: 479px) {
    .mdl-snackbar {
      width: 100%;
      left: 0;
      min-height: 48px;
      max-height: 80px; } }
  @media (min-width: 480px) {
    .mdl-snackbar {
      min-width: 288px;
      max-width: 568px;
      border-radius: 2px;
      -webkit-transform: translate(-50%, 80px);
      transform: translate(-50%, 80px); } }
  .mdl-snackbar--active {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    pointer-events: auto;
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1);
    transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1); }
    @media (min-width: 480px) {
      .mdl-snackbar--active {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0); } }
  .mdl-snackbar__text {
    padding: 14px 12px 14px 24px;
    vertical-align: middle;
    color: white;
    float: left; }
  .mdl-snackbar__action {
    background: transparent;
    border: none;
    color: rgb(255,152,0);
    float: right;
    text-transform: uppercase;
    padding: 14px 24px 14px 12px;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0;
    overflow: hidden;
    outline: none;
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center; }
    .mdl-snackbar__action::-moz-focus-inner {
      border: 0; }
    .mdl-snackbar__action:not([aria-hidden]) {
      opacity: 1;
      pointer-events: auto; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-spinner, .ca-button[disabled] .ca-button-spinner, .ca-button--colour[disabled] .ca-button-spinner, .ca-button--downgrade[disabled] .ca-button-spinner, .ca-button--accent[disabled] .ca-button-spinner, .ca-button--secondary[disabled] .ca-button-spinner, .ca-button--tertiary[disabled] .ca-button-spinner, .ca-button--outline[disabled] .ca-button-spinner, .scenario-checkup__check button[disabled] .ca-button-spinner, .ca-button--fab[disabled] .ca-button-spinner, .ca-button--cta[disabled] .ca-button-spinner, .ca-button--cta--accent[disabled] .ca-button-spinner, .ca-button--cta--secondary[disabled] .ca-button-spinner, .ca-button--cta--tertiary[disabled] .ca-button-spinner, .ca-button--cta--cancel[disabled] .ca-button-spinner, .ca-button--cta--outline-primary[disabled] .ca-button-spinner, .ca-button--cta--outline[disabled] .ca-button-spinner, .ca-button .ca-button-spinner, .ca-button--colour .ca-button-spinner, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button .ca-button-spinner, .ca-button--downgrade .ca-button-spinner, .ca-button--accent .ca-button-spinner, .ca-button--secondary .ca-button-spinner, .ca-button--tertiary .ca-button-spinner, .ca-button--outline .ca-button-spinner, .scenario-checkup__check button .ca-button-spinner, .ca-button--fab .ca-button-spinner, .ca-button--cta .ca-button-spinner, .ca-button--cta--accent .ca-button-spinner, .ca-button--cta--secondary .ca-button-spinner, .ca-button--cta--tertiary .ca-button-spinner, .ca-button--cta--cancel .ca-button-spinner, .ca-button--cta--outline-primary .ca-button-spinner, .ca-button--cta--outline .ca-button-spinner, .options-box-message .mdl-spinner {
  display: inline-block;
  position: relative;
  width: 28px;
  height: 28px; }
  .mdl-spinner:not(.is-upgraded).is-active:after, .ca-button .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--colour .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--downgrade .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--accent .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--secondary .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--tertiary .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--outline .ca-button-spinner:not(.is-upgraded).is-active:after, .scenario-checkup__check button .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--fab .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--cta .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--cta--accent .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--cta--secondary .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--cta--tertiary .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--cta--cancel .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--cta--outline-primary .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--cta--outline .ca-button-spinner:not(.is-upgraded).is-active:after {
    content: "Loading..."; }
  .mdl-spinner.is-upgraded.is-active, .ca-button .is-upgraded.is-active.ca-button-spinner, .ca-button--colour .is-upgraded.is-active.ca-button-spinner, .ca-button--downgrade .is-upgraded.is-active.ca-button-spinner, .ca-button--accent .is-upgraded.is-active.ca-button-spinner, .ca-button--secondary .is-upgraded.is-active.ca-button-spinner, .ca-button--tertiary .is-upgraded.is-active.ca-button-spinner, .ca-button--outline .is-upgraded.is-active.ca-button-spinner, .scenario-checkup__check button .is-upgraded.is-active.ca-button-spinner, .ca-button--fab .is-upgraded.is-active.ca-button-spinner, .ca-button--cta .is-upgraded.is-active.ca-button-spinner, .ca-button--cta--accent .is-upgraded.is-active.ca-button-spinner, .ca-button--cta--secondary .is-upgraded.is-active.ca-button-spinner, .ca-button--cta--tertiary .is-upgraded.is-active.ca-button-spinner, .ca-button--cta--cancel .is-upgraded.is-active.ca-button-spinner, .ca-button--cta--outline-primary .is-upgraded.is-active.ca-button-spinner, .ca-button--cta--outline .is-upgraded.is-active.ca-button-spinner {
    -webkit-animation: mdl-spinner__container-rotate 1568.23529ms linear infinite;
    animation: mdl-spinner__container-rotate 1568.23529ms linear infinite; }

@-webkit-keyframes mdl-spinner__container-rotate {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes mdl-spinner__container-rotate {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.mdl-spinner__layer {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0; }

.mdl-spinner__layer-1 {
  border-color: rgb(66,165,245); }
  .mdl-spinner--single-color .mdl-spinner__layer-1 {
    border-color: rgb(36,61,86); }
  .mdl-spinner.is-active .mdl-spinner__layer-1, .ca-button .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--colour .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--downgrade .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--accent .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--secondary .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--tertiary .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--outline .is-active.ca-button-spinner .mdl-spinner__layer-1, .scenario-checkup__check button .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--fab .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--accent .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--secondary .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--tertiary .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--cancel .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--outline-primary .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--outline .is-active.ca-button-spinner .mdl-spinner__layer-1 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.mdl-spinner__layer-2 {
  border-color: rgb(244,67,54); }
  .mdl-spinner--single-color .mdl-spinner__layer-2 {
    border-color: rgb(36,61,86); }
  .mdl-spinner.is-active .mdl-spinner__layer-2, .ca-button .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--colour .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--downgrade .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--accent .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--secondary .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--tertiary .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--outline .is-active.ca-button-spinner .mdl-spinner__layer-2, .scenario-checkup__check button .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--fab .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--cta .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--cta--accent .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--cta--secondary .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--cta--tertiary .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--cta--cancel .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--cta--outline-primary .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--cta--outline .is-active.ca-button-spinner .mdl-spinner__layer-2 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.mdl-spinner__layer-3 {
  border-color: rgb(253,216,53); }
  .mdl-spinner--single-color .mdl-spinner__layer-3 {
    border-color: rgb(36,61,86); }
  .mdl-spinner.is-active .mdl-spinner__layer-3, .ca-button .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--colour .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--downgrade .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--accent .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--secondary .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--tertiary .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--outline .is-active.ca-button-spinner .mdl-spinner__layer-3, .scenario-checkup__check button .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--fab .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--cta .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--cta--accent .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--cta--secondary .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--cta--tertiary .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--cta--cancel .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--cta--outline-primary .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--cta--outline .is-active.ca-button-spinner .mdl-spinner__layer-3 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.mdl-spinner__layer-4 {
  border-color: rgb(76,175,80); }
  .mdl-spinner--single-color .mdl-spinner__layer-4 {
    border-color: rgb(36,61,86); }
  .mdl-spinner.is-active .mdl-spinner__layer-4, .ca-button .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--colour .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--downgrade .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--accent .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--secondary .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--tertiary .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--outline .is-active.ca-button-spinner .mdl-spinner__layer-4, .scenario-checkup__check button .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--fab .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--cta .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--cta--accent .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--cta--secondary .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--cta--tertiary .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--cta--cancel .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--cta--outline-primary .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--cta--outline .is-active.ca-button-spinner .mdl-spinner__layer-4 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

@-webkit-keyframes mdl-spinner__fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg); }
  25% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg); }
  37.5% {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg); }
  50% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg); }
  62.5% {
    -webkit-transform: rotate(675deg);
    transform: rotate(675deg); }
  75% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg); }
  87.5% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg); }
  to {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg); } }

@keyframes mdl-spinner__fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg); }
  25% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg); }
  37.5% {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg); }
  50% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg); }
  62.5% {
    -webkit-transform: rotate(675deg);
    transform: rotate(675deg); }
  75% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg); }
  87.5% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg); }
  to {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg); } }

/**
* HACK: Even though the intention is to have the current .mdl-spinner__layer-N
* at `opacity: 1`, we set it to `opacity: 0.99` instead since this forces Chrome
* to do proper subpixel rendering for the elements being animated. This is
* especially visible in Chrome 39 on Ubuntu 14.04. See:
*
* - https://github.com/Polymer/paper-spinner/issues/9
* - https://code.google.com/p/chromium/issues/detail?id=436255
*/
@-webkit-keyframes mdl-spinner__layer-1-fade-in-out {
  from {
    opacity: 0.99; }
  25% {
    opacity: 0.99; }
  26% {
    opacity: 0; }
  89% {
    opacity: 0; }
  90% {
    opacity: 0.99; }
  100% {
    opacity: 0.99; } }
@keyframes mdl-spinner__layer-1-fade-in-out {
  from {
    opacity: 0.99; }
  25% {
    opacity: 0.99; }
  26% {
    opacity: 0; }
  89% {
    opacity: 0; }
  90% {
    opacity: 0.99; }
  100% {
    opacity: 0.99; } }

@-webkit-keyframes mdl-spinner__layer-2-fade-in-out {
  from {
    opacity: 0; }
  15% {
    opacity: 0; }
  25% {
    opacity: 0.99; }
  50% {
    opacity: 0.99; }
  51% {
    opacity: 0; } }

@keyframes mdl-spinner__layer-2-fade-in-out {
  from {
    opacity: 0; }
  15% {
    opacity: 0; }
  25% {
    opacity: 0.99; }
  50% {
    opacity: 0.99; }
  51% {
    opacity: 0; } }

@-webkit-keyframes mdl-spinner__layer-3-fade-in-out {
  from {
    opacity: 0; }
  40% {
    opacity: 0; }
  50% {
    opacity: 0.99; }
  75% {
    opacity: 0.99; }
  76% {
    opacity: 0; } }

@keyframes mdl-spinner__layer-3-fade-in-out {
  from {
    opacity: 0; }
  40% {
    opacity: 0; }
  50% {
    opacity: 0.99; }
  75% {
    opacity: 0.99; }
  76% {
    opacity: 0; } }

@-webkit-keyframes mdl-spinner__layer-4-fade-in-out {
  from {
    opacity: 0; }
  65% {
    opacity: 0; }
  75% {
    opacity: 0.99; }
  90% {
    opacity: 0.99; }
  100% {
    opacity: 0; } }

@keyframes mdl-spinner__layer-4-fade-in-out {
  from {
    opacity: 0; }
  65% {
    opacity: 0; }
  75% {
    opacity: 0.99; }
  90% {
    opacity: 0.99; }
  100% {
    opacity: 0; } }

/**
* Patch the gap that appear between the two adjacent
* div.mdl-spinner__circle-clipper while the spinner is rotating
* (appears on Chrome 38, Safari 7.1, and IE 11).
*
* Update: the gap no longer appears on Chrome when .mdl-spinner__layer-N's
* opacity is 0.99, but still does on Safari and IE.
*/
.mdl-spinner__gap-patch {
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: 0;
  left: 45%;
  width: 10%;
  height: 100%;
  overflow: hidden;
  border-color: inherit; }
  .mdl-spinner__gap-patch .mdl-spinner__circle {
    width: 1000%;
    left: -450%; }

.mdl-spinner__circle-clipper {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
  border-color: inherit; }
  .mdl-spinner__circle-clipper .mdl-spinner__circle {
    width: 200%; }

.mdl-spinner__circle {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  border-width: 3px;
  border-style: solid;
  border-color: inherit;
  border-bottom-color: transparent !important;
  border-radius: 50%;
  -webkit-animation: none;
  animation: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  .mdl-spinner__left .mdl-spinner__circle {
    border-right-color: transparent !important;
    -webkit-transform: rotate(129deg);
    transform: rotate(129deg); }
    .mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle, .ca-button .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--colour .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--downgrade .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--accent .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--secondary .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--tertiary .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--outline .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .scenario-checkup__check button .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--fab .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--cta .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--cta--accent .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--cta--secondary .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--cta--tertiary .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--cta--cancel .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--cta--outline-primary .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--cta--outline .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle {
      -webkit-animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
      animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
  .mdl-spinner__right .mdl-spinner__circle {
    left: -100%;
    border-left-color: transparent !important;
    -webkit-transform: rotate(-129deg);
    transform: rotate(-129deg); }
    .mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle, .ca-button .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--colour .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--downgrade .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--accent .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--secondary .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--tertiary .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--outline .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .scenario-checkup__check button .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--fab .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--cta .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--cta--accent .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--cta--secondary .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--cta--tertiary .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--cta--cancel .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--cta--outline-primary .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--cta--outline .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle {
      -webkit-animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
      animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

@-webkit-keyframes mdl-spinner__left-spin {
  from {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg); }
  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg); } }

@keyframes mdl-spinner__left-spin {
  from {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg); }
  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg); } }

@-webkit-keyframes mdl-spinner__right-spin {
  from {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg); }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  to {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg); } }

@keyframes mdl-spinner__right-spin {
  from {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg); }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  to {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg); } }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-switch {
  position: relative;
  z-index: 1;
  vertical-align: middle;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 24px;
  margin: 0;
  padding: 0;
  overflow: visible;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .mdl-switch.is-upgraded {
    padding-left: 28px; }

.mdl-switch__input {
  line-height: 24px; }
  .mdl-switch.is-upgraded .mdl-switch__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none; }

.mdl-switch__track {
  background: rgba(0,0,0, 0.26);
  position: absolute;
  left: 0;
  top: 5px;
  height: 14px;
  width: 36px;
  border-radius: 14px;
  cursor: pointer; }
  .mdl-switch.is-checked .mdl-switch__track {
    background: rgba(36,61,86, 0.5); }
  .mdl-switch__track fieldset[disabled] .mdl-switch,
  .mdl-switch.is-disabled .mdl-switch__track {
    background: rgba(0,0,0, 0.12);
    cursor: auto; }

.mdl-switch__thumb {
  background: rgb(250,250,250);
  position: absolute;
  left: 0;
  top: 2px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  cursor: pointer;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -webkit-transition-duration: 0.28s;
  transition-duration: 0.28s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-property: left;
  transition-property: left; }
  .mdl-switch.is-checked .mdl-switch__thumb {
    background: rgb(36,61,86);
    left: 16px;
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12); }
  .mdl-switch__thumb fieldset[disabled] .mdl-switch,
  .mdl-switch.is-disabled .mdl-switch__thumb {
    background: rgb(189,189,189);
    cursor: auto; }

.mdl-switch__focus-helper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-4px, -4px);
  transform: translate(-4px, -4px);
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: transparent; }
  .mdl-switch.is-focused .mdl-switch__focus-helper {
    -webkit-box-shadow: 0 0 0px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0px 20px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1); }
  .mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {
    -webkit-box-shadow: 0 0 0px 20px rgba(36,61,86, 0.26);
    box-shadow: 0 0 0px 20px rgba(36,61,86, 0.26);
    background-color: rgba(36,61,86, 0.26); }

.mdl-switch__label {
  position: relative;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  left: 24px; }
  .mdl-switch__label fieldset[disabled] .mdl-switch,
  .mdl-switch.is-disabled .mdl-switch__label {
    color: rgb(189,189,189);
    cursor: auto; }

.mdl-switch__ripple-container {
  position: absolute;
  z-index: 2;
  top: -12px;
  left: -14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
  -webkit-transition-duration: 0.40s;
  transition-duration: 0.40s;
  -webkit-transition-timing-function: step-end;
  transition-timing-function: step-end;
  -webkit-transition-property: left;
  transition-property: left; }
  .mdl-switch__ripple-container .mdl-ripple {
    background: rgb(36,61,86); }
  .mdl-switch__ripple-container fieldset[disabled] .mdl-switch,
  .mdl-switch.is-disabled .mdl-switch__ripple-container {
    cursor: auto; }
  fieldset[disabled] .mdl-switch .mdl-switch__ripple-container .mdl-ripple,
  .mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple {
    background: transparent; }
  .mdl-switch.is-checked .mdl-switch__ripple-container {
    left: 2px; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-tabs {
  display: block;
  width: 100%; }

.mdl-tabs__tab-bar, .ca-tabs .ca-tabs--bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 48px;
  padding: 0 0 0 0;
  margin: 0;
  border-bottom: 1px solid rgb(224,224,224); }

.mdl-tabs__tab, .ca-tabs .ca-tabs--tab, .variation-tabs-tab {
  margin: 0;
  border: none;
  padding: 0 24px 0 24px;
  float: left;
  position: relative;
  display: block;
  text-decoration: none;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: rgba(0,0,0, 0.54);
  overflow: hidden; }
  .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active, .mdl-tabs.is-upgraded .ca-tabs .is-active.ca-tabs--tab, .ca-tabs .mdl-tabs.is-upgraded .is-active.ca-tabs--tab, .mdl-tabs.is-upgraded .is-active.variation-tabs-tab {
    color: rgba(0,0,0, 0.87); }
  .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after, .mdl-tabs.is-upgraded .ca-tabs .is-active.ca-tabs--tab:after, .ca-tabs .mdl-tabs.is-upgraded .is-active.ca-tabs--tab:after, .mdl-tabs.is-upgraded .is-active.variation-tabs-tab:after {
    height: 2px;
    width: 100%;
    display: block;
    content: " ";
    bottom: 0px;
    left: 0px;
    position: absolute;
    background: rgb(36,61,86);
    -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
    animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
    -webkit-transition: all 1s cubic-bezier(0.4, 0, 1, 1);
    transition: all 1s cubic-bezier(0.4, 0, 1, 1); }
  .mdl-tabs__tab .mdl-tabs__ripple-container, .ca-tabs .ca-tabs--tab .mdl-tabs__ripple-container, .variation-tabs-tab .mdl-tabs__ripple-container {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    z-index: 1;
    overflow: hidden; }
    .mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple, .ca-tabs .ca-tabs--tab .mdl-tabs__ripple-container .mdl-ripple, .variation-tabs-tab .mdl-tabs__ripple-container .mdl-ripple {
      background: rgb(36,61,86); }

.mdl-tabs__panel, .ca-tabs .ca-tabs--panel {
  display: block; }
  .mdl-tabs.is-upgraded .mdl-tabs__panel, .mdl-tabs.is-upgraded .ca-tabs .ca-tabs--panel, .ca-tabs .mdl-tabs.is-upgraded .ca-tabs--panel {
    display: none; }
  .mdl-tabs.is-upgraded .mdl-tabs__panel.is-active, .mdl-tabs.is-upgraded .ca-tabs .is-active.ca-tabs--panel, .ca-tabs .mdl-tabs.is-upgraded .is-active.ca-tabs--panel {
    display: block; }

@-webkit-keyframes border-expand {
  0% {
    opacity: 0;
    width: 0; }
  100% {
    opacity: 1;
    width: 100%; } }

@keyframes border-expand {
  0% {
    opacity: 0;
    width: 0; }
  100% {
    opacity: 1;
    width: 100%; } }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-textfield {
  position: relative;
  font-size: 16px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 300px;
  max-width: 100%;
  margin: 0;
  padding: 20px 0; }
  .mdl-textfield .mdl-button, .mdl-textfield .ca-button, .mdl-textfield .ca-button--colour, .mdl-textfield .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover .mdl-textfield button, .mdl-textfield .ca-button--downgrade, .mdl-textfield .ca-button--accent, .mdl-textfield .ca-button--secondary, .mdl-textfield .ca-button--tertiary, .mdl-textfield .ca-button--outline, .mdl-textfield .scenario-checkup__check button, .scenario-checkup__check .mdl-textfield button, .mdl-textfield .ca-button--fab, .mdl-textfield .ca-button--cta, .mdl-textfield .ca-button--cta--accent, .mdl-textfield .ca-button--cta--secondary, .mdl-textfield .ca-button--cta--tertiary, .mdl-textfield .ca-button--cta--cancel, .mdl-textfield .ca-button--cta--outline-primary, .mdl-textfield .ca-button--cta--outline {
    position: absolute;
    bottom: 20px; }

.mdl-textfield--align-right {
  text-align: right; }

.mdl-textfield--full-width {
  width: 100%; }

.mdl-textfield--expandable {
  min-width: 32px;
  width: auto;
  min-height: 32px; }
  .mdl-textfield--expandable .mdl-button--icon {
    top: 16px; }

.mdl-textfield__input, .ca-field .mdl-textfield__input {
  border: none;
  border-bottom: 1px solid rgba(0,0,0, 0.12);
  display: block;
  font-size: 16px;
  font-family: "Helvetica", "Arial", sans-serif;
  margin: 0;
  padding: 4px 0;
  width: 100%;
  background: none;
  text-align: left;
  color: inherit; }
  .mdl-textfield__input[type="number"] {
    -moz-appearance: textfield; }
  .mdl-textfield__input[type="number"]::-webkit-inner-spin-button, .mdl-textfield__input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .mdl-textfield.is-focused .mdl-textfield__input {
    outline: none; }
  .mdl-textfield.is-invalid .mdl-textfield__input {
    border-color: rgb(213,0,0);
    -webkit-box-shadow: none;
    box-shadow: none; }
  fieldset[disabled] .mdl-textfield .mdl-textfield__input,
  .mdl-textfield.is-disabled .mdl-textfield__input {
    background-color: transparent;
    border-bottom: 1px dotted rgba(0,0,0, 0.12);
    color: rgba(0,0,0, 0.26); }

.mdl-textfield textarea.mdl-textfield__input {
  display: block; }

.mdl-textfield__label {
  bottom: 0;
  color: rgba(0,0,0, 0.26);
  font-size: 16px;
  left: 0;
  right: 0;
  pointer-events: none;
  position: absolute;
  display: block;
  top: 24px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-align: left; }
  .mdl-textfield.is-dirty .mdl-textfield__label,
  .mdl-textfield.has-placeholder .mdl-textfield__label {
    visibility: hidden; }
  .mdl-textfield--floating-label .mdl-textfield__label {
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    -webkit-transition: none;
    transition: none; }
  fieldset[disabled] .mdl-textfield .mdl-textfield__label,
  .mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {
    color: rgba(0,0,0, 0.26); }
  .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
  .mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
  .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    color: rgb(36,61,86);
    font-size: 12px;
    top: 4px;
    visibility: visible; }
  .mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label,
  .mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label,
  .mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label {
    top: -16px; }
  .mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
    color: rgb(213,0,0);
    font-size: 12px; }
  .mdl-textfield__label:after {
    background-color: rgb(36,61,86);
    bottom: 20px;
    content: '';
    height: 2px;
    left: 45%;
    position: absolute;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    visibility: hidden;
    width: 10px; }
  .mdl-textfield.is-focused .mdl-textfield__label:after {
    left: 0;
    visibility: visible;
    width: 100%; }
  .mdl-textfield.is-invalid .mdl-textfield__label:after {
    background-color: rgb(213,0,0); }

.mdl-textfield__error {
  color: rgb(213,0,0);
  position: absolute;
  font-size: 12px;
  margin-top: 3px;
  visibility: hidden;
  display: block; }
  .mdl-textfield.is-invalid .mdl-textfield__error {
    visibility: visible; }

.mdl-textfield__expandable-holder {
  display: inline-block;
  position: relative;
  margin-left: 32px;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-block;
  max-width: 0.1px; }
  .mdl-textfield.is-focused .mdl-textfield__expandable-holder, .mdl-textfield.is-dirty .mdl-textfield__expandable-holder {
    max-width: 600px; }
  .mdl-textfield__expandable-holder .mdl-textfield__label:after {
    bottom: 0; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-tooltip {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: top center;
  transform-origin: top center;
  z-index: 999;
  background: rgba(97,97,97, 0.9);
  border-radius: 2px;
  color: rgb(255,255,255);
  display: inline-block;
  font-size: 10px;
  font-weight: 500;
  line-height: 14px;
  max-width: 170px;
  position: fixed;
  top: -500px;
  left: -500px;
  padding: 8px;
  text-align: center; }

.mdl-tooltip.is-active {
  -webkit-animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
  animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards; }

.mdl-tooltip--large {
  line-height: 14px;
  font-size: 14px;
  padding: 16px; }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0; }
  50% {
    -webkit-transform: scale(0.99);
    transform: scale(0.99); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible; } }

@keyframes pulse {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0; }
  50% {
    -webkit-transform: scale(0.99);
    transform: scale(0.99); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible; } }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-shadow--2dp {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }

.mdl-shadow--3dp {
  -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12); }

.mdl-shadow--4dp {
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); }

.mdl-shadow--6dp {
  -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2); }

.mdl-shadow--8dp {
  -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }

.mdl-shadow--16dp {
  -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }

.mdl-shadow--24dp {
  -webkit-box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2); }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*
* NOTE: Some rules here are applied using duplicate selectors.
* This is on purpose to increase their specificity when applied.
* For example: `.mdl-cell--1-col-phone.mdl-cell--1-col-phone`
*/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0 auto 0 auto;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }
  .mdl-grid.mdl-grid--no-spacing {
    padding: 0; }

.mdl-cell {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.mdl-cell--top {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start; }

.mdl-cell--middle {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center; }

.mdl-cell--bottom {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end; }

.mdl-cell--stretch {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch; }

.mdl-grid.mdl-grid--no-spacing > .mdl-cell {
  margin: 0; }

.mdl-cell--order-1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1; }

.mdl-cell--order-2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2; }

.mdl-cell--order-3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3; }

.mdl-cell--order-4 {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  -ms-flex-order: 4;
  order: 4; }

.mdl-cell--order-5 {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5; }

.mdl-cell--order-6 {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
  -ms-flex-order: 6;
  order: 6; }

.mdl-cell--order-7 {
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
  -ms-flex-order: 7;
  order: 7; }

.mdl-cell--order-8 {
  -webkit-box-ordinal-group: 9;
  -webkit-order: 8;
  -ms-flex-order: 8;
  order: 8; }

.mdl-cell--order-9 {
  -webkit-box-ordinal-group: 10;
  -webkit-order: 9;
  -ms-flex-order: 9;
  order: 9; }

.mdl-cell--order-10 {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
  -ms-flex-order: 10;
  order: 10; }

.mdl-cell--order-11 {
  -webkit-box-ordinal-group: 12;
  -webkit-order: 11;
  -ms-flex-order: 11;
  order: 11; }

.mdl-cell--order-12 {
  -webkit-box-ordinal-group: 13;
  -webkit-order: 12;
  -ms-flex-order: 12;
  order: 12; }

@media (max-width: 479px) {
  .mdl-grid {
    padding: 8px; }
  .mdl-cell {
    margin: 8px;
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell {
      width: 100%; }
  .mdl-cell--hide-phone {
    display: none !important; }
  .mdl-cell--order-1-phone.mdl-cell--order-1-phone {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .mdl-cell--order-2-phone.mdl-cell--order-2-phone {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .mdl-cell--order-3-phone.mdl-cell--order-3-phone {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3; }
  .mdl-cell--order-4-phone.mdl-cell--order-4-phone {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4; }
  .mdl-cell--order-5-phone.mdl-cell--order-5-phone {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5; }
  .mdl-cell--order-6-phone.mdl-cell--order-6-phone {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6; }
  .mdl-cell--order-7-phone.mdl-cell--order-7-phone {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7; }
  .mdl-cell--order-8-phone.mdl-cell--order-8-phone {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8; }
  .mdl-cell--order-9-phone.mdl-cell--order-9-phone {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9; }
  .mdl-cell--order-10-phone.mdl-cell--order-10-phone {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10; }
  .mdl-cell--order-11-phone.mdl-cell--order-11-phone {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11; }
  .mdl-cell--order-12-phone.mdl-cell--order-12-phone {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12; }
  .mdl-cell--1-col, .send-pixel-modal .scenario-pixel__accordion-card.card-open .mdl-col-small-column,
  .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
    width: calc(25% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--1-col, .send-pixel-modal .scenario-pixel__accordion-card.card-open .mdl-grid--no-spacing > .mdl-col-small-column, .mdl-grid--no-spacing >
    .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
      width: 25%; }
  .mdl-cell--2-col,
  .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
    width: calc(50% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing >
    .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
      width: 50%; }
  .mdl-cell--3-col,
  .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
    width: calc(75% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing >
    .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
      width: 75%; }
  .mdl-cell--4-col,
  .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing >
    .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
      width: 100%; }
  .mdl-cell--5-col, .send-pixel-modal .scenario-pixel__accordion-card.card-open .mdl-col-textfield,
  .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--5-col, .send-pixel-modal .scenario-pixel__accordion-card.card-open .mdl-grid--no-spacing > .mdl-col-textfield, .mdl-grid--no-spacing >
    .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
      width: 100%; }
  .mdl-cell--6-col,
  .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing >
    .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
      width: 100%; }
  .mdl-cell--7-col,
  .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing >
    .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
      width: 100%; }
  .mdl-cell--8-col,
  .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing >
    .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
      width: 100%; }
  .mdl-cell--9-col,
  .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing >
    .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
      width: 100%; }
  .mdl-cell--10-col, .send-pixel-modal .scenario-pixel__accordion-card.card-open .mdl-col-big-column,
  .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--10-col, .send-pixel-modal .scenario-pixel__accordion-card.card-open .mdl-grid--no-spacing > .mdl-col-big-column, .mdl-grid--no-spacing >
    .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
      width: 100%; }
  .mdl-cell--11-col,
  .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing >
    .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
      width: 100%; }
  .mdl-cell--12-col, .send-pixel-modal .scenario-pixel__accordion-card.card-open .mdl-col-full,
  .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--12-col, .send-pixel-modal .scenario-pixel__accordion-card.card-open .mdl-grid--no-spacing > .mdl-col-full, .mdl-grid--no-spacing >
    .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
      width: 100%; }
  .mdl-cell--1-offset,
  .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
    margin-left: calc(25% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
      margin-left: 25%; }
  .mdl-cell--2-offset,
  .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
    margin-left: calc(50% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
      margin-left: 50%; }
  .mdl-cell--3-offset,
  .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
    margin-left: calc(75% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
      margin-left: 75%; } }

@media (min-width: 480px) and (max-width: 839px) {
  .mdl-grid {
    padding: 8px; }
  .mdl-cell {
    margin: 8px;
    width: calc(50% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell {
      width: 50%; }
  .mdl-cell--hide-tablet {
    display: none !important; }
  .mdl-cell--order-1-tablet.mdl-cell--order-1-tablet {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .mdl-cell--order-2-tablet.mdl-cell--order-2-tablet {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .mdl-cell--order-3-tablet.mdl-cell--order-3-tablet {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3; }
  .mdl-cell--order-4-tablet.mdl-cell--order-4-tablet {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4; }
  .mdl-cell--order-5-tablet.mdl-cell--order-5-tablet {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5; }
  .mdl-cell--order-6-tablet.mdl-cell--order-6-tablet {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6; }
  .mdl-cell--order-7-tablet.mdl-cell--order-7-tablet {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7; }
  .mdl-cell--order-8-tablet.mdl-cell--order-8-tablet {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8; }
  .mdl-cell--order-9-tablet.mdl-cell--order-9-tablet {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9; }
  .mdl-cell--order-10-tablet.mdl-cell--order-10-tablet {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10; }
  .mdl-cell--order-11-tablet.mdl-cell--order-11-tablet {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11; }
  .mdl-cell--order-12-tablet.mdl-cell--order-12-tablet {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12; }
  .mdl-cell--1-col, .send-pixel-modal .scenario-pixel__accordion-card.card-open .mdl-col-small-column,
  .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
    width: calc(12.5% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--1-col, .send-pixel-modal .scenario-pixel__accordion-card.card-open .mdl-grid--no-spacing > .mdl-col-small-column, .mdl-grid--no-spacing >
    .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
      width: 12.5%; }
  .mdl-cell--2-col,
  .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
    width: calc(25% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing >
    .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
      width: 25%; }
  .mdl-cell--3-col,
  .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
    width: calc(37.5% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing >
    .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
      width: 37.5%; }
  .mdl-cell--4-col,
  .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
    width: calc(50% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing >
    .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
      width: 50%; }
  .mdl-cell--5-col, .send-pixel-modal .scenario-pixel__accordion-card.card-open .mdl-col-textfield,
  .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
    width: calc(62.5% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--5-col, .send-pixel-modal .scenario-pixel__accordion-card.card-open .mdl-grid--no-spacing > .mdl-col-textfield, .mdl-grid--no-spacing >
    .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
      width: 62.5%; }
  .mdl-cell--6-col,
  .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
    width: calc(75% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing >
    .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
      width: 75%; }
  .mdl-cell--7-col,
  .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
    width: calc(87.5% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing >
    .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
      width: 87.5%; }
  .mdl-cell--8-col,
  .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing >
    .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
      width: 100%; }
  .mdl-cell--9-col,
  .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing >
    .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
      width: 100%; }
  .mdl-cell--10-col, .send-pixel-modal .scenario-pixel__accordion-card.card-open .mdl-col-big-column,
  .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--10-col, .send-pixel-modal .scenario-pixel__accordion-card.card-open .mdl-grid--no-spacing > .mdl-col-big-column, .mdl-grid--no-spacing >
    .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
      width: 100%; }
  .mdl-cell--11-col,
  .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing >
    .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
      width: 100%; }
  .mdl-cell--12-col, .send-pixel-modal .scenario-pixel__accordion-card.card-open .mdl-col-full,
  .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--12-col, .send-pixel-modal .scenario-pixel__accordion-card.card-open .mdl-grid--no-spacing > .mdl-col-full, .mdl-grid--no-spacing >
    .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
      width: 100%; }
  .mdl-cell--1-offset,
  .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
    margin-left: calc(12.5% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
      margin-left: 12.5%; }
  .mdl-cell--2-offset,
  .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
    margin-left: calc(25% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
      margin-left: 25%; }
  .mdl-cell--3-offset,
  .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
    margin-left: calc(37.5% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
      margin-left: 37.5%; }
  .mdl-cell--4-offset,
  .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
    margin-left: calc(50% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
      margin-left: 50%; }
  .mdl-cell--5-offset,
  .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
    margin-left: calc(62.5% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
      margin-left: 62.5%; }
  .mdl-cell--6-offset,
  .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
    margin-left: calc(75% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
      margin-left: 75%; }
  .mdl-cell--7-offset,
  .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
    margin-left: calc(87.5% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
      margin-left: 87.5%; } }

@media (min-width: 840px) {
  .mdl-grid {
    padding: 8px; }
  .mdl-cell {
    margin: 8px;
    width: calc(33.33333% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell {
      width: 33.33333%; }
  .mdl-cell--hide-desktop {
    display: none !important; }
  .mdl-cell--order-1-desktop.mdl-cell--order-1-desktop {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .mdl-cell--order-2-desktop.mdl-cell--order-2-desktop {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .mdl-cell--order-3-desktop.mdl-cell--order-3-desktop {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3; }
  .mdl-cell--order-4-desktop.mdl-cell--order-4-desktop {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4; }
  .mdl-cell--order-5-desktop.mdl-cell--order-5-desktop {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5; }
  .mdl-cell--order-6-desktop.mdl-cell--order-6-desktop {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6; }
  .mdl-cell--order-7-desktop.mdl-cell--order-7-desktop {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7; }
  .mdl-cell--order-8-desktop.mdl-cell--order-8-desktop {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8; }
  .mdl-cell--order-9-desktop.mdl-cell--order-9-desktop {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9; }
  .mdl-cell--order-10-desktop.mdl-cell--order-10-desktop {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10; }
  .mdl-cell--order-11-desktop.mdl-cell--order-11-desktop {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11; }
  .mdl-cell--order-12-desktop.mdl-cell--order-12-desktop {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12; }
  .mdl-cell--1-col, .send-pixel-modal .scenario-pixel__accordion-card.card-open .mdl-col-small-column,
  .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
    width: calc(8.33333% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--1-col, .send-pixel-modal .scenario-pixel__accordion-card.card-open .mdl-grid--no-spacing > .mdl-col-small-column, .mdl-grid--no-spacing >
    .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
      width: 8.33333%; }
  .mdl-cell--2-col,
  .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
    width: calc(16.66667% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing >
    .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
      width: 16.66667%; }
  .mdl-cell--3-col,
  .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
    width: calc(25% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing >
    .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
      width: 25%; }
  .mdl-cell--4-col,
  .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
    width: calc(33.33333% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing >
    .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
      width: 33.33333%; }
  .mdl-cell--5-col, .send-pixel-modal .scenario-pixel__accordion-card.card-open .mdl-col-textfield,
  .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
    width: calc(41.66667% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--5-col, .send-pixel-modal .scenario-pixel__accordion-card.card-open .mdl-grid--no-spacing > .mdl-col-textfield, .mdl-grid--no-spacing >
    .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
      width: 41.66667%; }
  .mdl-cell--6-col,
  .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
    width: calc(50% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing >
    .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
      width: 50%; }
  .mdl-cell--7-col,
  .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
    width: calc(58.33333% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing >
    .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
      width: 58.33333%; }
  .mdl-cell--8-col,
  .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
    width: calc(66.66667% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing >
    .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
      width: 66.66667%; }
  .mdl-cell--9-col,
  .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
    width: calc(75% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing >
    .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
      width: 75%; }
  .mdl-cell--10-col, .send-pixel-modal .scenario-pixel__accordion-card.card-open .mdl-col-big-column,
  .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
    width: calc(83.33333% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--10-col, .send-pixel-modal .scenario-pixel__accordion-card.card-open .mdl-grid--no-spacing > .mdl-col-big-column, .mdl-grid--no-spacing >
    .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
      width: 83.33333%; }
  .mdl-cell--11-col,
  .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
    width: calc(91.66667% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing >
    .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
      width: 91.66667%; }
  .mdl-cell--12-col, .send-pixel-modal .scenario-pixel__accordion-card.card-open .mdl-col-full,
  .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--12-col, .send-pixel-modal .scenario-pixel__accordion-card.card-open .mdl-grid--no-spacing > .mdl-col-full, .mdl-grid--no-spacing >
    .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
      width: 100%; }
  .mdl-cell--1-offset,
  .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
    margin-left: calc(8.33333% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
      margin-left: 8.33333%; }
  .mdl-cell--2-offset,
  .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
    margin-left: calc(16.66667% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
      margin-left: 16.66667%; }
  .mdl-cell--3-offset,
  .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
    margin-left: calc(25% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
      margin-left: 25%; }
  .mdl-cell--4-offset,
  .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
    margin-left: calc(33.33333% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
      margin-left: 33.33333%; }
  .mdl-cell--5-offset,
  .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
    margin-left: calc(41.66667% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
      margin-left: 41.66667%; }
  .mdl-cell--6-offset,
  .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
    margin-left: calc(50% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
      margin-left: 50%; }
  .mdl-cell--7-offset,
  .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
    margin-left: calc(58.33333% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
      margin-left: 58.33333%; }
  .mdl-cell--8-offset,
  .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
    margin-left: calc(66.66667% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
      margin-left: 66.66667%; }
  .mdl-cell--9-offset,
  .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
    margin-left: calc(75% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
      margin-left: 75%; }
  .mdl-cell--10-offset,
  .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
    margin-left: calc(83.33333% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
      margin-left: 83.33333%; }
  .mdl-cell--11-offset,
  .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
    margin-left: calc(91.66667% + 8px); }
    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset, .mdl-grid.mdl-grid--no-spacing >
    .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
      margin-left: 91.66667%; } }

.mdl-switch {
  cursor: pointer !important; }
  .mdl-switch * {
    cursor: pointer !important; }
  .mdl-switch .mdl-switch__track {
    height: 20px;
    top: 0; }
  .mdl-switch .mdl-switch__thumb {
    height: 16px;
    -webkit-box-shadow: 0 0;
    box-shadow: 0 0;
    width: 16px;
    top: 2px;
    background: white;
    border: none;
    border-radius: 50%;
    left: 2px; }
  .mdl-switch.is-checked .mdl-switch__track {
    background: #8DBC24; }
  .mdl-switch.is-checked .mdl-switch__thumb {
    left: 18px;
    -webkit-box-shadow: 0 0;
    box-shadow: 0 0;
    background: #FFF; }
  .mdl-switch.is-checked.is-disabled .mdl-switch__track {
    opacity: 0.3; }
  .mdl-switch.is-disabled {
    cursor: not-allowed !important; }
    .mdl-switch.is-disabled .mdl-switch__thumb {
      background: #FFF; }
    .mdl-switch.is-disabled .mdl-switch__label {
      color: #FFF; }
    .mdl-switch.is-disabled .mdl-switch__track {
      opacity: 0.6; }
    .mdl-switch.is-disabled * {
      cursor: not-allowed !important; }

.mdl-grid {
  max-width: 1000px; }

.mdl-button, .ca-button, .ca-button--colour, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button, .ca-button--downgrade, .ca-button--accent, .ca-button--secondary, .ca-button--tertiary, .ca-button--outline, .scenario-checkup__check button, .ca-button--fab, .ca-button--cta, .ca-button--cta--accent, .ca-button--cta--secondary, .ca-button--cta--tertiary, .ca-button--cta--cancel, .ca-button--cta--outline-primary, .ca-button--cta--outline {
  text-decoration: none !important;
  text-transform: none !important; }

.mdl-textfield {
  width: 100% !important; }

.mdl-textfield__input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset !important; }

.mdl-textfield__label {
  font-family: "Proxima Nova", Arial, sans-serif; }

.mdl-textfield__input, .ca-field .mdl-textfield__input,
.mdl-textfield__label {
  -webkit-transition-delay: 0.05s !important;
  transition-delay: 0.05s !important; }
  .mdl-textfield__input:focus,
  .mdl-textfield__label:focus {
    outline: 0; }

.mdl-textfield__label:after {
  background-color: #8DBC24; }

.mdl-textfield.ca-invalid .mdl-textfield__label:after,
.mdl-textfield.is-invalid .mdl-textfield__label:after {
  background-color: #de3226; }

.mdl-textfield__error {
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  -webkit-transition-delay: 0.05s !important;
  transition-delay: 0.05s !important;
  width: 100%; }
  .mdl-textfield__error i {
    position: absolute;
    top: -31px;
    right: 0;
    font-size: 2em; }

.is-valid .mdl-textfield__success-icon {
  opacity: 1; }

.is-invalid .mdl-textfield__error-icon {
  opacity: 1; }

.mdl-textfield__success-icon {
  position: absolute;
  top: 47%;
  right: 10px;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  font-size: 22px;
  color: #8DBC24;
  opacity: 0;
  -webkit-transition: opacity 0.05s ease;
  transition: opacity 0.05s ease; }

.mdl-textfield__error-icon {
  position: absolute;
  top: 47%;
  right: 10px;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  font-size: 22px;
  color: #de3226;
  visibility: hidden;
  -webkit-transition-delay: 0.05s !important;
  transition-delay: 0.05s !important;
  -webkit-transition: visibility 0.05s ease;
  transition: visibility 0.05s ease; }

.mdl-selectfield {
  width: 100%; }
  .mdl-selectfield:before {
    content: "\F140";
    font: 150% 'Material Design Icons';
    position: absolute;
    right: 0;
    bottom: 22px;
    z-index: -1; }

.mdl-selectfield__label {
  font-weight: normal;
  margin-bottom: 0; }
  .mdl-selectfield__label.no-icon {
    padding: 10px 0 0 0; }

.mdl-grid--inner {
  padding: 0; }

.mdl-snackbar i {
  font-size: 24px;
  color: white;
  padding: 10px 0 10px 12px;
  vertical-align: middle; }

.mdl-snackbar__text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 14px 12px; }

.mdl-snackbar--embedded {
  position: absolute; }

.mdl-snackbar--right {
  left: initial;
  right: 35px; }
  @media (min-width: 480px) {
    .mdl-snackbar--right {
      -webkit-transform: translate(0, 80px);
      transform: translate(0, 80px); } }
  .mdl-snackbar--right.mdl-snackbar--active {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
    @media (min-width: 480px) {
      .mdl-snackbar--right.mdl-snackbar--active {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0); } }

#variation-editor .mdl-snackbar--right.mdl-snackbar--active {
  -webkit-transform: translate(14px, -72px);
  transform: translate(14px, -72px); }

.mdl-spinner.field-spinner, .ca-button .field-spinner.ca-button-spinner, .ca-button--colour .field-spinner.ca-button-spinner, .ca-button--downgrade .field-spinner.ca-button-spinner, .ca-button--accent .field-spinner.ca-button-spinner, .ca-button--secondary .field-spinner.ca-button-spinner, .ca-button--tertiary .field-spinner.ca-button-spinner, .ca-button--outline .field-spinner.ca-button-spinner, .scenario-checkup__check button .field-spinner.ca-button-spinner, .ca-button--fab .field-spinner.ca-button-spinner, .ca-button--cta .field-spinner.ca-button-spinner, .ca-button--cta--accent .field-spinner.ca-button-spinner, .ca-button--cta--secondary .field-spinner.ca-button-spinner, .ca-button--cta--tertiary .field-spinner.ca-button-spinner, .ca-button--cta--cancel .field-spinner.ca-button-spinner, .ca-button--cta--outline-primary .field-spinner.ca-button-spinner, .ca-button--cta--outline .field-spinner.ca-button-spinner {
  margin-top: 1em; }

.mdl-menu__container {
  z-index: 0; }

/**
 * For green square checkboxes as found in the split url page
 *
 * The mixin should be included somewhere in the checkbox's container
 * 
 * The HTML structure should be like this:
 * <label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect"
 *       ng-class="{'is-checked': isUrlParamsChecked()}"
 *       ng-click="toggleUrlParams()">
 *    <input type="checkbox"
 *         class="mdl-checkbox__input"
 *         ng-checked="isUrlParamsChecked()" />
 * </label>
 */
.activity {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  list-style: none;
  margin: 0;
  padding: 0 30px; }

.activity-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 3em;
  position: relative; }
  .activity-item > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .activity-item:after {
    content: "";
    background: #b9b9b9;
    height: 3em;
    width: 1px;
    position: absolute;
    top: 100%;
    left: calc(9em + 1em + (52px / 2)); }
  .activity-item:last-child:after {
    content: none; }

.activity-item-icon {
  border: 1px solid #b9b9b9;
  border-radius: 50%;
  color: #b9b9b9;
  font-size: 20px;
  margin: 0 1em;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px; }
  .activity-item-icon.ca-icon:before, .activity-item-icon.mdi-blog-news:before {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%); }

.activity-item--created .activity-item-icon {
  color: #243D56; }

.activity-item--significance .activity-item-icon {
  background: #243D56;
  color: #FFF; }

.activity-item--deleted .activity-item-icon {
  background: #7a7a7a;
  color: #FFF; }

.activity-item--started .activity-item-icon {
  background: #8DBC24;
  color: #FFF; }

.activity-item-title {
  color: #243D56;
  font-size: 16px;
  font-weight: bold;
  line-height: normal;
  margin: 0; }

.activity-item-desc {
  color: #7a7a7a;
  display: inline-block;
  font-size: 14px;
  line-height: normal;
  margin: 0; }

.activity-item-time {
  color: #7a7a7a;
  text-align: right;
  width: 9em; }

.alert {
  width: 100%;
  border: 1px solid;
  padding: 15px;
  position: relative;
  margin: 15px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .alert i {
    font-size: 32px;
    float: left;
    margin-top: 3px;
    margin-right: 10px; }
  .alert p {
    margin-bottom: 0;
    font-size: 15px; }
  .alert button.close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: auto;
    background-color: transparent;
    border: 0;
    padding: 0;
    cursor: pointer; }
    .alert button.close:active, .alert button.close:focus {
      outline: 0; }
    .alert button.close i {
      font-size: 15px; }
  .alert.alert--info {
    border-color: #CFD8E9;
    background-color: #F7FAFF;
    color: #8093B3; }
    .alert.alert--info i {
      color: #8093B3; }
  .alert.alert--success {
    border-color: #8DBC24;
    background-color: rgba(141, 188, 36, 0.1);
    color: #8DBC24; }
    .alert.alert--success i {
      margin-top: -4px;
      color: #8DBC24; }
  .alert.alert--error {
    border-color: #de3226;
    background-color: rgba(222, 50, 38, 0.1);
    color: #de3226; }
    .alert.alert--error i {
      margin-top: 0;
      color: #de3226; }
      .alert.alert--error i.alert__icon--no-button {
        margin-top: -4px; }
  .alert.alert--error .close i, .alert.alert--success .close i {
    font-size: 15px;
    position: absolute;
    margin: 0;
    right: 0;
    top: 0; }

.chart-legend,
.bar-legend,
.line-legend,
.pie-legend,
.radar-legend,
.polararea-legend,
.doughnut-legend {
  list-style-type: none;
  margin-top: 5px;
  text-align: center;
  /* NOTE: Browsers automatically add 40px of padding-left to all lists, so we should offset that, otherwise the legend is off-center */
  -webkit-padding-start: 0;
  /* Webkit */
  -moz-padding-start: 0;
  /* Mozilla */
  padding-left: 0;
  /* IE (handles all cases, really, but we should also include the vendor-specific properties just to be safe) */ }

.chart-legend li,
.bar-legend li,
.line-legend li,
.pie-legend li,
.radar-legend li,
.polararea-legend li,
.doughnut-legend li {
  display: inline-block;
  white-space: nowrap;
  position: relative;
  margin-bottom: 4px;
  border-radius: 5px;
  padding: 2px 8px 2px 28px;
  font-size: smaller;
  cursor: default; }

.chart-legend li span,
.bar-legend li span,
.line-legend li span,
.pie-legend li span,
.radar-legend li span,
.polararea-legend li span,
.doughnut-legend li span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 5px; }

.ca-blocklist {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

@media (min-width: 1200px) {
  .ca-block-break {
    width: calc(50% - 16px); } }

@media (max-width: 1199px) {
  .ca-block-break {
    width: calc(75% - 16px); } }

.ca-devicelist-item {
  border: 2px solid #FAFAFC;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #b9b9b9;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  min-width: 100px;
  max-width: 100px;
  min-height: 100px;
  padding: 12px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: -webkit-box-shadow .2s ease;
  transition: -webkit-box-shadow .2s ease;
  transition: box-shadow .2s ease;
  transition: box-shadow .2s ease, -webkit-box-shadow .2s ease;
  width: 120px;
  z-index: 1; }
  .ca-devicelist-item.ca-devicelist-item-device {
    padding-top: 20px; }
  .ca-devicelist-item:hover {
    border-color: transparent;
    -webkit-box-shadow: 0 0 25px 2px rgba(122, 122, 122, 0.5);
    box-shadow: 0 0 25px 2px rgba(122, 122, 122, 0.5);
    z-index: 2; }
  .ca-devicelist-item.selected {
    border-color: #8DBC24;
    color: #8DBC24;
    z-index: 2; }

.ca-device-disabled {
  pointer-events: none !important;
  cursor: default !important; }

.ca-blocklist-icon {
  display: block;
  font-size: 30px;
  padding: 0 0 10px; }

.ca-blocklist--spaced {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: .5em; }
  .ca-blocklist--spaced input {
    display: none; }

.ca-blocklist--spaced-button {
  -webkit-box-shadow: 0 2px 4px rgba(122, 122, 122, 0.5);
  box-shadow: 0 2px 4px rgba(122, 122, 122, 0.5);
  cursor: pointer;
  -webkit-flex-basis: 60px;
  -ms-flex-preferred-size: 60px;
  flex-basis: 60px;
  text-align: center; }
  .ca-blocklist--spaced-button span {
    border: 1px solid #b9b9b9;
    color: #b9b9b9;
    display: block;
    padding: 9px; }
  .ca-blocklist--spaced-button input:checked + span {
    border-color: #8DBC24;
    color: #8DBC24;
    font-weight: bold; }

.ca-box-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 1em 0;
  padding: 0; }
  .ca-box-list.step-two-industries {
    max-width: 700px; }
  .ca-box-list#page-types {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 4em 0 2em; }
  .ca-box-list.block {
    display: block; }
    .ca-box-list.block li a i {
      font-size: 52px;
      color: #8DBC24; }
  .ca-box-list.analytics-pane {
    max-width: 1000px; }
    .ca-box-list.analytics-pane .ca-box-list-item {
      margin: 0 6px 6px 0 !important; }
  .ca-box-list .ca-box-list-item {
    border: 1px solid #e1e1ed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin-right: 4px;
    padding: 0 !important;
    text-indent: 0 !important;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
    z-index: 1;
    width: 169px;
    height: 159px;
    margin: 0 2px 6px 0;
    vertical-align: top; }
    .ca-box-list .ca-box-list-item.small {
      max-height: 140px; }
    .ca-box-list .ca-box-list-item:before {
      content: none !important; }
    .ca-box-list .ca-box-list-item.selected {
      background: #8DBC24;
      border: 1px solid #8DBC24;
      color: #FFF;
      z-index: 2; }
      .ca-box-list .ca-box-list-item.selected * {
        color: #FFF; }
    .ca-box-list .ca-box-list-item:hover {
      background: #8DBC24;
      z-index: 2; }
      .ca-box-list .ca-box-list-item:hover h3, .ca-box-list .ca-box-list-item:hover a, .ca-box-list .ca-box-list-item:hover p, .ca-box-list .ca-box-list-item:hover i {
        color: #FFF; }
  .ca-box-list.centered h3, .ca-box-list.centered p {
    text-align: center; }
  .ca-box-list a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #243D56;
    display: block;
    font-size: 16px;
    height: 100%;
    line-height: 1;
    padding: 16px 5px;
    text-align: center;
    text-decoration: none; }
    .ca-box-list a:focus {
      outline: none; }
    .ca-box-list a h3 {
      font-weight: bold;
      font-size: 16px;
      display: block;
      margin: 0;
      text-align: left;
      width: 100%;
      color: #8DBC24; }
    .ca-box-list a p {
      color: #243D56;
      font-size: 12px;
      display: block;
      margin: 0;
      min-width: 124px;
      width: 100%;
      text-align: left; }
    .centered .ca-box-list a {
      text-align: center; }

.i-container {
  padding: 0;
  margin-top: -10px;
  position: relative;
  height: 70px;
  width: 100%; }
  .i-container i {
    display: block;
    height: 70px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }
  .i-container .mdi, .i-container .ca-icon, .i-container .mdi-blog-news, .i-container .ca-modal .ca-modal__message > div.error:before, .ca-modal .i-container .ca-modal__message > div.error:before, .i-container .ca-modal .ca-modal__message > div.warning:before, .ca-modal .i-container .ca-modal__message > div.warning:before, .i-container .ca-modal .ca-modal__message > div.success:before, .ca-modal .i-container .ca-modal__message > div.success:before, .i-container .ca-modal .ca-modal__message > div.info:before, .ca-modal .i-container .ca-modal__message > div.info:before, .i-container .ca-pixel__message > div.error:before, .i-container .ca-pixel__message > div.warning:before, .i-container .ca-pixel__message > div.success:before, .i-container .ca-pixel__message > div.info:before, .i-container .mdi-funnel-1, .i-container .mdi-funnel-2, .i-container .mdi-funnel-3, .i-container .mdi-funnel-4, .i-container .mdi-funnel-5, .i-container .mdi-funnel-6, .i-container .mdi-funnel-7, .i-container .mdi-funnel-8, .i-container .mdi-funnel-9, .i-container .mdi-funnel-10, .i-container .mdi-funnel-11, .i-container .mdi-funnel-12, .i-container .mdi-funnel-13, .i-container .mdi-funnel-14, .i-container .mdi-funnel-15, .i-container .mdi-funnel-16, .i-container .mdi-funnel-17, .i-container .mdi-funnel-18, .i-container .mdi-funnel-19, .i-container .mdi-funnel-20, .i-container .mdi-funnel-21, .i-container .mdi-funnel-22, .i-container .mdi-funnel-23, .i-container .mdi-funnel-24, .i-container .mdi-funnel-25, .i-container .mdi-funnel-26, .i-container .mdi-funnel-27, .i-container .mdi-funnel-28, .i-container .mdi-funnel-29, .i-container .mdi-funnel-30, .i-container .mdi-funnel-31, .i-container .mdi-funnel-32, .i-container .mdi-funnel-33, .i-container .mdi-funnel-34, .i-container .mdi-funnel-35, .i-container .mdi-funnel-36, .i-container .mdi-funnel-37, .i-container .mdi-funnel-38, .i-container .mdi-funnel-39, .i-container .mdi-funnel-40, .i-container .mdi-funnel-41, .i-container .mdi-funnel-42 {
    font-size: 52px;
    padding-top: 10px; }
  .i-container .ca-icon, .i-container .mdi-blog-news {
    font-size: 70px !important;
    padding-top: 0px; }

.default-industry {
  font-size: 16px; }
  .default-industry a, .default-industry a:hover {
    color: #4B93D3;
    font-weight: bold; }

.ca-box-list-item-small {
  background: #FFF;
  border: 1px solid #e1e1ed;
  cursor: pointer;
  display: block;
  float: left;
  height: 120px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  width: 130px; }
  .ca-box-list-item-small:focus {
    outline: none; }
  .ca-box-list-item-small i {
    display: block;
    text-align: center;
    color: #8DBC24;
    font-size: 30px; }
  .ca-box-list-item-small b {
    display: block;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    color: #8DBC24;
    margin: 5px 0; }
  .ca-box-list-item-small span {
    text-align: center;
    font-size: 11px;
    color: #243D56;
    display: block;
    line-height: 1.4; }
  .ca-box-list-item-small.selected, .ca-box-list-item-small:hover {
    background: #8DBC24;
    color: #FFF; }
    .ca-box-list-item-small.selected span,
    .ca-box-list-item-small.selected b,
    .ca-box-list-item-small.selected i, .ca-box-list-item-small:hover span,
    .ca-box-list-item-small:hover b,
    .ca-box-list-item-small:hover i {
      color: #FFF; }
  .ca-box-list-item-small .mdi-chevron-right {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%); }
  .ca-box-list-item-small:last-child .mdi-chevron-right {
    display: none; }

.box-list-selection--chevron {
  color: #b9b9b9;
  font-size: 47px; }

.scenario-branding {
  line-height: normal;
  display: block;
  position: fixed;
  bottom: 0;
  left: 30px;
  margin: 0;
  padding: 5px 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #4e4e4e;
  opacity: 0.4;
  color: #a7a9ae;
  border-radius: 3px 3px 0 0;
  font-size: 11px;
  font-family: 'Proxima Nova', Arial, sansserif;
  cursor: pointer;
  text-decoration: none;
  z-index: 2147483647; }
  .scenario-branding:hover {
    color: #898989;
    background-color: #3C3C3C; }

.scenario-image {
  line-height: normal;
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  padding-left: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  width: 74px;
  height: 15px; }

.scenario-span {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: normal;
  display: inline;
  position: relative;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: bottom; }

@-webkit-keyframes bounce {
  0%, 50% {
    transform: translateY(30px);
    -moz-transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px); }
  65%, 80%, 100% {
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0); }
  60% {
    transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px); }
  70% {
    transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px); } }

@keyframes bounce {
  0%, 50% {
    transform: translateY(30px);
    -moz-transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px); }
  65%, 80%, 100% {
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0); }
  60% {
    transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px); }
  70% {
    transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px); } }

#branding-popover-trigger {
  -webkit-animation: bounce 4s 1;
  animation: bounce 4s 1; }

.branding-container .ng-popover .ng-popover-wrapper.top::after {
  left: 75px;
  right: initial; }

ul.breadcrumb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: "Proxima Nova", Arial, sans-serif;
  list-style: none;
  margin: 0;
  padding-left: 0; }
  ul.breadcrumb li {
    font-size: 23px;
    margin-top: 5px; }
    ul.breadcrumb li a {
      color: #7a7a7a;
      text-decoration: none;
      -webkit-transition: color .1s ease;
      transition: color .1s ease; }
      ul.breadcrumb li a:hover {
        color: #474747; }
    ul.breadcrumb li:after {
      content: ">";
      color: #9E9E9E;
      font-size: 14px;
      line-height: 18px;
      margin: 4px 10px;
      float: right; }
    ul.breadcrumb li:last-child:after {
      content: "";
      margin: 0; }
    ul.breadcrumb li:last-child a {
      font-weight: 600;
      color: #474747; }
  ul.breadcrumb li.experiment-name {
    display: inline-block;
    position: relative; }
    ul.breadcrumb li.experiment-name span {
      cursor: text; }
  ul.breadcrumb .mdl-button, ul.breadcrumb .ca-button, ul.breadcrumb .ca-button--colour, ul.breadcrumb .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover ul.breadcrumb button, ul.breadcrumb .ca-button--downgrade, ul.breadcrumb .ca-button--accent, ul.breadcrumb .ca-button--secondary, ul.breadcrumb .ca-button--tertiary, ul.breadcrumb .ca-button--outline, ul.breadcrumb .scenario-checkup__check button, .scenario-checkup__check ul.breadcrumb button, ul.breadcrumb .ca-button--fab, ul.breadcrumb .ca-button--cta, ul.breadcrumb .ca-button--cta--accent, ul.breadcrumb .ca-button--cta--secondary, ul.breadcrumb .ca-button--cta--tertiary, ul.breadcrumb .ca-button--cta--cancel, ul.breadcrumb .ca-button--cta--outline-primary, ul.breadcrumb .ca-button--cta--outline {
    margin-top: -.35em; }

/**
 * WARNING!
 * This file is also used by Shopify.
 * Modifications may change UI of the integration.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-spinner, .ca-button[disabled] .ca-button-spinner, .ca-button--colour[disabled] .ca-button-spinner, .ca-button--downgrade[disabled] .ca-button-spinner, .ca-button--accent[disabled] .ca-button-spinner, .ca-button--secondary[disabled] .ca-button-spinner, .ca-button--tertiary[disabled] .ca-button-spinner, .ca-button--outline[disabled] .ca-button-spinner, .scenario-checkup__check button[disabled] .ca-button-spinner, .ca-button--fab[disabled] .ca-button-spinner, .ca-button--cta[disabled] .ca-button-spinner, .ca-button--cta--accent[disabled] .ca-button-spinner, .ca-button--cta--secondary[disabled] .ca-button-spinner, .ca-button--cta--tertiary[disabled] .ca-button-spinner, .ca-button--cta--cancel[disabled] .ca-button-spinner, .ca-button--cta--outline-primary[disabled] .ca-button-spinner, .ca-button--cta--outline[disabled] .ca-button-spinner, .ca-button .ca-button-spinner, .ca-button--colour .ca-button-spinner, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button .ca-button-spinner, .ca-button--downgrade .ca-button-spinner, .ca-button--accent .ca-button-spinner, .ca-button--secondary .ca-button-spinner, .ca-button--tertiary .ca-button-spinner, .ca-button--outline .ca-button-spinner, .scenario-checkup__check button .ca-button-spinner, .ca-button--fab .ca-button-spinner, .ca-button--cta .ca-button-spinner, .ca-button--cta--accent .ca-button-spinner, .ca-button--cta--secondary .ca-button-spinner, .ca-button--cta--tertiary .ca-button-spinner, .ca-button--cta--cancel .ca-button-spinner, .ca-button--cta--outline-primary .ca-button-spinner, .ca-button--cta--outline .ca-button-spinner, .options-box-message .mdl-spinner {
  display: inline-block;
  position: relative;
  width: 28px;
  height: 28px; }
  .mdl-spinner:not(.is-upgraded).is-active:after, .ca-button .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--colour .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--downgrade .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--accent .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--secondary .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--tertiary .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--outline .ca-button-spinner:not(.is-upgraded).is-active:after, .scenario-checkup__check button .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--fab .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--cta .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--cta--accent .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--cta--secondary .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--cta--tertiary .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--cta--cancel .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--cta--outline-primary .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--cta--outline .ca-button-spinner:not(.is-upgraded).is-active:after {
    content: "Loading..."; }
  .mdl-spinner.is-upgraded.is-active, .ca-button .is-upgraded.is-active.ca-button-spinner, .ca-button--colour .is-upgraded.is-active.ca-button-spinner, .ca-button--downgrade .is-upgraded.is-active.ca-button-spinner, .ca-button--accent .is-upgraded.is-active.ca-button-spinner, .ca-button--secondary .is-upgraded.is-active.ca-button-spinner, .ca-button--tertiary .is-upgraded.is-active.ca-button-spinner, .ca-button--outline .is-upgraded.is-active.ca-button-spinner, .scenario-checkup__check button .is-upgraded.is-active.ca-button-spinner, .ca-button--fab .is-upgraded.is-active.ca-button-spinner, .ca-button--cta .is-upgraded.is-active.ca-button-spinner, .ca-button--cta--accent .is-upgraded.is-active.ca-button-spinner, .ca-button--cta--secondary .is-upgraded.is-active.ca-button-spinner, .ca-button--cta--tertiary .is-upgraded.is-active.ca-button-spinner, .ca-button--cta--cancel .is-upgraded.is-active.ca-button-spinner, .ca-button--cta--outline-primary .is-upgraded.is-active.ca-button-spinner, .ca-button--cta--outline .is-upgraded.is-active.ca-button-spinner {
    -webkit-animation: mdl-spinner__container-rotate 1568.23529ms linear infinite;
    animation: mdl-spinner__container-rotate 1568.23529ms linear infinite; }

@keyframes mdl-spinner__container-rotate {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.mdl-spinner__layer {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0; }

.mdl-spinner__layer-1 {
  border-color: rgb(66,165,245); }
  .mdl-spinner--single-color .mdl-spinner__layer-1 {
    border-color: rgb(36,61,86); }
  .mdl-spinner.is-active .mdl-spinner__layer-1, .ca-button .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--colour .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--downgrade .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--accent .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--secondary .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--tertiary .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--outline .is-active.ca-button-spinner .mdl-spinner__layer-1, .scenario-checkup__check button .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--fab .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--accent .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--secondary .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--tertiary .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--cancel .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--outline-primary .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--outline .is-active.ca-button-spinner .mdl-spinner__layer-1 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.mdl-spinner__layer-2 {
  border-color: rgb(244,67,54); }
  .mdl-spinner--single-color .mdl-spinner__layer-2 {
    border-color: rgb(36,61,86); }
  .mdl-spinner.is-active .mdl-spinner__layer-2, .ca-button .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--colour .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--downgrade .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--accent .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--secondary .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--tertiary .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--outline .is-active.ca-button-spinner .mdl-spinner__layer-2, .scenario-checkup__check button .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--fab .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--cta .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--cta--accent .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--cta--secondary .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--cta--tertiary .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--cta--cancel .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--cta--outline-primary .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--cta--outline .is-active.ca-button-spinner .mdl-spinner__layer-2 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.mdl-spinner__layer-3 {
  border-color: rgb(253,216,53); }
  .mdl-spinner--single-color .mdl-spinner__layer-3 {
    border-color: rgb(36,61,86); }
  .mdl-spinner.is-active .mdl-spinner__layer-3, .ca-button .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--colour .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--downgrade .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--accent .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--secondary .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--tertiary .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--outline .is-active.ca-button-spinner .mdl-spinner__layer-3, .scenario-checkup__check button .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--fab .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--cta .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--cta--accent .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--cta--secondary .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--cta--tertiary .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--cta--cancel .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--cta--outline-primary .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--cta--outline .is-active.ca-button-spinner .mdl-spinner__layer-3 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.mdl-spinner__layer-4 {
  border-color: rgb(76,175,80); }
  .mdl-spinner--single-color .mdl-spinner__layer-4 {
    border-color: rgb(36,61,86); }
  .mdl-spinner.is-active .mdl-spinner__layer-4, .ca-button .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--colour .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--downgrade .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--accent .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--secondary .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--tertiary .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--outline .is-active.ca-button-spinner .mdl-spinner__layer-4, .scenario-checkup__check button .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--fab .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--cta .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--cta--accent .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--cta--secondary .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--cta--tertiary .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--cta--cancel .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--cta--outline-primary .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--cta--outline .is-active.ca-button-spinner .mdl-spinner__layer-4 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

@keyframes mdl-spinner__fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg); }
  25% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg); }
  37.5% {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg); }
  50% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg); }
  62.5% {
    -webkit-transform: rotate(675deg);
    transform: rotate(675deg); }
  75% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg); }
  87.5% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg); }
  to {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg); } }

/**
* HACK: Even though the intention is to have the current .mdl-spinner__layer-N
* at `opacity: 1`, we set it to `opacity: 0.99` instead since this forces Chrome
* to do proper subpixel rendering for the elements being animated. This is
* especially visible in Chrome 39 on Ubuntu 14.04. See:
*
* - https://github.com/Polymer/paper-spinner/issues/9
* - https://code.google.com/p/chromium/issues/detail?id=436255
*/
@keyframes mdl-spinner__layer-1-fade-in-out {
  from {
    opacity: 0.99; }
  25% {
    opacity: 0.99; }
  26% {
    opacity: 0; }
  89% {
    opacity: 0; }
  90% {
    opacity: 0.99; }
  100% {
    opacity: 0.99; } }

@keyframes mdl-spinner__layer-2-fade-in-out {
  from {
    opacity: 0; }
  15% {
    opacity: 0; }
  25% {
    opacity: 0.99; }
  50% {
    opacity: 0.99; }
  51% {
    opacity: 0; } }

@keyframes mdl-spinner__layer-3-fade-in-out {
  from {
    opacity: 0; }
  40% {
    opacity: 0; }
  50% {
    opacity: 0.99; }
  75% {
    opacity: 0.99; }
  76% {
    opacity: 0; } }

@keyframes mdl-spinner__layer-4-fade-in-out {
  from {
    opacity: 0; }
  65% {
    opacity: 0; }
  75% {
    opacity: 0.99; }
  90% {
    opacity: 0.99; }
  100% {
    opacity: 0; } }

/**
* Patch the gap that appear between the two adjacent
* div.mdl-spinner__circle-clipper while the spinner is rotating
* (appears on Chrome 38, Safari 7.1, and IE 11).
*
* Update: the gap no longer appears on Chrome when .mdl-spinner__layer-N's
* opacity is 0.99, but still does on Safari and IE.
*/
.mdl-spinner__gap-patch {
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: 0;
  left: 45%;
  width: 10%;
  height: 100%;
  overflow: hidden;
  border-color: inherit; }
  .mdl-spinner__gap-patch .mdl-spinner__circle {
    width: 1000%;
    left: -450%; }

.mdl-spinner__circle-clipper {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
  border-color: inherit; }
  .mdl-spinner__circle-clipper .mdl-spinner__circle {
    width: 200%; }

.mdl-spinner__circle {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  border-width: 3px;
  border-style: solid;
  border-color: inherit;
  border-bottom-color: transparent !important;
  border-radius: 50%;
  -webkit-animation: none;
  animation: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  .mdl-spinner__left .mdl-spinner__circle {
    border-right-color: transparent !important;
    -webkit-transform: rotate(129deg);
    transform: rotate(129deg); }
    .mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle, .ca-button .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--colour .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--downgrade .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--accent .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--secondary .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--tertiary .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--outline .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .scenario-checkup__check button .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--fab .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--cta .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--cta--accent .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--cta--secondary .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--cta--tertiary .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--cta--cancel .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--cta--outline-primary .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--cta--outline .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle {
      -webkit-animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
      animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
  .mdl-spinner__right .mdl-spinner__circle {
    left: -100%;
    border-left-color: transparent !important;
    -webkit-transform: rotate(-129deg);
    transform: rotate(-129deg); }
    .mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle, .ca-button .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--colour .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--downgrade .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--accent .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--secondary .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--tertiary .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--outline .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .scenario-checkup__check button .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--fab .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--cta .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--cta--accent .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--cta--secondary .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--cta--tertiary .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--cta--cancel .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--cta--outline-primary .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--cta--outline .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle {
      -webkit-animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
      animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

@keyframes mdl-spinner__left-spin {
  from {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg); }
  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg); } }

@keyframes mdl-spinner__right-spin {
  from {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg); }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  to {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg); } }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-button, .ca-button, .ca-button--colour, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button, .ca-button--downgrade, .ca-button--accent, .ca-button--secondary, .ca-button--tertiary, .ca-button--outline, .scenario-checkup__check button, .ca-button--fab, .ca-button--cta, .ca-button--cta--accent, .ca-button--cta--secondary, .ca-button--cta--tertiary, .ca-button--cta--cancel, .ca-button--cta--outline-primary, .ca-button--cta--outline {
  background: transparent;
  border: none;
  border-radius: 2px;
  color: rgb(0,0,0);
  position: relative;
  height: 36px;
  margin: 0;
  min-width: 64px;
  padding: 0 16px;
  display: inline-block;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0;
  overflow: hidden;
  will-change: box-shadow;
  -webkit-transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
  outline: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  line-height: 36px;
  vertical-align: middle; }
  .mdl-button::-moz-focus-inner, .ca-button::-moz-focus-inner, .ca-button--colour::-moz-focus-inner, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button::-moz-focus-inner, .ca-button--downgrade::-moz-focus-inner, .ca-button--accent::-moz-focus-inner, .ca-button--secondary::-moz-focus-inner, .ca-button--tertiary::-moz-focus-inner, .ca-button--outline::-moz-focus-inner, .scenario-checkup__check button::-moz-focus-inner, .ca-button--fab::-moz-focus-inner, .ca-button--cta::-moz-focus-inner, .ca-button--cta--accent::-moz-focus-inner, .ca-button--cta--secondary::-moz-focus-inner, .ca-button--cta--tertiary::-moz-focus-inner, .ca-button--cta--cancel::-moz-focus-inner, .ca-button--cta--outline-primary::-moz-focus-inner, .ca-button--cta--outline::-moz-focus-inner {
    border: 0; }
  .mdl-button:hover, .ca-button:hover, .ca-button--colour:hover, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button:hover, .ca-button--downgrade:hover, .ca-button--accent:hover, .ca-button--secondary:hover, .ca-button--tertiary:hover, .ca-button--outline:hover, .scenario-checkup__check button:hover, .ca-button--fab:hover, .ca-button--cta:hover, .ca-button--cta--accent:hover, .ca-button--cta--secondary:hover, .ca-button--cta--tertiary:hover, .ca-button--cta--cancel:hover, .ca-button--cta--outline-primary:hover, .ca-button--cta--outline:hover {
    background-color: rgba(158,158,158, 0.20); }
  .mdl-button:focus:not(:active), .ca-button:focus:not(:active), .ca-button--colour:focus:not(:active), .ca-button--downgrade:focus:not(:active), .ca-button--accent:focus:not(:active), .ca-button--secondary:focus:not(:active), .ca-button--tertiary:focus:not(:active), .ca-button--outline:focus:not(:active), .scenario-checkup__check button:focus:not(:active), .ca-button--fab:focus:not(:active), .ca-button--cta:focus:not(:active), .ca-button--cta--accent:focus:not(:active), .ca-button--cta--secondary:focus:not(:active), .ca-button--cta--tertiary:focus:not(:active), .ca-button--cta--cancel:focus:not(:active), .ca-button--cta--outline-primary:focus:not(:active), .ca-button--cta--outline:focus:not(:active) {
    background-color: rgba(0,0,0, 0.12); }
  .mdl-button:active, .ca-button:active, .ca-button--colour:active, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button:active, .ca-button--downgrade:active, .ca-button--accent:active, .ca-button--secondary:active, .ca-button--tertiary:active, .ca-button--outline:active, .scenario-checkup__check button:active, .ca-button--fab:active, .ca-button--cta:active, .ca-button--cta--accent:active, .ca-button--cta--secondary:active, .ca-button--cta--tertiary:active, .ca-button--cta--cancel:active, .ca-button--cta--outline-primary:active, .ca-button--cta--outline:active {
    background-color: rgba(158,158,158, 0.40); }
  .mdl-button.mdl-button--colored, .mdl-button--colored.ca-button, .ca-button--colour, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button, .ca-button--downgrade, .mdl-button--colored.ca-button--accent, .ca-button--accent.ca-button--text, .mdl-button--colored.ca-button--secondary, .ca-button--secondary.ca-button--text, .mdl-button--colored.ca-button--tertiary, .ca-button--tertiary.ca-button--text, .mdl-button--colored.ca-button--outline, .scenario-checkup__check button.ca-button--colour, .scenario-checkup__check button.ca-button--downgrade, .ca-button--outline.ca-button--text, .scenario-checkup__check button.ca-button--text, .scenario-checkup__check button.mdl-button--colored, .mdl-button--colored.ca-button--fab, .ca-button--fab.ca-button--text, .ca-button.ca-button--text, .ca-button--text.ca-button--cta, .ca-button--text.ca-button--cta--accent, .ca-button--text.ca-button--cta--secondary, .ca-button--text.ca-button--cta--tertiary, .ca-button--text.ca-button--cta--cancel, .ca-button--text.ca-button--cta--outline-primary, .ca-button--text.ca-button--cta--outline, .mdl-button--colored.ca-button--cta, .mdl-button--colored.ca-button--cta--accent, .mdl-button--colored.ca-button--cta--secondary, .mdl-button--colored.ca-button--cta--tertiary, .mdl-button--colored.ca-button--cta--cancel, .mdl-button--colored.ca-button--cta--outline-primary, .mdl-button--colored.ca-button--cta--outline, .mdl-button.ca-button--text {
    color: rgb(36,61,86); }
    .mdl-button.mdl-button--colored:focus:not(:active), .mdl-button--colored.ca-button:focus:not(:active), .ca-button--colour:focus:not(:active), .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button:focus:not(:active), .ca-button--downgrade:focus:not(:active), .mdl-button--colored.ca-button--accent:focus:not(:active), .ca-button--accent.ca-button--text:focus:not(:active), .mdl-button--colored.ca-button--secondary:focus:not(:active), .ca-button--secondary.ca-button--text:focus:not(:active), .mdl-button--colored.ca-button--tertiary:focus:not(:active), .ca-button--tertiary.ca-button--text:focus:not(:active), .mdl-button--colored.ca-button--outline:focus:not(:active), .ca-button--outline.ca-button--text:focus:not(:active), .scenario-checkup__check button.ca-button--text:focus:not(:active), .scenario-checkup__check button.mdl-button--colored:focus:not(:active), .mdl-button--colored.ca-button--fab:focus:not(:active), .ca-button--fab.ca-button--text:focus:not(:active), .ca-button.ca-button--text:focus:not(:active), .ca-button--text.ca-button--cta:focus:not(:active), .ca-button--text.ca-button--cta--accent:focus:not(:active), .ca-button--text.ca-button--cta--secondary:focus:not(:active), .ca-button--text.ca-button--cta--tertiary:focus:not(:active), .ca-button--text.ca-button--cta--cancel:focus:not(:active), .ca-button--text.ca-button--cta--outline-primary:focus:not(:active), .ca-button--text.ca-button--cta--outline:focus:not(:active), .mdl-button--colored.ca-button--cta:focus:not(:active), .mdl-button--colored.ca-button--cta--accent:focus:not(:active), .mdl-button--colored.ca-button--cta--secondary:focus:not(:active), .mdl-button--colored.ca-button--cta--tertiary:focus:not(:active), .mdl-button--colored.ca-button--cta--cancel:focus:not(:active), .mdl-button--colored.ca-button--cta--outline-primary:focus:not(:active), .mdl-button--colored.ca-button--cta--outline:focus:not(:active), .mdl-button.ca-button--text:focus:not(:active) {
      background-color: rgba(0,0,0, 0.12); }

input.mdl-button[type="submit"], input.ca-button[type="submit"], input.ca-button--colour[type="submit"], input.ca-button--downgrade[type="submit"], input.ca-button--accent[type="submit"], input.ca-button--secondary[type="submit"], input.ca-button--tertiary[type="submit"], input.ca-button--outline[type="submit"], input.ca-button--fab[type="submit"], input.ca-button--cta[type="submit"], input.ca-button--cta--accent[type="submit"], input.ca-button--cta--secondary[type="submit"], input.ca-button--cta--tertiary[type="submit"], input.ca-button--cta--cancel[type="submit"], input.ca-button--cta--outline-primary[type="submit"], input.ca-button--cta--outline[type="submit"] {
  -webkit-appearance: none; }

.mdl-button--raised, .ca-button--colour, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button, .ca-button--downgrade, .ca-button--accent, .ca-button--secondary, .ca-button--tertiary, .ca-button--outline, .scenario-checkup__check button {
  background: rgba(158,158,158, 0.20);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
  .mdl-button--raised:active, .ca-button--colour:active, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button:active, .ca-button--downgrade:active, .ca-button--accent:active, .ca-button--secondary:active, .ca-button--tertiary:active, .ca-button--outline:active, .scenario-checkup__check button:active {
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    background-color: rgba(158,158,158, 0.40); }
  .mdl-button--raised:focus:not(:active), .ca-button--colour:focus:not(:active), .ca-button--downgrade:focus:not(:active), .ca-button--accent:focus:not(:active), .ca-button--secondary:focus:not(:active), .ca-button--tertiary:focus:not(:active), .ca-button--outline:focus:not(:active), .scenario-checkup__check button:focus:not(:active) {
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
    background-color: rgba(158,158,158, 0.40); }
  .mdl-button--raised.mdl-button--colored, .ca-button--colour, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button, .ca-button--downgrade, .mdl-button--colored.ca-button--accent, .ca-button--accent.ca-button--text, .mdl-button--colored.ca-button--secondary, .ca-button--secondary.ca-button--text, .mdl-button--colored.ca-button--tertiary, .ca-button--tertiary.ca-button--text, .mdl-button--colored.ca-button--outline, .scenario-checkup__check button.ca-button--colour, .scenario-checkup__check button.ca-button--downgrade, .ca-button--outline.ca-button--text, .scenario-checkup__check button.ca-button--text, .scenario-checkup__check button.mdl-button--colored, .mdl-button--raised.ca-button--text {
    background: rgb(36,61,86);
    color: rgb(255,255,255); }
    .mdl-button--raised.mdl-button--colored:hover, .ca-button--colour:hover, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button:hover, .ca-button--downgrade:hover, .mdl-button--colored.ca-button--accent:hover, .ca-button--accent.ca-button--text:hover, .mdl-button--colored.ca-button--secondary:hover, .ca-button--secondary.ca-button--text:hover, .mdl-button--colored.ca-button--tertiary:hover, .ca-button--tertiary.ca-button--text:hover, .mdl-button--colored.ca-button--outline:hover, .ca-button--outline.ca-button--text:hover, .scenario-checkup__check button.ca-button--text:hover, .scenario-checkup__check button.mdl-button--colored:hover, .mdl-button--raised.ca-button--text:hover {
      background-color: rgb(36,61,86); }
    .mdl-button--raised.mdl-button--colored:active, .ca-button--colour:active, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button:active, .ca-button--downgrade:active, .mdl-button--colored.ca-button--accent:active, .ca-button--accent.ca-button--text:active, .mdl-button--colored.ca-button--secondary:active, .ca-button--secondary.ca-button--text:active, .mdl-button--colored.ca-button--tertiary:active, .ca-button--tertiary.ca-button--text:active, .mdl-button--colored.ca-button--outline:active, .ca-button--outline.ca-button--text:active, .scenario-checkup__check button.ca-button--text:active, .scenario-checkup__check button.mdl-button--colored:active, .mdl-button--raised.ca-button--text:active {
      background-color: rgb(36,61,86); }
    .mdl-button--raised.mdl-button--colored:focus:not(:active), .ca-button--colour:focus:not(:active), .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button:focus:not(:active), .ca-button--downgrade:focus:not(:active), .mdl-button--colored.ca-button--accent:focus:not(:active), .ca-button--accent.ca-button--text:focus:not(:active), .mdl-button--colored.ca-button--secondary:focus:not(:active), .ca-button--secondary.ca-button--text:focus:not(:active), .mdl-button--colored.ca-button--tertiary:focus:not(:active), .ca-button--tertiary.ca-button--text:focus:not(:active), .mdl-button--colored.ca-button--outline:focus:not(:active), .ca-button--outline.ca-button--text:focus:not(:active), .scenario-checkup__check button.ca-button--text:focus:not(:active), .scenario-checkup__check button.mdl-button--colored:focus:not(:active), .mdl-button--raised.ca-button--text:focus:not(:active) {
      background-color: rgb(36,61,86); }
    .mdl-button--raised.mdl-button--colored .mdl-ripple, .ca-button--colour .mdl-ripple, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button .mdl-ripple, .ca-button--downgrade .mdl-ripple, .mdl-button--colored.ca-button--accent .mdl-ripple, .ca-button--accent.ca-button--colour .mdl-ripple, .ca-button--accent.ca-button--downgrade .mdl-ripple, .ca-button--accent.ca-button--text .mdl-ripple, .mdl-button--colored.ca-button--secondary .mdl-ripple, .ca-button--secondary.ca-button--colour .mdl-ripple, .ca-button--secondary.ca-button--downgrade .mdl-ripple, .ca-button--secondary.ca-button--text .mdl-ripple, .mdl-button--colored.ca-button--tertiary .mdl-ripple, .ca-button--tertiary.ca-button--colour .mdl-ripple, .ca-button--tertiary.ca-button--downgrade .mdl-ripple, .ca-button--tertiary.ca-button--text .mdl-ripple, .mdl-button--colored.ca-button--outline .mdl-ripple, .ca-button--outline.ca-button--colour .mdl-ripple, .scenario-checkup__check button.ca-button--colour .mdl-ripple, .ca-button--outline.ca-button--downgrade .mdl-ripple, .scenario-checkup__check button.ca-button--downgrade .mdl-ripple, .ca-button--outline.ca-button--text .mdl-ripple, .scenario-checkup__check button.ca-button--text .mdl-ripple, .scenario-checkup__check button.mdl-button--colored .mdl-ripple, .mdl-button--raised.ca-button--text .mdl-ripple, .ca-button--text.ca-button--colour .mdl-ripple, .ca-button--text.ca-button--downgrade .mdl-ripple {
      background: rgb(255,255,255); }

.mdl-button--fab, .ca-button--fab {
  border-radius: 50%;
  font-size: 24px;
  height: 56px;
  margin: auto;
  min-width: 56px;
  width: 56px;
  padding: 0;
  overflow: hidden;
  background: rgba(158,158,158, 0.20);
  -webkit-box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
  position: relative;
  line-height: normal; }
  .mdl-button--fab .material-icons, .ca-button--fab .material-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-12px, -12px);
    transform: translate(-12px, -12px);
    line-height: 24px;
    width: 24px; }
  .mdl-button--fab.mdl-button--mini-fab, .mdl-button--mini-fab.ca-button--fab {
    height: 40px;
    min-width: 40px;
    width: 40px; }
  .mdl-button--fab .mdl-button__ripple-container, .ca-button--fab .mdl-button__ripple-container {
    border-radius: 50%;
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
  .mdl-button--fab:active, .ca-button--fab:active {
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    background-color: rgba(158,158,158, 0.40); }
  .mdl-button--fab:focus:not(:active), .ca-button--fab:focus:not(:active) {
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
    background-color: rgba(158,158,158, 0.40); }
  .mdl-button--fab.mdl-button--colored, .mdl-button--fab.ca-button--colour, .ca-button--colour.ca-button--fab, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button.ca-button--fab, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button.mdl-button--fab, .mdl-button--fab.ca-button--downgrade, .ca-button--downgrade.ca-button--fab, .mdl-button--colored.ca-button--fab, .ca-button--fab.ca-button--text, .mdl-button--fab.ca-button--text {
    background: rgb(255,152,0);
    color: rgb(255,255,255); }
    .mdl-button--fab.mdl-button--colored:hover, .mdl-button--fab.ca-button--colour:hover, .ca-button--colour.ca-button--fab:hover, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button.ca-button--fab:hover, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button.mdl-button--fab:hover, .mdl-button--fab.ca-button--downgrade:hover, .ca-button--downgrade.ca-button--fab:hover, .mdl-button--colored.ca-button--fab:hover, .ca-button--fab.ca-button--text:hover, .mdl-button--fab.ca-button--text:hover {
      background-color: rgb(255,152,0); }
    .mdl-button--fab.mdl-button--colored:focus:not(:active), .mdl-button--fab.ca-button--colour:focus:not(:active), .ca-button--colour.ca-button--fab:focus:not(:active), .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button.ca-button--fab:focus:not(:active), .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button.mdl-button--fab:focus:not(:active), .mdl-button--fab.ca-button--downgrade:focus:not(:active), .ca-button--downgrade.ca-button--fab:focus:not(:active), .mdl-button--colored.ca-button--fab:focus:not(:active), .ca-button--fab.ca-button--text:focus:not(:active), .mdl-button--fab.ca-button--text:focus:not(:active) {
      background-color: rgb(255,152,0); }
    .mdl-button--fab.mdl-button--colored:active, .mdl-button--fab.ca-button--colour:active, .ca-button--colour.ca-button--fab:active, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button.ca-button--fab:active, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button.mdl-button--fab:active, .mdl-button--fab.ca-button--downgrade:active, .ca-button--downgrade.ca-button--fab:active, .mdl-button--colored.ca-button--fab:active, .ca-button--fab.ca-button--text:active, .mdl-button--fab.ca-button--text:active {
      background-color: rgb(255,152,0); }
    .mdl-button--fab.mdl-button--colored .mdl-ripple, .mdl-button--fab.ca-button--colour .mdl-ripple, .ca-button--colour.ca-button--fab .mdl-ripple, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button.ca-button--fab .mdl-ripple, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button.mdl-button--fab .mdl-ripple, .mdl-button--fab.ca-button--downgrade .mdl-ripple, .ca-button--downgrade.ca-button--fab .mdl-ripple, .mdl-button--colored.ca-button--fab .mdl-ripple, .ca-button--fab.ca-button--text .mdl-ripple, .mdl-button--fab.ca-button--text .mdl-ripple {
      background: rgb(255,255,255); }

.mdl-button--icon {
  border-radius: 50%;
  font-size: 24px;
  height: 32px;
  margin-left: 0;
  margin-right: 0;
  min-width: 32px;
  width: 32px;
  padding: 0;
  overflow: hidden;
  color: inherit;
  line-height: normal; }
  .mdl-button--icon .material-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-12px, -12px);
    transform: translate(-12px, -12px);
    line-height: 24px;
    width: 24px; }
  .mdl-button--icon.mdl-button--mini-icon {
    height: 24px;
    min-width: 24px;
    width: 24px; }
    .mdl-button--icon.mdl-button--mini-icon .material-icons {
      top: 0px;
      left: 0px; }
  .mdl-button--icon .mdl-button__ripple-container {
    border-radius: 50%;
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }

.mdl-button__ripple-container {
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 0;
  overflow: hidden; }
  .mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple, .ca-button[disabled] .mdl-button__ripple-container .mdl-ripple, .ca-button--colour[disabled] .mdl-button__ripple-container .mdl-ripple, .ca-button--downgrade[disabled] .mdl-button__ripple-container .mdl-ripple, .ca-button--accent[disabled] .mdl-button__ripple-container .mdl-ripple, .ca-button--secondary[disabled] .mdl-button__ripple-container .mdl-ripple, .ca-button--tertiary[disabled] .mdl-button__ripple-container .mdl-ripple, .ca-button--outline[disabled] .mdl-button__ripple-container .mdl-ripple, .scenario-checkup__check button[disabled] .mdl-button__ripple-container .mdl-ripple, .ca-button--fab[disabled] .mdl-button__ripple-container .mdl-ripple, .ca-button--cta[disabled] .mdl-button__ripple-container .mdl-ripple, .ca-button--cta--accent[disabled] .mdl-button__ripple-container .mdl-ripple, .ca-button--cta--secondary[disabled] .mdl-button__ripple-container .mdl-ripple, .ca-button--cta--tertiary[disabled] .mdl-button__ripple-container .mdl-ripple, .ca-button--cta--cancel[disabled] .mdl-button__ripple-container .mdl-ripple, .ca-button--cta--outline-primary[disabled] .mdl-button__ripple-container .mdl-ripple, .ca-button--cta--outline[disabled] .mdl-button__ripple-container .mdl-ripple,
  .mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple,
  .mdl-button--disabled.ca-button .mdl-button__ripple-container .mdl-ripple,
  .mdl-button--disabled.ca-button--colour .mdl-button__ripple-container .mdl-ripple,
  .mdl-button--disabled.ca-button--downgrade .mdl-button__ripple-container .mdl-ripple,
  .mdl-button--disabled.ca-button--accent .mdl-button__ripple-container .mdl-ripple,
  .mdl-button--disabled.ca-button--secondary .mdl-button__ripple-container .mdl-ripple,
  .mdl-button--disabled.ca-button--tertiary .mdl-button__ripple-container .mdl-ripple,
  .mdl-button--disabled.ca-button--outline .mdl-button__ripple-container .mdl-ripple,
  .scenario-checkup__check button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple,
  .mdl-button--disabled.ca-button--fab .mdl-button__ripple-container .mdl-ripple,
  .mdl-button--disabled.ca-button--cta .mdl-button__ripple-container .mdl-ripple,
  .mdl-button--disabled.ca-button--cta--accent .mdl-button__ripple-container .mdl-ripple,
  .mdl-button--disabled.ca-button--cta--secondary .mdl-button__ripple-container .mdl-ripple,
  .mdl-button--disabled.ca-button--cta--tertiary .mdl-button__ripple-container .mdl-ripple,
  .mdl-button--disabled.ca-button--cta--cancel .mdl-button__ripple-container .mdl-ripple,
  .mdl-button--disabled.ca-button--cta--outline-primary .mdl-button__ripple-container .mdl-ripple,
  .mdl-button--disabled.ca-button--cta--outline .mdl-button__ripple-container .mdl-ripple {
    background-color: transparent; }

.mdl-button--primary.mdl-button--primary {
  color: rgb(36,61,86); }
  .mdl-button--primary.mdl-button--primary .mdl-ripple {
    background: rgb(255,255,255); }
  .mdl-button--primary.mdl-button--primary.mdl-button--raised, .mdl-button--primary.mdl-button--primary.ca-button--colour, .mdl-button--primary.mdl-button--primary.ca-button--downgrade, .mdl-button--primary.mdl-button--primary.ca-button--accent, .mdl-button--primary.mdl-button--primary.ca-button--secondary, .mdl-button--primary.mdl-button--primary.ca-button--tertiary, .mdl-button--primary.mdl-button--primary.ca-button--outline, .scenario-checkup__check button.mdl-button--primary.mdl-button--primary, .mdl-button--primary.mdl-button--primary.mdl-button--fab, .mdl-button--primary.mdl-button--primary.ca-button--fab {
    color: rgb(255,255,255);
    background-color: rgb(36,61,86); }

.mdl-button--accent.mdl-button--accent, .ca-button--accent, .ca-button--secondary, .ca-button--tertiary {
  color: rgb(255,152,0); }
  .mdl-button--accent.mdl-button--accent .mdl-ripple, .ca-button--accent .mdl-ripple, .ca-button--secondary .mdl-ripple, .ca-button--tertiary .mdl-ripple {
    background: rgb(255,255,255); }
  .mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.ca-button--colour, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button.ca-button--accent, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button.ca-button--secondary, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button.ca-button--tertiary, .mdl-button--accent.mdl-button--accent.ca-button--downgrade, .ca-button--accent, .ca-button--secondary, .ca-button--tertiary, .mdl-button--accent.mdl-button--accent.ca-button--outline, .scenario-checkup__check button.ca-button--accent, .scenario-checkup__check button.ca-button--secondary, .scenario-checkup__check button.ca-button--tertiary, .scenario-checkup__check button.mdl-button--accent.mdl-button--accent, .mdl-button--accent.mdl-button--accent.mdl-button--fab, .mdl-button--fab.ca-button--accent, .ca-button--accent.ca-button--fab, .mdl-button--fab.ca-button--secondary, .ca-button--secondary.ca-button--fab, .mdl-button--fab.ca-button--tertiary, .ca-button--tertiary.ca-button--fab, .mdl-button--accent.mdl-button--accent.ca-button--fab {
    color: rgb(255,255,255);
    background-color: rgb(255,152,0); }

.mdl-button[disabled][disabled], .ca-button[disabled][disabled], .ca-button--colour[disabled][disabled], .ca-button--downgrade[disabled][disabled], .ca-button--accent[disabled][disabled], .ca-button--secondary[disabled][disabled], .ca-button--tertiary[disabled][disabled], .ca-button--outline[disabled][disabled], .scenario-checkup__check button[disabled][disabled], .ca-button--fab[disabled][disabled], .ca-button--cta[disabled][disabled], .ca-button--cta--accent[disabled][disabled], .ca-button--cta--secondary[disabled][disabled], .ca-button--cta--tertiary[disabled][disabled], .ca-button--cta--cancel[disabled][disabled], .ca-button--cta--outline-primary[disabled][disabled], .ca-button--cta--outline[disabled][disabled], .mdl-button.mdl-button--disabled.mdl-button--disabled, .mdl-button--disabled.mdl-button--disabled.ca-button, .mdl-button--disabled.mdl-button--disabled.ca-button--colour, .mdl-button--disabled.mdl-button--disabled.ca-button--downgrade, .mdl-button--disabled.mdl-button--disabled.ca-button--accent, .mdl-button--disabled.mdl-button--disabled.ca-button--secondary, .mdl-button--disabled.mdl-button--disabled.ca-button--tertiary, .mdl-button--disabled.mdl-button--disabled.ca-button--outline, .scenario-checkup__check button.mdl-button--disabled.mdl-button--disabled, .mdl-button--disabled.mdl-button--disabled.ca-button--fab, .mdl-button--disabled.mdl-button--disabled.ca-button--cta, .mdl-button--disabled.mdl-button--disabled.ca-button--cta--accent, .mdl-button--disabled.mdl-button--disabled.ca-button--cta--secondary, .mdl-button--disabled.mdl-button--disabled.ca-button--cta--tertiary, .mdl-button--disabled.mdl-button--disabled.ca-button--cta--cancel, .mdl-button--disabled.mdl-button--disabled.ca-button--cta--outline-primary, .mdl-button--disabled.mdl-button--disabled.ca-button--cta--outline {
  color: rgba(0,0,0, 0.26);
  cursor: default;
  background-color: transparent; }

.mdl-button--fab[disabled][disabled], .ca-button--fab[disabled][disabled], .mdl-button--fab.mdl-button--disabled.mdl-button--disabled, .mdl-button--disabled.mdl-button--disabled.ca-button--fab {
  background-color: rgba(0,0,0, 0.12);
  color: rgba(0,0,0, 0.26); }

.mdl-button--raised[disabled][disabled], .ca-button--colour[disabled][disabled], .ca-button--downgrade[disabled][disabled], .ca-button--accent[disabled][disabled], .ca-button--secondary[disabled][disabled], .ca-button--tertiary[disabled][disabled], .ca-button--outline[disabled][disabled], .scenario-checkup__check button[disabled][disabled], .mdl-button--raised.mdl-button--disabled.mdl-button--disabled, .mdl-button--disabled.mdl-button--disabled.ca-button--colour, .mdl-button--disabled.mdl-button--disabled.ca-button--downgrade, .mdl-button--disabled.mdl-button--disabled.ca-button--accent, .mdl-button--disabled.mdl-button--disabled.ca-button--secondary, .mdl-button--disabled.mdl-button--disabled.ca-button--tertiary, .mdl-button--disabled.mdl-button--disabled.ca-button--outline, .scenario-checkup__check button.mdl-button--disabled.mdl-button--disabled {
  background-color: rgba(0,0,0, 0.12);
  color: rgba(0,0,0, 0.26);
  -webkit-box-shadow: none;
  box-shadow: none; }

.mdl-button--colored[disabled][disabled], .ca-button--colour[disabled][disabled], .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button[disabled][disabled], .ca-button--downgrade[disabled][disabled], .ca-button--text[disabled][disabled], .mdl-button--colored.mdl-button--disabled.mdl-button--disabled, .mdl-button--disabled.mdl-button--disabled.ca-button--colour, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button.mdl-button--disabled.mdl-button--disabled, .mdl-button--disabled.mdl-button--disabled.ca-button--downgrade, .mdl-button--disabled.mdl-button--disabled.ca-button--text {
  color: rgba(0,0,0, 0.26); }

.mdl-button .material-icons, .ca-button .material-icons, .ca-button--colour .material-icons, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button .material-icons, .ca-button--downgrade .material-icons, .ca-button--accent .material-icons, .ca-button--secondary .material-icons, .ca-button--tertiary .material-icons, .ca-button--outline .material-icons, .scenario-checkup__check button .material-icons, .ca-button--fab .material-icons, .ca-button--cta .material-icons, .ca-button--cta--accent .material-icons, .ca-button--cta--secondary .material-icons, .ca-button--cta--tertiary .material-icons, .ca-button--cta--cancel .material-icons, .ca-button--cta--outline-primary .material-icons, .ca-button--cta--outline .material-icons {
  vertical-align: middle; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-ripple {
  background: rgba(0, 0, 0, 0.25);
  border-radius: 50%;
  height: 50px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 50px;
  overflow: hidden; }
  .mdl-ripple.is-animating {
    -webkit-transition: width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
    transition: width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1); }
  .mdl-ripple.is-visible {
    opacity: 0.3; }

.ca-button, .ca-button--colour, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button, .ca-button--downgrade, .ca-button--accent, .ca-button--secondary, .ca-button--tertiary, .ca-button--outline, .scenario-checkup__check button, .ca-button--fab, .ca-button--cta, .ca-button--cta--accent, .ca-button--cta--secondary, .ca-button--cta--tertiary, .ca-button--cta--cancel, .ca-button--cta--outline-primary, .ca-button--cta--outline {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #243D56;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  text-transform: none;
  width: auto;
  padding: 0 22px;
  margin: 0 5px;
  line-height: 37px;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .ca-button[disabled], .ca-button--colour[disabled], .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button[disabled], .ca-button--downgrade[disabled], .ca-button--accent[disabled], .ca-button--secondary[disabled], .ca-button--tertiary[disabled], .ca-button--outline[disabled], .scenario-checkup__check button[disabled], .ca-button--fab[disabled], .ca-button--cta[disabled], .ca-button--cta--accent[disabled], .ca-button--cta--secondary[disabled], .ca-button--cta--tertiary[disabled], .ca-button--cta--cancel[disabled], .ca-button--cta--outline-primary[disabled], .ca-button--cta--outline[disabled] {
    background: rgba(141, 188, 36, 0.4) !important;
    color: #FFF !important;
    cursor: not-allowed !important; }
    .ca-button[disabled] .ca-button-spinner, .ca-button--colour[disabled] .ca-button-spinner, .ca-button--downgrade[disabled] .ca-button-spinner, .ca-button--accent[disabled] .ca-button-spinner, .ca-button--secondary[disabled] .ca-button-spinner, .ca-button--tertiary[disabled] .ca-button-spinner, .ca-button--outline[disabled] .ca-button-spinner, .scenario-checkup__check button[disabled] .ca-button-spinner, .ca-button--fab[disabled] .ca-button-spinner, .ca-button--cta[disabled] .ca-button-spinner, .ca-button--cta--accent[disabled] .ca-button-spinner, .ca-button--cta--secondary[disabled] .ca-button-spinner, .ca-button--cta--tertiary[disabled] .ca-button-spinner, .ca-button--cta--cancel[disabled] .ca-button-spinner, .ca-button--cta--outline-primary[disabled] .ca-button-spinner, .ca-button--cta--outline[disabled] .ca-button-spinner {
      margin-top: -9px;
      top: 9px; }
      .ca-button[disabled] .ca-button-spinner .mdl-spinner__layer-1, .ca-button--colour[disabled] .ca-button-spinner .mdl-spinner__layer-1, .ca-button--downgrade[disabled] .ca-button-spinner .mdl-spinner__layer-1, .ca-button--accent[disabled] .ca-button-spinner .mdl-spinner__layer-1, .ca-button--secondary[disabled] .ca-button-spinner .mdl-spinner__layer-1, .ca-button--tertiary[disabled] .ca-button-spinner .mdl-spinner__layer-1, .ca-button--outline[disabled] .ca-button-spinner .mdl-spinner__layer-1, .scenario-checkup__check button[disabled] .ca-button-spinner .mdl-spinner__layer-1, .ca-button--fab[disabled] .ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta[disabled] .ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--accent[disabled] .ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--secondary[disabled] .ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--tertiary[disabled] .ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--cancel[disabled] .ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--outline-primary[disabled] .ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--outline[disabled] .ca-button-spinner .mdl-spinner__layer-1,
      .ca-button[disabled] .ca-button-spinner .mdl-spinner__layer-2,
      .ca-button--colour[disabled] .ca-button-spinner .mdl-spinner__layer-2,
      .ca-button--downgrade[disabled] .ca-button-spinner .mdl-spinner__layer-2,
      .ca-button--accent[disabled] .ca-button-spinner .mdl-spinner__layer-2,
      .ca-button--secondary[disabled] .ca-button-spinner .mdl-spinner__layer-2,
      .ca-button--tertiary[disabled] .ca-button-spinner .mdl-spinner__layer-2,
      .ca-button--outline[disabled] .ca-button-spinner .mdl-spinner__layer-2,
      .scenario-checkup__check button[disabled] .ca-button-spinner .mdl-spinner__layer-2,
      .ca-button--fab[disabled] .ca-button-spinner .mdl-spinner__layer-2,
      .ca-button--cta[disabled] .ca-button-spinner .mdl-spinner__layer-2,
      .ca-button--cta--accent[disabled] .ca-button-spinner .mdl-spinner__layer-2,
      .ca-button--cta--secondary[disabled] .ca-button-spinner .mdl-spinner__layer-2,
      .ca-button--cta--tertiary[disabled] .ca-button-spinner .mdl-spinner__layer-2,
      .ca-button--cta--cancel[disabled] .ca-button-spinner .mdl-spinner__layer-2,
      .ca-button--cta--outline-primary[disabled] .ca-button-spinner .mdl-spinner__layer-2,
      .ca-button--cta--outline[disabled] .ca-button-spinner .mdl-spinner__layer-2,
      .ca-button[disabled] .ca-button-spinner .mdl-spinner__layer-3,
      .ca-button--colour[disabled] .ca-button-spinner .mdl-spinner__layer-3,
      .ca-button--downgrade[disabled] .ca-button-spinner .mdl-spinner__layer-3,
      .ca-button--accent[disabled] .ca-button-spinner .mdl-spinner__layer-3,
      .ca-button--secondary[disabled] .ca-button-spinner .mdl-spinner__layer-3,
      .ca-button--tertiary[disabled] .ca-button-spinner .mdl-spinner__layer-3,
      .ca-button--outline[disabled] .ca-button-spinner .mdl-spinner__layer-3,
      .scenario-checkup__check button[disabled] .ca-button-spinner .mdl-spinner__layer-3,
      .ca-button--fab[disabled] .ca-button-spinner .mdl-spinner__layer-3,
      .ca-button--cta[disabled] .ca-button-spinner .mdl-spinner__layer-3,
      .ca-button--cta--accent[disabled] .ca-button-spinner .mdl-spinner__layer-3,
      .ca-button--cta--secondary[disabled] .ca-button-spinner .mdl-spinner__layer-3,
      .ca-button--cta--tertiary[disabled] .ca-button-spinner .mdl-spinner__layer-3,
      .ca-button--cta--cancel[disabled] .ca-button-spinner .mdl-spinner__layer-3,
      .ca-button--cta--outline-primary[disabled] .ca-button-spinner .mdl-spinner__layer-3,
      .ca-button--cta--outline[disabled] .ca-button-spinner .mdl-spinner__layer-3,
      .ca-button[disabled] .ca-button-spinner .mdl-spinner__layer-4,
      .ca-button--colour[disabled] .ca-button-spinner .mdl-spinner__layer-4,
      .ca-button--downgrade[disabled] .ca-button-spinner .mdl-spinner__layer-4,
      .ca-button--accent[disabled] .ca-button-spinner .mdl-spinner__layer-4,
      .ca-button--secondary[disabled] .ca-button-spinner .mdl-spinner__layer-4,
      .ca-button--tertiary[disabled] .ca-button-spinner .mdl-spinner__layer-4,
      .ca-button--outline[disabled] .ca-button-spinner .mdl-spinner__layer-4,
      .scenario-checkup__check button[disabled] .ca-button-spinner .mdl-spinner__layer-4,
      .ca-button--fab[disabled] .ca-button-spinner .mdl-spinner__layer-4,
      .ca-button--cta[disabled] .ca-button-spinner .mdl-spinner__layer-4,
      .ca-button--cta--accent[disabled] .ca-button-spinner .mdl-spinner__layer-4,
      .ca-button--cta--secondary[disabled] .ca-button-spinner .mdl-spinner__layer-4,
      .ca-button--cta--tertiary[disabled] .ca-button-spinner .mdl-spinner__layer-4,
      .ca-button--cta--cancel[disabled] .ca-button-spinner .mdl-spinner__layer-4,
      .ca-button--cta--outline-primary[disabled] .ca-button-spinner .mdl-spinner__layer-4,
      .ca-button--cta--outline[disabled] .ca-button-spinner .mdl-spinner__layer-4 {
        border-color: #FFF !important; }
    .ca-button[disabled] .mdl-button__ripple-container, .ca-button--colour[disabled] .mdl-button__ripple-container, .ca-button--downgrade[disabled] .mdl-button__ripple-container, .ca-button--accent[disabled] .mdl-button__ripple-container, .ca-button--secondary[disabled] .mdl-button__ripple-container, .ca-button--tertiary[disabled] .mdl-button__ripple-container, .ca-button--outline[disabled] .mdl-button__ripple-container, .scenario-checkup__check button[disabled] .mdl-button__ripple-container, .ca-button--fab[disabled] .mdl-button__ripple-container, .ca-button--cta[disabled] .mdl-button__ripple-container, .ca-button--cta--accent[disabled] .mdl-button__ripple-container, .ca-button--cta--secondary[disabled] .mdl-button__ripple-container, .ca-button--cta--tertiary[disabled] .mdl-button__ripple-container, .ca-button--cta--cancel[disabled] .mdl-button__ripple-container, .ca-button--cta--outline-primary[disabled] .mdl-button__ripple-container, .ca-button--cta--outline[disabled] .mdl-button__ripple-container {
      cursor: not-allowed !important; }
  .ca-button .ca-button-spinner, .ca-button--colour .ca-button-spinner, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button .ca-button-spinner, .ca-button--downgrade .ca-button-spinner, .ca-button--accent .ca-button-spinner, .ca-button--secondary .ca-button-spinner, .ca-button--tertiary .ca-button-spinner, .ca-button--outline .ca-button-spinner, .scenario-checkup__check button .ca-button-spinner, .ca-button--fab .ca-button-spinner, .ca-button--cta .ca-button-spinner, .ca-button--cta--accent .ca-button-spinner, .ca-button--cta--secondary .ca-button-spinner, .ca-button--cta--tertiary .ca-button-spinner, .ca-button--cta--cancel .ca-button-spinner, .ca-button--cta--outline-primary .ca-button-spinner, .ca-button--cta--outline .ca-button-spinner {
    margin-top: -9px;
    top: 9px;
    display: inline-block !important; }
    .ca-button .ca-button-spinner .mdl-spinner__layer-1, .ca-button--colour .ca-button-spinner .mdl-spinner__layer-1, .ca-button--downgrade .ca-button-spinner .mdl-spinner__layer-1, .ca-button--accent .ca-button-spinner .mdl-spinner__layer-1, .ca-button--secondary .ca-button-spinner .mdl-spinner__layer-1, .ca-button--tertiary .ca-button-spinner .mdl-spinner__layer-1, .ca-button--outline .ca-button-spinner .mdl-spinner__layer-1, .scenario-checkup__check button .ca-button-spinner .mdl-spinner__layer-1, .ca-button--fab .ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta .ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--accent .ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--secondary .ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--tertiary .ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--cancel .ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--outline-primary .ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--outline .ca-button-spinner .mdl-spinner__layer-1,
    .ca-button .ca-button-spinner .mdl-spinner__layer-2,
    .ca-button--colour .ca-button-spinner .mdl-spinner__layer-2,
    .ca-button--downgrade .ca-button-spinner .mdl-spinner__layer-2,
    .ca-button--accent .ca-button-spinner .mdl-spinner__layer-2,
    .ca-button--secondary .ca-button-spinner .mdl-spinner__layer-2,
    .ca-button--tertiary .ca-button-spinner .mdl-spinner__layer-2,
    .ca-button--outline .ca-button-spinner .mdl-spinner__layer-2,
    .scenario-checkup__check button .ca-button-spinner .mdl-spinner__layer-2,
    .ca-button--fab .ca-button-spinner .mdl-spinner__layer-2,
    .ca-button--cta .ca-button-spinner .mdl-spinner__layer-2,
    .ca-button--cta--accent .ca-button-spinner .mdl-spinner__layer-2,
    .ca-button--cta--secondary .ca-button-spinner .mdl-spinner__layer-2,
    .ca-button--cta--tertiary .ca-button-spinner .mdl-spinner__layer-2,
    .ca-button--cta--cancel .ca-button-spinner .mdl-spinner__layer-2,
    .ca-button--cta--outline-primary .ca-button-spinner .mdl-spinner__layer-2,
    .ca-button--cta--outline .ca-button-spinner .mdl-spinner__layer-2,
    .ca-button .ca-button-spinner .mdl-spinner__layer-3,
    .ca-button--colour .ca-button-spinner .mdl-spinner__layer-3,
    .ca-button--downgrade .ca-button-spinner .mdl-spinner__layer-3,
    .ca-button--accent .ca-button-spinner .mdl-spinner__layer-3,
    .ca-button--secondary .ca-button-spinner .mdl-spinner__layer-3,
    .ca-button--tertiary .ca-button-spinner .mdl-spinner__layer-3,
    .ca-button--outline .ca-button-spinner .mdl-spinner__layer-3,
    .scenario-checkup__check button .ca-button-spinner .mdl-spinner__layer-3,
    .ca-button--fab .ca-button-spinner .mdl-spinner__layer-3,
    .ca-button--cta .ca-button-spinner .mdl-spinner__layer-3,
    .ca-button--cta--accent .ca-button-spinner .mdl-spinner__layer-3,
    .ca-button--cta--secondary .ca-button-spinner .mdl-spinner__layer-3,
    .ca-button--cta--tertiary .ca-button-spinner .mdl-spinner__layer-3,
    .ca-button--cta--cancel .ca-button-spinner .mdl-spinner__layer-3,
    .ca-button--cta--outline-primary .ca-button-spinner .mdl-spinner__layer-3,
    .ca-button--cta--outline .ca-button-spinner .mdl-spinner__layer-3,
    .ca-button .ca-button-spinner .mdl-spinner__layer-4,
    .ca-button--colour .ca-button-spinner .mdl-spinner__layer-4,
    .ca-button--downgrade .ca-button-spinner .mdl-spinner__layer-4,
    .ca-button--accent .ca-button-spinner .mdl-spinner__layer-4,
    .ca-button--secondary .ca-button-spinner .mdl-spinner__layer-4,
    .ca-button--tertiary .ca-button-spinner .mdl-spinner__layer-4,
    .ca-button--outline .ca-button-spinner .mdl-spinner__layer-4,
    .scenario-checkup__check button .ca-button-spinner .mdl-spinner__layer-4,
    .ca-button--fab .ca-button-spinner .mdl-spinner__layer-4,
    .ca-button--cta .ca-button-spinner .mdl-spinner__layer-4,
    .ca-button--cta--accent .ca-button-spinner .mdl-spinner__layer-4,
    .ca-button--cta--secondary .ca-button-spinner .mdl-spinner__layer-4,
    .ca-button--cta--tertiary .ca-button-spinner .mdl-spinner__layer-4,
    .ca-button--cta--cancel .ca-button-spinner .mdl-spinner__layer-4,
    .ca-button--cta--outline-primary .ca-button-spinner .mdl-spinner__layer-4,
    .ca-button--cta--outline .ca-button-spinner .mdl-spinner__layer-4 {
      border-color: #243D56 !important; }
  .ca-button .ca-button-spinner:not(:last-child), .ca-button--colour .ca-button-spinner:not(:last-child), .ca-button--downgrade .ca-button-spinner:not(:last-child), .ca-button--accent .ca-button-spinner:not(:last-child), .ca-button--secondary .ca-button-spinner:not(:last-child), .ca-button--tertiary .ca-button-spinner:not(:last-child), .ca-button--outline .ca-button-spinner:not(:last-child), .scenario-checkup__check button .ca-button-spinner:not(:last-child), .ca-button--fab .ca-button-spinner:not(:last-child), .ca-button--cta .ca-button-spinner:not(:last-child), .ca-button--cta--accent .ca-button-spinner:not(:last-child), .ca-button--cta--secondary .ca-button-spinner:not(:last-child), .ca-button--cta--tertiary .ca-button-spinner:not(:last-child), .ca-button--cta--cancel .ca-button-spinner:not(:last-child), .ca-button--cta--outline-primary .ca-button-spinner:not(:last-child), .ca-button--cta--outline .ca-button-spinner:not(:last-child) {
    margin-right: 8px; }
  .ca-button.ng-hide, .ng-hide.ca-button--colour, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button.ng-hide, .ng-hide.ca-button--downgrade, .ng-hide.ca-button--accent, .ng-hide.ca-button--secondary, .ng-hide.ca-button--tertiary, .ng-hide.ca-button--outline, .scenario-checkup__check button.ng-hide, .ng-hide.ca-button--fab, .ng-hide.ca-button--cta, .ng-hide.ca-button--cta--accent, .ng-hide.ca-button--cta--secondary, .ng-hide.ca-button--cta--tertiary, .ng-hide.ca-button--cta--cancel, .ng-hide.ca-button--cta--outline-primary, .ng-hide.ca-button--cta--outline, .ca-button.ng-hide-add-active, .ng-hide-add-active.ca-button--colour, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button.ng-hide-add-active, .ng-hide-add-active.ca-button--downgrade, .ng-hide-add-active.ca-button--accent, .ng-hide-add-active.ca-button--secondary, .ng-hide-add-active.ca-button--tertiary, .ng-hide-add-active.ca-button--outline, .scenario-checkup__check button.ng-hide-add-active, .ng-hide-add-active.ca-button--fab, .ng-hide-add-active.ca-button--cta, .ng-hide-add-active.ca-button--cta--accent, .ng-hide-add-active.ca-button--cta--secondary, .ng-hide-add-active.ca-button--cta--tertiary, .ng-hide-add-active.ca-button--cta--cancel, .ng-hide-add-active.ca-button--cta--outline-primary, .ng-hide-add-active.ca-button--cta--outline, .ca-button.ng-leave, .ng-leave.ca-button--colour, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button.ng-leave, .ng-leave.ca-button--downgrade, .ng-leave.ca-button--accent, .ng-leave.ca-button--secondary, .ng-leave.ca-button--tertiary, .ng-leave.ca-button--outline, .scenario-checkup__check button.ng-leave, .ng-leave.ca-button--fab, .ng-leave.ca-button--cta, .ng-leave.ca-button--cta--accent, .ng-leave.ca-button--cta--secondary, .ng-leave.ca-button--cta--tertiary, .ng-leave.ca-button--cta--cancel, .ng-leave.ca-button--cta--outline-primary, .ng-leave.ca-button--cta--outline, .ca-button.ng-leave-active, .ng-leave-active.ca-button--colour, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button.ng-leave-active, .ng-leave-active.ca-button--downgrade, .ng-leave-active.ca-button--accent, .ng-leave-active.ca-button--secondary, .ng-leave-active.ca-button--tertiary, .ng-leave-active.ca-button--outline, .scenario-checkup__check button.ng-leave-active, .ng-leave-active.ca-button--fab, .ng-leave-active.ca-button--cta, .ng-leave-active.ca-button--cta--accent, .ng-leave-active.ca-button--cta--secondary, .ng-leave-active.ca-button--cta--tertiary, .ng-leave-active.ca-button--cta--cancel, .ng-leave-active.ca-button--cta--outline-primary, .ng-leave-active.ca-button--cta--outline, .ca-button.ng-enter, .ng-enter.ca-button--colour, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button.ng-enter, .ng-enter.ca-button--downgrade, .ng-enter.ca-button--accent, .ng-enter.ca-button--secondary, .ng-enter.ca-button--tertiary, .ng-enter.ca-button--outline, .scenario-checkup__check button.ng-enter, .ng-enter.ca-button--fab, .ng-enter.ca-button--cta, .ng-enter.ca-button--cta--accent, .ng-enter.ca-button--cta--secondary, .ng-enter.ca-button--cta--tertiary, .ng-enter.ca-button--cta--cancel, .ng-enter.ca-button--cta--outline-primary, .ng-enter.ca-button--cta--outline, .ca-button.ng-enter-active, .ng-enter-active.ca-button--colour, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button.ng-enter-active, .ng-enter-active.ca-button--downgrade, .ng-enter-active.ca-button--accent, .ng-enter-active.ca-button--secondary, .ng-enter-active.ca-button--tertiary, .ng-enter-active.ca-button--outline, .scenario-checkup__check button.ng-enter-active, .ng-enter-active.ca-button--fab, .ng-enter-active.ca-button--cta, .ng-enter-active.ca-button--cta--accent, .ng-enter-active.ca-button--cta--secondary, .ng-enter-active.ca-button--cta--tertiary, .ng-enter-active.ca-button--cta--cancel, .ng-enter-active.ca-button--cta--outline-primary, .ng-enter-active.ca-button--cta--outline {
    display: none !important;
    -webkit-transition: none !important;
    transition: none !important; }

.ca-button--colour, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button {
  background: #8DBC24;
  color: #FFF !important; }
  .ca-button--colour:hover, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button:hover {
    background: #7da720;
    color: #FFF !important; }
  .ca-button--colour[disabled], .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button[disabled] {
    background: rgba(141, 188, 36, 0.4) !important;
    color: #FFF !important;
    cursor: not-allowed !important; }
  .ca-button--colour .ca-button-spinner .mdl-spinner__layer-1, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button .ca-button-spinner .mdl-spinner__layer-1,
  .ca-button--colour .ca-button-spinner .mdl-spinner__layer-2,
  .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button .ca-button-spinner .mdl-spinner__layer-2,
  .ca-button--colour .ca-button-spinner .mdl-spinner__layer-3,
  .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button .ca-button-spinner .mdl-spinner__layer-3,
  .ca-button--colour .ca-button-spinner .mdl-spinner__layer-4,
  .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button .ca-button-spinner .mdl-spinner__layer-4 {
    border-color: #FFF !important; }
  .ca-button--colour .ca-button-spinner.ng-hide, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button .ca-button-spinner.ng-hide, .ca-button--colour .ca-button-spinner.ng-hide-add-active, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button .ca-button-spinner.ng-hide-add-active, .ca-button--colour .ca-button-spinner.ng-leave, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button .ca-button-spinner.ng-leave, .ca-button--colour .ca-button-spinner.ng-leave-active, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button .ca-button-spinner.ng-leave-active, .ca-button--colour .ca-button-spinner.ng-enter, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button .ca-button-spinner.ng-enter, .ca-button--colour .ca-button-spinner.ng-enter-active, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button .ca-button-spinner.ng-enter-active {
    display: none !important;
    -webkit-transition: none !important;
    transition: none !important; }

.ca-button--downgrade {
  background: #7a7a7a !important;
  color: #FFF !important; }
  .ca-button--downgrade:hover {
    background: rgba(109, 109, 109, 0.4) !important;
    color: #FFF !important; }
  .ca-button--downgrade[disabled] {
    background: rgba(122, 122, 122, 0.4) !important;
    color: #FFF !important;
    cursor: not-allowed !important; }

.ca-button--accent {
  background: #243D56;
  color: #FFF !important; }
  .ca-button--accent:hover {
    background: #1c3044;
    color: #FFF !important; }
  .ca-button--accent[disabled] {
    background: rgba(36, 61, 86, 0.4) !important;
    color: #FFF !important;
    cursor: not-allowed !important; }
  .ca-button--accent .ca-button-spinner .mdl-spinner__layer-1,
  .ca-button--accent .ca-button-spinner .mdl-spinner__layer-2,
  .ca-button--accent .ca-button-spinner .mdl-spinner__layer-3,
  .ca-button--accent .ca-button-spinner .mdl-spinner__layer-4 {
    border-color: #FFF !important; }
  .ca-button--accent .ca-button-spinner.ng-hide, .ca-button--accent .ca-button-spinner.ng-hide-add-active, .ca-button--accent .ca-button-spinner.ng-leave, .ca-button--accent .ca-button-spinner.ng-leave-active, .ca-button--accent .ca-button-spinner.ng-enter, .ca-button--accent .ca-button-spinner.ng-enter-active {
    display: none !important;
    -webkit-transition: none !important;
    transition: none !important; }

.ca-button--secondary {
  background: #7a7a7a;
  color: #FFF !important; }
  .ca-button--secondary:hover {
    background: #6d6d6d;
    color: #FFF !important; }
  .ca-button--secondary[disabled] {
    background: rgba(122, 122, 122, 0.4) !important;
    color: #FFF !important;
    cursor: not-allowed !important; }
  .ca-button--secondary .ca-button-spinner .mdl-spinner__layer-1,
  .ca-button--secondary .ca-button-spinner .mdl-spinner__layer-2,
  .ca-button--secondary .ca-button-spinner .mdl-spinner__layer-3,
  .ca-button--secondary .ca-button-spinner .mdl-spinner__layer-4 {
    border-color: #FFF !important; }

.ca-button--tertiary {
  background: #ff9800;
  color: #FFF !important; }
  .ca-button--tertiary:hover {
    background: #cc7a00;
    color: #FFF !important; }
  .ca-button--tertiary[disabled] {
    background: rgba(255, 152, 0, 0.4) !important;
    color: #FFF !important;
    cursor: not-allowed !important; }
  .ca-button--tertiary .ca-button-spinner .mdl-spinner__layer-1,
  .ca-button--tertiary .ca-button-spinner .mdl-spinner__layer-2,
  .ca-button--tertiary .ca-button-spinner .mdl-spinner__layer-3,
  .ca-button--tertiary .ca-button-spinner .mdl-spinner__layer-4 {
    border-color: #FFF !important; }

.ca-button--outline, .scenario-checkup__check button {
  background: transparent;
  border: 1px solid #8DBC24;
  color: #8DBC24 !important; }
  .ca-button--outline:hover, .scenario-checkup__check button:hover {
    background: #f2f2f2;
    color: #7da720 !important; }
  .ca-button--outline[disabled], .scenario-checkup__check button[disabled] {
    border: 1px solid #b9b9b9;
    background: transparent !important;
    color: #b9b9b9 !important;
    cursor: not-allowed !important; }
  .ca-button--outline .ca-button-spinner .mdl-spinner__layer-1, .scenario-checkup__check button .ca-button-spinner .mdl-spinner__layer-1,
  .ca-button--outline .ca-button-spinner .mdl-spinner__layer-2,
  .scenario-checkup__check button .ca-button-spinner .mdl-spinner__layer-2,
  .ca-button--outline .ca-button-spinner .mdl-spinner__layer-3,
  .scenario-checkup__check button .ca-button-spinner .mdl-spinner__layer-3,
  .ca-button--outline .ca-button-spinner .mdl-spinner__layer-4,
  .scenario-checkup__check button .ca-button-spinner .mdl-spinner__layer-4 {
    border-color: #8DBC24 !important; }
  .ca-button--outline.ca-button--accent, .scenario-checkup__check button.ca-button--accent {
    color: #243D56 !important;
    border-color: #243D56 !important;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .ca-button--outline.ca-button-border-radius, .scenario-checkup__check button.ca-button-border-radius {
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none; }
    .ca-button--outline.ca-button-border-radius[disabled], .scenario-checkup__check button.ca-button-border-radius[disabled] {
      background: transparent !important;
      border-color: #8DBC24 !important;
      color: #8DBC24 !important;
      cursor: not-allowed !important; }
  .ca-button--outline.ca-button--white, .scenario-checkup__check button.ca-button--white {
    color: #FFF !important;
    border: 1px solid #FFF; }
    .ca-button--outline.ca-button--white:hover, .scenario-checkup__check button.ca-button--white:hover {
      color: #243D56 !important; }

.ca-button--fab {
  padding: 0; }
  .ca-button--fab .mdi, .ca-button--fab .ca-icon, .ca-button--fab .mdi-blog-news, .ca-button--fab .ca-modal .ca-modal__message > div.error:before, .ca-modal .ca-button--fab .ca-modal__message > div.error:before, .ca-button--fab .ca-modal .ca-modal__message > div.warning:before, .ca-modal .ca-button--fab .ca-modal__message > div.warning:before, .ca-button--fab .ca-modal .ca-modal__message > div.success:before, .ca-modal .ca-button--fab .ca-modal__message > div.success:before, .ca-button--fab .ca-modal .ca-modal__message > div.info:before, .ca-modal .ca-button--fab .ca-modal__message > div.info:before, .ca-button--fab .ca-pixel__message > div.error:before, .ca-button--fab .ca-pixel__message > div.warning:before, .ca-button--fab .ca-pixel__message > div.success:before, .ca-button--fab .ca-pixel__message > div.info:before, .ca-button--fab .mdi-funnel-1, .ca-button--fab .mdi-funnel-2, .ca-button--fab .mdi-funnel-3, .ca-button--fab .mdi-funnel-4, .ca-button--fab .mdi-funnel-5, .ca-button--fab .mdi-funnel-6, .ca-button--fab .mdi-funnel-7, .ca-button--fab .mdi-funnel-8, .ca-button--fab .mdi-funnel-9, .ca-button--fab .mdi-funnel-10, .ca-button--fab .mdi-funnel-11, .ca-button--fab .mdi-funnel-12, .ca-button--fab .mdi-funnel-13, .ca-button--fab .mdi-funnel-14, .ca-button--fab .mdi-funnel-15, .ca-button--fab .mdi-funnel-16, .ca-button--fab .mdi-funnel-17, .ca-button--fab .mdi-funnel-18, .ca-button--fab .mdi-funnel-19, .ca-button--fab .mdi-funnel-20, .ca-button--fab .mdi-funnel-21, .ca-button--fab .mdi-funnel-22, .ca-button--fab .mdi-funnel-23, .ca-button--fab .mdi-funnel-24, .ca-button--fab .mdi-funnel-25, .ca-button--fab .mdi-funnel-26, .ca-button--fab .mdi-funnel-27, .ca-button--fab .mdi-funnel-28, .ca-button--fab .mdi-funnel-29, .ca-button--fab .mdi-funnel-30, .ca-button--fab .mdi-funnel-31, .ca-button--fab .mdi-funnel-32, .ca-button--fab .mdi-funnel-33, .ca-button--fab .mdi-funnel-34, .ca-button--fab .mdi-funnel-35, .ca-button--fab .mdi-funnel-36, .ca-button--fab .mdi-funnel-37, .ca-button--fab .mdi-funnel-38, .ca-button--fab .mdi-funnel-39, .ca-button--fab .mdi-funnel-40, .ca-button--fab .mdi-funnel-41, .ca-button--fab .mdi-funnel-42 {
    line-height: 56px; }
  .ca-button--fab.ca-button--colour, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button.ca-button--fab {
    background: #8DBC24 !important; }
    .ca-button--fab.ca-button--colour:hover, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button.ca-button--fab:hover {
      background: #7da720 !important;
      color: #FFF !important; }
    .ca-button--fab.ca-button--colour[disabled], .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button.ca-button--fab[disabled] {
      background: rgba(141, 188, 36, 0.4) !important;
      color: #FFF !important;
      cursor: not-allowed !important; }

.ca-button--text {
  color: #8DBC24 !important; }
  .ca-button--text:hover {
    color: #7da720 !important; }
  .ca-button--text[disabled] {
    color: #FFF !important;
    cursor: not-allowed !important; }

.ca-button--cta, .ca-button--cta--accent, .ca-button--cta--secondary, .ca-button--cta--tertiary, .ca-button--cta--cancel, .ca-button--cta--outline-primary, .ca-button--cta--outline {
  background: #8DBC24;
  border: 0;
  border-radius: 3px;
  color: #FFF;
  font: normal 16px "Proxima Nova", Arial, sans-serif;
  height: 55px;
  line-height: 1;
  margin: auto;
  padding: 5px 65px; }
  .ca-button--cta[disabled], .ca-button--cta--accent[disabled], .ca-button--cta--secondary[disabled], .ca-button--cta--tertiary[disabled], .ca-button--cta--cancel[disabled], .ca-button--cta--outline-primary[disabled], .ca-button--cta--outline[disabled] {
    cursor: not-allowed !important; }
    .ca-button--cta[disabled] .ca-button-spinner, .ca-button--cta--accent[disabled] .ca-button-spinner, .ca-button--cta--secondary[disabled] .ca-button-spinner, .ca-button--cta--tertiary[disabled] .ca-button-spinner, .ca-button--cta--cancel[disabled] .ca-button-spinner, .ca-button--cta--outline-primary[disabled] .ca-button-spinner, .ca-button--cta--outline[disabled] .ca-button-spinner {
      margin-top: -14px;
      top: 10px; }
  .ca-button--cta:after, .ca-button--cta--accent:after, .ca-button--cta--secondary:after, .ca-button--cta--tertiary:after, .ca-button--cta--cancel:after, .ca-button--cta--outline-primary:after, .ca-button--cta--outline:after {
    color: inherit;
    font-size: 2.5em;
    padding: 5px 0;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -27.5px; }
  .ca-button--cta:hover, .ca-button--cta--accent:hover, .ca-button--cta--secondary:hover, .ca-button--cta--tertiary:hover, .ca-button--cta--cancel:hover, .ca-button--cta--outline-primary:hover, .ca-button--cta--outline:hover, .ca-button--cta:focus:not(:active), .ca-button--cta--accent:focus:not(:active), .ca-button--cta--secondary:focus:not(:active), .ca-button--cta--tertiary:focus:not(:active), .ca-button--cta--cancel:focus:not(:active), .ca-button--cta--outline-primary:focus:not(:active), .ca-button--cta--outline:focus:not(:active), .ca-button--cta:active, .ca-button--cta--accent:active, .ca-button--cta--secondary:active, .ca-button--cta--tertiary:active, .ca-button--cta--cancel:active, .ca-button--cta--outline-primary:active, .ca-button--cta--outline:active {
    background-color: #7da720;
    color: #FFF; }
  .ca-button--cta .icon, .ca-button--cta--accent .icon, .ca-button--cta--secondary .icon, .ca-button--cta--tertiary .icon, .ca-button--cta--cancel .icon, .ca-button--cta--outline-primary .icon, .ca-button--cta--outline .icon {
    margin-right: .25em;
    vertical-align: middle; }
  .ca-button--cta .mdl-ripple, .ca-button--cta--accent .mdl-ripple, .ca-button--cta--secondary .mdl-ripple, .ca-button--cta--tertiary .mdl-ripple, .ca-button--cta--cancel .mdl-ripple, .ca-button--cta--outline-primary .mdl-ripple, .ca-button--cta--outline .mdl-ripple {
    background: #ceea8f; }
  .ca-button--cta .ca-button-spinner, .ca-button--cta--accent .ca-button-spinner, .ca-button--cta--secondary .ca-button-spinner, .ca-button--cta--tertiary .ca-button-spinner, .ca-button--cta--cancel .ca-button-spinner, .ca-button--cta--outline-primary .ca-button-spinner, .ca-button--cta--outline .ca-button-spinner {
    margin-top: -14px;
    top: 10px; }
    .ca-button--cta .ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--accent .ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--secondary .ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--tertiary .ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--cancel .ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--outline-primary .ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--outline .ca-button-spinner .mdl-spinner__layer-1,
    .ca-button--cta .ca-button-spinner .mdl-spinner__layer-2,
    .ca-button--cta--accent .ca-button-spinner .mdl-spinner__layer-2,
    .ca-button--cta--secondary .ca-button-spinner .mdl-spinner__layer-2,
    .ca-button--cta--tertiary .ca-button-spinner .mdl-spinner__layer-2,
    .ca-button--cta--cancel .ca-button-spinner .mdl-spinner__layer-2,
    .ca-button--cta--outline-primary .ca-button-spinner .mdl-spinner__layer-2,
    .ca-button--cta--outline .ca-button-spinner .mdl-spinner__layer-2,
    .ca-button--cta .ca-button-spinner .mdl-spinner__layer-3,
    .ca-button--cta--accent .ca-button-spinner .mdl-spinner__layer-3,
    .ca-button--cta--secondary .ca-button-spinner .mdl-spinner__layer-3,
    .ca-button--cta--tertiary .ca-button-spinner .mdl-spinner__layer-3,
    .ca-button--cta--cancel .ca-button-spinner .mdl-spinner__layer-3,
    .ca-button--cta--outline-primary .ca-button-spinner .mdl-spinner__layer-3,
    .ca-button--cta--outline .ca-button-spinner .mdl-spinner__layer-3,
    .ca-button--cta .ca-button-spinner .mdl-spinner__layer-4,
    .ca-button--cta--accent .ca-button-spinner .mdl-spinner__layer-4,
    .ca-button--cta--secondary .ca-button-spinner .mdl-spinner__layer-4,
    .ca-button--cta--tertiary .ca-button-spinner .mdl-spinner__layer-4,
    .ca-button--cta--cancel .ca-button-spinner .mdl-spinner__layer-4,
    .ca-button--cta--outline-primary .ca-button-spinner .mdl-spinner__layer-4,
    .ca-button--cta--outline .ca-button-spinner .mdl-spinner__layer-4 {
      border-color: #FFF !important; }

.ca-button--cta--accent {
  background: #243D56; }
  .ca-button--cta--accent:hover {
    background: #1c3044;
    color: #FFF !important; }
  .ca-button--cta--accent[disabled] {
    background: rgba(36, 61, 86, 0.4) !important;
    color: #FFF !important; }

.ca-button--cta--secondary {
  background: #7a7a7a;
  color: #FFF !important; }
  .ca-button--cta--secondary:hover {
    background: #6d6d6d;
    color: #FFF !important; }
  .ca-button--cta--secondary[disabled] {
    background: rgba(122, 122, 122, 0.4) !important;
    color: #FFF !important; }
  .ca-button--cta--secondary .ca-button-spinner {
    margin-top: -14px;
    top: 7px; }
    .ca-button--cta--secondary .ca-button-spinner .mdl-spinner__layer-1,
    .ca-button--cta--secondary .ca-button-spinner .mdl-spinner__layer-2,
    .ca-button--cta--secondary .ca-button-spinner .mdl-spinner__layer-3,
    .ca-button--cta--secondary .ca-button-spinner .mdl-spinner__layer-4 {
      border-color: #FFF !important; }

.ca-button--cta--tertiary {
  background: #ff9800;
  color: #FFF !important; }
  .ca-button--cta--tertiary:hover {
    background: #d68000;
    color: #FFF !important; }
  .ca-button--cta--tertiary[disabled] {
    background: rgba(255, 152, 0, 0.4) !important;
    color: #FFF !important; }
  .ca-button--cta--tertiary .ca-button-spinner {
    margin-top: -14px;
    top: 7px; }
    .ca-button--cta--tertiary .ca-button-spinner .mdl-spinner__layer-1,
    .ca-button--cta--tertiary .ca-button-spinner .mdl-spinner__layer-2,
    .ca-button--cta--tertiary .ca-button-spinner .mdl-spinner__layer-3,
    .ca-button--cta--tertiary .ca-button-spinner .mdl-spinner__layer-4 {
      border-color: #FFF !important; }

.ca-button--cta--cancel {
  background: transparent;
  color: #243D56;
  font: normal 16px "Proxima Nova", Arial, sans-serif;
  padding: 5px 65px;
  text-decoration: none; }
  .ca-button--cta--cancel:hover, .ca-button--cta--cancel:focus:not(:active), .ca-button--cta--cancel:active {
    background: #f2f2f2;
    color: #1c3044; }
  .ca-button--cta--cancel[disabled] {
    background: transparent !important;
    color: #FFF !important;
    cursor: not-allowed !important; }

.ca-button--cta--outline-primary {
  background: transparent;
  border: 1px solid #8DBC24;
  color: #8DBC24; }
  .ca-button--cta--outline-primary:hover, .ca-button--cta--outline-primary:focus:not(:active), .ca-button--cta--outline-primary:active {
    background-color: #7da720;
    color: #FFF; }
  .ca-button--cta--outline-primary[disabled] {
    border: 1px solid #b9b9b9;
    background: transparent !important;
    color: #8DBC24 !important; }
    .ca-button--cta--outline-primary[disabled] .ca-button-spinner .mdl-spinner__layer-1,
    .ca-button--cta--outline-primary[disabled] .ca-button-spinner .mdl-spinner__layer-2,
    .ca-button--cta--outline-primary[disabled] .ca-button-spinner .mdl-spinner__layer-3,
    .ca-button--cta--outline-primary[disabled] .ca-button-spinner .mdl-spinner__layer-4 {
      border-color: #8DBC24 !important; }
  .ca-button--cta--outline-primary.ca-button--medium {
    height: 42px;
    line-height: 32px; }

.ca-button--cta--outline:hover, .ca-button--cta--outline:focus:not(:active), .ca-button--cta--outline:active {
  background-color: #7da720;
  color: #FFF; }

.ca-button--cta--outline[disabled] {
  border: 1px solid #b9b9b9;
  background: transparent !important;
  color: #8DBC24 !important; }
  .ca-button--cta--outline[disabled] .ca-button-spinner .mdl-spinner__layer-1,
  .ca-button--cta--outline[disabled] .ca-button-spinner .mdl-spinner__layer-2,
  .ca-button--cta--outline[disabled] .ca-button-spinner .mdl-spinner__layer-3,
  .ca-button--cta--outline[disabled] .ca-button-spinner .mdl-spinner__layer-4 {
    border-color: #8DBC24 !important; }

a.ca-button--cta, a.ca-button--cta--accent, a.ca-button--cta--secondary, a.ca-button--cta--tertiary, a.ca-button--cta--cancel, a.ca-button--cta--outline-primary, a.ca-button--cta--outline,
a.ca-button--cta--accent,
a.ca-button--cta--cancel,
a.ca-button--cta--outline,
a.ca-button--cta--secondary {
  line-height: 45px; }

.ca-button-spinner.ng-hide, .ca-button-spinner.ng-hide-add-active, .ca-button-spinner.ng-leave, .ca-button-spinner.ng-leave-active, .ca-button-spinner.ng-enter, .ca-button-spinner.ng-enter-active {
  display: none !important;
  -webkit-transition: none !important;
  transition: none !important; }

.ca-button--fieldalign {
  margin-top: .75em; }

.ca-button--center {
  display: inherit;
  margin-left: auto;
  margin-right: auto;
  width: auto; }

.ca-button--right {
  float: right; }
  .ca-button--right .ca-button-spinner {
    margin-right: 3px !important; }

.ca-button--tiny {
  line-height: 35px;
  height: 35px;
  padding: 0 30px;
  font-size: 14px; }
  @media (max-width: 1400px) {
    .ca-button--tiny {
      padding: 0 10px; } }

.ca-button--xsmall {
  padding-left: 20px;
  padding-right: 20px; }

.ca-button--small {
  width: 140px;
  padding-left: 0;
  padding-right: 0; }

.ca-button--medium {
  width: 220px;
  padding-left: 0;
  padding-right: 0; }

.ca-button--large {
  width: 270px;
  padding-left: 0;
  padding-right: 0; }

.ca-button--block {
  width: 100%;
  margin: 0;
  padding-left: 0;
  padding-right: 0; }

.ca-button-group .mdl-button:first-child, .ca-button-group .ca-button:first-child, .ca-button-group .ca-button--colour:first-child, .ca-button-group .ca-button--downgrade:first-child, .ca-button-group .ca-button--accent:first-child, .ca-button-group .ca-button--secondary:first-child, .ca-button-group .ca-button--tertiary:first-child, .ca-button-group .ca-button--outline:first-child, .ca-button-group .scenario-checkup__check button:first-child, .scenario-checkup__check .ca-button-group button:first-child, .ca-button-group .ca-button--fab:first-child, .ca-button-group .ca-button--cta:first-child, .ca-button-group .ca-button--cta--accent:first-child, .ca-button-group .ca-button--cta--secondary:first-child, .ca-button-group .ca-button--cta--tertiary:first-child, .ca-button-group .ca-button--cta--cancel:first-child, .ca-button-group .ca-button--cta--outline-primary:first-child, .ca-button-group .ca-button--cta--outline:first-child,
.ca-button-group .ca-button:first-child,
.ca-button-group .ca-button--colour:first-child,
.ca-button-group .ca-button--downgrade:first-child,
.ca-button-group .ca-button--accent:first-child,
.ca-button-group .ca-button--secondary:first-child,
.ca-button-group .ca-button--tertiary:first-child,
.ca-button-group .ca-button--outline:first-child,
.ca-button-group .scenario-checkup__check button:first-child,
.scenario-checkup__check .ca-button-group button:first-child,
.ca-button-group .ca-button--fab:first-child,
.ca-button-group .ca-button--cta:first-child,
.ca-button-group .ca-button--cta--accent:first-child,
.ca-button-group .ca-button--cta--secondary:first-child,
.ca-button-group .ca-button--cta--tertiary:first-child,
.ca-button-group .ca-button--cta--cancel:first-child,
.ca-button-group .ca-button--cta--outline-primary:first-child,
.ca-button-group .ca-button--cta--outline:first-child {
  margin-left: 0; }

.ca-button-group .mdl-button:last-child, .ca-button-group .ca-button:last-child, .ca-button-group .ca-button--colour:last-child, .ca-button-group .ca-button--downgrade:last-child, .ca-button-group .ca-button--accent:last-child, .ca-button-group .ca-button--secondary:last-child, .ca-button-group .ca-button--tertiary:last-child, .ca-button-group .ca-button--outline:last-child, .ca-button-group .scenario-checkup__check button:last-child, .scenario-checkup__check .ca-button-group button:last-child, .ca-button-group .ca-button--fab:last-child, .ca-button-group .ca-button--cta:last-child, .ca-button-group .ca-button--cta--accent:last-child, .ca-button-group .ca-button--cta--secondary:last-child, .ca-button-group .ca-button--cta--tertiary:last-child, .ca-button-group .ca-button--cta--cancel:last-child, .ca-button-group .ca-button--cta--outline-primary:last-child, .ca-button-group .ca-button--cta--outline:last-child,
.ca-button-group .ca-button:first-child,
.ca-button-group .ca-button--colour:first-child,
.ca-button-group .ca-button--downgrade:first-child,
.ca-button-group .ca-button--accent:first-child,
.ca-button-group .ca-button--secondary:first-child,
.ca-button-group .ca-button--tertiary:first-child,
.ca-button-group .ca-button--outline:first-child,
.ca-button-group .scenario-checkup__check button:first-child,
.scenario-checkup__check .ca-button-group button:first-child,
.ca-button-group .ca-button--fab:first-child,
.ca-button-group .ca-button--cta:first-child,
.ca-button-group .ca-button--cta--accent:first-child,
.ca-button-group .ca-button--cta--secondary:first-child,
.ca-button-group .ca-button--cta--tertiary:first-child,
.ca-button-group .ca-button--cta--cancel:first-child,
.ca-button-group .ca-button--cta--outline-primary:first-child,
.ca-button-group .ca-button--cta--outline:first-child {
  margin-right: 0; }

.ca-button--fieldalign {
  margin-top: 1em; }

.ca-button-aligned {
  padding: 10px; }

.action-link {
  font-size: 16px;
  color: #4B93D3;
  text-align: left;
  cursor: pointer;
  line-height: 1;
  border-bottom: 1px solid #D8E0E3;
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px; }

.button-link {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer; }
  .button-link .button-icon {
    margin-right: 4px; }

.card {
  color: #243D56;
  font-family: 'Proxima Nova', Arial, sans-serif; }
  .card h1 {
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 0;
    text-align: center; }
    .card h1.text-left {
      text-align: left; }
  .card h2 {
    font-size: 28px;
    font-weight: 700;
    margin-top: 4px; }
  .card h3 {
    text-align: center;
    margin-top: 0;
    padding-bottom: 0; }
  .card h3, .card p {
    font-size: 16px;
    line-height: 1.5;
    margin: 0; }

.controls__left, .controls__right {
  font-size: 14px;
  color: #243D56; }

.controls--row {
  margin: 25px 0; }
  .controls--row .controls__left,
  .controls--row .controls__right {
    padding: 0;
    margin: 0; }
    .controls--row .controls__left > li,
    .controls--row .controls__right > li {
      display: inline-block;
      list-style-type: none;
      padding: 0; }
  .controls--row .controls__left {
    float: left; }
    .controls--row .controls__left .cr-toggle-div {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      padding-left: 45px; }
      .controls--row .controls__left .cr-toggle-div span {
        padding: 0 10px 0 4px;
        color: #a5a5a5;
        font-weight: 600; }
      .controls--row .controls__left .cr-toggle-div .mdl-switch {
        top: 0;
        margin-right: 0; }
        .controls--row .controls__left .cr-toggle-div .mdl-switch .is-upgraded {
          padding-left: 22px !important; }
        .controls--row .controls__left .cr-toggle-div .mdl-switch .mdl-switch__track {
          height: 15px;
          border-radius: 50px;
          top: 4px;
          width: 31px; }
        .controls--row .controls__left .cr-toggle-div .mdl-switch .mdl-switch__thumb {
          height: 12px;
          top: 5px;
          width: 12px; }
      .controls--row .controls__left .cr-toggle-div .title-smart-cr {
        padding: 0px;
        color: #8DBC24;
        font-weight: 600; }
  .controls--row .controls__heading {
    font-size: 15px;
    margin-top: 10px; }
  .controls--row .controls__right {
    float: right !important; }
    .controls--row .controls__right.advanced-date-filter {
      cursor: pointer;
      color: #a7a7a7;
      font-size: 14px;
      font-weight: 600; }
      .controls--row .controls__right.advanced-date-filter li {
        margin-left: 10px !important; }
      .controls--row .controls__right.advanced-date-filter .selected-date-filter {
        color: #233c54; }
    .controls--row .controls__right .scenario-button-container button {
      margin: 0; }
  .controls--row::after {
    clear: both;
    display: table;
    content: " "; }

.controls__left > li {
  margin-right: 15px; }

.controls__right > li {
  margin-left: 15px; }

.controls__icon-lg {
  font-size: 29px;
  position: relative;
  top: 5px; }

.controls .mdl-switch {
  top: -1px;
  margin-right: 28px;
  width: auto; }

.controls .controls_strong {
  font-weight: 700; }

.ca-icon, .mdi-blog-news {
  font-family: 'convertize' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ca-images:before {
  content: "\e900"; }

.ca-height:before {
  content: "\e901"; }

.ca-width:before {
  content: "\e902"; }

.ca-mobile:before {
  content: "\e903"; }

.ca-tablet:before {
  content: "\e904"; }

.ca-desktop:before {
  content: "\e905"; }

.ca-all-devices:before {
  content: "\e906"; }

.ca-arrow:before {
  content: "\e907"; }

.ca-brain:before {
  content: "\e908"; }

.ca-head:before {
  content: "\e909"; }

.ca-assistant:before {
  content: "\e90a"; }

.ca-check:before, .subscription-plan-list-item:before {
  content: "\e90b"; }

.ca-lock:before {
  content: "\e90c"; }

.ca-calendar:before {
  content: "\e90d"; }

.ca-credit-card:before {
  content: "\e90e"; }

.ca-ab-mode:before {
  content: "\e90f"; }

.ca-geolocation:before {
  content: "\e910"; }

.ca-industry-finance:before {
  content: "\e911"; }

.ca-industry-news:before, .mdi-blog-news:before {
  content: "\e912"; }

.ca-industry-insurance:before {
  content: "\e913"; }

.ca-industry-travel:before {
  content: "\e914"; }

.ca-industry-events:before {
  content: "\e915"; }

.ca-industry-retail:before {
  content: "\e916"; }

.ca-industry-finance-white:before {
  content: "\e917"; }

.ca-industry-news-white:before {
  content: "\e918"; }

.ca-industry-insurance-white:before {
  content: "\e919"; }

.ca-industry-travel-white:before {
  content: "\e91a"; }

.ca-industry-events-white:before {
  content: "\e91b"; }

.ca-industry-retail-white:before {
  content: "\e91c"; }

.ca-maintenance:before {
  content: "\e91d"; }

.ca-play:before {
  content: "\e91e"; }

.ca-pause:before {
  content: "\e91f"; }

.ca-checkered-flag:before {
  content: "\e920"; }

.ca-exclaim:before {
  content: "\e921"; }

.ca-fire:before {
  content: "\e922"; }

.ca-recycle:before {
  content: "\e923"; }

.ca-tick:before {
  content: "\e924"; }

.ca-trophy:before {
  content: "\e925"; }

.ca-up-graph:before {
  content: "\e926"; }

.ca-target:before {
  content: "\e927"; }

.dashboard-notifications, .scenario-notifications {
  height: 90px;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 20px 0;
  position: relative; }
  .dashboard-notifications .notification-item, .scenario-notifications .notification-item {
    background: #FAFAFC;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #7a7a7a;
    color: #7a7a7a;
    cursor: default;
    display: block;
    opacity: 0.5;
    padding: 15px 30px 15px 50px;
    position: absolute;
    left: 200%;
    width: 95%;
    max-width: 530px;
    height: 100px;
    overflow: hidden;
    -webkit-transition: left 100ms;
    transition: left 100ms; }
    .dashboard-notifications .notification-item:first-child, .scenario-notifications .notification-item:first-child,
    .dashboard-notifications .notification-item.hide + .notification-item,
    .scenario-notifications .notification-item.hide + .notification-item {
      opacity: 1; }
    .dashboard-notifications .notification-item.hide, .scenario-notifications .notification-item.hide {
      display: none;
      z-index: -1; }
    .dashboard-notifications .notification-item--danger, .scenario-notifications .notification-item--danger {
      background: #fbecd6;
      border-color: #ff9800;
      color: #ff9800; }
    .dashboard-notifications .notification-item--warning, .scenario-notifications .notification-item--warning {
      background: #FCF8E3;
      border-color: #8A6D3B;
      color: #8A6D3B; }
    .dashboard-notifications .notification-item--success, .scenario-notifications .notification-item--success {
      background: #DFF0D8;
      border-color: #3C763D;
      color: #3C763D; }
    .dashboard-notifications .notification-item--info, .scenario-notifications .notification-item--info {
      background: #D9EDF7;
      border-color: #31708F;
      color: #31708F; }
  .dashboard-notifications.notifications--full-width .notification-item, .notifications--full-width.scenario-notifications .notification-item {
    width: 100%;
    height: 80px;
    position: initial;
    left: auto;
    max-width: 100%; }
    .dashboard-notifications.notifications--full-width .notification-item .notification-item-icon, .notifications--full-width.scenario-notifications .notification-item .notification-item-icon {
      top: 35px; }
  .dashboard-notifications .notification-item-title, .scenario-notifications .notification-item-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 .25em; }
  .dashboard-notifications .notification-item-text, .scenario-notifications .notification-item-text {
    font-size: 13px;
    line-height: 1.25;
    margin: 0;
    color: #7a7a7a; }
    .dashboard-notifications .notification-item-text a, .scenario-notifications .notification-item-text a {
      border-bottom: 1px dotted inherit;
      color: inherit;
      font-weight: bold; }
      .dashboard-notifications .notification-item-text a.blue-link, .scenario-notifications .notification-item-text a.blue-link {
        color: #4B93D3;
        font-weight: 600; }
  .dashboard-notifications .notification-item-icon, .scenario-notifications .notification-item-icon {
    font-size: 24px;
    position: absolute;
    left: 15px;
    top: 15px; }
  .dashboard-notifications .notification-item-close, .scenario-notifications .notification-item-close {
    color: inherit !important;
    font-size: 18px;
    position: absolute;
    right: 10px;
    top: 10px; }

.dump {
  position: absolute;
  background: #243D56;
  top: 0;
  max-height: 360px;
  margin: 0;
  left: 0;
  right: 0;
  z-index: 99; }
  .dump .obj-controller {
    cursor: pointer; }
    .dump .obj-controller:before {
      content: attr(data-open);
      border: 1px solid #ccc;
      width: 20px;
      height: 20px;
      padding: 0 5px;
      margin-right: 5px; }
  .dump .obj-content {
    line-height: 15px;
    display: none; }
    .dump .obj-content.open {
      display: block;
      margin: -10px 0 -10px 15px; }
  .dump .resizer {
    width: 100%;
    height: 4px;
    cursor: ns-resize;
    background-color: #243D56; }
  .dump[position="left"] {
    top: 0;
    width: 360px;
    left: 0;
    right: auto;
    max-height: 100%;
    overflow: hidden; }
    .dump[position="left"] main {
      height: calc(100% - 20px);
      max-height: calc(100% - 20px); }
    .dump[position="left"].open {
      bottom: 0; }
  .dump[position="right"] {
    top: 0;
    width: 360px;
    right: 0;
    left: auto;
    max-height: 100%;
    overflow: hidden; }
    .dump[position="right"].minify {
      bottom: 0;
      right: 0;
      top: auto;
      left: auto; }
    .dump[position="right"].open {
      bottom: 0; }
    .dump[position="right"] main {
      height: calc(100% - 20px);
      max-height: calc(100% - 20px); }
  .dump[position="bottom"] {
    top: initial;
    max-height: 360px;
    right: 0;
    left: auto;
    width: 100%;
    overflow: hidden;
    bottom: 0; }
    .dump[position="bottom"].open {
      bottom: 0; }
    .dump[position="bottom"] main {
      height: calc(360*1px - 20px);
      max-height: calc(360*1px - 20px); }
  .dump header {
    cursor: pointer;
    background: 360px;
    border-bottom: 1px solid grey;
    padding: 0 15px;
    height: 40px; }
    .dump header h3 {
      color: #FFF;
      font-size: 14px;
      margin: 0;
      line-height: 40px; }
  .dump .close {
    position: absolute;
    color: #fff;
    right: 20px;
    top: 1px;
    font-size: 25px;
    line-height: 40px; }
  .dump main {
    display: none;
    max-height: 340px;
    background-color: #FFF;
    padding: 0 15px;
    overflow: auto;
    border-bottom: 1px solid #b9b9b9;
    -webkit-box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.2); }
    .dump main .string {
      color: olive; }
    .dump main .number {
      color: darkorange; }
    .dump main .boolean {
      color: navy; }
    .dump main .null {
      color: magenta; }
    .dump main .key {
      color: brown; }
    .dump main .undefined {
      color: purple; }
  .dump.open main {
    display: block; }
  .dump.minify {
    bottom: 0;
    left: 0;
    top: auto;
    right: auto;
    width: 40px;
    height: 40px; }
    .dump.minify h3 {
      display: none; }
    .dump.minify i.close {
      height: 40px;
      width: 40px;
      left: 0;
      right: 0;
      text-align: center; }

#duration-simulator-modal {
  max-height: 95%;
  min-width: initial;
  max-width: 800px;
  width: 800px; }
  #duration-simulator-modal .ca-modal__body {
    padding: 30px 30px 5px 30px;
    min-height: 426px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

.duration-simulator {
  padding: 0 50px; }

.chart-container .axis path,
.chart-container .axis line {
  fill: none;
  stroke: #cbcbcb;
  stroke-width: 2px;
  shape-rendering: crispEdges; }

.chart-container .area {
  fill: #f0f0f0;
  stroke-width: 0; }

.chart-container .chart-line {
  fill: #eaf8e9;
  stroke: #8cb637;
  stroke-width: 2px; }

.chart-container .chart-line-cut {
  fill: none;
  stroke: #878787;
  stroke-width: 2px; }

.chart-container .line-cut {
  stroke: #91a585;
  stroke-dasharray: 5,2;
  stroke-width: 1px; }

.chart-container .text-primary {
  font-size: 45px;
  fill: #8cb637; }

.chart-container .text-secondary {
  font-size: 15px;
  fill: #8cb637; }

.chart-controls {
  padding: 5px 10px 0;
  margin: 0 0 10px;
  background-color: #FAFAFC;
  border: 1px solid #b9b9b9; }
  .chart-controls p {
    font-size: 15px !important; }
  .chart-controls label {
    font-size: 14px;
    font-weight: 600;
    position: relative;
    top: -2px; }
  .chart-controls .mdl-slider__container {
    width: calc(100% + 30px);
    left: -15px; }
  .chart-controls .big {
    font-weight: 600;
    font-size: 32px;
    position: relative;
    top: -10px;
    line-height: 1; }
    .chart-controls .big.highlight {
      color: #ff9800; }

#results-activity-list-modal .ca-modal__body {
  padding: 5px 30px 5px 30px;
  height: 400px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto; }
  #results-activity-list-modal .ca-modal__body table {
    padding: 10px;
    text-align: left;
    border-collapse: collapse;
    border-spacing: 1em; }
    #results-activity-list-modal .ca-modal__body table thead tr {
      border-bottom: 2px solid black !important; }
    #results-activity-list-modal .ca-modal__body table thead tr th, #results-activity-list-modal .ca-modal__body table tbody tr td {
      padding: 5px 10px 5px 10px; }
      #results-activity-list-modal .ca-modal__body table thead tr th .activity-time-span, #results-activity-list-modal .ca-modal__body table tbody tr td .activity-time-span {
        color: #a4a4a4;
        font-size: 14px;
        font-weight: normal !important; }
      #results-activity-list-modal .ca-modal__body table thead tr th .activity-desc, #results-activity-list-modal .ca-modal__body table tbody tr td .activity-desc {
        font-weight: bold; }
        #results-activity-list-modal .ca-modal__body table thead tr th .activity-desc .variation-name, #results-activity-list-modal .ca-modal__body table tbody tr td .activity-desc .variation-name {
          font-weight: normal !important; }
    #results-activity-list-modal .ca-modal__body table .row {
      border-bottom: 1px solid #dddddd !important; }
    #results-activity-list-modal .ca-modal__body table .annotation-list-item {
      list-style: none; }
      #results-activity-list-modal .ca-modal__body table .annotation-list-item li {
        padding-left: 10px !important; }
        #results-activity-list-modal .ca-modal__body table .annotation-list-item li::before {
          content: none; }

/**
 * Trumbowyg v2.5.1 - A lightweight WYSIWYG editor
 * Default stylesheet for Trumbowyg editor
 * ------------------------
 * @link http://alex-d.github.io/Trumbowyg
 * @license MIT
 * @author Alexandre Demode (Alex-D)
 *         Twitter : @AlexandreDemode
 *         Website : alex-d.fr
 */
#trumbowyg-icons {
  overflow: hidden;
  visibility: hidden;
  height: 0;
  width: 0; }
  #trumbowyg-icons svg {
    height: 0;
    width: 0; }

.trumbowyg-box *,
.trumbowyg-box *::before,
.trumbowyg-box *::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.trumbowyg-box svg {
  width: 17px;
  height: 100%;
  fill: #222; }

.trumbowyg-box,
.trumbowyg-editor {
  display: block;
  position: relative;
  border: 1px solid #DDD;
  width: 100%;
  min-height: 300px;
  margin: 5px auto; }

.trumbowyg-box .trumbowyg-editor {
  margin: 0 auto; }

.trumbowyg-box.trumbowyg-fullscreen {
  background: #FEFEFE;
  border: none !important; }

.trumbowyg-editor,
.trumbowyg-textarea {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  min-height: 300px;
  width: 100%;
  border-style: none;
  resize: none;
  outline: none;
  overflow: auto; }

.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before {
  color: transparent !important;
  text-shadow: 0 0 7px #333; }
  @media screen and (min-width: 0 \0 ) {
    .trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before {
      color: rgba(200, 200, 200, 0.6) !important; } }
  @supports (-ms-accelerator: true) {
    .trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before {
      color: rgba(200, 200, 200, 0.6) !important; } }

.trumbowyg-box-blur .trumbowyg-editor img,
.trumbowyg-box-blur .trumbowyg-editor hr {
  opacity: 0.2; }

.trumbowyg-textarea {
  position: relative;
  display: block;
  overflow: auto;
  border: none;
  white-space: normal;
  font-size: 14px;
  font-family: "Inconsolata", "Consolas", "Courier", "Courier New", sans-serif;
  line-height: 18px; }

.trumbowyg-box.trumbowyg-editor-visible .trumbowyg-textarea {
  height: 1px !important;
  width: 25%;
  min-height: 0 !important;
  padding: 0 !important;
  background: none;
  opacity: 0 !important; }

.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-textarea {
  display: block; }

.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-editor {
  display: none; }

.trumbowyg-box.trumbowyg-disabled .trumbowyg-textarea {
  opacity: 0.8;
  background: none; }

.trumbowyg-editor[contenteditable=true]:empty:not(:focus)::before {
  content: attr(placeholder);
  color: #999;
  pointer-events: none; }

.trumbowyg-button-pane {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
  min-height: 36px;
  background: #ecf0f1;
  border-bottom: 1px solid #d7e0e2;
  margin: 0;
  padding: 0 5px;
  list-style-type: none;
  line-height: 10px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
  .trumbowyg-button-pane::after {
    content: " ";
    display: block;
    position: absolute;
    top: 36px;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: #d7e0e2; }
  .trumbowyg-button-pane .trumbowyg-button-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; }
    .trumbowyg-button-pane .trumbowyg-button-group .trumbowyg-fullscreen-button svg {
      color: transparent; }
    .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) + .trumbowyg-button-group::before {
      content: " ";
      display: block;
      width: 1px;
      background: #d7e0e2;
      margin: 0 5px;
      height: 35px; }
  .trumbowyg-button-pane button {
    display: block;
    position: relative;
    width: 35px;
    height: 35px;
    padding: 1px 6px !important;
    margin-bottom: 1px;
    overflow: hidden;
    border: none;
    cursor: pointer;
    background: none;
    -webkit-transition: background-color 150ms, opacity 150ms;
    transition: background-color 150ms, opacity 150ms; }
    .trumbowyg-button-pane button.trumbowyg-textual-button {
      width: auto;
      line-height: 35px; }
  .trumbowyg-button-pane.trumbowyg-disable button:not(.trumbowyg-not-disable):not(.trumbowyg-active),
  .trumbowyg-disabled .trumbowyg-button-pane button:not(.trumbowyg-not-disable):not(.trumbowyg-viewHTML-button) {
    opacity: 0.2;
    cursor: default; }
  .trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::before,
  .trumbowyg-disabled .trumbowyg-button-pane .trumbowyg-button-group::before {
    background: #e3e9eb; }
  .trumbowyg-button-pane button:not(.trumbowyg-disable):hover,
  .trumbowyg-button-pane button:not(.trumbowyg-disable):focus,
  .trumbowyg-button-pane button.trumbowyg-active {
    background-color: #FFF;
    outline: none; }
  .trumbowyg-button-pane .trumbowyg-open-dropdown::after {
    display: block;
    content: " ";
    position: absolute;
    top: 25px;
    right: 3px;
    height: 0;
    width: 0;
    border: 3px solid transparent;
    border-top-color: #555; }
  .trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button {
    padding-left: 10px !important;
    padding-right: 18px !important; }
    .trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button::after {
      top: 17px;
      right: 7px; }
  .trumbowyg-button-pane .trumbowyg-right {
    margin-left: auto; }
    .trumbowyg-button-pane .trumbowyg-right::before {
      display: none !important; }

.trumbowyg-dropdown {
  width: 200px;
  border: 1px solid #ecf0f1;
  padding: 5px 0;
  border-top: none;
  background: #FFF;
  margin-left: -1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 3px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 3px; }
  .trumbowyg-dropdown button {
    display: block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    background: #FFF;
    padding: 0 10px;
    color: #333 !important;
    border: none;
    cursor: pointer;
    text-align: left;
    font-size: 15px;
    -webkit-transition: all 150ms;
    transition: all 150ms; }
    .trumbowyg-dropdown button:hover, .trumbowyg-dropdown button:focus {
      background: #ecf0f1; }
    .trumbowyg-dropdown button svg {
      float: left;
      margin-right: 14px; }

/* Modal box */
.trumbowyg-modal {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  max-width: 520px;
  width: 100%;
  height: 350px;
  z-index: 11;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.trumbowyg-modal-box {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  max-width: 500px;
  width: calc(100% - 20px);
  padding-bottom: 45px;
  z-index: 1;
  background-color: #FFF;
  text-align: center;
  font-size: 14px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 3px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 3px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
  .trumbowyg-modal-box .trumbowyg-modal-title {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 20px;
    padding: 15px 0 13px;
    display: block;
    border-bottom: 1px solid #EEE;
    color: #333;
    background: #fbfcfc; }
  .trumbowyg-modal-box .trumbowyg-progress {
    width: 100%;
    height: 3px;
    position: absolute;
    top: 58px; }
    .trumbowyg-modal-box .trumbowyg-progress .trumbowyg-progress-bar {
      background: #2BC06A;
      height: 100%;
      -webkit-transition: width 150ms linear;
      transition: width 150ms linear; }
  .trumbowyg-modal-box label {
    display: block;
    position: relative;
    margin: 15px 12px;
    height: 29px;
    line-height: 29px;
    overflow: hidden; }
    .trumbowyg-modal-box label .trumbowyg-input-infos {
      display: block;
      text-align: left;
      height: 25px;
      line-height: 25px;
      -webkit-transition: all 150ms;
      transition: all 150ms; }
      .trumbowyg-modal-box label .trumbowyg-input-infos span {
        display: block;
        color: #69878f;
        background-color: #fbfcfc;
        border: 1px solid #DEDEDE;
        padding: 0 7px;
        width: 150px; }
      .trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error {
        color: #e74c3c; }
    .trumbowyg-modal-box label.trumbowyg-input-error input,
    .trumbowyg-modal-box label.trumbowyg-input-error textarea {
      border: 1px solid #e74c3c; }
    .trumbowyg-modal-box label.trumbowyg-input-error .trumbowyg-input-infos {
      margin-top: -27px; }
    .trumbowyg-modal-box label input {
      position: absolute;
      top: 0;
      right: 0;
      height: 27px;
      line-height: 27px;
      border: 1px solid #DEDEDE;
      background: #fff;
      font-size: 14px;
      max-width: 330px;
      width: 70%;
      padding: 0 7px;
      -webkit-transition: all 150ms;
      transition: all 150ms; }
      .trumbowyg-modal-box label input:hover, .trumbowyg-modal-box label input:focus {
        outline: none;
        border: 1px solid #95a5a6; }
      .trumbowyg-modal-box label input:focus {
        background: #fbfcfc; }
  .trumbowyg-modal-box .error {
    margin-top: 25px;
    display: block;
    color: red; }
  .trumbowyg-modal-box .trumbowyg-modal-button {
    position: absolute;
    bottom: 10px;
    right: 0;
    text-decoration: none;
    color: #FFF;
    display: block;
    width: 100px;
    height: 35px;
    line-height: 33px;
    margin: 0 10px;
    background-color: #333;
    border: none;
    cursor: pointer;
    font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
    font-size: 16px;
    -webkit-transition: all 150ms;
    transition: all 150ms; }
    .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit {
      right: 110px;
      background: #2bc06a; }
      .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus {
        background: #40d47e;
        outline: none; }
      .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active {
        background: #25a25a; }
    .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset {
      color: #555;
      background: #e6e6e6; }
      .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus {
        background: #fbfbfb;
        outline: none; }
      .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active {
        background: #d5d5d5; }

.trumbowyg-overlay {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  left: 0;
  display: none;
  z-index: 10; }

/**
 * Fullscreen
 */
body.trumbowyg-body-fullscreen {
  overflow: hidden; }

.trumbowyg-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: 99999; }
  .trumbowyg-fullscreen.trumbowyg-box,
  .trumbowyg-fullscreen .trumbowyg-editor {
    border: none; }
  .trumbowyg-fullscreen .trumbowyg-editor,
  .trumbowyg-fullscreen .trumbowyg-textarea {
    height: calc(100% - 37px) !important;
    overflow: auto; }
  .trumbowyg-fullscreen .trumbowyg-overlay {
    height: 100% !important; }
  .trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg {
    color: #222;
    fill: transparent; }

.trumbowyg-editor {
  /*
     * lset for resetCss option
     */ }
  .trumbowyg-editor object,
  .trumbowyg-editor embed,
  .trumbowyg-editor video,
  .trumbowyg-editor img {
    max-width: 100%; }
  .trumbowyg-editor video,
  .trumbowyg-editor img {
    height: auto; }
  .trumbowyg-editor img {
    cursor: move; }
  .trumbowyg-editor.trumbowyg-reset-css {
    background: #FEFEFE !important;
    font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.45em !important;
    white-space: normal !important;
    color: #333; }
    .trumbowyg-editor.trumbowyg-reset-css a {
      color: #15c !important;
      text-decoration: underline !important; }
    .trumbowyg-editor.trumbowyg-reset-css div,
    .trumbowyg-editor.trumbowyg-reset-css p,
    .trumbowyg-editor.trumbowyg-reset-css ul,
    .trumbowyg-editor.trumbowyg-reset-css ol,
    .trumbowyg-editor.trumbowyg-reset-css blockquote {
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      background: none !important;
      margin: 0 !important;
      margin-bottom: 15px !important;
      line-height: 1.4em !important;
      font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif !important;
      font-size: 14px !important;
      border: none; }
    .trumbowyg-editor.trumbowyg-reset-css iframe,
    .trumbowyg-editor.trumbowyg-reset-css object,
    .trumbowyg-editor.trumbowyg-reset-css hr {
      margin-bottom: 15px !important; }
    .trumbowyg-editor.trumbowyg-reset-css blockquote {
      margin-left: 32px !important;
      font-style: italic !important;
      color: #555; }
    .trumbowyg-editor.trumbowyg-reset-css ul,
    .trumbowyg-editor.trumbowyg-reset-css ol {
      padding-left: 20px !important; }
    .trumbowyg-editor.trumbowyg-reset-css ul ul,
    .trumbowyg-editor.trumbowyg-reset-css ol ol,
    .trumbowyg-editor.trumbowyg-reset-css ul ol,
    .trumbowyg-editor.trumbowyg-reset-css ol ul {
      border: none;
      margin: 2px !important;
      padding: 0 !important;
      padding-left: 24px !important; }
    .trumbowyg-editor.trumbowyg-reset-css hr {
      display: block;
      height: 1px;
      border: none;
      border-top: 1px solid #CCC; }
    .trumbowyg-editor.trumbowyg-reset-css h1,
    .trumbowyg-editor.trumbowyg-reset-css h2,
    .trumbowyg-editor.trumbowyg-reset-css h3,
    .trumbowyg-editor.trumbowyg-reset-css h4 {
      color: #111;
      background: none;
      margin: 0 !important;
      padding: 0 !important;
      font-weight: bold; }
    .trumbowyg-editor.trumbowyg-reset-css h1 {
      font-size: 32px !important;
      line-height: 38px !important;
      margin-bottom: 20px !important; }
    .trumbowyg-editor.trumbowyg-reset-css h2 {
      font-size: 26px !important;
      line-height: 34px !important;
      margin-bottom: 15px !important; }
    .trumbowyg-editor.trumbowyg-reset-css h3 {
      font-size: 22px !important;
      line-height: 28px !important;
      margin-bottom: 7px !important; }
    .trumbowyg-editor.trumbowyg-reset-css h4 {
      font-size: 16px !important;
      line-height: 22px !important;
      margin-bottom: 7px !important; }

/*
 * Dark theme
 */
.trumbowyg-dark .trumbowyg-textarea {
  background: #111;
  color: #ddd; }

.trumbowyg-dark .trumbowyg-box {
  border: 1px solid #343434; }
  .trumbowyg-dark .trumbowyg-box.trumbowyg-fullscreen {
    background: #111; }
  .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before {
    text-shadow: 0 0 7px #ccc; }
    @media screen and (min-width: 0 \0 ) {
      .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before {
        color: rgba(20, 20, 20, 0.6) !important; } }
    @supports (-ms-accelerator: true) {
      .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before {
        color: rgba(20, 20, 20, 0.6) !important; } }
  .trumbowyg-dark .trumbowyg-box svg {
    fill: #ecf0f1;
    color: #ecf0f1; }

.trumbowyg-dark .trumbowyg-button-pane {
  background-color: #222;
  border-bottom-color: #343434; }
  .trumbowyg-dark .trumbowyg-button-pane::after {
    background: #343434; }
  .trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty)::before {
    background-color: #343434; }
  .trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) .trumbowyg-fullscreen-button svg {
    color: transparent; }
  .trumbowyg-dark .trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::before {
    background-color: #2a2a2a; }
  .trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):hover,
  .trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):focus,
  .trumbowyg-dark .trumbowyg-button-pane button.trumbowyg-active {
    background-color: #333; }
  .trumbowyg-dark .trumbowyg-button-pane .trumbowyg-open-dropdown::after {
    border-top-color: #fff; }

.trumbowyg-dark .trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg {
  color: #ecf0f1;
  fill: transparent; }

.trumbowyg-dark .trumbowyg-dropdown {
  border-color: #222;
  background: #333;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 2px 3px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 2px 3px; }
  .trumbowyg-dark .trumbowyg-dropdown button {
    background: #333;
    color: #fff !important; }
    .trumbowyg-dark .trumbowyg-dropdown button:hover, .trumbowyg-dark .trumbowyg-dropdown button:focus {
      background: #222; }

.trumbowyg-dark .trumbowyg-modal-box {
  background-color: #222; }
  .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-title {
    border-bottom: 1px solid #555;
    color: #fff;
    background: #3c3c3c; }
  .trumbowyg-dark .trumbowyg-modal-box label {
    display: block;
    position: relative;
    margin: 15px 12px;
    height: 27px;
    line-height: 27px;
    overflow: hidden; }
    .trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span {
      color: #eee;
      background-color: #2f2f2f;
      border-color: #222; }
    .trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error {
      color: #e74c3c; }
    .trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error input,
    .trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error textarea {
      border-color: #e74c3c; }
    .trumbowyg-dark .trumbowyg-modal-box label input {
      border-color: #222;
      color: #eee;
      background: #333; }
      .trumbowyg-dark .trumbowyg-modal-box label input:hover, .trumbowyg-dark .trumbowyg-modal-box label input:focus {
        border-color: #626262; }
      .trumbowyg-dark .trumbowyg-modal-box label input:focus {
        background-color: #2f2f2f; }
  .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit {
    background: #1b7943; }
    .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover, .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus {
      background: #25a25a; }
    .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active {
      background: #176437; }
  .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset {
    background: #333;
    color: #ccc; }
    .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover, .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus {
      background: #444; }
    .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active {
      background: #111; }

.trumbowyg-dark .trumbowyg-overlay {
  background-color: rgba(15, 15, 15, 0.6); }

/**
 * Trumbowyg v2.5.1 - A lightweight WYSIWYG editor
 * Default stylesheet for Trumbowyg editor
 * ------------------------
 * @link http://alex-d.github.io/Trumbowyg
 * @license MIT
 * @author Alexandre Demode (Alex-D)
 *         Twitter : @AlexandreDemode
 *         Website : alex-d.fr
 */
.trumbowyg-dropdown-foreColor,
.trumbowyg-dropdown-backColor {
  width: 300px;
  padding: 7px 5px; }
  .trumbowyg-dropdown-foreColor svg,
  .trumbowyg-dropdown-backColor svg {
    display: none !important; }
  .trumbowyg-dropdown-foreColor button,
  .trumbowyg-dropdown-backColor button {
    display: block;
    position: relative;
    float: left;
    text-indent: -9999px;
    height: 20px;
    width: 20px;
    border: 1px solid #333;
    padding: 0;
    margin: 2px; }
    .trumbowyg-dropdown-foreColor button:hover::after, .trumbowyg-dropdown-foreColor button:focus::after,
    .trumbowyg-dropdown-backColor button:hover::after,
    .trumbowyg-dropdown-backColor button:focus::after {
      content: " ";
      display: block;
      position: absolute;
      top: -5px;
      left: -5px;
      height: 27px;
      width: 27px;
      background: inherit;
      border: 1px solid #FFF;
      -webkit-box-shadow: #000 0 0 2px;
      box-shadow: #000 0 0 2px;
      z-index: 10; }

/**
 * Trumbowyg v2.5.1 - A lightweight WYSIWYG editor
 * Default stylesheet for Trumbowyg editor
 * ------------------------
 * @link http://alex-d.github.io/Trumbowyg
 * @license MIT
 * @author Alexandre Demode (Alex-D)
 *         Twitter : @AlexandreDemode
 *         Website : alex-d.fr
 */
/**
 * Trumbowyg v2.5.1 - A lightweight WYSIWYG editor
 * Default stylesheet for Trumbowyg editor
 * ------------------------
 * @link http://alex-d.github.io/Trumbowyg
 * @license MIT
 * @author Alexandre Demode (Alex-D)
 *         Twitter : @AlexandreDemode
 *         Website : alex-d.fr
 */
.trumbowyg-icons-button:after {
  top: 15px !important;
  right: 6px !important; }

.trumbowyg-icons-button.trumbowyg-active, .trumbowyg-icons-button:hover {
  background-color: transparent !important; }

.trumbowyg-dropdown-icons {
  width: 266px;
  padding: 8px;
  z-index: 2;
  height: 205px;
  overflow-y: scroll; }
  .trumbowyg-dropdown-icons svg {
    display: none !important; }
  .trumbowyg-dropdown-icons button {
    height: 60px;
    width: 60px;
    float: left;
    border: 1px solid #e0e0e0;
    text-indent: -9999px;
    margin: 1px;
    position: relative;
    overflow: hidden; }
    .trumbowyg-dropdown-icons button:hover, .trumbowyg-dropdown-icons button:focus {
      background-color: #fff;
      z-index: 1;
      -webkit-box-shadow: 0 0 15px 4px rgba(165, 165, 165, 0.66);
      box-shadow: 0 0 15px 4px rgba(165, 165, 165, 0.66); }
    .trumbowyg-dropdown-icons button.active {
      border: 2px solid #8DBC26;
      border-radius: 2px; }
      .trumbowyg-dropdown-icons button.active:before {
        content: '';
        width: 26px;
        height: 26px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: -13px;
        right: -13px;
        background-color: #8DBC26; }
      .trumbowyg-dropdown-icons button.active:after {
        content: '';
        width: 10px;
        height: 10px;
        top: 0;
        position: absolute;
        right: -1px;
        background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K") no-repeat 50% 50%; }

.angular-ui-tree-empty, .angular-ui-tree-dropzone {
  border: 1px dashed #bbb;
  min-height: 100px;
  background-color: #e5e5e5;
  background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
  background-size: 60px 60px;
  background-position: 0 0, 30px 30px; }

.angular-ui-tree-empty {
  pointer-events: none; }

.angular-ui-tree-nodes {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none; }

.angular-ui-tree-nodes .angular-ui-tree-nodes {
  padding-left: 20px; }

.angular-ui-tree-node, .angular-ui-tree-placeholder {
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 20px;
  line-height: 20px; }

.angular-ui-tree-hidden {
  display: none; }

.angular-ui-tree-placeholder {
  margin: 10px;
  padding: 0;
  min-height: 30px; }

.angular-ui-tree-handle {
  cursor: move;
  text-decoration: none;
  font-weight: bold;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 20px;
  line-height: 20px; }

.angular-ui-tree-drag {
  position: absolute;
  pointer-events: none;
  z-index: 999;
  opacity: .8; }

.angular-ui-tree-drag .tree-node-content {
  margin-top: 0; }

/**
 * WARNING!
 * This file is also used by Shopify.
 * Modifications may change UI of the integration.
 */
/*
 *  Bootstrap Color Picker Sliders - v3.0.1
 *
 *  Bootstrap 3 optimized responsive color selector with HSV, HSL, RGB and CIE-Lch (which supports human perceived lightness) selectors and color swatches.
 *  http://www.virtuosoft.eu/code/bootstrap-colorpickersliders/
 *
 *  Made by István Ujj-Mészáros
 *  Under Apache License v2.0 License
 *
 *  Requirements:  *
 *      TinyColor: https://github.com/bgrins/TinyColor/
 *
 *  Using color math algorithms from EasyRGB Web site:/
 *      http://www.easyrgb.com/index.php?X=MATH */
.cp-container {
  width: auto;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.cp-container .cp-transparency,
.cp-container .cp-swatches .cp-swatch {
  background: url(data:image/gif;base64,R0lGODlhBgAGAIABAMPDw////yH5BAEKAAEALAAAAAAGAAYAAAIKhIMGGMrs0pGgAAA7) repeat; }

.cp-container .cp-slider,
.cp-container .cp-preview {
  width: auto;
  height: 26px;
  border: 1px solid #dadada;
  margin: 0 4px;
  margin-bottom: 5pt;
  position: relative; }

.cp-container .cp-hsvpanel {
  width: auto;
  height: auto;
  border: none;
  margin-right: -6px; }

.cp-container .cp-hsvpanel .cp-hsvpanel-sv,
.cp-container .cp-hsvpanel .cp-hsvpanel-h,
.cp-container .cp-hsvpanel .cp-hsvpanel-a {
  border: 1px solid #dadada;
  display: inline-block;
  position: relative;
  margin: 0 8px 0 4px; }

.cp-container .cp-hsvpanel .cp-hsvpanel-sv {
  width: 122px;
  height: 122px;
  cursor: default; }

.cp-container .cp-hsvpanel .cp-hsvpanel-h,
.cp-container .cp-hsvpanel .cp-hsvpanel-a {
  width: 30px;
  height: 122px;
  cursor: ns-resize; }

.cp-container.cp-container-sm .cp-hsvpanel .cp-hsvpanel-h,
.cp-container.cp-container-sm .cp-hsvpanel .cp-hsvpanel-a {
  width: 27px; }

.cp-container .cp-hsvpanel .cp-hsvpanel-h {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmYwMDAwIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmMDAiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjE2Njk5OTk5OTk5OTk5OTk4Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwZmYwMCIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMzMyOTk5OTk5OTk5OTk5OTYiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDBmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC41Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwMDBmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNjY3Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmMDBmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuODMzIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(16.7%, #ffff00), color-stop(33.3%, #00ff00), color-stop(50%, #00ffff), color-stop(66.7%, #0000ff), color-stop(83.3%, #ff00ff), to(#ff0000));
  background-image: linear-gradient(to bottom, #ff0000 0%, #ffff00 16.7%, #00ff00 33.3%, #00ffff 50%, #0000ff 66.7%, #ff00ff 83.3%, #ff0000 100%); }

.cp-container .cp-hsvpanel .cp-hsvpanel-a span,
.cp-container .cp-hsvpanel .cp-hsvpanel-sv span {
  display: block;
  width: 100%;
  height: 100%; }

.cp-container .cp-hsvpanel .cp-hsvpanel-sv span {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjEwMCUiIHgyPSIwJSIgeTI9IjAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==), url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
  background-image: -webkit-gradient(linear, left bottom, left top, from(black), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to top, black 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%); }

.cp-container .cp-slider {
  cursor: ew-resize;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.cp-container .cp-preview {
  height: 39px; }

.cp-container .cp-slider span,
.cp-container .cp-preview input {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  font-family: sans-serif;
  line-height: 26px;
  font-size: 14px; }

.cp-container .cp-preview input {
  line-height: 39px;
  padding: 0;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 0;
  background: none; }

.cp-container .cp-marker {
  position: absolute;
  display: block;
  width: 11px;
  height: 10px;
  margin-left: -5px;
  top: -2px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAMAAABVLlSxAAAAtFBMVEUAAAB1dXVsbGxwcHBqampoaGj+/v7r6+vw8PBmZmb6+vp/f39kZGTh4eGxsbHT09NlZWXX19dgYGBfX1/W1tb7+/vx8fHZ2dna2tqBgYFnZ2fg4ODe3t7j4+Pi4uL39/eampro6Ojl5eXy8vLt7e3p6emgoKCmpqatra1ra2v19fXm5ubz8/Pv7+9hYWFjY2N5eXlvb29zc3Ps7Ozd3d2ysrKCgoKDg4P9/f2zs7P4+Pj///83Bdu/AAAAAXRSTlMAQObYZgAAAGlJREFUeNo9ylcbgWAAhuG3ZZQoEkkhDe099P3//9Xg6j56Dh6cjkm623IsnTNIDsqlEsN1HBVI5evdDMtN0FOQKt14lWrArzLcnpZjvx9nshcA342jviO1hlHuTdlgVnzIt8VfNubiNwzmhAsoIAkssgAAAABJRU5ErkJggg==); }

.cp-container .cp-hsvmarker-vertical {
  position: absolute;
  display: block;
  width: 10px;
  height: 11px;
  margin-top: -5px;
  right: -2px;
  top: 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAALCAMAAABxsOwqAAAAbFBMVEUAAACysrLz8/NjY2Pw8PBmZmbe3t7////4+PiBgYHs7Oxra2t0dHSDg4Ozs7P9/f3p6enj4+Pa2trh4eFhYWFfX1/X19d5eXlvb2/7+/vm5ub19fXt7e2tra2mpqagoKCamprl5eXT09NwcHAw/sWYAAAAAXRSTlMAQObYZgAAAFtJREFUCNclzNsWQCAURdFDF1RIpZI7//+P6thP82GPBTjGiJtR8uL+Qcbztsa7LHVQPXFDAMLe1pu2nEA3NGNbi2QZQF9MRWKQXTXLSoUshQ6dic73CL+DUu8HF6YEcUMoNOYAAAAASUVORK5CYII=); }

.cp-container .cp-marker-point {
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  margin-top: -5px;
  left: 0;
  top: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKBAMAAAB/HNKOAAAALVBMVEX///8AAADX19d7e3t4eHhDQ0NnZ2dzc3NLS0tbW1tTU1POzs7AwMC0tLSoqKgWXydUAAAAAnRSTlN1ACTbQIsAAAA/SURBVAjXYxAUDBcUZBCUeOQIJNcyqAgySB4QZDJkyGYUFFBmMAKS2xiEFQR5JjIIOjHcAqoR0WsEkoKlgoIAHu8JgCiLy9kAAAAASUVORK5CYII=); }

.cp-container.cp-unconvertible-cie-color .cp-slider.cp-cielightness .cp-marker,
.cp-container.cp-unconvertible-cie-color .cp-slider.cp-ciechroma .cp-marker,
.cp-container.cp-unconvertible-cie-color .cp-slider.cp-ciehue .cp-marker {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAMAAABVLlSxAAAAvVBMVEUAAADLy8u8vLzZ2dlgYGDe3t5sbGxoaGjr6+vb29tqamrCwsJmZmZkZGTW1tbExMTw8PDj4+Pa2tpfX1/z8/PU1NTp6enX19fg4OBwcHDc3NzJycn4+Pj7+/v6+vrd3d3h4eH+/v6lpaWmpqaampqgoKBlZWWzs7Orq6tra2uxsbGBgYF1dXVnZ2d/f3/T09PMzMxhYWFjY2P19fXv7+9vb2/l5eVzc3P////n5+eysrKDg4OCgoJ5eXnoAACu7h75AAAAAXRSTlMAQObYZgAAAG1JREFUeNo1ytsaQkAAReGdkpRKRUTofEANBoOY93+sfMp/tS4WNqM4mSvSdJztEJPFkETyJNUYEmMtzvhApfsQN89cCXxJ3WOD1yXfRlx3Cv8NPK+pZedFFaCVnQ+8rGp02Kl8fPDX3Nvs/YYvAnQLhiGwga0AAAAASUVORK5CYII=); }

.cp-container .cp-swatches ul {
  width: auto;
  margin: -7px -7px 0 0;
  padding: 0;
  list-style-type: none; }

.cp-container .cp-swatches li {
  float: left;
  margin: 7px 7px 0 0; }

.cp-swatches button {
  float: left;
  margin: 7px 7px 0 0;
  width: 26px;
  height: 26px;
  display: inline-block;
  font-size: 12px;
  padding: 0; }

.cp-container .cp-swatch {
  width: 26px;
  height: 26px;
  display: inline-block;
  cursor: pointer;
  border-color: #ccc;
  position: relative;
  overflow: hidden;
  outline: none;
  padding: 0; }

.cp-container .cp-swatch span {
  display: block;
  width: 100%;
  height: 100%; }

.cp-container .cp-swatches .cp-swatch.actual {
  border-color: #777;
  -webkit-box-shadow: 0 0 5px #fa8000;
  box-shadow: 0 0 5px #fa8000; }

.cp-popover-container .popover {
  max-width: 1000px; }

.popover-content .cp-container {
  width: 263px; }

.popover-content .cp-container.cp-container-sm {
  width: 208px; }

.popover-content .cp-container.cp-container-sm .cp-swatch,
.popover-content .cp-container.cp-container-sm .cp-swatches button {
  width: 23px;
  height: 23px; }

.popover-content .cp-container.cp-container-lg {
  width: 369px; }

.popover-content .cp-container.cp-container-lg .cp-swatch,
.popover-content .cp-container.cp-container-lg .cp-swatches button {
  width: 27px;
  height: 27px; }

.cp-container .cp-pills {
  display: none; }

.cp-container .cp-pills {
  display: inline-block; }

.cp-container .cp-pills {
  list-style-type: none;
  margin-bottom: 5px;
  padding: 0;
  font-size: 12px; }

.cp-container .cp-pills li {
  display: inline-block;
  margin: 3px;
  padding: 3px 0; }

.cp-container .cp-pills li a {
  padding: 5px;
  color: #000;
  text-decoration: none; }

.cp-container .cp-pills li a:hover,
.cp-container .cp-pills li a.active {
  background-color: #02afff;
  color: #fff; }

.cp-container.hsvpanel-active .cp-sliders,
.cp-container.hsvpanel-active .cp-swatches {
  display: none; }

.cp-container.sliders-active .cp-hsvpanel,
.cp-container.sliders-active .cp-swatches {
  display: none; }

.cp-container.swatches-active .cp-hsvpanel,
.cp-container.swatches-active .cp-sliders {
  display: none; }

.cp-popover-container .cp-sliders,
.cp-popover-container .cp-hsvpanel {
  margin-top: 7px; }

.form-control[readonly].cp-preventtouchkeyboardonshow {
  cursor: text; }

.popover-content .cp-container.hsvpanel-active {
  width: 220px; }

.ca-colorpicker--container {
  position: absolute;
  margin-top: 0;
  cursor: pointer !important;
  border: 1px solid #b9b9b9;
  top: 22px;
  width: 35px;
  right: 0;
  height: 20px;
  background-color: transparent; }
  .ca-colorpicker--container .ca-colorpicker--modal {
    display: none;
    position: absolute;
    top: 10px;
    left: 52px;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    width: 180px;
    background: #fff;
    z-index: 2;
    -webkit-box-shadow: 0 0 2px 2px rgba(122, 122, 122, 0.5);
    box-shadow: 0 0 2px 2px rgba(122, 122, 122, 0.5);
    background: #FFF;
    padding: 10px 0 7px 6px; }
    .ca-colorpicker--container .ca-colorpicker--modal:after {
      content: '';
      width: 15px;
      height: 15px;
      background: #FFF;
      display: block;
      position: absolute;
      bottom: 50%;
      left: -12.5px;
      -webkit-transform: rotate(135deg) translate(0, -50%);
      transform: rotate(135deg) translate(0, -50%);
      z-index: -1;
      -webkit-box-shadow: 2px 2px 3px 0 rgba(122, 122, 122, 0.5);
      box-shadow: 2px 2px 3px 0 rgba(122, 122, 122, 0.5); }
    .ca-colorpicker--container .ca-colorpicker--modal .cp-hsvpanel-sv, .ca-colorpicker--container .ca-colorpicker--modal .cp-hsvpanel-h, .ca-colorpicker--container .ca-colorpicker--modal .cp-hsvpanel-a {
      cursor: pointer !important; }
  .ca-colorpicker--container.active .ca-colorpicker--modal {
    display: block; }

.ca-colorpicker--modal .cp-pills {
  display: none; }

.ca-colorpicker--modal .cp-hsvpanel-h {
  width: 10px;
  margin: 0 2px; }

.cp-transparency {
  display: none !important; }

.plugin--notification .ca-colorpicker--container .ca-colorpicker--modal {
  top: 18px; }

label.ca-field-label {
  margin-bottom: 0 !important;
  font-weight: normal !important; }

.ca-field {
  width: 100%; }
  .ca-field .mdl-textfield__input {
    background: transparent;
    border-radius: 0;
    height: auto; }

.ve-menu-option a {
  font-weight: 400 !important;
  font-size: 13px !important; }

.ve-dialogue .mdl-tabs__panel h3, .ve-dialogue .ca-tabs .ca-tabs--panel h3, .ca-tabs .ve-dialogue .ca-tabs--panel h3 {
  font-size: 15px !important; }

/**
 * WARNING!
 * This file is also used by Shopify.
 * Modifications may change UI of the integration.
 */
.ve-menu {
  position: absolute;
  background: #FAFAFC;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 10px 5px rgba(122, 122, 122, 0.5);
  box-shadow: 0 0 10px 5px rgba(122, 122, 122, 0.5);
  color: #243D56;
  font-size: 13px;
  width: 80px;
  z-index: 2147483647; }
  .ve-menu.active {
    display: block; }

.ve-menu-bar {
  background: #f4f4f8;
  border-bottom: 1px solid #eaeaf2;
  cursor: move !important;
  font: bold 13px "Proxima Nova", Arial, sans-serif;
  margin: 0;
  padding: 8px;
  color: #243D56; }

.ve-close {
  cursor: pointer !important;
  float: right;
  font-size: 16px;
  font-weight: 900;
  color: #c1c1da; }

.ve-menu-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 80px !important; }

.ve-menu-option {
  border-bottom: 1px solid #eaeaf2;
  padding: 5px;
  position: relative; }
  .ve-menu-option:last-child {
    border-bottom: none; }
  .ve-menu-option a {
    color: #243D56;
    display: block;
    padding: 4px;
    text-align: center;
    text-decoration: none !important;
    border-radius: 3px;
    line-height: normal; }
    .ve-menu-option a:hover {
      background: #dadae9;
      color: #243D56; }
      .ve-menu-option a:hover > .ve-tooltip {
        opacity: 1;
        height: auto;
        max-height: 500px;
        padding: 10px;
        overflow: visible; }
    .ve-menu-option a.active {
      background: #dadae9; }
    .ve-menu-option a.disabled {
      opacity: 0.2;
      pointer-events: none; }
  .ve-menu-option.selected a {
    background: #e4e4ef;
    -webkit-box-shadow: inset 0 0 5px rgba(122, 122, 122, 0.5);
    box-shadow: inset 0 0 5px rgba(122, 122, 122, 0.5); }
  .ve-menu-option i.mdi, .ve-menu-option i.ca-icon, .ve-menu-option i.mdi-blog-news, .ve-menu-option i.mdi-funnel-1, .ve-menu-option i.mdi-funnel-2, .ve-menu-option i.mdi-funnel-3, .ve-menu-option i.mdi-funnel-4, .ve-menu-option i.mdi-funnel-5, .ve-menu-option i.mdi-funnel-6, .ve-menu-option i.mdi-funnel-7, .ve-menu-option i.mdi-funnel-8, .ve-menu-option i.mdi-funnel-9, .ve-menu-option i.mdi-funnel-10, .ve-menu-option i.mdi-funnel-11, .ve-menu-option i.mdi-funnel-12, .ve-menu-option i.mdi-funnel-13, .ve-menu-option i.mdi-funnel-14, .ve-menu-option i.mdi-funnel-15, .ve-menu-option i.mdi-funnel-16, .ve-menu-option i.mdi-funnel-17, .ve-menu-option i.mdi-funnel-18, .ve-menu-option i.mdi-funnel-19, .ve-menu-option i.mdi-funnel-20, .ve-menu-option i.mdi-funnel-21, .ve-menu-option i.mdi-funnel-22, .ve-menu-option i.mdi-funnel-23, .ve-menu-option i.mdi-funnel-24, .ve-menu-option i.mdi-funnel-25, .ve-menu-option i.mdi-funnel-26, .ve-menu-option i.mdi-funnel-27, .ve-menu-option i.mdi-funnel-28, .ve-menu-option i.mdi-funnel-29, .ve-menu-option i.mdi-funnel-30, .ve-menu-option i.mdi-funnel-31, .ve-menu-option i.mdi-funnel-32, .ve-menu-option i.mdi-funnel-33, .ve-menu-option i.mdi-funnel-34, .ve-menu-option i.mdi-funnel-35, .ve-menu-option i.mdi-funnel-36, .ve-menu-option i.mdi-funnel-37, .ve-menu-option i.mdi-funnel-38, .ve-menu-option i.mdi-funnel-39, .ve-menu-option i.mdi-funnel-40, .ve-menu-option i.mdi-funnel-41, .ve-menu-option i.mdi-funnel-42 {
    display: block;
    font-size: 30px;
    pointer-events: none;
    padding-bottom: 2px; }

.ve-tooltip {
  position: absolute;
  width: 150px;
  top: 0;
  background: #F9F9F9;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.26);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.26);
  border-radius: 15px;
  padding: 0;
  text-align: left;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
  opacity: 0;
  height: 0;
  max-height: 0;
  overflow: hidden;
  color: #243D56; }
  .ve-tooltip.ve-tooltip-left {
    top: 50%;
    left: -15px;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%); }
    .ve-tooltip.ve-tooltip-left:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      margin-top: 8px;
      margin-left: 0;
      top: 50%;
      right: 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      pointer-events: none;
      background: transparent;
      border: 8px solid transparent;
      border-color: transparent transparent #F9F9F9 #F9F9F9;
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0;
      -webkit-transform: translate(100%, 2px) rotate(215deg);
      transform: translate(100%, 2px) rotate(215deg);
      -webkit-box-shadow: -4px 1px 4px -2px rgba(122, 122, 122, 0.5);
      box-shadow: -4px 1px 4px -2px rgba(122, 122, 122, 0.5); }
  .ve-tooltip.ve-tooltip-right {
    top: 50%;
    right: -15px;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%); }
    .ve-tooltip.ve-tooltip-right:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      margin-top: -8px;
      margin-left: 0;
      top: 50%;
      left: 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      pointer-events: none;
      background: transparent;
      border: 8px solid transparent;
      border-color: transparent transparent #FAFAFC #FAFAFC;
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0;
      -webkit-transform: translate(0, -2px) rotate(45deg);
      transform: translate(0, -2px) rotate(45deg);
      -webkit-box-shadow: -2px 4px 5px -2px rgba(122, 122, 122, 0.5);
      box-shadow: -2px 4px 5px -2px rgba(122, 122, 122, 0.5); }

#ve-dialogue-layout {
  min-height: 0; }

.ca-ve__menu .ca-tabs .ca-tabs--tab {
  font-weight: normal;
  padding: 0 24px; }
  .ca-ve__menu .ca-tabs .ca-tabs--tab.is-active {
    color: #8DBC24; }

.ca-ve__menu.ve-dialogue {
  background: #FFF; }

/**
 * WARNING!
 * This file is also used by Shopify.
 * Modifications may change UI of the integration.
 */
.plugin {
  padding: 20px; }
  .plugin.ve-dialogue-body a.edit-style-link {
    color: #4B93D3;
    font-size: 13px;
    position: relative; }
  .plugin.ve-dialogue-body a.edit-style-link .edit-style-link-text {
    display: none; }
  .plugin .intercom-link-wrapper {
    margin-top: -2rem;
    margin-bottom: 1rem;
    position: relative;
    z-index: 1; }
  .plugin .low-line-height p {
    line-height: 18px;
    margin-bottom: 10px; }
    .plugin .low-line-height p:last-child {
      margin-bottom: 10px; }
  .plugin h1.heading-with-icon {
    font-weight: bold;
    font-size: 18px;
    margin-top: 0; }
    .plugin h1.heading-with-icon > i {
      font-size: 26px;
      color: #666;
      margin-right: 10px;
      position: relative;
      top: 6px; }
    .plugin h1.heading-with-icon + p {
      font-size: 15px;
      margin-top: 10px;
      margin-bottom: 15px; }
  .plugin .plugin-how-it-works-section {
    background-color: #f9fafb;
    padding: 10px;
    margin: 15px 0 0 0;
    border-radius: 0.375rem !important; }
    .plugin .plugin-how-it-works-section h2.heading-with-icon {
      font-size: 1.6rem;
      font-weight: bold; }
      .plugin .plugin-how-it-works-section h2.heading-with-icon > i {
        font-size: 24px;
        margin-right: 10px; }
  .plugin .ca-notice {
    padding: 15px 15px 15px 70px;
    font-size: 14px;
    border: 1px solid #eaeaea;
    margin-bottom: 25px; }
    .plugin .ca-notice > i {
      font-size: 35px;
      top: 15px;
      color: #FFB225; }
  .plugin hr {
    border-color: #eaeaf2; }
    .plugin hr + h3 {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 15px; }
  .plugin h3 {
    font: bold 15px "Proxima Nova", Arial, sans-serif;
    margin: 10px 0 0;
    padding: 8px 0;
    color: #243D56; }
  .plugin p {
    margin: 0 0 10px; }
  .plugin .mdl-grid {
    margin-left: 0;
    margin-top: 10px;
    padding-left: 0; }
  .plugin .mdl-textfield--no-padding-top .mdl-textfield {
    margin-top: -18px; }
  .plugin .plugins-currency-dropdown.mdl-selectfield.ca-field {
    display: block;
    height: 32px;
    max-width: 90%;
    min-width: auto;
    padding-bottom: 0;
    padding-top: 0; }
    .plugin .plugins-currency-dropdown.mdl-selectfield.ca-field.is-disabled:before {
      display: none; }
    .plugin .plugins-currency-dropdown.mdl-selectfield.ca-field.is-disabled select {
      border-bottom-style: solid !important; }
    .plugin .plugins-currency-dropdown.mdl-selectfield.ca-field select {
      max-width: 100%;
      padding-left: 0;
      padding-right: 0; }
    .plugin .plugins-currency-dropdown.mdl-selectfield.ca-field label {
      padding-left: 0; }
  .plugin .plugins-currency-multi-dropdown {
    max-width: 300px; }
    .plugin .plugins-currency-multi-dropdown .link.select-all {
      display: none; }
    .plugin .plugins-currency-multi-dropdown .dropdown-multiselect li {
      -webkit-box-sizing: initial;
      box-sizing: initial; }
      .plugin .plugins-currency-multi-dropdown .dropdown-multiselect li:nth-of-type(4):after {
        content: "";
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
        display: block; }
    .plugin .plugins-currency-multi-dropdown button {
      border-bottom: 1px solid rgba(0, 0, 0, 0.12);
      color: #7a7a7a;
      font-size: 14px;
      padding-bottom: 8px; }
      .plugin .plugins-currency-multi-dropdown button:after {
        color: #7a7a7a;
        font-size: 22px;
        top: 0; }
    .plugin .plugins-currency-multi-dropdown .dropdown-opened button {
      border-bottom-color: #b9b9b9;
      color: #243D56; }
      .plugin .plugins-currency-multi-dropdown .dropdown-opened button:after {
        color: #243D56; }
    .plugin .plugins-currency-multi-dropdown .dropdown-menu {
      background: #fff;
      -webkit-box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.14);
      box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.14);
      margin-top: 10px;
      overflow-x: hidden !important; }
  .plugin .mdl-selectfield.ca-field,
  .plugin .mdl-textfield__small-width {
    width: auto !important;
    min-width: 300px; }
  .plugin .mdl-textfield.no-icon input,
  .plugin .mdl-textfield.no-icon label {
    padding-left: 0; }
  .plugin .mdl-selectfield.ca-field {
    display: table-cell;
    word-wrap: break-word;
    word-break: break-word; }
    .plugin .mdl-selectfield.ca-field:before {
      bottom: 44px;
      pointer-events: none;
      right: -20px; }
    .plugin .mdl-selectfield.ca-field select {
      width: calc(100% + 30px);
      outline: none; }
    .plugin .mdl-selectfield.ca-field.is-dirty .ca-field-label.mdl-selectfield__label {
      top: -50px; }
      .plugin .mdl-selectfield.ca-field.is-dirty .ca-field-label.mdl-selectfield__label .ca-field-icon {
        bottom: -26px; }
    .plugin .mdl-selectfield.ca-field .ca-field-label.mdl-selectfield__label {
      position: relative;
      top: -24px;
      width: initial !important;
      right: initial !important;
      display: inline-block; }
      .plugin .mdl-selectfield.ca-field .ca-field-label.mdl-selectfield__label .ca-field-icon {
        bottom: 0; }
  .plugin .mdl-radio-container.ca-field {
    margin-bottom: 20px; }
    .plugin .mdl-radio-container.ca-field .mdl-radio {
      font-size: 14px;
      font-weight: bold;
      margin-right: 25px; }
      .plugin .mdl-radio-container.ca-field .mdl-radio .mdl-radio__outer-circle {
        border: 1px solid #d9d9d9;
        background: #f8f8f8; }
      .plugin .mdl-radio-container.ca-field .mdl-radio.is-checked .mdl-radio__outer-circle {
        background: transparent; }
      .plugin .mdl-radio-container.ca-field .mdl-radio .mdl-radio__inner-circle {
        background: #91bb1b; }
      .plugin .mdl-radio-container.ca-field .mdl-radio .mdl-radio__label span {
        color: #bbb;
        font-weight: normal; }
    .plugin .mdl-radio-container.ca-field .mdl-radio--with-image img {
      cursor: pointer;
      margin-left: -24px; }
    .plugin .mdl-radio-container.ca-field .mdl-radio--with-image .mdl-radio__outer-circle {
      top: initial;
      bottom: 4px; }
    .plugin .mdl-radio-container.ca-field .mdl-radio--with-image .mdl-radio__inner-circle {
      top: initial;
      bottom: 8px; }
    .plugin .mdl-radio-container.ca-field .mdl-radio--with-image .mdl-radio__ripple-container {
      top: initial;
      bottom: -9px; }
  .plugin .ca-field .ca-field-icon.ca-icon, .plugin .ca-field .ca-field-icon.mdi-blog-news {
    font-size: 21px;
    bottom: 26px; }
  .plugin .plugin-tooltip {
    position: relative;
    top: 2px;
    color: #d9d9d9;
    font-size: 16px; }
    .plugin .plugin-tooltip .sc-tooltip {
      padding-top: 3px;
      padding-bottom: 1px;
      top: 50%;
      left: 25px !important;
      right: auto;
      width: 280px;
      white-space: normal;
      -webkit-transform: translateY(-50%) !important;
      transform: translateY(-50%) !important; }
    .plugin .plugin-tooltip:hover .sc-tooltip {
      opacity: 1;
      -webkit-transform: translate(10px, 17px);
      transform: translate(10px, 17px); }

.mimic-draggable-dragging {
  pointer-events: none !important;
  position: absolute; }

#sc-plugin-selection-menu-container {
  position: absolute;
  top: 120px;
  left: 20px;
  z-index: 99999;
  height: initial; }
  #sc-plugin-selection-menu-container .ve-menu-option .mdi-close, #sc-plugin-selection-menu-container .ve-menu-option .ca-modal .ca-modal__message > div.error:before, .ca-modal #sc-plugin-selection-menu-container .ve-menu-option .ca-modal__message > div.error:before, #sc-plugin-selection-menu-container .ve-menu-option .ca-pixel__message > div.error:before {
    font-size: 18px;
    margin-top: 5px; }
  #sc-plugin-selection-menu-container .ve-menu-bar {
    padding-left: 5px;
    font-size: 10px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
  #sc-plugin-selection-menu-container .ve-menu-option a:hover {
    background: #f4f4f8; }
  #sc-plugin-selection-menu-container .plugin-selection-popover {
    position: fixed; }
  #sc-plugin-selection-menu-container .full-title {
    text-align: center;
    display: block; }
  #sc-plugin-selection-menu-container .short-title {
    text-align: center;
    font-size: 12px;
    display: none;
    height: 29px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  #sc-plugin-selection-menu-container .plugin-selection-box.disabled {
    opacity: 0.4;
    pointer-events: none; }
  #sc-plugin-selection-menu-container.snapped {
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 0;
    width: 70px; }
    #sc-plugin-selection-menu-container.snapped li {
      width: 60px; }
    #sc-plugin-selection-menu-container.snapped .plugin-selection-nav ol li {
      width: 28px; }
      #sc-plugin-selection-menu-container.snapped .plugin-selection-nav ol li a {
        width: 27px; }
    #sc-plugin-selection-menu-container.snapped .plugin-selection-box {
      width: 52px;
      height: 54px; }
      #sc-plugin-selection-menu-container.snapped .plugin-selection-box .content .text {
        display: none; }
    #sc-plugin-selection-menu-container.snapped .ve-menu-list {
      height: calc(100% - 75px); }
    #sc-plugin-selection-menu-container.snapped .full-title {
      display: none; }
    #sc-plugin-selection-menu-container.snapped .short-title {
      display: block; }

.ve-menu-option .ui-draggable-dragging {
  pointer-events: none !important;
  position: absolute; }

.pulse {
  -webkit-box-shadow: 0px 2px 7px 2px rgba(122, 122, 122, 0.7);
  box-shadow: 0px 2px 7px 2px rgba(122, 122, 122, 0.7);
  -webkit-animation: sc-pulse 1s infinite;
  animation: sc-pulse 1s infinite; }

.pulse:hover {
  -webkit-animation: none;
  animation: none; }

@-webkit-keyframes sc-pulse {
  0% {
    -webkit-box-shadow: 0px 2px 7px 2px rgba(122, 122, 122, 0.7);
    box-shadow: 0px 2px 7px 2px rgba(122, 122, 122, 0.7); }
  70% {
    -webkit-box-shadow: 0px 2px 7px 2px rgba(122, 122, 122, 0.3);
    box-shadow: 0px 2px 7px 2px rgba(122, 122, 122, 0.3); }
  100% {
    -webkit-box-shadow: 0px 2px 7px 2px rgba(122, 122, 122, 0.3);
    box-shadow: 0px 2px 7px 2px rgba(122, 122, 122, 0.3); } }

@keyframes sc-pulse {
  0% {
    -webkit-box-shadow: 0px 2px 7px 2px rgba(122, 122, 122, 0.7);
    box-shadow: 0px 2px 7px 2px rgba(122, 122, 122, 0.7); }
  70% {
    -webkit-box-shadow: 0px 2px 7px 2px rgba(122, 122, 122, 0.3);
    box-shadow: 0px 2px 7px 2px rgba(122, 122, 122, 0.3); }
  100% {
    -webkit-box-shadow: 0px 2px 7px 2px rgba(122, 122, 122, 0.3);
    box-shadow: 0px 2px 7px 2px rgba(122, 122, 122, 0.3); } }

#sc-plugin-selection-dropzone {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50px;
  z-index: 9999; }
  #sc-plugin-selection-dropzone.hover .fade {
    width: 10px;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(#8dbc24), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to right, #8dbc24, rgba(0, 0, 0, 0)); }

.drop-box {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(36, 61, 86, 0.8);
  z-index: 9999; }
  .drop-box h1 {
    position: relative;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #fff;
    text-align: center; }

.plugin-selection-nav {
  margin-top: -5px; }
  .plugin-selection-nav ol {
    list-style: none;
    padding: 0;
    margin: 5px; }
  .plugin-selection-nav li {
    display: inline-block; }
  .plugin-selection-nav li a {
    display: inline-block;
    width: 33px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #243D56;
    text-align: center;
    font-size: 26px;
    line-height: 18px;
    padding-left: 2.5px;
    padding-right: 0px;
    border-radius: 3px;
    background-color: #f4f4f8;
    -webkit-box-shadow: 0 2px 4px rgba(122, 122, 122, 0.5);
    box-shadow: 0 2px 4px rgba(122, 122, 122, 0.5); }
    .plugin-selection-nav li a:first-child {
      padding-right: 2.5px;
      padding-left: 0; }
    .plugin-selection-nav li a.disabled {
      opacity: 0.4; }

#plugin-selection-handle {
  border-radius-top-left: 3px;
  border-radius-top-right: 3px; }

.plugin-selection-box {
  z-index: 999999;
  width: 62px;
  height: 64px;
  border-radius: 3px;
  background-color: #f4f4f8;
  color: #243D56;
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 4px;
  line-height: normal;
  font-weight: 400 !important;
  font-size: 13px !important;
  pointer: cursor;
  background-color: #f4f4f8;
  -webkit-box-shadow: 0 0 2px rgba(122, 122, 122, 0.5);
  box-shadow: 0 0 2px rgba(122, 122, 122, 0.5); }
  .plugin-selection-box .content {
    font-size: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .plugin-selection-box .content .text {
      margin-top: 3px;
      max-height: 30px;
      display: block;
      overflow: hidden; }
  .plugin-selection-box:hover {
    -webkit-box-shadow: 0 1px 2px 1px rgba(122, 122, 122, 0.5);
    box-shadow: 0 1px 2px 1px rgba(122, 122, 122, 0.5);
    background-color: #f4f4f8;
    color: #243D56; }
  .plugin-selection-box.snapped {
    width: 52px;
    height: 54px; }
    .plugin-selection-box.snapped .content .text {
      display: none; }
  .plugin-selection-box img {
    height: 30px;
    width: 30px; }

.ve-menu-option:hover .sc-tooltip {
  opacity: 1; }

/**
 * WARNING!
 * This file is also used by Shopify.
 * Modifications may change UI of the integration.
 */
.ve-dialogue {
  position: absolute;
  background: #FAFAFC;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 10px 5px rgba(122, 122, 122, 0.5);
  box-shadow: 0 0 10px 5px rgba(122, 122, 122, 0.5);
  color: #243D56;
  font: 13px "Proxima Nova", Arial, sans-serif;
  width: 50%;
  max-width: 600px;
  z-index: 2147483647; }
  .ve-dialogue#ve-dialogue-plugin {
    height: auto !important;
    overflow-y: hidden; }
    .ve-dialogue#ve-dialogue-plugin .ca-tabs--panel {
      padding: 0; }
  .ve-dialogue.ve-dialogue--editor .plugin {
    padding: 3px 0 0; }
  .ve-dialogue.ve-dialogue--editor .ve-dialogue-body .trumbowyg-box .trumbowyg-editor {
    height: 110px !important; }
  .ve-dialogue.shopify-ve-dialogue-editor .plugin {
    padding: 20px; }
  .ve-dialogue.shopify-ve-dialogue-editor .ve-dialogue-body .trumbowyg-box {
    padding: 0 !important; }
  .ve-dialogue.active {
    display: block; }
  .ve-dialogue .ve-dialogue-heading {
    font: 600 18px/1.2 "Proxima Nova", Arial, sans-serif !important;
    margin: 0; }
  .ve-dialogue .ve-dialogue-subheading {
    font: normal 16px/1.2 "Proxima Nova", Arial, sans-serif !important;
    margin: 0; }
  .ve-dialogue.ve-dialogue-sm {
    width: 300px;
    height: auto; }
    .ve-dialogue.ve-dialogue-sm .ve-dialogue-header {
      width: 100%;
      height: auto; }
    .ve-dialogue.ve-dialogue-sm .ve-dialogue-body {
      width: 100%;
      height: 100px; }
    .ve-dialogue.ve-dialogue-sm .ve-dialogue-footer {
      width: 100%;
      height: auto; }
  .ve-dialogue > * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .ve-dialogue .ve-dialogue-header {
    width: 100%;
    height: auto; }
  .ve-dialogue .ve-dialogue-body {
    width: 100%;
    height: 300px; }
    .ve-dialogue .ve-dialogue-body a {
      color: #8DBC24; }
    .ve-dialogue .ve-dialogue-body .ca-tabs .ca-tabs--panel {
      position: relative;
      height: 268px;
      padding: 0;
      overflow-x: hidden;
      overflow-y: auto; }
      .ve-dialogue .ve-dialogue-body .ca-tabs .ca-tabs--panel h3[data-panel] {
        margin: 0;
        cursor: pointer !important;
        color: #7a7a7a;
        font-weight: 400;
        line-height: normal; }
        .ve-dialogue .ve-dialogue-body .ca-tabs .ca-tabs--panel h3[data-panel] i {
          cursor: pointer !important;
          -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
          margin-left: -10px;
          color: #243D56; }
        .ve-dialogue .ve-dialogue-body .ca-tabs .ca-tabs--panel h3[data-panel].open i {
          -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg); }
    .ve-dialogue .ve-dialogue-body .ca-tabs .ca-tabs--bar {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      height: 32px; }
    .ve-dialogue .ve-dialogue-body .ca-tabs .ca-tabs--tab {
      height: 32px;
      line-height: 32px; }
    .ve-dialogue .ve-dialogue-body .ca-tabs .is-disabled {
      display: none; }
    .ve-dialogue .ve-dialogue-body .ace_editor {
      height: 100%;
      margin: 0;
      border-radius: 0;
      padding: 0;
      border: none; }
    .ve-dialogue .ve-dialogue-body .trumbowyg-box {
      height: 100%;
      min-height: initial;
      border: 0; }
      .ve-dialogue .ve-dialogue-body .trumbowyg-box .trumbowyg-editor {
        height: 220px !important;
        min-height: initial;
        border: 0;
        padding: 10px; }
        .ve-dialogue .ve-dialogue-body .trumbowyg-box .trumbowyg-editor cnv-var {
          color: #3680e3 !important; }
      .ve-dialogue .ve-dialogue-body .trumbowyg-box svg {
        fill: #222 !important; }
  .ve-dialogue .ve-dialogue-footer {
    border-top: 1px solid #eaeaf2;
    width: 100%;
    height: auto;
    text-align: right;
    background: #FFF;
    padding: 10px;
    z-index: 1;
    position: relative; }
    .ve-dialogue .ve-dialogue-footer .ca-button--cta, .ve-dialogue .ve-dialogue-footer .ca-button--cta--accent, .ve-dialogue .ve-dialogue-footer .ca-button--cta--secondary, .ve-dialogue .ve-dialogue-footer .ca-button--cta--tertiary, .ve-dialogue .ve-dialogue-footer .ca-button--cta--cancel, .ve-dialogue .ve-dialogue-footer .ca-button--cta--outline-primary, .ve-dialogue .ve-dialogue-footer .ca-button--cta--outline {
      height: 40px;
      line-height: normal;
      padding: 5px 22px;
      font-size: 14px;
      cursor: pointer !important; }
      .ve-dialogue .ve-dialogue-footer .ca-button--cta .ca-button-spinner, .ve-dialogue .ve-dialogue-footer .ca-button--cta--accent .ca-button-spinner, .ve-dialogue .ve-dialogue-footer .ca-button--cta--secondary .ca-button-spinner, .ve-dialogue .ve-dialogue-footer .ca-button--cta--tertiary .ca-button-spinner, .ve-dialogue .ve-dialogue-footer .ca-button--cta--cancel .ca-button-spinner, .ve-dialogue .ve-dialogue-footer .ca-button--cta--outline-primary .ca-button-spinner, .ve-dialogue .ve-dialogue-footer .ca-button--cta--outline .ca-button-spinner {
        margin-top: -14px; }
  .ve-dialogue.ve-dialogue--auto .ve-dialogue-body {
    min-height: 100px;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .ve-dialogue .ve-dialogue-text {
    padding: 10px; }
  .ve-dialogue .ve-dialogue-btn * {
    cursor: pointer !important; }
  .ve-dialogue .mdl-cell-small {
    margin-top: 0;
    margin-bottom: 0; }
  .ve-dialogue .panel {
    height: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
    border: none;
    border-top: 1px solid #f4f4f8; }
    .ve-dialogue .panel.open {
      height: auto;
      padding: 8px;
      overflow: initial; }
  .ve-dialogue .ve-dialogue-bar {
    background: #f4f4f8;
    border-bottom: 1px solid #eaeaf2;
    cursor: move !important;
    font: bold 13px "Proxima Nova", Arial, sans-serif;
    margin: 0;
    padding: 8px;
    color: #243D56; }
    .ve-dialogue .ve-dialogue-bar h3 {
      text-align: left;
      color: #7a7a7a; }
  .ve-dialogue .trumbowyg-box,
  .ve-dialogue .trumbowyg-editor {
    width: 100%;
    margin: 0;
    font-size: 16px;
    line-height: 1.7;
    font-weight: normal; }
    .ve-dialogue .trumbowyg-box p,
    .ve-dialogue .trumbowyg-editor p {
      margin: 0;
      font-size: 16px;
      line-height: 1.7;
      font-weight: normal; }
  .ve-dialogue .ve-or-line {
    font-size: 20px !important;
    margin-bottom: 0;
    text-align: center; }
    .ve-dialogue .ve-or-line span {
      color: #b9b9b9;
      display: inline-block;
      position: relative;
      line-height: 2; }
      .ve-dialogue .ve-or-line span:before, .ve-dialogue .ve-or-line span:after {
        border-bottom: 1px solid #b9b9b9;
        content: "";
        position: absolute;
        height: 5px;
        top: 16px;
        width: 136px; }
      .ve-dialogue .ve-or-line span:before {
        margin-right: 15px;
        right: 100%; }
      .ve-dialogue .ve-or-line span:after {
        margin-left: 15px;
        left: 100%; }

.plugin-switch-container {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative; }
  .plugin-switch-container .mdl-switch {
    margin: 0;
    margin-right: 10px;
    height: 18px;
    padding: 0; }
    .plugin-switch-container .mdl-switch .mdl-switch__track {
      height: 18px;
      width: 34px;
      position: relative; }
    .plugin-switch-container .mdl-switch .mdl-switch__thumb {
      height: 14px;
      width: 14px; }

.toggle-advanced {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px 15px 0;
  height: 25px;
  line-height: 1;
  font-weight: bold; }
  .toggle-advanced .toggle-advanced__label {
    padding-right: 10px; }
  .toggle-advanced .mdl-switch {
    float: right;
    width: auto;
    margin-top: -4px; }

.panel__edit-style {
  display: none; }
  .panel__edit-style.open {
    display: block;
    padding-top: 35px; }

.mdl-grid--centre {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.text-centre,
.text-center {
  text-align: center !important; }

#ve-dialogue-change-image h3 {
  font-size: 15px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 6px;
  line-height: initial;
  text-align: left;
  color: #243D56; }

#ve-dialogue-change-image .ve-dropbox {
  border: 1px solid #d5d5d5;
  padding: 18px;
  text-align: center;
  -webkit-transition: all .2s ease;
  transition: all .2s ease; }
  #ve-dialogue-change-image .ve-dropbox i {
    font-size: 45px;
    margin-bottom: 10px;
    color: #d5d5d5;
    -webkit-transition: color .2s ease;
    transition: color .2s ease; }
  #ve-dialogue-change-image .ve-dropbox p {
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
    color: #d5d5d5;
    font-size: 17px; }
    #ve-dialogue-change-image .ve-dropbox p b {
      display: block; }
  #ve-dialogue-change-image .ve-dropbox .mdl-button--raised.mdl-button--colored, #ve-dialogue-change-image .ve-dropbox .ca-button--colour, #ve-dialogue-change-image .ve-dropbox .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover #ve-dialogue-change-image .ve-dropbox button, #ve-dialogue-change-image .ve-dropbox .ca-button--downgrade, #ve-dialogue-change-image .ve-dropbox .mdl-button--colored.ca-button--accent, #ve-dialogue-change-image .ve-dropbox .ca-button--accent.ca-button--colour, #ve-dialogue-change-image .ve-dropbox .ca-button--accent.ca-button--downgrade, #ve-dialogue-change-image .ve-dropbox .ca-button--accent.ca-button--text, #ve-dialogue-change-image .ve-dropbox .mdl-button--colored.ca-button--secondary, #ve-dialogue-change-image .ve-dropbox .ca-button--secondary.ca-button--colour, #ve-dialogue-change-image .ve-dropbox .ca-button--secondary.ca-button--downgrade, #ve-dialogue-change-image .ve-dropbox .ca-button--secondary.ca-button--text, #ve-dialogue-change-image .ve-dropbox .mdl-button--colored.ca-button--tertiary, #ve-dialogue-change-image .ve-dropbox .ca-button--tertiary.ca-button--colour, #ve-dialogue-change-image .ve-dropbox .ca-button--tertiary.ca-button--downgrade, #ve-dialogue-change-image .ve-dropbox .ca-button--tertiary.ca-button--text, #ve-dialogue-change-image .ve-dropbox .mdl-button--colored.ca-button--outline, #ve-dialogue-change-image .ve-dropbox .ca-button--outline.ca-button--colour, #ve-dialogue-change-image .ve-dropbox .scenario-checkup__check button.ca-button--colour, .scenario-checkup__check #ve-dialogue-change-image .ve-dropbox button.ca-button--colour, #ve-dialogue-change-image .ve-dropbox .ca-button--outline.ca-button--downgrade, #ve-dialogue-change-image .ve-dropbox .scenario-checkup__check button.ca-button--downgrade, .scenario-checkup__check #ve-dialogue-change-image .ve-dropbox button.ca-button--downgrade, #ve-dialogue-change-image .ve-dropbox .ca-button--outline.ca-button--text, #ve-dialogue-change-image .ve-dropbox .scenario-checkup__check button.ca-button--text, .scenario-checkup__check #ve-dialogue-change-image .ve-dropbox button.ca-button--text, #ve-dialogue-change-image .ve-dropbox .scenario-checkup__check button.mdl-button--colored, .scenario-checkup__check #ve-dialogue-change-image .ve-dropbox button.mdl-button--colored, #ve-dialogue-change-image .ve-dropbox .mdl-button--raised.ca-button--text, #ve-dialogue-change-image .ve-dropbox .ca-button--text.ca-button--colour, #ve-dialogue-change-image .ve-dropbox .ca-button--text.ca-button--downgrade {
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
    background-color: #243D56;
    cursor: pointer; }
  #ve-dialogue-change-image .ve-dropbox.hover {
    border: 1px solid #8DBC24;
    background-color: rgba(141, 188, 36, 0.1); }
    #ve-dialogue-change-image .ve-dropbox.hover p, #ve-dialogue-change-image .ve-dropbox.hover i {
      color: #8DBC24; }
    #ve-dialogue-change-image .ve-dropbox.hover .mdl-button--raised.mdl-button--colored, #ve-dialogue-change-image .ve-dropbox.hover .ca-button--colour, #ve-dialogue-change-image .ve-dropbox.hover .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover #ve-dialogue-change-image .ve-dropbox.hover button, #ve-dialogue-change-image .ve-dropbox.hover .ca-button--downgrade, #ve-dialogue-change-image .ve-dropbox.hover .mdl-button--colored.ca-button--accent, #ve-dialogue-change-image .ve-dropbox.hover .ca-button--accent.ca-button--colour, #ve-dialogue-change-image .ve-dropbox.hover .ca-button--accent.ca-button--downgrade, #ve-dialogue-change-image .ve-dropbox.hover .ca-button--accent.ca-button--text, #ve-dialogue-change-image .ve-dropbox.hover .mdl-button--colored.ca-button--secondary, #ve-dialogue-change-image .ve-dropbox.hover .ca-button--secondary.ca-button--colour, #ve-dialogue-change-image .ve-dropbox.hover .ca-button--secondary.ca-button--downgrade, #ve-dialogue-change-image .ve-dropbox.hover .ca-button--secondary.ca-button--text, #ve-dialogue-change-image .ve-dropbox.hover .mdl-button--colored.ca-button--tertiary, #ve-dialogue-change-image .ve-dropbox.hover .ca-button--tertiary.ca-button--colour, #ve-dialogue-change-image .ve-dropbox.hover .ca-button--tertiary.ca-button--downgrade, #ve-dialogue-change-image .ve-dropbox.hover .ca-button--tertiary.ca-button--text, #ve-dialogue-change-image .ve-dropbox.hover .mdl-button--colored.ca-button--outline, #ve-dialogue-change-image .ve-dropbox.hover .ca-button--outline.ca-button--colour, #ve-dialogue-change-image .ve-dropbox.hover .scenario-checkup__check button.ca-button--colour, .scenario-checkup__check #ve-dialogue-change-image .ve-dropbox.hover button.ca-button--colour, #ve-dialogue-change-image .ve-dropbox.hover .ca-button--outline.ca-button--downgrade, #ve-dialogue-change-image .ve-dropbox.hover .scenario-checkup__check button.ca-button--downgrade, .scenario-checkup__check #ve-dialogue-change-image .ve-dropbox.hover button.ca-button--downgrade, #ve-dialogue-change-image .ve-dropbox.hover .ca-button--outline.ca-button--text, #ve-dialogue-change-image .ve-dropbox.hover .scenario-checkup__check button.ca-button--text, .scenario-checkup__check #ve-dialogue-change-image .ve-dropbox.hover button.ca-button--text, #ve-dialogue-change-image .ve-dropbox.hover .scenario-checkup__check button.mdl-button--colored, .scenario-checkup__check #ve-dialogue-change-image .ve-dropbox.hover button.mdl-button--colored, #ve-dialogue-change-image .ve-dropbox.hover .mdl-button--raised.ca-button--text, #ve-dialogue-change-image .ve-dropbox.hover .ca-button--text.ca-button--colour, #ve-dialogue-change-image .ve-dropbox.hover .ca-button--text.ca-button--downgrade {
      background-color: #d5d5d5; }
  #ve-dialogue-change-image .ve-dropbox input[type="file"] {
    display: none !important; }

#ve-dialogue-change-image .file-error {
  color: #de3226; }

button, .ca-button, .ca-button--colour, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button, .ca-button--downgrade, .ca-button--accent, .ca-button--secondary, .ca-button--tertiary, .ca-button--outline, .scenario-checkup__check button, .ca-button--fab, .ca-button--cta, .ca-button--cta--accent, .ca-button--cta--secondary, .ca-button--cta--tertiary, .ca-button--cta--cancel, .ca-button--cta--outline-primary, .ca-button--cta--outline,
.mdl-button__ripple-container {
  cursor: pointer !important; }

textarea {
  border: none;
  width: 100%; }

input[type="url"],
input[type="email"],
input[type="text"],
input[type="tel"] {
  border: none;
  border-bottom: 1px solid #E1E1E1; }
  input[type="url"].mdl-textfield__input,
  input[type="email"].mdl-textfield__input,
  input[type="text"].mdl-textfield__input,
  input[type="tel"].mdl-textfield__input {
    padding-right: 0;
    width: 88%;
    width: calc(100% - 40px); }

input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #FAFAFC inset; }

.mdl-checkbox {
  margin: 25px 0;
  display: block;
  text-align: left;
  padding: 0 !important;
  cursor: pointer !important; }
  .mdl-checkbox .mdl-checkbox__box-outline, .mdl-checkbox .mdl-checkbox__focus-helper {
    display: none; }
  .mdl-checkbox i {
    display: block;
    text-align: center;
    position: absolute;
    font-size: 21px;
    cursor: pointer !important;
    border-radius: 2px;
    width: 100%;
    line-height: 25px; }
    .mdl-checkbox i.mdi-link-variant {
      display: none;
      color: #243D56; }
    .mdl-checkbox i.mdi-link-variant-off {
      display: block;
      color: #b9b9b9; }
  .mdl-checkbox.is-checked i.mdi-link-variant {
    display: block; }
  .mdl-checkbox.is-checked i.mdi-link-variant-off {
    display: none; }

.is-dirty input[type="url"],
.is-dirty input[type="email"],
.is-dirty input[type="text"],
.is-dirty input[type="tel"] {
  border: none;
  border-bottom: 1px solid #b9b9b9; }

.ace_editor,
.ace_editor * {
  font: 13px "Consolas", monospace !important; }

.mdl-button.inline-with-field, .inline-with-field.ca-button, .inline-with-field.ca-button--colour, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button.inline-with-field, .inline-with-field.ca-button--downgrade, .inline-with-field.ca-button--accent, .inline-with-field.ca-button--secondary, .inline-with-field.ca-button--tertiary, .inline-with-field.ca-button--outline, .scenario-checkup__check button.inline-with-field, .inline-with-field.ca-button--fab, .inline-with-field.ca-button--cta, .inline-with-field.ca-button--cta--accent, .inline-with-field.ca-button--cta--secondary, .inline-with-field.ca-button--cta--tertiary, .inline-with-field.ca-button--cta--cancel, .inline-with-field.ca-button--cta--outline-primary, .inline-with-field.ca-button--cta--outline {
  margin-top: 24px; }

.mdl-selectfield:before {
  z-index: 0;
  font-size: 18px;
  bottom: 25px;
  color: #E1E1E1;
  pointer-events: none; }

.mdl-selectfield.is-focused:before {
  color: #243D56; }

.ve-error {
  color: red;
  font-size: 11px;
  padding: 0 1em; }

.mdl-textfield--floating-label.is-focused .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, .mdl-textfield--floating-label .has-placeholder .mdl-textfield__label {
  color: #243D56; }

.mdl-textfield__label:after {
  background-color: #243D56; }

#ve-glass {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483646;
  display: none;
  background-color: transparent;
  width: initial;
  height: initial;
  margin: initial;
  padding: initial; }
  #ve-glass.glass-locked {
    pointer-events: none !important;
    cursor: default; }

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-spinner, .ca-button[disabled] .ca-button-spinner, .ca-button--colour[disabled] .ca-button-spinner, .ca-button--downgrade[disabled] .ca-button-spinner, .ca-button--accent[disabled] .ca-button-spinner, .ca-button--secondary[disabled] .ca-button-spinner, .ca-button--tertiary[disabled] .ca-button-spinner, .ca-button--outline[disabled] .ca-button-spinner, .scenario-checkup__check button[disabled] .ca-button-spinner, .ca-button--fab[disabled] .ca-button-spinner, .ca-button--cta[disabled] .ca-button-spinner, .ca-button--cta--accent[disabled] .ca-button-spinner, .ca-button--cta--secondary[disabled] .ca-button-spinner, .ca-button--cta--tertiary[disabled] .ca-button-spinner, .ca-button--cta--cancel[disabled] .ca-button-spinner, .ca-button--cta--outline-primary[disabled] .ca-button-spinner, .ca-button--cta--outline[disabled] .ca-button-spinner, .ca-button .ca-button-spinner, .ca-button--colour .ca-button-spinner, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button .ca-button-spinner, .ca-button--downgrade .ca-button-spinner, .ca-button--accent .ca-button-spinner, .ca-button--secondary .ca-button-spinner, .ca-button--tertiary .ca-button-spinner, .ca-button--outline .ca-button-spinner, .scenario-checkup__check button .ca-button-spinner, .ca-button--fab .ca-button-spinner, .ca-button--cta .ca-button-spinner, .ca-button--cta--accent .ca-button-spinner, .ca-button--cta--secondary .ca-button-spinner, .ca-button--cta--tertiary .ca-button-spinner, .ca-button--cta--cancel .ca-button-spinner, .ca-button--cta--outline-primary .ca-button-spinner, .ca-button--cta--outline .ca-button-spinner, .options-box-message .mdl-spinner {
  display: inline-block;
  position: relative;
  width: 28px;
  height: 28px; }
  .mdl-spinner:not(.is-upgraded).is-active:after, .ca-button .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--colour .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--downgrade .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--accent .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--secondary .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--tertiary .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--outline .ca-button-spinner:not(.is-upgraded).is-active:after, .scenario-checkup__check button .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--fab .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--cta .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--cta--accent .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--cta--secondary .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--cta--tertiary .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--cta--cancel .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--cta--outline-primary .ca-button-spinner:not(.is-upgraded).is-active:after, .ca-button--cta--outline .ca-button-spinner:not(.is-upgraded).is-active:after {
    content: "Loading..."; }
  .mdl-spinner.is-upgraded.is-active, .ca-button .is-upgraded.is-active.ca-button-spinner, .ca-button--colour .is-upgraded.is-active.ca-button-spinner, .ca-button--downgrade .is-upgraded.is-active.ca-button-spinner, .ca-button--accent .is-upgraded.is-active.ca-button-spinner, .ca-button--secondary .is-upgraded.is-active.ca-button-spinner, .ca-button--tertiary .is-upgraded.is-active.ca-button-spinner, .ca-button--outline .is-upgraded.is-active.ca-button-spinner, .scenario-checkup__check button .is-upgraded.is-active.ca-button-spinner, .ca-button--fab .is-upgraded.is-active.ca-button-spinner, .ca-button--cta .is-upgraded.is-active.ca-button-spinner, .ca-button--cta--accent .is-upgraded.is-active.ca-button-spinner, .ca-button--cta--secondary .is-upgraded.is-active.ca-button-spinner, .ca-button--cta--tertiary .is-upgraded.is-active.ca-button-spinner, .ca-button--cta--cancel .is-upgraded.is-active.ca-button-spinner, .ca-button--cta--outline-primary .is-upgraded.is-active.ca-button-spinner, .ca-button--cta--outline .is-upgraded.is-active.ca-button-spinner {
    -webkit-animation: mdl-spinner__container-rotate 1568.23529ms linear infinite;
    animation: mdl-spinner__container-rotate 1568.23529ms linear infinite; }

@keyframes mdl-spinner__container-rotate {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.mdl-spinner__layer {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0; }

.mdl-spinner__layer-1 {
  border-color: rgb(66,165,245); }
  .mdl-spinner--single-color .mdl-spinner__layer-1 {
    border-color: rgb(36,61,86); }
  .mdl-spinner.is-active .mdl-spinner__layer-1, .ca-button .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--colour .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--downgrade .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--accent .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--secondary .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--tertiary .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--outline .is-active.ca-button-spinner .mdl-spinner__layer-1, .scenario-checkup__check button .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--fab .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--accent .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--secondary .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--tertiary .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--cancel .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--outline-primary .is-active.ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--outline .is-active.ca-button-spinner .mdl-spinner__layer-1 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.mdl-spinner__layer-2 {
  border-color: rgb(244,67,54); }
  .mdl-spinner--single-color .mdl-spinner__layer-2 {
    border-color: rgb(36,61,86); }
  .mdl-spinner.is-active .mdl-spinner__layer-2, .ca-button .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--colour .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--downgrade .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--accent .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--secondary .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--tertiary .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--outline .is-active.ca-button-spinner .mdl-spinner__layer-2, .scenario-checkup__check button .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--fab .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--cta .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--cta--accent .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--cta--secondary .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--cta--tertiary .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--cta--cancel .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--cta--outline-primary .is-active.ca-button-spinner .mdl-spinner__layer-2, .ca-button--cta--outline .is-active.ca-button-spinner .mdl-spinner__layer-2 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.mdl-spinner__layer-3 {
  border-color: rgb(253,216,53); }
  .mdl-spinner--single-color .mdl-spinner__layer-3 {
    border-color: rgb(36,61,86); }
  .mdl-spinner.is-active .mdl-spinner__layer-3, .ca-button .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--colour .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--downgrade .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--accent .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--secondary .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--tertiary .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--outline .is-active.ca-button-spinner .mdl-spinner__layer-3, .scenario-checkup__check button .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--fab .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--cta .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--cta--accent .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--cta--secondary .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--cta--tertiary .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--cta--cancel .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--cta--outline-primary .is-active.ca-button-spinner .mdl-spinner__layer-3, .ca-button--cta--outline .is-active.ca-button-spinner .mdl-spinner__layer-3 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

.mdl-spinner__layer-4 {
  border-color: rgb(76,175,80); }
  .mdl-spinner--single-color .mdl-spinner__layer-4 {
    border-color: rgb(36,61,86); }
  .mdl-spinner.is-active .mdl-spinner__layer-4, .ca-button .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--colour .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--downgrade .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--accent .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--secondary .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--tertiary .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--outline .is-active.ca-button-spinner .mdl-spinner__layer-4, .scenario-checkup__check button .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--fab .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--cta .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--cta--accent .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--cta--secondary .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--cta--tertiary .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--cta--cancel .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--cta--outline-primary .is-active.ca-button-spinner .mdl-spinner__layer-4, .ca-button--cta--outline .is-active.ca-button-spinner .mdl-spinner__layer-4 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

@keyframes mdl-spinner__fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg); }
  25% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg); }
  37.5% {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg); }
  50% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg); }
  62.5% {
    -webkit-transform: rotate(675deg);
    transform: rotate(675deg); }
  75% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg); }
  87.5% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg); }
  to {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg); } }

/**
* HACK: Even though the intention is to have the current .mdl-spinner__layer-N
* at `opacity: 1`, we set it to `opacity: 0.99` instead since this forces Chrome
* to do proper subpixel rendering for the elements being animated. This is
* especially visible in Chrome 39 on Ubuntu 14.04. See:
*
* - https://github.com/Polymer/paper-spinner/issues/9
* - https://code.google.com/p/chromium/issues/detail?id=436255
*/
@keyframes mdl-spinner__layer-1-fade-in-out {
  from {
    opacity: 0.99; }
  25% {
    opacity: 0.99; }
  26% {
    opacity: 0; }
  89% {
    opacity: 0; }
  90% {
    opacity: 0.99; }
  100% {
    opacity: 0.99; } }

@keyframes mdl-spinner__layer-2-fade-in-out {
  from {
    opacity: 0; }
  15% {
    opacity: 0; }
  25% {
    opacity: 0.99; }
  50% {
    opacity: 0.99; }
  51% {
    opacity: 0; } }

@keyframes mdl-spinner__layer-3-fade-in-out {
  from {
    opacity: 0; }
  40% {
    opacity: 0; }
  50% {
    opacity: 0.99; }
  75% {
    opacity: 0.99; }
  76% {
    opacity: 0; } }

@keyframes mdl-spinner__layer-4-fade-in-out {
  from {
    opacity: 0; }
  65% {
    opacity: 0; }
  75% {
    opacity: 0.99; }
  90% {
    opacity: 0.99; }
  100% {
    opacity: 0; } }

/**
* Patch the gap that appear between the two adjacent
* div.mdl-spinner__circle-clipper while the spinner is rotating
* (appears on Chrome 38, Safari 7.1, and IE 11).
*
* Update: the gap no longer appears on Chrome when .mdl-spinner__layer-N's
* opacity is 0.99, but still does on Safari and IE.
*/
.mdl-spinner__gap-patch {
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: 0;
  left: 45%;
  width: 10%;
  height: 100%;
  overflow: hidden;
  border-color: inherit; }
  .mdl-spinner__gap-patch .mdl-spinner__circle {
    width: 1000%;
    left: -450%; }

.mdl-spinner__circle-clipper {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
  border-color: inherit; }
  .mdl-spinner__circle-clipper .mdl-spinner__circle {
    width: 200%; }

.mdl-spinner__circle {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  border-width: 3px;
  border-style: solid;
  border-color: inherit;
  border-bottom-color: transparent !important;
  border-radius: 50%;
  -webkit-animation: none;
  animation: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  .mdl-spinner__left .mdl-spinner__circle {
    border-right-color: transparent !important;
    -webkit-transform: rotate(129deg);
    transform: rotate(129deg); }
    .mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle, .ca-button .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--colour .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--downgrade .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--accent .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--secondary .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--tertiary .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--outline .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .scenario-checkup__check button .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--fab .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--cta .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--cta--accent .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--cta--secondary .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--cta--tertiary .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--cta--cancel .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--cta--outline-primary .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle, .ca-button--cta--outline .is-active.ca-button-spinner .mdl-spinner__left .mdl-spinner__circle {
      -webkit-animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
      animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
  .mdl-spinner__right .mdl-spinner__circle {
    left: -100%;
    border-left-color: transparent !important;
    -webkit-transform: rotate(-129deg);
    transform: rotate(-129deg); }
    .mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle, .ca-button .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--colour .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--downgrade .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--accent .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--secondary .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--tertiary .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--outline .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .scenario-checkup__check button .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--fab .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--cta .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--cta--accent .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--cta--secondary .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--cta--tertiary .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--cta--cancel .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--cta--outline-primary .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle, .ca-button--cta--outline .is-active.ca-button-spinner .mdl-spinner__right .mdl-spinner__circle {
      -webkit-animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
      animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

@keyframes mdl-spinner__left-spin {
  from {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg); }
  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg); } }

@keyframes mdl-spinner__right-spin {
  from {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg); }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  to {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg); } }

#ve-highlight, .ve-goal-decoration {
  border: 2px solid #FFF;
  -webkit-box-shadow: 2px 2px 5px rgba(122, 122, 122, 0.5);
  box-shadow: 2px 2px 5px rgba(122, 122, 122, 0.5);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  pointer-events: none;
  z-index: 2147483447; }
  #ve-highlight span, .ve-goal-decoration span {
    background: #FFF;
    color: #FFF;
    font: bold 12px "Proxima Nova", Arial, sans-serif !important;
    line-height: 1;
    padding: 4px 5px;
    position: absolute;
    top: 0;
    left: -2px;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%); }

#ve-highlight {
  border: 2px solid #8DBC24;
  display: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: transparent;
  width: initial;
  height: initial;
  margin: initial;
  padding: initial;
  border-radius: initial; }
  #ve-highlight.ve-highlight-overlay:before {
    content: "";
    outline: 10000px solid rgba(255, 255, 255, 0.5);
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important; }
  #ve-highlight.ve-highlight-plugin {
    border-color: #3680e3; }
  #ve-highlight:not(.without-label):after {
    content: attr(data-element);
    position: absolute;
    top: -2px;
    left: -2px;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
    background: #8DBC24;
    padding: 4px 5px;
    z-index: 1000;
    color: #FFF;
    font: bold 12px/1 "Proxima Nova", Arial, sans-serif; }
  #ve-highlight:not(.without-label).ve-highlight-plugin:after {
    display: none; }
  #ve-highlight span {
    background: #8DBC24;
    color: #FFF; }

#ve-selection-box {
  display: none;
  margin: 0;
  padding: 0 !important;
  border: none !important;
  z-index: 2147483647 !important;
  position: absolute;
  background-color: transparent;
  width: initial;
  height: initial;
  border-radius: initial; }
  #ve-selection-box.ve-selection-draggable {
    cursor: move !important; }
    #ve-selection-box.ve-selection-draggable #ve-selection-overlay {
      cursor: move !important; }
  #ve-selection-box.ve-selection-transparent #ve-selection-overlay {
    visibility: hidden !important; }
  #ve-selection-box.ve-selection-no-overlay #ve-selection-overlay:before {
    display: none !important; }
  #ve-selection-box.ve-selection-no-label #ve-selection-overlay:after {
    display: none !important; }

.ve-dragged-node {
  z-index: 2147483645 !important; }

#ve-selection-overlay {
  display: none;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  position: relative;
  z-index: 2147483647 !important;
  background: transparent !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  #ve-selection-overlay:before {
    content: "";
    outline: 10000px solid rgba(255, 255, 255, 0.5);
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important; }
  #ve-selection-overlay:not(.without-label):after {
    content: attr(data-element);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
    background: #8DBC24;
    padding: 4px 5px;
    z-index: 1000;
    color: #FFF;
    font: bold 12px/1 "Proxima Nova", Arial, sans-serif; }
  #ve-selection-overlay.ve-selection-plugin {
    outline: none !important;
    border: 2px solid #3680e3; }
  #ve-selection-overlay.ve-selection-plugin.without-border {
    border-color: transparent; }
  #ve-selection-overlay.ve-selection-plugin:after {
    background: #3680e3;
    bottom: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #fff;
    font: bold 11px "Proxima Nova", Arial, sans-serif !important;
    height: 20px;
    left: -1px;
    top: initial;
    line-height: 16px !important;
    padding: 2px 4px;
    position: absolute;
    text-transform: uppercase;
    letter-spacing: initial !important;
    white-space: nowrap;
    -webkit-text-fill-color: #fff;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    text-shadow: none;
    -webkit-transform: translate(-1px, -1px);
    transform: translate(-1px, -1px); }

.ve-selection-outline {
  outline: 2px solid #8DBC24 !important;
  -webkit-box-shadow: 2px 2px 5px rgba(122, 122, 122, 0.5);
  box-shadow: 2px 2px 5px rgba(122, 122, 122, 0.5);
  z-index: 2147483547 !important;
  outline-offset: -2px; }

.ve-move-handle {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.75);
  overflow: hidden;
  cursor: move; }
  .ve-move-handle p {
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: "Proxima Nova", Arial, sans-serif !important;
    color: #FFF;
    font-size: 16px;
    text-align: center; }

#cave-rearrange-glass-handle {
  position: absolute;
  display: none;
  background: rgba(173, 225, 64, 0.42);
  z-index: 2147483647 !important;
  display: block;
  pointer-events: none; }

.cave-drop-zone-active {
  outline: 2px dashed #ADE140 !important; }

.cave-drop-points {
  position: absolute;
  z-index: 2147483547 !important; }
  .cave-drop-points .cave-drop-point {
    position: relative;
    outline: none; }

.ca-ve__menu .readonly-highlight {
  background-color: #b9b9b9;
  opacity: 0.2;
  position: absolute; }

.ca-ve__menu .ace-tm .ace_marker-layer .ace_active-line {
  background: transparent; }

.ve-goal-decoration {
  border: 2px solid #ff9800;
  -webkit-box-shadow: none;
  box-shadow: none;
  z-index: 2147483446; }
  .ve-goal-decoration:after {
    background: #ff9800;
    content: attr(data-label);
    font: bold 11px/1 "Proxima Nova", Arial, sans-serif !important;
    color: #FFF;
    padding: 3px .5em;
    position: absolute;
    right: -2px;
    top: calc(100% + 1px); }

.append-select-goal {
  width: 400px; }

.ca-ve__menu .ve-goal-errors > span {
  display: none; }

.ca-ve__menu .ve-goal-errors > span.is-active {
  display: inline; }

.ca-ve__menu .without-goal.mdl-grid {
  min-height: 160px; }

.ca-ve__menu .without-goal h4 {
  font-size: 16px;
  margin: 0; }

.ca-ve__menu .without-goal i {
  float: left;
  margin: 5px 10px;
  font-size: 20px; }

.ca-ve__menu .trumbowyg-button-pane {
  background-color: #FFF; }
  .ca-ve__menu .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) {
    margin: 5px;
    background-color: #FFF; }
    .ca-ve__menu .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) button {
      cursor: pointer;
      border: 1px solid #dfdfdf;
      border-left: 0;
      background-color: #FAFAFC; }
      .ca-ve__menu .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) button svg {
        -webkit-transition: fill 150ms;
        transition: fill 150ms; }
      .ca-ve__menu .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) button:first-child {
        border-left: 1px solid #dfdfdf; }
      .ca-ve__menu .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) button:not(.trumbowyg-disable):hover, .ca-ve__menu .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) button:not(.trumbowyg-disable):focus, .ca-ve__menu .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) button.trumbowyg-active, .ca-ve__menu .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) button.trumbowyg-active-button {
        background-color: #8DBC24; }
        .ca-ve__menu .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) button:not(.trumbowyg-disable):hover svg, .ca-ve__menu .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) button:not(.trumbowyg-disable):focus svg, .ca-ve__menu .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) button.trumbowyg-active svg, .ca-ve__menu .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) button.trumbowyg-active-button svg {
          fill: #FFF !important; }
    .ca-ve__menu .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) + .trumbowyg-button-group::before {
      width: 0;
      margin: 0; }
  .ca-ve__menu .trumbowyg-button-pane:after {
    height: 0; }

.ca-ve__menu .trumbowyg-dropdown button {
  font-size: 14px;
  font-weight: normal;
  letter-spacing: normal; }

.ca-ve__menu .trumbowyg-modal-box .trumbowyg-modal-title {
  margin-bottom: 10px; }

.ca-ve__menu .trumbowyg-modal-box .trumbowyg-modal-submit, .ca-ve__menu .trumbowyg-modal-box .trumbowyg-modal-reset {
  border-radius: 3px;
  font-size: 14px;
  font-family: "Proxima Nova", Arial, sans-serif; }

.ca-ve__menu .trumbowyg-modal-box .trumbowyg-modal-submit {
  background: #8DBC24;
  color: #fff !important;
  right: 0; }
  .ca-ve__menu .trumbowyg-modal-box .trumbowyg-modal-submit:hover, .ca-ve__menu .trumbowyg-modal-box .trumbowyg-modal-submit:active, .ca-ve__menu .trumbowyg-modal-box .trumbowyg-modal-submit:focus {
    background: #7da720; }

.ca-ve__menu .trumbowyg-modal-box .trumbowyg-modal-reset {
  background: transparent;
  color: #243D56;
  right: 104px; }
  .ca-ve__menu .trumbowyg-modal-box .trumbowyg-modal-reset:hover, .ca-ve__menu .trumbowyg-modal-box .trumbowyg-modal-reset:active, .ca-ve__menu .trumbowyg-modal-box .trumbowyg-modal-reset:focus {
    background: #f2f2f2; }

.ca-ve__menu .trumbowyg-modal-box label {
  display: inline-block;
  width: calc(50% - 14px);
  margin: 0; }
  .ca-ve__menu .trumbowyg-modal-box label:nth-child(even) {
    margin-left: 4px; }
  .ca-ve__menu .trumbowyg-modal-box label:nth-child(odd) {
    margin-right: 4px; }

#trumbowyg-icons path {
  fill: #222 !important;
  stroke: none !important; }

span._pg-editor-placeholder {
  background: #3680e3;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: transparent;
  cursor: default;
  display: inline-block;
  line-height: 19px;
  font-size: 13px;
  font-weight: bold;
  margin: 0 4px 0 6px;
  padding: 1px 8px;
  text-transform: capitalize;
  text-decoration: none;
  text-shadow: 0 0 0 white;
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  span._pg-editor-placeholder::-moz-selection {
    background: transparent;
    color: #fff; }
  span._pg-editor-placeholder::selection {
    background: transparent;
    color: #fff; }

.ve-cropbox-modal {
  width: 100vw;
  height: 100vh;
  background: transparent;
  left: 0px;
  top: 0px;
  position: fixed;
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 2147483647; }
  .ve-cropbox-modal * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .ve-cropbox-modal .ve-cropbox-modal-backdrop {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.65);
    left: 0px;
    top: 0px;
    position: absolute;
    z-index: 1; }
  .ve-cropbox-modal .ve-cropbox-modal-content {
    background: #fff;
    width: 100%;
    height: 100%;
    max-height: 70vh;
    max-width: 80vh;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-header {
      background-color: #f4f4f8;
      padding: 1em 1.5em;
      border-bottom: 1px solid #eaeaf2;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-header .ve-cropbox-header-title {
        color: #243d56;
        margin: 0;
        font-size: 1.25rem;
        font-weight: bold;
        line-height: 1; }
    .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-body {
      padding: 1.5em 2em;
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      height: 10%;
      width: 100%;
      overflow-y: scroll; }
      .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-body .ve-image-wrapper {
        max-height: 600px;
        margin-bottom: 20px;
        max-width: 100%;
        width: auto; }
      .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-body #ve-crop-image {
        max-width: 100%; }
    .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-footer {
      padding: 0.75em 1.5em;
      border-top: 1px solid #eaeaf2;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      font-size: 14px; }
      .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-footer .ve-cropbox-footer-actions {
        text-align: right; }
      .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-footer .ca-button--cta, .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-footer .ca-button--cta--accent, .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-footer .ca-button--cta--secondary, .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-footer .ca-button--cta--tertiary, .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-footer .ca-button--cta--cancel, .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-footer .ca-button--cta--outline-primary, .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-footer .ca-button--cta--outline,
      .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-footer .ca-button--cta--cancel {
        height: 36px !important;
        line-height: normal;
        padding: 5px 22px;
        font-size: 14px; }
      .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-footer .ca-button--cta .action, .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-footer .ca-button--cta--accent .action, .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-footer .ca-button--cta--secondary .action, .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-footer .ca-button--cta--tertiary .action, .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-footer .ca-button--cta--cancel .action, .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-footer .ca-button--cta--outline-primary .action, .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-footer .ca-button--cta--outline .action {
        display: inline !important; }
      .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-footer .ca-button--cta .in-progress, .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-footer .ca-button--cta--accent .in-progress, .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-footer .ca-button--cta--secondary .in-progress, .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-footer .ca-button--cta--tertiary .in-progress, .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-footer .ca-button--cta--cancel .in-progress, .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-footer .ca-button--cta--outline-primary .in-progress, .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-footer .ca-button--cta--outline .in-progress {
        display: none !important; }
      .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-footer .ca-button--cta.cropping .action, .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-footer .cropping.ca-button--cta--accent .action, .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-footer .cropping.ca-button--cta--secondary .action, .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-footer .cropping.ca-button--cta--tertiary .action, .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-footer .cropping.ca-button--cta--cancel .action, .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-footer .cropping.ca-button--cta--outline-primary .action, .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-footer .cropping.ca-button--cta--outline .action {
        display: none !important; }
      .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-footer .ca-button--cta.cropping .in-progress, .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-footer .cropping.ca-button--cta--accent .in-progress, .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-footer .cropping.ca-button--cta--secondary .in-progress, .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-footer .cropping.ca-button--cta--tertiary .in-progress, .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-footer .cropping.ca-button--cta--cancel .in-progress, .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-footer .cropping.ca-button--cta--outline-primary .in-progress, .ve-cropbox-modal .ve-cropbox-modal-content .ve-cropbox-footer .cropping.ca-button--cta--outline .in-progress {
        display: inline !important; }

body {
  min-height: 100%;
  position: relative; }

.controller-plugin {
  display: none; }

.ca-ve__menu {
  color: #243D56; }
  .ca-ve__menu h1, .ca-ve__menu h2, .ca-ve__menu h3, .ca-ve__menu h4, .ca-ve__menu h5, .ca-ve__menu h6 {
    color: #243D56; }
  .ca-ve__menu * {
    font-family: "Proxima Nova", Arial, sans-serif; }
  .ca-ve__menu .mdi, .ca-ve__menu .ca-icon, .ca-ve__menu .mdi-blog-news, .ca-ve__menu .ca-modal .ca-modal__message > div.error:before, .ca-modal .ca-ve__menu .ca-modal__message > div.error:before, .ca-ve__menu .ca-modal .ca-modal__message > div.warning:before, .ca-modal .ca-ve__menu .ca-modal__message > div.warning:before, .ca-ve__menu .ca-modal .ca-modal__message > div.success:before, .ca-modal .ca-ve__menu .ca-modal__message > div.success:before, .ca-ve__menu .ca-modal .ca-modal__message > div.info:before, .ca-modal .ca-ve__menu .ca-modal__message > div.info:before, .ca-ve__menu .ca-pixel__message > div.error:before, .ca-ve__menu .ca-pixel__message > div.warning:before, .ca-ve__menu .ca-pixel__message > div.success:before, .ca-ve__menu .ca-pixel__message > div.info:before, .ca-ve__menu .mdi-funnel-1, .ca-ve__menu .mdi-funnel-2, .ca-ve__menu .mdi-funnel-3, .ca-ve__menu .mdi-funnel-4, .ca-ve__menu .mdi-funnel-5, .ca-ve__menu .mdi-funnel-6, .ca-ve__menu .mdi-funnel-7, .ca-ve__menu .mdi-funnel-8, .ca-ve__menu .mdi-funnel-9, .ca-ve__menu .mdi-funnel-10, .ca-ve__menu .mdi-funnel-11, .ca-ve__menu .mdi-funnel-12, .ca-ve__menu .mdi-funnel-13, .ca-ve__menu .mdi-funnel-14, .ca-ve__menu .mdi-funnel-15, .ca-ve__menu .mdi-funnel-16, .ca-ve__menu .mdi-funnel-17, .ca-ve__menu .mdi-funnel-18, .ca-ve__menu .mdi-funnel-19, .ca-ve__menu .mdi-funnel-20, .ca-ve__menu .mdi-funnel-21, .ca-ve__menu .mdi-funnel-22, .ca-ve__menu .mdi-funnel-23, .ca-ve__menu .mdi-funnel-24, .ca-ve__menu .mdi-funnel-25, .ca-ve__menu .mdi-funnel-26, .ca-ve__menu .mdi-funnel-27, .ca-ve__menu .mdi-funnel-28, .ca-ve__menu .mdi-funnel-29, .ca-ve__menu .mdi-funnel-30, .ca-ve__menu .mdi-funnel-31, .ca-ve__menu .mdi-funnel-32, .ca-ve__menu .mdi-funnel-33, .ca-ve__menu .mdi-funnel-34, .ca-ve__menu .mdi-funnel-35, .ca-ve__menu .mdi-funnel-36, .ca-ve__menu .mdi-funnel-37, .ca-ve__menu .mdi-funnel-38, .ca-ve__menu .mdi-funnel-39, .ca-ve__menu .mdi-funnel-40, .ca-ve__menu .mdi-funnel-41, .ca-ve__menu .mdi-funnel-42 {
    font-family: "Material Design Icons"; }
  .ca-ve__menu .ca-icon, .ca-ve__menu .mdi-blog-news {
    font-family: "convertize"; }

cav-from {
  display: none; }

.ve-editor-dialogue {
  display: none;
  max-width: 600px;
  min-height: 0;
  position: absolute;
  width: auto;
  z-index: 10000; }
  .ve-editor-dialogue .mdl-card__title-text {
    font: 18px "Proxima Nova", Arial, sans-serif; }
  .ve-editor-dialogue .mdl-card__supporting-text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%; }

.ui-helper-hidden-accessible {
  display: none; }

.sc-editor-sliding-message {
  z-index: 600;
  position: relative;
  visibility: visible;
  background-color: #ff9800;
  color: #fff;
  width: 100%;
  height: 100%; }
  .sc-editor-sliding-message.warning {
    background-color: #ff9800; }
  .sc-editor-sliding-message.info {
    background-color: #4f9aff; }
  .sc-editor-sliding-message.success {
    background-color: #8DBC24; }
  .sc-editor-sliding-message .message {
    position: relative;
    margin-left: 25px; }
    .sc-editor-sliding-message .message .mdi-alert-outline {
      color: #fff;
      font-size: 32px;
      position: relative;
      top: 5px; }
    .sc-editor-sliding-message .message .text {
      display: inline-block;
      font-size: 16px;
      padding: 15px 15px 15px 15px; }
    .sc-editor-sliding-message .message button {
      display: inline-block;
      border: 1px solid #fff;
      color: #fff;
      position: relative;
      top: -2px; }
    .sc-editor-sliding-message .message .mdi-close, .sc-editor-sliding-message .message .ca-modal .ca-modal__message > div.error:before, .ca-modal .sc-editor-sliding-message .message .ca-modal__message > div.error:before, .sc-editor-sliding-message .message .ca-pixel__message > div.error:before {
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%);
      right: 20px;
      font-size: 20px;
      cursor: pointer; }

/**
 * WARNING!
 * This file is also used by Shopify.
 * Modifications may change UI of the integration.
 */
.ca-field .ca-field-label {
  overflow: initial;
  padding-left: 40px;
  width: calc(100% - 40px) !important;
  -webkit-box-sizing: initial;
  box-sizing: initial;
  color: #7a7a7a; }
  .ca-field .ca-field-label.no-icon {
    padding: 0 !important; }
    .ca-field .ca-field-label.no-icon label {
      font-size: 14px; }

.ca-field .ca-field-icon {
  color: #b9b9b9;
  font-size: 29px;
  position: absolute;
  left: 0;
  bottom: 24px;
  padding: 0 6px 0 0;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  .ca-field .ca-field-icon.ca-field-icon--small {
    font-size: 24px;
    padding: 0 6px 0 6px; }
    .ca-field .ca-field-icon.ca-field-icon--small.ca-width {
      font-size: 17px;
      padding-bottom: 6px; }

.ca-field .mdl-textfield__input {
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 4px 30px 4px 40px;
  width: 88%;
  width: calc(100% - 70px);
  -webkit-box-sizing: initial;
  box-sizing: initial; }
  .ca-field .mdl-textfield__input:hover, .ca-field .mdl-textfield__input:active, .ca-field .mdl-textfield__input:focus {
    outline: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #b9b9b9; }

.ca-field.no-icon .mdl-textfield__input {
  padding: 4px 30px 4px 0;
  width: 88%;
  width: calc(100% - 30px);
  -webkit-box-sizing: initial;
  box-sizing: initial; }

.ca-field.no-icon .mdl-selectfield__select {
  padding: 4px 30px 4px 0;
  width: 88%;
  width: calc(100% - 30px);
  -webkit-box-sizing: initial;
  box-sizing: initial; }

.ca-field.is-invalid .mdl-textfield__input:hover, .ca-field.is-invalid .mdl-textfield__input:active, .ca-field.is-invalid .mdl-textfield__input:focus, .ca-field.ca-invalid .mdl-textfield__input:hover, .ca-field.ca-invalid .mdl-textfield__input:active, .ca-field.ca-invalid .mdl-textfield__input:focus {
  border-color: #de3226; }

.ca-field .mdl-selectfield__select {
  padding: 4px 30px 6px 40px;
  height: auto;
  line-height: initial; }
  .ca-field .mdl-selectfield__select.no-icon {
    padding: 0; }

.ca-field.is-focused .ca-field-icon, .ca-field.is-dirty .ca-field-icon {
  color: #243D56; }

.ca-field .mdl-textfield__error.ng-hide, .ca-field .mdl-textfield__error.ng-hide-add-active, .ca-field .mdl-textfield__error.ng-leave, .ca-field .mdl-textfield__error.ng-leave-active, .ca-field .mdl-textfield__error.ng-enter, .ca-field .mdl-textfield__error.ng-enter-active {
  display: none !important;
  -webkit-transition: none !important;
  transition: none !important; }

.ca-field.mdl-textfield.ca-invalid .mdl-textfield__input,
.ca-field.mdl-selectfield.ca-invalid .mdl-selectfield__select {
  border-color: rgb(213,0,0);
  -webkit-box-shadow: none;
  box-shadow: none; }

.ca-field.mdl-textfield--floating-label.ca-invalid .mdl-textfield__label,
.ca-field.mdl-selectfield--floating-label.ca-invalid .mdl-selectfield__label {
  color: rgb(213,0,0);
  font-size: 12px; }

.ca-field.mdl-textfield.ca-invalid .mdl-textfield__label:after,
.ca-field.mdl-selectfield.ca-invalid .mdl-selectfield__label:after {
  background-color: rgb(213,0,0); }

.ca-field.mdl-textfield.ca-invalid .mdl-textfield__error,
.ca-field.mdl-selectfield.ca-invalid .mdl-selectfield__error {
  visibility: visible; }

.ca-field.mdl-textfield.ca-invalid .mdl-textfield__error-icon,
.ca-field.mdl-selectfield.ca-invalid .mdl-selectfield__error-icon {
  visibility: visible; }

.ca-field.mdl-textfield.ca-valid .mdl-textfield__success,
.ca-field.mdl-selectfield.ca-valid .mdl-selectfield__success {
  visibility: visible; }

.ca-field.mdl-textfield.ca-valid .mdl-textfield__success-icon,
.ca-field.mdl-selectfield.ca-valid .mdl-textfield__success-icon {
  opacity: 1;
  visibility: visible; }

.mdl-slider-field {
  position: relative;
  padding-top: 24px; }
  .mdl-slider-field.ca-field .ca-field-icon {
    bottom: 7px; }
  .mdl-slider-field .mdl-slider__container {
    left: 10px;
    width: 85%; }
  .mdl-slider-field .mdl-slider--value {
    float: right;
    position: relative;
    top: -34px;
    border-bottom: 2px solid #b9b9b9;
    font-size: 16px;
    color: #b9b9b9;
    padding-bottom: 4px;
    width: 35px; }

.mdl-selectfield__select, .mdl-textfield__input, .ca-field .mdl-textfield__input {
  font-family: "Proxima Nova", Arial, sans-serif; }

.form__profil .mdl-textfield {
  margin-top: 10px; }

.delay-transition, .mdl-textfield__success-icon {
  -webkit-transition-delay: 0.05s !important;
  transition-delay: 0.05s !important; }

.edit-in-place .edit-in-place__print {
  cursor: pointer;
  font-size: 16px;
  margin-top: 4px;
  margin-bottom: 25px; }
  .edit-in-place .edit-in-place__print:after {
    font: normal normal normal 16px/1 "Material Design Icons";
    content: "\F3EB";
    display: inline-block;
    color: #b9b9b9; }
  .edit-in-place .edit-in-place__print:hover:after {
    color: #243D56; }

.edit-in-place .mdl-textfield {
  padding-top: 0px; }
  .edit-in-place .mdl-textfield .mdl-textfield__input {
    padding-left: 0px; }

.custom-message-container .Polaris-Label__Text {
  font-size: 1.2rem; }

.custom-message-container .Polaris-Card__Section {
  position: relative;
  padding: 0 10px 0px 10px; }

.custom-message-container .mdl-radio-container.ca-field {
  margin-bottom: 10px !important; }

.custom-message-container .custom-message-option-div {
  display: block; }
  .custom-message-container .custom-message-option-div .mdl-radio {
    font-weight: normal !important; }

.custom-message-container .thumbnail {
  border: 1px solid #d4d2d2;
  width: 44px;
  height: 42px;
  position: relative;
  float: left;
  margin-right: 10px;
  border-radius: 3px; }

.custom-message-container .predefined-icons-div .tumbnail-div {
  background-position: center;
  height: 42px;
  width: 44px; }

.custom-message-container .predefined-icons-div button {
  height: 42px !important; }

.custom-message-container .predefined-icons-div .custom-settings-dropdown {
  position: relative;
  display: inline-block; }

.custom-message-container .predefined-icons-div .custom-settings-dropdown .dropdownbtn {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 3.1rem;
  min-width: 3.6rem;
  margin: 0;
  padding: .7rem 1.6rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9fafb));
  background: linear-gradient(to bottom, #fff, #f9fafb);
  border: .1rem solid #c4cdd5;
  -webkit-box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
  box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
  border-radius: 3px;
  line-height: 1;
  color: #212b36;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  -webkit-transition-property: background, border, -webkit-box-shadow;
  transition-property: background, border, -webkit-box-shadow;
  transition-property: background, border, box-shadow;
  transition-property: background, border, box-shadow, -webkit-box-shadow;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: cubic-bezier(0.64, 0, 0.35, 1);
  transition-timing-function: cubic-bezier(0.64, 0, 0.35, 1); }

.custom-message-container .predefined-icons-div .dropdown-content {
  position: absolute;
  background-color: #f9f9f9;
  min-width: 282px;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 999;
  padding: 10px;
  margin-top: 1px; }
  .custom-message-container .predefined-icons-div .dropdown-content .selected {
    background-color: #8dbc247d !important; }

.custom-message-container .predefined-icons-div .dropdown-content a {
  float: left;
  padding: 19px;
  text-decoration: none;
  display: block;
  cursor: pointer;
  border: 1px solid #dddddd;
  margin-left: 6px;
  margin-top: 6px;
  border-radius: 3px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%; }

.custom-message-container .predefined-icons-div .dropdown-content a:hover {
  background-color: #ddd !important; }

.custom-message-container .custom-icon-div .thumbnail {
  padding: 0px !important; }

.custom-message-container .custom-icon-div #ve-upload-button {
  height: 44px;
  line-height: 44px;
  margin: 0px; }

.custom-message-container .custom-icon-div .error-message {
  color: orange;
  font-size: 14px; }

.custom-message-container .custom-upload-message #instructions {
  list-style: none;
  padding: 0;
  line-height: 1.5;
  color: #979595;
  font-style: italic;
  font-size: small; }

.custom-message-container .custom-notification-settings-div {
  float: left;
  width: 26% !important; }

.custom-message-container .custom-notification-settings-error-div {
  float: left;
  width: 60% !important;
  padding: 12px 0px; }

.mdl-grid {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
  .mdl-grid.mdl-grid--full-width {
    width: 100%;
    max-width: 100%; }
    .mdl-grid.mdl-grid--full-width.mdl-grid__dashboard--full-width {
      max-width: 1400px; }
  .mdl-grid.mdl-grid--centered {
    min-height: 100%;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .mdl-grid.mdl-grid--no-gutter {
    padding: 0; }
    .mdl-grid.mdl-grid--no-gutter .mdl-cell:first-child {
      margin-left: 0; }
    .mdl-grid.mdl-grid--no-gutter .mdl-cell:last-child {
      margin-right: 0; }
  .mdl-grid .mdl-cell.mdl-cell--no-gutter {
    margin: 0; }
    .mdl-grid .mdl-cell.mdl-cell--no-gutter .mdl-cell--gutter-left {
      margin-left: 8px; }
    .mdl-grid .mdl-cell.mdl-cell--no-gutter .mdl-cell--gutter-right {
      margin-left: 8px; }
  .mdl-grid .mdl-cell--small-margin {
    margin: 4px; }
  .mdl-grid .mdl-cell--no-bottom-margin {
    margin-bottom: -20px; }

.mdi-navigation__link--icon {
  font-size: 30px;
  float: left;
  padding-top: 10px;
  padding-right: 6px; }

.mdl-navigation {
  position: relative; }
  .mdl-navigation img {
    height: auto; }

.mdl-layout__header {
  background-color: #FAFAFC;
  min-height: 50px; }
  .mdl-layout__header.mdl-layout__header--fixed {
    position: fixed;
    z-index: 11; }
  .mdl-layout__header .mdl-layout__header-row {
    height: 50px; }
    .mdl-layout__header .mdl-layout__header-row .mdl-navigation {
      height: 50px; }
      .mdl-layout__header .mdl-layout__header-row .mdl-navigation .mdl-navigation__link--relative {
        position: relative; }
      .mdl-layout__header .mdl-layout__header-row .mdl-navigation .mdl-navigation__link {
        line-height: 50px; }
        .mdl-layout__header .mdl-layout__header-row .mdl-navigation .mdl-navigation__link .sc-badge:after {
          content: attr(data-badge);
          position: absolute;
          top: 5px;
          border-radius: 50%;
          right: 0;
          font-size: 11px;
          padding: 0;
          height: 15px;
          width: 15px;
          background-color: #de3226;
          text-align: center;
          color: #FFF;
          font-family: "Roboto","Helvetica","Arial",sans-serif;
          font-weight: 800;
          line-height: 15px; }
      .mdl-layout__header .mdl-layout__header-row .mdl-navigation.mdl-navigation--dashboard {
        margin-left: 20px; }
        .mdl-layout__header .mdl-layout__header-row .mdl-navigation.mdl-navigation--dashboard .mdl-navigation__link {
          text-transform: uppercase;
          border-right: 1px solid #E7E7E7;
          padding: 0 15px; }
          .mdl-layout__header .mdl-layout__header-row .mdl-navigation.mdl-navigation--dashboard .mdl-navigation__link:first-child {
            border-left: 1px solid #E7E7E7; }
          .mdl-layout__header .mdl-layout__header-row .mdl-navigation.mdl-navigation--dashboard .mdl-navigation__link.active {
            font-weight: 700;
            background-color: #E7E7E7; }
  .mdl-layout__header .mdl-navigation__link,
  .mdl-layout__header .mdl-button,
  .mdl-layout__header .ca-button,
  .mdl-layout__header .ca-button--colour,
  .mdl-layout__header .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button,
  .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover .mdl-layout__header button,
  .mdl-layout__header .ca-button--downgrade,
  .mdl-layout__header .ca-button--accent,
  .mdl-layout__header .ca-button--secondary,
  .mdl-layout__header .ca-button--tertiary,
  .mdl-layout__header .ca-button--outline,
  .mdl-layout__header .scenario-checkup__check button,
  .scenario-checkup__check .mdl-layout__header button,
  .mdl-layout__header .ca-button--fab,
  .mdl-layout__header .ca-button--cta,
  .mdl-layout__header .ca-button--cta--accent,
  .mdl-layout__header .ca-button--cta--secondary,
  .mdl-layout__header .ca-button--cta--tertiary,
  .mdl-layout__header .ca-button--cta--cancel,
  .mdl-layout__header .ca-button--cta--outline-primary,
  .mdl-layout__header .ca-button--cta--outline {
    color: #243D56; }
    .mdl-layout__header .mdl-navigation__link:hover, .mdl-layout__header .mdl-navigation__link:active, .mdl-layout__header .mdl-navigation__link:focus,
    .mdl-layout__header .mdl-button:hover,
    .mdl-layout__header .ca-button:hover,
    .mdl-layout__header .ca-button--colour:hover,
    .mdl-layout__header .ca-button--downgrade:hover,
    .mdl-layout__header .ca-button--accent:hover,
    .mdl-layout__header .ca-button--secondary:hover,
    .mdl-layout__header .ca-button--tertiary:hover,
    .mdl-layout__header .ca-button--outline:hover,
    .mdl-layout__header .scenario-checkup__check button:hover,
    .scenario-checkup__check .mdl-layout__header button:hover,
    .mdl-layout__header .ca-button--fab:hover,
    .mdl-layout__header .ca-button--cta:hover,
    .mdl-layout__header .ca-button--cta--accent:hover,
    .mdl-layout__header .ca-button--cta--secondary:hover,
    .mdl-layout__header .ca-button--cta--tertiary:hover,
    .mdl-layout__header .ca-button--cta--cancel:hover,
    .mdl-layout__header .ca-button--cta--outline-primary:hover,
    .mdl-layout__header .ca-button--cta--outline:hover,
    .mdl-layout__header .mdl-button:active,
    .mdl-layout__header .ca-button:active,
    .mdl-layout__header .ca-button--colour:active,
    .mdl-layout__header .ca-button--downgrade:active,
    .mdl-layout__header .ca-button--accent:active,
    .mdl-layout__header .ca-button--secondary:active,
    .mdl-layout__header .ca-button--tertiary:active,
    .mdl-layout__header .ca-button--outline:active,
    .mdl-layout__header .scenario-checkup__check button:active,
    .scenario-checkup__check .mdl-layout__header button:active,
    .mdl-layout__header .ca-button--fab:active,
    .mdl-layout__header .ca-button--cta:active,
    .mdl-layout__header .ca-button--cta--accent:active,
    .mdl-layout__header .ca-button--cta--secondary:active,
    .mdl-layout__header .ca-button--cta--tertiary:active,
    .mdl-layout__header .ca-button--cta--cancel:active,
    .mdl-layout__header .ca-button--cta--outline-primary:active,
    .mdl-layout__header .ca-button--cta--outline:active,
    .mdl-layout__header .mdl-button:focus,
    .mdl-layout__header .ca-button:focus,
    .mdl-layout__header .ca-button--colour:focus,
    .mdl-layout__header .ca-button--downgrade:focus,
    .mdl-layout__header .ca-button--accent:focus,
    .mdl-layout__header .ca-button--secondary:focus,
    .mdl-layout__header .ca-button--tertiary:focus,
    .mdl-layout__header .ca-button--outline:focus,
    .mdl-layout__header .scenario-checkup__check button:focus,
    .scenario-checkup__check .mdl-layout__header button:focus,
    .mdl-layout__header .ca-button--fab:focus,
    .mdl-layout__header .ca-button--cta:focus,
    .mdl-layout__header .ca-button--cta--accent:focus,
    .mdl-layout__header .ca-button--cta--secondary:focus,
    .mdl-layout__header .ca-button--cta--tertiary:focus,
    .mdl-layout__header .ca-button--cta--cancel:focus,
    .mdl-layout__header .ca-button--cta--outline-primary:focus,
    .mdl-layout__header .ca-button--cta--outline:focus {
      background-color: #eeeeee; }
    .mdl-layout__header .mdl-navigation__link.mdl-button--colored, .mdl-layout__header .mdl-navigation__link.ca-button--colour, .mdl-layout__header .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button.mdl-navigation__link, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover .mdl-layout__header button.mdl-navigation__link, .mdl-layout__header .mdl-navigation__link.ca-button--downgrade, .mdl-layout__header .mdl-navigation__link.ca-button--text,
    .mdl-layout__header .mdl-button.mdl-button--colored,
    .mdl-layout__header .mdl-button--colored.ca-button,
    .mdl-layout__header .ca-button--colour,
    .mdl-layout__header .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button,
    .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover .mdl-layout__header button,
    .mdl-layout__header .ca-button--downgrade,
    .mdl-layout__header .mdl-button--colored.ca-button--accent,
    .mdl-layout__header .ca-button--accent.ca-button--text,
    .mdl-layout__header .mdl-button--colored.ca-button--secondary,
    .mdl-layout__header .ca-button--secondary.ca-button--text,
    .mdl-layout__header .mdl-button--colored.ca-button--tertiary,
    .mdl-layout__header .ca-button--tertiary.ca-button--text,
    .mdl-layout__header .mdl-button--colored.ca-button--outline,
    .mdl-layout__header .scenario-checkup__check button.ca-button--colour,
    .scenario-checkup__check .mdl-layout__header button.ca-button--colour,
    .mdl-layout__header .scenario-checkup__check button.ca-button--downgrade,
    .scenario-checkup__check .mdl-layout__header button.ca-button--downgrade,
    .mdl-layout__header .ca-button--outline.ca-button--text,
    .mdl-layout__header .scenario-checkup__check button.ca-button--text,
    .scenario-checkup__check .mdl-layout__header button.ca-button--text,
    .mdl-layout__header .scenario-checkup__check button.mdl-button--colored,
    .scenario-checkup__check .mdl-layout__header button.mdl-button--colored,
    .mdl-layout__header .mdl-button--colored.ca-button--fab,
    .mdl-layout__header .ca-button--fab.ca-button--text,
    .mdl-layout__header .ca-button.ca-button--text,
    .mdl-layout__header .ca-button--text.ca-button--cta,
    .mdl-layout__header .ca-button--text.ca-button--cta--accent,
    .mdl-layout__header .ca-button--text.ca-button--cta--secondary,
    .mdl-layout__header .ca-button--text.ca-button--cta--tertiary,
    .mdl-layout__header .ca-button--text.ca-button--cta--cancel,
    .mdl-layout__header .ca-button--text.ca-button--cta--outline-primary,
    .mdl-layout__header .ca-button--text.ca-button--cta--outline,
    .mdl-layout__header .mdl-button--colored.ca-button--cta,
    .mdl-layout__header .mdl-button--colored.ca-button--cta--accent,
    .mdl-layout__header .mdl-button--colored.ca-button--cta--secondary,
    .mdl-layout__header .mdl-button--colored.ca-button--cta--tertiary,
    .mdl-layout__header .mdl-button--colored.ca-button--cta--cancel,
    .mdl-layout__header .mdl-button--colored.ca-button--cta--outline-primary,
    .mdl-layout__header .mdl-button--colored.ca-button--cta--outline,
    .mdl-layout__header .mdl-button.ca-button--text,
    .mdl-layout__header .ca-button--text.ca-button--colour,
    .mdl-layout__header .ca-button--text.ca-button--downgrade {
      color: #FFF; }
  .mdl-layout__header .mdl-button__full-height {
    height: 100%;
    border-radius: 0; }

.mdl-navigation__link {
  _min-width: 70px; }

.mdl-navigation--salutation {
  color: #243D56;
  padding-left: 5px; }

.mdl-layout__header {
  -webkit-box-shadow: 0 0;
  box-shadow: 0 0;
  border-bottom: 2px solid #E7E7E7; }
  .mdl-layout__header .mdl-layout-title a {
    border: none;
    color: transparent; }
    .mdl-layout__header .mdl-layout-title a img {
      border: none;
      color: transparent;
      height: 23px; }

.mdl-layout__header--dashboard {
  z-index: 11; }

.mdl-layout .mdl-layout__tab-bar {
  background-color: #FAFAFC;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 48px;
  display: none; }
  .mdl-layout .mdl-layout__tab-bar .mdl-layout__tab {
    color: #243D56; }
    .mdl-layout .mdl-layout__tab-bar .mdl-layout__tab.is-active {
      color: #243D56; }
    .mdl-layout .mdl-layout__tab-bar .mdl-layout__tab:hover {
      background-color: #eee; }

@media only screen and (max-width: 650px) {
  .mdl-navigation.mdl-navigation--dashboard {
    display: none; }
  .mdl-layout .mdl-layout__tab-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }

.intercom-overlay {
  color: #FFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  z-index: 99999; }
  .intercom-overlay .ca-overlay {
    position: absolute;
    top: 0;
    z-index: 0; }
    .intercom-overlay .ca-overlay.full {
      position: fixed;
      top: 0;
      z-index: 10;
      bottom: 0; }
  .intercom-overlay h2 {
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    margin: 0;
    color: #FFF; }
  .intercom-overlay p {
    font-size: 16px;
    color: #b9b9b9;
    margin-bottom: 15px; }
  .intercom-overlay .onboarding-progress {
    margin-bottom: 0; }
  .intercom-overlay .progress--success {
    color: #FFF; }

.scenario-wizard .intercom-overlay {
  margin-top: 52px;
  z-index: 99999; }
  .scenario-wizard .intercom-overlay .ca-overlay {
    opacity: 0.85 !important; }

.scenario-pixel .intercom-overlay {
  height: calc(100vh - 50px);
  top: 50px; }

.ve-dialogue .ve-dialogue-body .intercom-link {
  color: #4B93D3; }

.spinner-container {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.main-loading {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 12;
  background: #fff; }
  .main-loading .mdl-spinner.mdl-spinner--cloak, .main-loading .ca-button .mdl-spinner--cloak.ca-button-spinner, .ca-button .main-loading .mdl-spinner--cloak.ca-button-spinner, .main-loading .ca-button--colour .mdl-spinner--cloak.ca-button-spinner, .ca-button--colour .main-loading .mdl-spinner--cloak.ca-button-spinner, .main-loading .ca-button--downgrade .mdl-spinner--cloak.ca-button-spinner, .ca-button--downgrade .main-loading .mdl-spinner--cloak.ca-button-spinner, .main-loading .ca-button--accent .mdl-spinner--cloak.ca-button-spinner, .ca-button--accent .main-loading .mdl-spinner--cloak.ca-button-spinner, .main-loading .ca-button--secondary .mdl-spinner--cloak.ca-button-spinner, .ca-button--secondary .main-loading .mdl-spinner--cloak.ca-button-spinner, .main-loading .ca-button--tertiary .mdl-spinner--cloak.ca-button-spinner, .ca-button--tertiary .main-loading .mdl-spinner--cloak.ca-button-spinner, .main-loading .ca-button--outline .mdl-spinner--cloak.ca-button-spinner, .ca-button--outline .main-loading .mdl-spinner--cloak.ca-button-spinner, .main-loading .scenario-checkup__check button .mdl-spinner--cloak.ca-button-spinner, .scenario-checkup__check button .main-loading .mdl-spinner--cloak.ca-button-spinner, .main-loading .ca-button--fab .mdl-spinner--cloak.ca-button-spinner, .ca-button--fab .main-loading .mdl-spinner--cloak.ca-button-spinner, .main-loading .ca-button--cta .mdl-spinner--cloak.ca-button-spinner, .ca-button--cta .main-loading .mdl-spinner--cloak.ca-button-spinner, .main-loading .ca-button--cta--accent .mdl-spinner--cloak.ca-button-spinner, .ca-button--cta--accent .main-loading .mdl-spinner--cloak.ca-button-spinner, .main-loading .ca-button--cta--secondary .mdl-spinner--cloak.ca-button-spinner, .ca-button--cta--secondary .main-loading .mdl-spinner--cloak.ca-button-spinner, .main-loading .ca-button--cta--tertiary .mdl-spinner--cloak.ca-button-spinner, .ca-button--cta--tertiary .main-loading .mdl-spinner--cloak.ca-button-spinner, .main-loading .ca-button--cta--cancel .mdl-spinner--cloak.ca-button-spinner, .ca-button--cta--cancel .main-loading .mdl-spinner--cloak.ca-button-spinner, .main-loading .ca-button--cta--outline-primary .mdl-spinner--cloak.ca-button-spinner, .ca-button--cta--outline-primary .main-loading .mdl-spinner--cloak.ca-button-spinner, .main-loading .ca-button--cta--outline .mdl-spinner--cloak.ca-button-spinner, .ca-button--cta--outline .main-loading .mdl-spinner--cloak.ca-button-spinner {
    width: 40px;
    height: 40px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px; }

.scenario-results-loading {
  position: fixed;
  top: 50px;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 12;
  background: #fff; }
  .scenario-results-loading #scenario-skeleton-page {
    width: 100%; }

.mdl-progress--small {
  width: 30%;
  text-align: center;
  margin: 5px auto; }
  .mdl-progress--small .progressbar {
    width: 70% !important;
    background-color: #8DBC24; }

/**
 * WARNING!
 * This file is also used by Shopify.
 * Modifications may change UI of the integration.
 */
.mdl-switch {
  margin: auto;
  display: block;
  width: 37px; }
  .mdl-switch--inverted.is-checked .mdl-switch__thumb {
    background-color: #8DBC24; }
  .mdl-switch--inverted.is-checked .mdl-switch__track {
    background-color: rgba(141, 188, 36, 0.5); }
  .mdl-switch--inverted.is-disabled .mdl-switch__thumb {
    background-color: #b9b9b9; }
  .mdl-switch--inverted.is-disabled .mdl-switch__track {
    background-color: rgba(185, 185, 185, 0.5); }

.mdl-switch--labeled .mdl-switch__track {
  width: 45px;
  background: white;
  border: 2px solid #b9b9b9; }

.mdl-switch--labeled .mdl-switch__thumb {
  background-color: #b9b9b9;
  left: 4px; }

.mdl-switch--labeled.is-checked .mdl-switch__track {
  border: 2px solid #67a700; }

.mdl-switch--labeled.is-checked .mdl-switch__thumb {
  left: 31px;
  top: 2px;
  width: 20px;
  height: 20px;
  left: 27px; }

.mdl-switch--labeled.is-checked .mdl-switch__label--off {
  display: none; }

.mdl-switch--labeled.is-checked .mdl-switch__label--on {
  display: block; }

.mdl-switch--labeled .mdl-switch__thumb {
  top: 4px; }

.mdl-switch--labeled .mdl-switch__label {
  position: absolute;
  z-index: 1;
  font-size: 10px;
  line-height: 24px; }

.mdl-switch--labeled .mdl-switch__label--on {
  display: none;
  color: white;
  left: 9px; }

.mdl-switch--labeled .mdl-switch__label--off {
  display: block;
  color: #b9b9b9;
  left: 23px; }

.ca-message {
  position: absolute;
  top: 0;
  height: 40px;
  left: 0;
  right: 0;
  padding: 0;
  z-index: 10; }
  .ca-message.ng-active {
    top: 0; }
  .ca-message.ng-inactive {
    top: -40px; }
  .ca-message .ca-message__container {
    padding-left: 55px;
    height: 40px;
    line-height: 40px;
    width: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #FFF; }
    .ca-message .ca-message__container .mdi, .ca-message .ca-message__container .ca-icon, .ca-message .ca-message__container .mdi-blog-news, .ca-message .ca-message__container .ca-modal .ca-modal__message > div.error:before, .ca-modal .ca-message .ca-message__container .ca-modal__message > div.error:before, .ca-message .ca-message__container .ca-modal .ca-modal__message > div.warning:before, .ca-modal .ca-message .ca-message__container .ca-modal__message > div.warning:before, .ca-message .ca-message__container .ca-modal .ca-modal__message > div.success:before, .ca-modal .ca-message .ca-message__container .ca-modal__message > div.success:before, .ca-message .ca-message__container .ca-modal .ca-modal__message > div.info:before, .ca-modal .ca-message .ca-message__container .ca-modal__message > div.info:before, .ca-message .ca-message__container .ca-pixel__message > div.error:before, .ca-message .ca-message__container .ca-pixel__message > div.warning:before, .ca-message .ca-message__container .ca-pixel__message > div.success:before, .ca-message .ca-message__container .ca-pixel__message > div.info:before, .ca-message .ca-message__container .mdi-funnel-1, .ca-message .ca-message__container .mdi-funnel-2, .ca-message .ca-message__container .mdi-funnel-3, .ca-message .ca-message__container .mdi-funnel-4, .ca-message .ca-message__container .mdi-funnel-5, .ca-message .ca-message__container .mdi-funnel-6, .ca-message .ca-message__container .mdi-funnel-7, .ca-message .ca-message__container .mdi-funnel-8, .ca-message .ca-message__container .mdi-funnel-9, .ca-message .ca-message__container .mdi-funnel-10, .ca-message .ca-message__container .mdi-funnel-11, .ca-message .ca-message__container .mdi-funnel-12, .ca-message .ca-message__container .mdi-funnel-13, .ca-message .ca-message__container .mdi-funnel-14, .ca-message .ca-message__container .mdi-funnel-15, .ca-message .ca-message__container .mdi-funnel-16, .ca-message .ca-message__container .mdi-funnel-17, .ca-message .ca-message__container .mdi-funnel-18, .ca-message .ca-message__container .mdi-funnel-19, .ca-message .ca-message__container .mdi-funnel-20, .ca-message .ca-message__container .mdi-funnel-21, .ca-message .ca-message__container .mdi-funnel-22, .ca-message .ca-message__container .mdi-funnel-23, .ca-message .ca-message__container .mdi-funnel-24, .ca-message .ca-message__container .mdi-funnel-25, .ca-message .ca-message__container .mdi-funnel-26, .ca-message .ca-message__container .mdi-funnel-27, .ca-message .ca-message__container .mdi-funnel-28, .ca-message .ca-message__container .mdi-funnel-29, .ca-message .ca-message__container .mdi-funnel-30, .ca-message .ca-message__container .mdi-funnel-31, .ca-message .ca-message__container .mdi-funnel-32, .ca-message .ca-message__container .mdi-funnel-33, .ca-message .ca-message__container .mdi-funnel-34, .ca-message .ca-message__container .mdi-funnel-35, .ca-message .ca-message__container .mdi-funnel-36, .ca-message .ca-message__container .mdi-funnel-37, .ca-message .ca-message__container .mdi-funnel-38, .ca-message .ca-message__container .mdi-funnel-39, .ca-message .ca-message__container .mdi-funnel-40, .ca-message .ca-message__container .mdi-funnel-41, .ca-message .ca-message__container .mdi-funnel-42 {
      font-size: 20px;
      line-height: 40px;
      color: #FFF;
      padding-left: 15px;
      padding-right: 5px; }
    .ca-message .ca-message__container.error {
      background-color: #de3226; }
    .ca-message .ca-message__container.warning {
      background-color: #ff9800; }
    .ca-message .ca-message__container.success {
      background-color: #8DBC24; }
    .ca-message .ca-message__container.info {
      background-color: #4B93D3; }
    .ca-message .ca-message__container a {
      color: #FFF;
      text-decoration: underline; }
  .ca-message.ca-message__full-width .ca-message__container {
    padding-left: 0; }

.mdl-selectfield {
  width: 100%;
  z-index: 1; }

html {
  height: 100%; }

a,
a:hover {
  color: #8DBC24; }

body {
  font-family: "Proxima Nova", Arial, sans-serif;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #E7E7E7;
  color: #243D56; }

h1, h2, h3, h4, h5, h6, small {
  font-family: "Proxima Nova", Arial, sans-serif; }

input[type="number"] {
  text-align: left; }

.text-centre,
.text-center {
  text-align: center !important; }

.text-right {
  text-align: right !important; }

.card {
  background-color: #FFF;
  margin-top: 4%;
  border-radius: 5px;
  padding: 20px;
  position: relative;
  z-index: 0; }
  .card.card--full-width {
    padding-left: 0;
    padding-right: 0; }
  .card.card--no-spacing {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0; }

.card-logo {
  position: relative;
  top: 3px;
  left: 50%;
  margin-left: -92px; }

.card-sent h2 {
  font-size: 20px;
  text-align: center;
  margin-top: 4px;
  margin-bottom: 0;
  line-height: 24px; }

.card-sent h3 {
  font-size: 16px;
  text-align: center;
  margin-top: 0px;
  padding-bottom: 0px;
  line-height: 24px; }

.card-forgot h1 {
  margin-bottom: 30px; }

a.card-link {
  font-weight: bold; }

.pixel-error {
  background-color: #b42020 !important;
  background-image: none !important; }

.hide-arrow {
  background-image: none; }

/* adjustments */
.spacer15 {
  margin-top: 15px !important; }

.picture-center {
  display: block;
  margin: auto;
  padding: 30px; }

.error-box {
  display: block;
  height: 25px; }

.show-error,
.show-copy-text {
  visibility: visible !important; }

.copy-text {
  visibility: hidden; }

.scenario--padded,
.scenario--request-error,
.scenario--request-success {
  padding: 1em;
  text-align: center; }

.scenario--request-error {
  color: #b5261c;
  background: rgba(225, 67, 56, 0.4);
  margin: 5px 0 25px !important; }

.scenario--request-success {
  color: #6d911c;
  background: rgba(154, 205, 39, 0.4);
  margin: 5px 0 25px !important; }

.scenario__helper-text {
  font-size: 12px;
  line-height: 1.4;
  padding-left: 1em; }

.relative {
  position: relative; }

h2 {
  font-size: 35px; }

.mdl-layout__content {
  overflow-y: scroll;
  z-index: 10; }
  .mdl-layout__content.layout-no-overflow {
    overflow-y: auto;
    overflow-x: hidden; }

.text-success {
  color: #8DBC24; }

.text-warning {
  color: #ff9800; }

.text-danger {
  color: #de3226; }

pre {
  display: block;
  padding: 8px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px; }

.margin-top {
  margin-top: 24px; }

.no-margin-bottom {
  margin-bottom: 0 !important; }

.no-margin-top {
  margin-top: 0 !important; }

.no-margin-left {
  margin-left: 0 !important; }

.no-margin-right {
  margin-right: 0 !important; }

.scenario-changelog-section {
  margin-top: 50px; }
  .scenario-changelog-section .scenario-changelog-desc {
    border: 1px solid #dddddd;
    color: #243D56;
    padding: 5px;
    font-size: 12px; }
  .scenario-changelog-section .scenario-changelog-button-divs {
    float: right;
    margin-right: -18px; }
    .scenario-changelog-section .scenario-changelog-button-divs .save {
      margin-right: 0; }
    .scenario-changelog-section .scenario-changelog-button-divs .disabled {
      cursor: not-allowed;
      opacity: .65; }
  .scenario-changelog-section .message-error {
    color: orange;
    border-color: orange; }

.ca-modal {
  display: none;
  width: 55%;
  min-width: 800px;
  background-color: #FFF;
  color: #243D56;
  font: normal 16px "Proxima Nova", Arial, sans-serif;
  -webkit-box-shadow: 0 0 50px 5px rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 50px 5px rgba(0, 0, 0, 0.75); }
  .ca-modal--flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 40%;
    max-height: 75%; }
  .ca-modal--large {
    height: 80%;
    width: 80%;
    max-width: 1050px;
    max-height: 640px; }
  .ca-modal--medium {
    width: 50%;
    min-width: 600px;
    max-width: 800px;
    max-height: 70%; }
  .ca-modal__header {
    background: #e7e7f1;
    padding: 15px 30px;
    z-index: 12;
    position: relative; }
    .ca-modal__header h2 {
      color: #243D56;
      font-size: 20px;
      font-weight: normal;
      line-height: normal;
      margin: 0; }
    .ca-modal__header h4 {
      color: #243D56;
      font-size: 16px;
      font-weight: normal;
      line-height: normal;
      margin: 5px 0 0; }
  .ca-modal__body {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 80px; }
    .ca-modal__body--padded {
      padding: 50px 30px 5px 30px; }
      .ca-modal__body--padded > .mdl-grid {
        padding: 0; }
        .ca-modal__body--padded > .mdl-grid > .mdl-cell {
          margin: 0; }
    .ca-modal__body--padded-small {
      padding: 25px 30px 5px 30px; }
      .ca-modal__body--padded-small > .mdl-grid {
        padding: 0; }
        .ca-modal__body--padded-small > .mdl-grid > .mdl-cell {
          margin: 0; }
    .ca-modal__body h3 {
      font: normal 16px "Proxima Nova", Arial, sans-serif;
      font-weight: 600;
      line-height: normal;
      color: #243D56;
      margin: 24px 0; }
    .ca-modal__body p, .ca-modal__body ul, .ca-modal__body ol {
      font: normal 16px "Proxima Nova", Arial, sans-serif; }
    .ca-modal__body ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      .ca-modal__body ul li {
        padding-left: 1em;
        padding-bottom: 4px;
        text-indent: -.7em; }
        .ca-modal__body ul li:before {
          content: "•";
          padding-right: 7px;
          color: #8DBC24;
          font-size: 18px;
          font-weight: 900; }
    .ca-modal__body .ca-tabs {
      position: absolute;
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      .ca-modal__body .ca-tabs .ca-tabs--bar {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 0 30px;
        background-color: #FFF;
        z-index: 20; }
      .ca-modal__body .ca-tabs .ca-tabs--panel {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 50px 30px 5px 30px; }
        .ca-modal__body .ca-tabs .ca-tabs--panel > .mdl-grid {
          padding: 0;
          max-width: none; }
          .ca-modal__body .ca-tabs .ca-tabs--panel > .mdl-grid > .mdl-cell {
            margin: 0; }
    .ca-modal__body .gutter-top {
      margin-top: 15px; }
  .ca-modal__footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: none;
    padding: 0 30px;
    text-align: right;
    border-top: 1px solid #eaeaf2;
    height: 70px;
    gap: 4px; }
    .ca-modal__footer button {
      margin: 0; }
    .ca-modal__footer .error-message {
      display: inline-block;
      font-size: 14px;
      margin: 0 1em;
      color: #de3226; }
    .ca-modal__footer .ca-button--cta, .ca-modal__footer .ca-button--cta--accent, .ca-modal__footer .ca-button--cta--secondary, .ca-modal__footer .ca-button--cta--tertiary, .ca-modal__footer .ca-button--cta--cancel, .ca-modal__footer .ca-button--cta--outline-primary, .ca-modal__footer .ca-button--cta--outline {
      height: 40px;
      line-height: normal;
      padding: 5px 24px;
      font-weight: 600; }
  .ca-modal-heading {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
    margin: 0 0 .5em; }
    .ca-modal-heading--top-margin {
      margin-top: 16px; }
  .ca-modal .ca-modal__message {
    position: absolute;
    top: 0;
    height: 20px;
    left: 0;
    right: 0;
    padding: 0;
    z-index: 10;
    -webkit-transition: top 0.6s ease;
    transition: top 0.6s ease; }
    .ca-modal .ca-modal__message.ng-active {
      top: 0px; }
    .ca-modal .ca-modal__message.ng-inactive {
      top: -40px; }
    .ca-modal .ca-modal__message.ca-modal__message--active {
      top: 0px; }
    .ca-modal .ca-modal__message.ca-modal__message--tabs.ng-active {
      top: 49px; }
    .ca-modal .ca-modal__message.ca-modal__message--tabs.ng-inactive {
      top: 0px; }
    .ca-modal .ca-modal__message.ca-modal__message--tabs.ca-modal__message--active {
      top: 49px; }
    .ca-modal .ca-modal__message > div {
      padding-left: 55px;
      height: 40px;
      line-height: 40px;
      width: 100%;
      overflow: hidden;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      color: #FFF; }
      .ca-modal .ca-modal__message > div:before {
        font-size: 20px !important;
        position: absolute;
        left: 5px;
        line-height: 40px !important;
        color: #FFF;
        padding-left: 25px; }
      .ca-modal .ca-modal__message > div.error {
        background-color: #de3226; }
      .ca-modal .ca-modal__message > div.warning {
        background-color: #ff9800; }
      .ca-modal .ca-modal__message > div.success {
        background-color: #8DBC24; }
      .ca-modal .ca-modal__message > div.info {
        background-color: #4B93D3; }
  .ca-modal .footer-text {
    margin-right: auto;
    margin-block: auto; }
    .ca-modal .footer-text a {
      text-decoration: none; }

.b-modal,
.ca-overlay {
  background-color: #152432 !important;
  opacity: 0.85 !important; }

.ca-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  pointer-events: none; }
  .ca-overlay.ca-overlay--tactics {
    z-index: 81;
    pointer-events: initial; }

.ca-modal-reveal {
  margin: 2em 0 0; }
  .ca-modal-reveal legend {
    border-bottom: 1px solid #b9b9b9;
    color: #243D56;
    cursor: pointer;
    display: inline-block;
    font-size: 14px; }
  .ca-modal-reveal > .reveal {
    padding: 1em 0; }
  .ca-modal-reveal .ca-modal-heading {
    margin-top: 1em; }

.modal-header {
  background-color: #eaeaf2;
  padding: 20px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #b9b9b9; }

.modal .scenario-pixel__accordion {
  margin: 0; }
  .modal .scenario-pixel__accordion .mdl-grid {
    width: 100%; }
  .modal .scenario-pixel__accordion h2 {
    color: #000; }
  .modal .scenario-pixel__accordion p {
    font-size: 14px !important;
    color: rgba(0, 0, 0, 0.54) !important; }

.modal-footer {
  padding-bottom: 20px; }

.ca-modal-spinner {
  padding: 40px;
  text-align: center; }

.send-pixel-modal .modal--text {
  margin: 0; }

.send-pixel-modal .scenario-pixel__accordion-card.card-open {
  -webkit-box-shadow: 0 0 0 0;
  box-shadow: 0 0 0 0; }
  .send-pixel-modal .scenario-pixel__accordion-card.card-open .mdl-card__title {
    display: none; }
  .send-pixel-modal .scenario-pixel__accordion-card.card-open .button-row {
    display: none; }
  .send-pixel-modal .scenario-pixel__accordion-card.card-open .mdl-col-hidden {
    display: none; }
  .send-pixel-modal .scenario-pixel__accordion-card.card-open .mdl-card__supporting-text {
    padding: 16px 0;
    width: 100%; }

#wizard-options .ca-tabs--panel {
  position: relative; }

#wizard-options .toggle-advanced {
  padding: 15px 30px 0 0; }

#wizard-options #targeting-device-dropdown + label .ca-field-icon {
  font-size: 24px;
  display: inline-block;
  width: 1.5em;
  text-align: center; }

#wizard-options .targeting-heading {
  margin: 0; }

.neuroscience {
  min-height: 300px;
  position: relative;
  text-align: center; }
  @media (min-width: 1200px) {
    .neuroscience {
      line-height: 0;
      text-align: left; } }

@media (min-width: 1200px) {
  .neuroscience-inner {
    position: relative; } }

.neuroscience-head {
  display: inline-block;
  position: relative; }
  @media (min-width: 1000px) {
    .neuroscience-head {
      width: 45%; } }

.neuroscience-head-image {
  display: block;
  position: relative;
  max-height: 280px;
  max-width: 100%;
  z-index: 2; }
  .neuroscience-head-image.green {
    position: absolute;
    top: 0;
    z-index: 0;
    left: 0;
    right: 0; }

.neuroscience-level-max {
  position: absolute;
  top: 6%;
  left: 0;
  width: 100%;
  height: 55%; }

.neuroscience-level {
  background: #FFF;
  border-bottom: 1px solid #7a7a7a;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: height .5s ease;
  transition: height .5s ease; }

.neuroscience-percent {
  color: #243D56;
  font-size: 36px;
  font-weight: 600;
  position: absolute;
  bottom: 10%;
  right: 15%;
  z-index: 4; }
  @media (min-width: 839px) {
    .neuroscience-percent {
      bottom: 10%;
      right: 0;
      top: auto; } }

@media (min-width: 1200px) {
  .neuroscience-text {
    position: absolute;
    top: 6%;
    right: 0;
    height: 55%;
    width: 100%; } }

.neuroscience-text h3 {
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  margin: 0; }

.neuroscience-text p {
  color: #7a7a7a;
  font-size: .95em;
  line-height: 1.5;
  padding-top: .5em; }
  @media (min-width: 1200px) {
    .neuroscience-text p {
      padding-right: 1em; } }

@media (min-width: 1200px) {
  .neuroscience-text-inner {
    border-top: 1px solid #7a7a7a;
    position: absolute;
    top: 0;
    right: 0;
    margin-left: -65px;
    margin-top: 1px;
    padding-left: 100px;
    width: 47%;
    -webkit-transition: top .5s ease;
    transition: top .5s ease;
    -webkit-transform: translate(0, -1px);
    transform: translate(0, -1px);
    z-index: 2; }
    .neuroscience-text-inner h3 {
      position: absolute;
      top: -1.5em; } }

.ca-notice {
  display: block;
  font-size: 16px;
  margin-bottom: 20px;
  padding: 20px 20px 20px 50px;
  position: relative; }

.ca-notice-icon {
  font-size: 24px;
  position: absolute;
  left: 20px;
  top: .75em; }

.ca-notice-warning {
  background: #FFF59D; }

.ca-notice-info {
  background: #D3D4FC; }

/**
 * WARNING!
 * This file is also used by Shopify.
 * Modifications may change UI of the integration.
 */
.sc-notification-position-preview {
  width: 83px;
  display: inline-block;
  text-align: center;
  margin-right: 8px;
  margin-bottom: 10px; }
  .sc-notification-position-preview .position-preview.desktop {
    width: 100%;
    height: 73px;
    background: url(../images/notification-position-bg.png?v=master_e9d9350e915e1f686d2c5546abb74cc59e8589f8&) no-repeat;
    position: relative;
    cursor: pointer; }
    .sc-notification-position-preview .position-preview.desktop:after {
      content: "";
      width: 37px;
      height: 10px;
      background: #d4d4d4;
      position: absolute;
      border-radius: 2px;
      -webkit-box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.2);
      box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.2); }
    .sc-notification-position-preview .position-preview.desktop.topRight:after {
      top: 8px;
      right: 8px; }
    .sc-notification-position-preview .position-preview.desktop.bottomRight:after {
      bottom: 12px;
      right: 8px; }
    .sc-notification-position-preview .position-preview.desktop.bottomLeft:after {
      bottom: 12px;
      left: 8px; }
    .sc-notification-position-preview .position-preview.desktop.topLeft:after {
      top: 8px;
      left: 8px; }
    .sc-notification-position-preview .position-preview.desktop.center:after {
      left: 50%;
      top: calc(50% - 3px);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  .sc-notification-position-preview .position-preview.mobile {
    width: 40px;
    height: 73px;
    margin-left: auto;
    margin-right: auto;
    background: url(../images/notification-mobile-position-bg.png?v=master_e9d9350e915e1f686d2c5546abb74cc59e8589f8&) no-repeat;
    background-position: center;
    position: relative;
    cursor: pointer; }
    .sc-notification-position-preview .position-preview.mobile:after {
      content: "";
      width: 32px;
      height: 8px;
      background: #d4d4d4;
      position: absolute;
      border-radius: 1px; }
    .sc-notification-position-preview .position-preview.mobile.topRight:after {
      top: 7px;
      left: 50%;
      -webkit-transform: translate(-50%);
      transform: translate(-50%); }
    .sc-notification-position-preview .position-preview.mobile.bottomRight:after {
      bottom: 8px;
      left: 50%;
      -webkit-transform: translate(-50%);
      transform: translate(-50%); }
    .sc-notification-position-preview .position-preview.mobile.center:after {
      left: 50%;
      top: calc(50% - 5px);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  .sc-notification-position-preview.position-active .position-preview:after {
    background: #81B300; }
  .sc-notification-position-preview .mdl-radio {
    margin-right: 0 !important;
    margin-left: 7px;
    margin-top: -10px;
    position: relative;
    top: -10px; }

.panel {
  -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.12);
  margin: 15px;
  border-radius: 3px; }
  .panel.panel__profil {
    background-color: #FFF;
    width: 450px;
    display: block;
    margin: 35px auto; }
    .panel.panel__profil .spacer {
      padding: 25px 0 15px 0; }
  .panel .panel--header {
    border-bottom: 1px solid #E7E7E7;
    padding: 12px 15px;
    position: relative; }
    @media (max-width: 1200px) {
      .panel .panel--header {
        padding: 10px 5px; } }
    .panel .panel--header h2 {
      margin: 0;
      font-size: 15px;
      line-height: 15px;
      color: #7a7a7a;
      padding: 0;
      font-weight: 600; }
      @media (max-width: 1200px) {
        .panel .panel--header h2 {
          font-size: 14px;
          padding: 0 5px; } }
    .panel .panel--header a {
      float: right;
      text-decoration: none;
      font-size: 14px;
      position: absolute;
      right: 15px;
      background: #fff;
      padding-left: 3px; }
      @media (max-width: 1200px) {
        .panel .panel--header a {
          right: 5px;
          top: 9px;
          bottom: 1px; } }
  .panel.panel-center--horizontal {
    margin-left: 0;
    margin-right: 0; }
  .panel.panel-center--vertical {
    margin-top: 0;
    margin-bottom: 0; }

.panel-card {
  padding: 25px 15px;
  color: #243D56; }
  @media (max-width: 1200px) {
    .panel-card {
      padding: 14px 5px; } }
  .panel-card i {
    float: left;
    margin: 5px 15px 0 5px;
    border: 1px solid #243D56;
    padding: 10px;
    border-radius: 50%;
    color: #243D56;
    font-size: 27px; }
    @media (max-width: 1200px) {
      .panel-card i {
        font-size: 17px; } }
  .panel-card h2 {
    margin: 10px 0 0 0;
    line-height: 25px;
    font-size: 27px;
    font-weight: 600; }
    @media (max-width: 1200px) {
      .panel-card h2 {
        line-height: 17px;
        font-size: 20px; } }
  .panel-card p {
    margin-bottom: 0;
    font-size: 15px; }
    @media (max-width: 1200px) {
      .panel-card p {
        margin-bottom: 0;
        font-size: 12px; } }

.trumbowyg-character-count {
  text-align: right;
  position: absolute;
  top: 100px;
  right: 15px;
  z-index: 111;
  height: 20px;
  font-size: 12px;
  color: #78787a; }

.trumbowyg-character-count-value {
  font-size: 16px;
  padding-left: 3px;
  font-weight: bold; }

.trumbowyg-character-count-valid {
  color: #8DBC24; }

.trumbowyg-character-count-invalid {
  color: #ff9800; }

.trumbowyg-selected-icon {
  position: absolute;
  top: 92px;
  left: 18px;
  width: 80px;
  height: 35px;
  z-index: 110;
  pointer-events: none; }

.trumbowyg-selected-icon-text {
  position: absolute;
  top: 10px;
  left: 40px; }

.trumbowyg-selected-icon-image {
  width: 20px;
  height: 30px; }

.trumbowyg-icons-button {
  width: 100px !important;
  margin-right: 20px; }

.trumbowyg-bold-button {
  border-left: 1px solid #dfdfdf !important; }

.trumbowyg-js-preview-description {
  position: absolute;
  z-index: 2;
  padding: 10px;
  bottom: 0; }

.trumbowyg-dropdown-icons {
  margin: auto;
  z-index: 3;
  width: 238px !important;
  text-align: left; }
  .trumbowyg-dropdown-icons button {
    display: inline-block;
    height: 32px !important;
    width: 32px !important; }

.custom_notification_settings p {
  margin: 10px 0 0 10px; }

.custom_notification_settings #counter {
  position: relative !important; }

.custom_notification_settings .trumbowyg-character-count {
  top: 15px !important; }

.custom-notification-options-switches {
  padding: 0 10px;
  border-top: 1px solid #dddddd; }

.plugin-how-it-works-section {
  margin: 15px 10px 10px 10px; }
  .plugin-how-it-works-section h2 {
    margin: 0 !important; }

.sc-progress-container {
  margin: auto; }

.sc-step-progress {
  width: 100%;
  height: 12px;
  margin-bottom: 5px;
  overflow: hidden;
  background-color: #e6eaef;
  border-radius: 10px;
  border: 1px solid #d2dee8; }
  .sc-step-progress.sc-step-progress__small {
    height: 7px; }
  .sc-step-progress .sc-step-progress-bar {
    height: 100%;
    font-size: 12px;
    line-height: 12px;
    float: left;
    text-align: center;
    background-color: #e6eaef;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-right: 1px solid #d2dee8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .sc-step-progress .sc-step-progress-bar.active {
      background-color: #8DBC24; }
    .sc-step-progress .sc-step-progress-bar:last-child {
      border-right: none; }
  .sc-step-progress .sc-step-progress-bar:first-child:nth-last-child(1),
  .sc-step-progress .sc-step-progress-bar:first-child:nth-last-child(1) ~ .sc-step-progress-bar {
    width: 100%; }
  .sc-step-progress .sc-step-progress-bar:first-child:nth-last-child(2),
  .sc-step-progress .sc-step-progress-bar:first-child:nth-last-child(2) ~ .sc-step-progress-bar {
    width: 50%; }
  .sc-step-progress .sc-step-progress-bar:first-child:nth-last-child(3),
  .sc-step-progress .sc-step-progress-bar:first-child:nth-last-child(3) ~ .sc-step-progress-bar {
    width: 33.33333%; }
  .sc-step-progress .sc-step-progress-bar:first-child:nth-last-child(4),
  .sc-step-progress .sc-step-progress-bar:first-child:nth-last-child(4) ~ .sc-step-progress-bar {
    width: 25%; }
  .sc-step-progress .sc-step-progress-bar:first-child:nth-last-child(5),
  .sc-step-progress .sc-step-progress-bar:first-child:nth-last-child(5) ~ .sc-step-progress-bar {
    width: 20%; }

.project-list-item {
  background: #FAFAFC;
  -webkit-box-shadow: 0 0 5px 1px rgba(122, 122, 122, 0.5);
  box-shadow: 0 0 5px 1px rgba(122, 122, 122, 0.5);
  display: block;
  text-decoration: none;
  position: relative; }
  .project-list-item .project-menu-icon {
    position: absolute;
    right: 0;
    top: 5px;
    z-index: 1;
    font-size: 32px;
    width: 60px;
    color: #FFF; }
    .project-list-item .project-menu-icon:hover {
      background-color: transparent; }
  .project-list-item .mdl-menu__container {
    min-width: 200px; }
    .project-list-item .mdl-menu__container .mdl-menu {
      min-width: 200px; }
      .project-list-item .mdl-menu__container .mdl-menu li {
        font-weight: 300; }
  .project-list-item a {
    text-decoration: none; }

.project-list-item-snapshot {
  background: #243D56;
  color: #FFF;
  height: 180px;
  overflow: hidden;
  position: relative; }

.project-list-item-img {
  opacity: 0.2;
  width: 100%; }

.project-list-item-access {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 6px 12px;
  border: 1px solid #FFF;
  border-radius: 4px;
  min-width: 35%;
  text-align: center;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.1); }

.project-list-item-draft {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, 2em);
  transform: translate(-50%, 2em);
  text-align: center;
  font-weight: 600; }

.project-list-item-details {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  min-height: 40px;
  padding: 15px 20px; }

.project-list-item-name {
  color: #243D56;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.project-list-item-type {
  color: #7a7a7a;
  font-size: 14px;
  font-weight: 600;
  margin: 0; }

.visitor-progress-container {
  background-color: #e6eaef;
  border: 1px solid #d2dee8;
  overflow: hidden;
  height: 12px;
  border-radius: 10px;
  width: 100%;
  position: relative; }
  .visitor-progress-container span {
    background: #8DBC24;
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    margin-left: 0;
    height: 12px; }

.proj-name span {
  font-size: 14px; }

.project-list-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dddddd; }

.project-traffic-usage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.project-traffic-progress-bar {
  margin-right: 10px; }

.project-list-borders {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 30px !important; }

.project-list-no-borders {
  border-bottom: none !important;
  padding-bottom: 0px !important; }

.projectname.active {
  width: 300px;
  padding-right: 0;
  border: 1px solid #b9b9b9;
  background-color: #ececec; }
  .projectname.active .buttons {
    float: right; }
    .projectname.active .buttons button.mdl-button, .projectname.active .buttons button.ca-button, .projectname.active .buttons button.ca-button--colour, .projectname.active .buttons button.ca-button--downgrade, .projectname.active .buttons button.ca-button--accent, .projectname.active .buttons button.ca-button--secondary, .projectname.active .buttons button.ca-button--tertiary, .projectname.active .buttons button.ca-button--outline, .projectname.active .buttons .scenario-checkup__check button, .scenario-checkup__check .projectname.active .buttons button, .projectname.active .buttons button.ca-button--fab, .projectname.active .buttons button.ca-button--cta, .projectname.active .buttons button.ca-button--cta--accent, .projectname.active .buttons button.ca-button--cta--secondary, .projectname.active .buttons button.ca-button--cta--tertiary, .projectname.active .buttons button.ca-button--cta--cancel, .projectname.active .buttons button.ca-button--cta--outline-primary, .projectname.active .buttons button.ca-button--cta--outline {
      border-radius: 50%;
      padding: 0;
      font-size: 16px;
      -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
      height: 25px;
      width: 25px;
      min-width: 25px; }
      .projectname.active .buttons button.mdl-button:first-child, .projectname.active .buttons button.ca-button:first-child, .projectname.active .buttons button.ca-button--colour:first-child, .projectname.active .buttons button.ca-button--downgrade:first-child, .projectname.active .buttons button.ca-button--accent:first-child, .projectname.active .buttons button.ca-button--secondary:first-child, .projectname.active .buttons button.ca-button--tertiary:first-child, .projectname.active .buttons button.ca-button--outline:first-child, .projectname.active .buttons .scenario-checkup__check button:first-child, .scenario-checkup__check .projectname.active .buttons button:first-child, .projectname.active .buttons button.ca-button--fab:first-child, .projectname.active .buttons button.ca-button--cta:first-child, .projectname.active .buttons button.ca-button--cta--accent:first-child, .projectname.active .buttons button.ca-button--cta--secondary:first-child, .projectname.active .buttons button.ca-button--cta--tertiary:first-child, .projectname.active .buttons button.ca-button--cta--cancel:first-child, .projectname.active .buttons button.ca-button--cta--outline-primary:first-child, .projectname.active .buttons button.ca-button--cta--outline:first-child {
        margin: 4px 2px 4px 4px; }
      .projectname.active .buttons button.mdl-button:last-child, .projectname.active .buttons button.ca-button:last-child, .projectname.active .buttons button.ca-button--colour:last-child, .projectname.active .buttons button.ca-button--downgrade:last-child, .projectname.active .buttons button.ca-button--accent:last-child, .projectname.active .buttons button.ca-button--secondary:last-child, .projectname.active .buttons button.ca-button--tertiary:last-child, .projectname.active .buttons button.ca-button--outline:last-child, .projectname.active .buttons .scenario-checkup__check button:last-child, .scenario-checkup__check .projectname.active .buttons button:last-child, .projectname.active .buttons button.ca-button--fab:last-child, .projectname.active .buttons button.ca-button--cta:last-child, .projectname.active .buttons button.ca-button--cta--accent:last-child, .projectname.active .buttons button.ca-button--cta--secondary:last-child, .projectname.active .buttons button.ca-button--cta--tertiary:last-child, .projectname.active .buttons button.ca-button--cta--cancel:last-child, .projectname.active .buttons button.ca-button--cta--outline-primary:last-child, .projectname.active .buttons button.ca-button--cta--outline:last-child {
        margin: 4px 4px 4px 2px; }
      .projectname.active .buttons button.mdl-button.cancel, .projectname.active .buttons button.cancel.ca-button, .projectname.active .buttons button.cancel.ca-button--colour, .projectname.active .buttons button.cancel.ca-button--downgrade, .projectname.active .buttons button.cancel.ca-button--accent, .projectname.active .buttons button.cancel.ca-button--secondary, .projectname.active .buttons button.cancel.ca-button--tertiary, .projectname.active .buttons button.cancel.ca-button--outline, .projectname.active .buttons .scenario-checkup__check button.cancel, .scenario-checkup__check .projectname.active .buttons button.cancel, .projectname.active .buttons button.cancel.ca-button--fab, .projectname.active .buttons button.cancel.ca-button--cta, .projectname.active .buttons button.cancel.ca-button--cta--accent, .projectname.active .buttons button.cancel.ca-button--cta--secondary, .projectname.active .buttons button.cancel.ca-button--cta--tertiary, .projectname.active .buttons button.cancel.ca-button--cta--cancel, .projectname.active .buttons button.cancel.ca-button--cta--outline-primary, .projectname.active .buttons button.cancel.ca-button--cta--outline {
        background-color: #de3226; }
      .projectname.active .buttons button.mdl-button.done, .projectname.active .buttons button.done.ca-button, .projectname.active .buttons button.done.ca-button--colour, .projectname.active .buttons button.done.ca-button--downgrade, .projectname.active .buttons button.done.ca-button--accent, .projectname.active .buttons button.done.ca-button--secondary, .projectname.active .buttons button.done.ca-button--tertiary, .projectname.active .buttons button.done.ca-button--outline, .projectname.active .buttons .scenario-checkup__check button.done, .scenario-checkup__check .projectname.active .buttons button.done, .projectname.active .buttons button.done.ca-button--fab, .projectname.active .buttons button.done.ca-button--cta, .projectname.active .buttons button.done.ca-button--cta--accent, .projectname.active .buttons button.done.ca-button--cta--secondary, .projectname.active .buttons button.done.ca-button--cta--tertiary, .projectname.active .buttons button.done.ca-button--cta--cancel, .projectname.active .buttons button.done.ca-button--cta--outline-primary, .projectname.active .buttons button.done.ca-button--cta--outline {
        background-color: #8DBC24; }
        .projectname.active .buttons button.mdl-button.done:disabled, .projectname.active .buttons button.done.ca-button:disabled, .projectname.active .buttons button.done.ca-button--colour:disabled, .projectname.active .buttons button.done.ca-button--downgrade:disabled, .projectname.active .buttons button.done.ca-button--accent:disabled, .projectname.active .buttons button.done.ca-button--secondary:disabled, .projectname.active .buttons button.done.ca-button--tertiary:disabled, .projectname.active .buttons button.done.ca-button--outline:disabled, .projectname.active .buttons .scenario-checkup__check button.done:disabled, .scenario-checkup__check .projectname.active .buttons button.done:disabled, .projectname.active .buttons button.done.ca-button--fab:disabled, .projectname.active .buttons button.done.ca-button--cta:disabled, .projectname.active .buttons button.done.ca-button--cta--accent:disabled, .projectname.active .buttons button.done.ca-button--cta--secondary:disabled, .projectname.active .buttons button.done.ca-button--cta--tertiary:disabled, .projectname.active .buttons button.done.ca-button--cta--cancel:disabled, .projectname.active .buttons button.done.ca-button--cta--outline-primary:disabled, .projectname.active .buttons button.done.ca-button--cta--outline:disabled {
          background-color: #b9b9b9; }
      .projectname.active .buttons button.mdl-button i, .projectname.active .buttons button.ca-button i, .projectname.active .buttons button.ca-button--colour i, .projectname.active .buttons button.ca-button--downgrade i, .projectname.active .buttons button.ca-button--accent i, .projectname.active .buttons button.ca-button--secondary i, .projectname.active .buttons button.ca-button--tertiary i, .projectname.active .buttons button.ca-button--outline i, .projectname.active .buttons .scenario-checkup__check button i, .scenario-checkup__check .projectname.active .buttons button i, .projectname.active .buttons button.ca-button--fab i, .projectname.active .buttons button.ca-button--cta i, .projectname.active .buttons button.ca-button--cta--accent i, .projectname.active .buttons button.ca-button--cta--secondary i, .projectname.active .buttons button.ca-button--cta--tertiary i, .projectname.active .buttons button.ca-button--cta--cancel i, .projectname.active .buttons button.ca-button--cta--outline-primary i, .projectname.active .buttons button.ca-button--cta--outline i {
        color: #FFF; }
  .projectname.active input {
    max-width: 220px;
    min-width: 220px;
    line-height: 28px;
    padding-left: 5px;
    font-size: 20px; }

.projectname .project-name {
  color: #243D56;
  font-family: "Proxima Nova", Arial, sans-serif;
  font-size: 23px;
  line-height: 1;
  margin-top: 0;
  position: relative; }
  .projectname .project-name i {
    cursor: pointer; }
  .projectname .project-name:hover:not(.disabled) {
    cursor: hand;
    color: #7a7a7a; }
  .projectname .project-name.disabled i {
    display: none; }
  .projectname .project-name .sc-tooltip {
    margin-top: 2px;
    white-space: nowrap; }
  .projectname .project-name:hover .sc-tooltip {
    opacity: 1;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%); }

.projectname input {
  border: none;
  color: #243D56;
  font-family: "Proxima Nova", Arial, sans-serif;
  font-size: 23px;
  margin: -2px 0 0 0;
  padding: 2px .2em;
  width: 100%; }

/*
 * Result box, used in Experiment results page.
 */
.result-box {
  border: 1px solid #DDDDDD;
  margin-bottom: 30px; }
  .result-box .unique-visitors {
    padding-left: 30px;
    padding-bottom: 10px;
    padding-top: 10px;
    color: #a7a7a7;
    font-weight: bold; }
  .result-box__header {
    padding: 15px;
    height: 40px; }
  .result-box__header-title {
    display: inline-block;
    color: #243D56;
    font-size: 21px;
    font-weight: 600;
    margin: 0;
    line-height: 23px;
    padding-left: 25px; }
    .result-box__header-title small {
      display: block;
      color: #243D56;
      opacity: 1; }
  .result-box__header-controls {
    display: inline-block;
    float: right;
    padding: 0;
    margin: 0; }
    .result-box__header-controls > li {
      color: #a7a7a7;
      font-weight: bold;
      line-height: 30px !important;
      display: inline-block;
      list-style-type: none;
      padding: 5px 15px;
      border-radius: 3px;
      border: 1px solid #e4e4ef;
      height: 40px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .result-box__header-controls > li i:first-child {
        font-size: 22px;
        position: relative;
        top: 3px;
        margin-right: 5px; }
      .result-box__header-controls > li:hover {
        cursor: pointer;
        background-color: #FAFAFC; }
      .result-box__header-controls > li input:hover {
        cursor: pointer;
        background-color: #FAFAFC; }
      .result-box__header-controls > li input {
        width: 170px;
        border-bottom: none !important;
        color: #a7a7a7;
        font-weight: bold; }
  .result-box__figure {
    position: relative;
    min-height: 450px;
    padding: 0; }
    .result-box__figure.result-box-background {
      background: #FAFAFC;
      border-bottom: 1px solid #dddddd; }
    .result-box__figure.result-box-no-background {
      border-bottom: 1px solid #dddddd; }
    .result-box__figure .mdl-result-box {
      background: #fff;
      margin: 0;
      padding: 10px; }
    .result-box__figure .chart-container {
      height: 100%;
      width: 100%; }
    .result-box__figure .rates-chart-container {
      height: 430px; }
      .result-box__figure .rates-chart-container .controls--row {
        margin: 0px; }
    .result-box__figure .am-chart-div {
      width: 100%;
      height: 410px; }
    .result-box__figure.mdl-grid {
      margin: 0; }
    .result-box__figure .goal-div {
      padding: 0 20px 0 20px !important;
      height: 415px; }
      .result-box__figure .goal-div .cr-toggle-div {
        padding-left: 45px; }
  .result-box__figure-overlay-charts {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #FFF;
    z-index: 1; }
  .result-box__figure-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.75);
    z-index: 1; }
  .result-box__figure-overlay-text {
    text-align: center;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    font-size: 16px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    text-shadow: 0px 0px 1px rgba(36, 61, 86, 0.5); }
  .result-box__chart {
    border: none !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
    padding: 0 !important;
    position: relative; }
  .result-box__variation-totals {
    height: 20px !important;
    background-color: #EFF5FB; }
    .result-box__variation-totals td {
      font-weight: bold !important; }
    .result-box__variation-totals .col-total {
      border-left: 4px solid black !important;
      text-align: left;
      padding-left: 30px !important; }
    .result-box__variation-totals .col-left {
      text-align: left; }
  .result-box__annotation-div {
    padding: 15px 0 18px 0;
    width: 26%;
    margin: 0; }
    .result-box__annotation-div .summary-title {
      padding: 10px; }
    .result-box__annotation-div .default-annotation-message {
      margin-left: 10px;
      margin-top: 10px;
      font-weight: 400;
      font-size: 15px;
      font-style: italic;
      color: #a7a7a7; }
    .result-box__annotation-div .annotation-scroll {
      overflow-x: auto;
      height: 380px; }
      .result-box__annotation-div .annotation-scroll::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px #adadad;
        border-radius: 10px;
        background-color: #F5F5F5; }
      .result-box__annotation-div .annotation-scroll::-webkit-scrollbar {
        width: 8px;
        background-color: #F5F5F5; }
      .result-box__annotation-div .annotation-scroll::-webkit-scrollbar-thumb {
        border-radius: 8px;
        -webkit-box-shadow: inset 0 0 6px rgba(193, 201, 215, 0.3);
        background-color: #adadad; }
      .result-box__annotation-div .annotation-scroll .annotation-letter {
        border: 1px solid #dddddd;
        padding: 0 4px 0 4px;
        margin-right: 5px; }
      .result-box__annotation-div .annotation-scroll .annotation-title {
        color: #4B93D3;
        font-weight: bold; }
      .result-box__annotation-div .annotation-scroll .list-item {
        border-bottom: 1px solid #e3e3e3 !important;
        margin-bottom: 5px; }
      .result-box__annotation-div .annotation-scroll .item-selection {
        border: 1px solid #e3e3e3 !important;
        background-color: #f3f3f3; }
      .result-box__annotation-div .annotation-scroll .author-name {
        font-style: italic;
        color: #8c8080; }
      .result-box__annotation-div .annotation-scroll .summary-time {
        font-weight: 500; }
      .result-box__annotation-div .annotation-scroll .annotation-description {
        color: #4B93D3; }
      .result-box__annotation-div .annotation-scroll ul {
        list-style: none;
        -webkit-padding-start: 10px;
        padding-inline-start: 10px;
        -webkit-margin-end: 5px;
        margin-inline-end: 5px;
        line-height: 20px; }
        .result-box__annotation-div .annotation-scroll ul li {
          padding: 5px;
          border: 1px solid transparent; }
          .result-box__annotation-div .annotation-scroll ul li:hover {
            border: 1px solid #e3e3e3 !important;
            cursor: pointer;
            background-color: #f3f3f3; }

.sc-select__selector {
  min-width: 200px;
  border: 0;
  background: none;
  outline: none;
  font-family: "Proxima Nova", Arial, sans-serif;
  font-size: 16px;
  color: #243D56;
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding-bottom: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding-right: 40px; }
  .sc-select__selector:hover {
    padding-bottom: 7px;
    border-bottom: 2px solid #8DBC24;
    cursor: pointer; }
  .sc-select__selector .mdl-menu__item-ripple-container {
    display: none; }

.sc-select__selector-content i:first-child {
  margin-right: 10px;
  font-size: 25px;
  position: relative;
  top: 5px; }

.sc-select__selector-icon {
  position: absolute;
  right: 8px;
  top: 8px;
  font-size: 25px; }

.sc-select__options {
  min-width: 200px;
  background-color: #FAFAFC;
  padding: 0; }

.sc-select__option {
  color: #243D56;
  border-bottom: 1px solid #e4e4ef; }
  .sc-select__option i:first-child {
    margin-right: 10px; }
  .sc-select__option:last-child {
    border-bottom: none; }

.sc-plugin-checkbox-container {
  display: inline; }
  .sc-plugin-checkbox-container .mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border: 2px solid #8DBC24; }
  .sc-plugin-checkbox-container .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background-color: #8DBC24; }
  .sc-plugin-checkbox-container .mdl-checkbox .mdl-checkbox__box-outline, .sc-plugin-checkbox-container .mdl-checkbox .mdl-checkbox__focus-helper {
    display: inline-block !important; }
  .sc-plugin-checkbox-container .mdl-checkbox__box-outline {
    border: 2px solid rgba(0, 0, 0, 0.14); }
  .sc-plugin-checkbox-container .mdl-checkbox {
    margin-top: 15px;
    margin-bottom: 15px;
    display: inline; }
  .sc-plugin-checkbox-container .description {
    margin-left: 23px;
    position: relative;
    top: 3px; }

.ve-dialogue .ve-dialogue-body a.scarcity-learn-more {
  font-size: 13px;
  color: #4B93D3;
  font-weight: 600;
  text-decoration: underline;
  border-bottom: none;
  margin-left: 4px; }

[ng-app="shopify"] .plugin .language-selector {
  height: 100px; }

[ng-app="shopify"] .description {
  margin-left: 0; }

.plugin .counting-rule {
  margin-bottom: 5px; }

.share-box {
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
  padding: 16px 8px;
  position: relative;
  margin: 50px 0 90px;
  max-width: 600px;
  background-color: #f4f4f4; }
  .share-box .share-box__img {
    max-width: 80px;
    float: left;
    border: 1px solid #b9b9b9;
    padding: 2px;
    margin-right: 16px;
    margin-left: 8px; }
  .share-box .share-box__icon--profile {
    float: left;
    padding: 2px;
    margin-right: 15px;
    font-size: 75px;
    background: #D8E0E3;
    color: #FFF; }
  .share-box .share-box__name {
    margin-top: 0;
    margin-bottom: 0;
    color: #000;
    font-size: 32px;
    line-height: 1; }
  .share-box .share-box__job {
    text-align: left;
    line-height: 1;
    margin-bottom: 10px;
    margin-top: 2px;
    color: #000;
    font-size: 17px; }
  .share-box .share-box__location {
    font-size: 13px;
    color: #7a7a7a;
    line-height: 1; }
  .share-box .share-box__msg {
    margin-top: 16px;
    background: #fdfdfd;
    vertical-align: middle;
    border-radius: 2px;
    padding: 9px 10px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) inset;
    border: 1px solid #c1c1c1;
    font-size: 13px;
    color: #333;
    line-height: 17px;
    min-height: 52px;
    height: auto;
    margin-bottom: 8px; }
  .share-box .share-box__title {
    text-align: left;
    font-weight: 600;
    font-size: 18px;
    color: #000; }
  .share-box .share-box__text {
    font-size: 14px;
    color: #000; }
  .share-box .ca-button--linkedin {
    background-color: #0274B5;
    height: 28px;
    line-height: 1;
    margin: 0;
    padding: 0 15px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  .share-box .share-box__box__icon--linkedin {
    top: 15px;
    position: absolute;
    right: 15px;
    font-size: 25px;
    background: #0274B5;
    color: #FFF;
    padding: 1px;
    border-radius: 2px; }

.linkedin-link {
  font-size: 16px;
  color: #018dcb;
  text-align: left;
  cursor: pointer;
  line-height: 1;
  border-bottom: 1px solid #d5e5f2; }

.ca-slider--percent {
  margin-top: .25em; }

.ca-slider--percent-number {
  font-size: 14px;
  text-align: center;
  width: auto !important; }
  .ca-slider--percent-number:first-child {
    padding-right: 1em; }
  .ca-slider--percent-number:last-child {
    padding-left: 1em; }

.ca-slider--percent-slider {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: auto !important; }

.ca-slider-device-value {
  text-align: center; }
  .ca-slider-device-value p {
    font-size: 25px;
    line-height: 1.5;
    margin: 0; }
  .ca-slider-device-value i {
    color: #c6c6c6;
    text-shadow: 0.5px 0.5px #acacac;
    font-size: 55px; }
  .ca-slider-device-value span {
    color: #243D56;
    font-size: 13px;
    font-weight: 600;
    margin-top: 5px;
    display: block; }

.ca-slider-device-input {
  margin-top: 3em; }

.ca-slider-value {
  color: #8DBC24;
  display: block;
  text-align: center;
  font-size: 30px !important; }

.mdl-slider--traffic-mobile {
  margin-top: 32px; }
  .mdl-slider--traffic-mobile .mdl-slider__background-lower {
    background: rgba(0,0,0, 0.26) !important; }
  .mdl-slider--traffic-mobile .mdl-slider::-webkit-slider-thumb {
    width: 20px !important;
    height: 20px !important; }
  .mdl-slider--traffic-mobile .mdl-slider::-moz-range-thumb {
    width: 20px !important;
    height: 20px !important; }

.sc-sliding-message {
  position: absolute;
  height: 100px;
  width: 100%;
  top: -100px;
  -webkit-transition: top 1s;
  transition: top 1s; }
  .sc-sliding-message.showing {
    top: 0px;
    -webkit-transition: top 1s;
    transition: top 1s; }

.ca-table {
  border-spacing: 0;
  width: 100%; }
  .ca-table thead th {
    color: #b9b9b9;
    font: normal 12px "Proxima Nova", Arial, sans-serif;
    text-transform: uppercase;
    text-align: left; }
  .ca-table tbody tr td {
    border-bottom: 1px solid #dadae9;
    padding: 8px 0; }
    .ca-table tbody tr td.invalid {
      color: red; }
  .ca-table tbody tr:last-child td {
    border-bottom: none; }
  .ca-table .ph {
    background: #f2f2f2;
    display: inline-block;
    height: 1em; }

/*
 * Scenario table, used in Experiment results page.
 */
.sc-table {
  width: 100%;
  margin-top: 20px; }
  .sc-table.sc-table-margin {
    margin-top: 25px; }
  .sc-table--collapsed {
    border-collapse: collapse; }
    .sc-table--collapsed tbody tr {
      border-bottom: 1px solid #eaeaf2; }
  .sc-table--coloured td:first-child {
    border-left: 4px solid #FAFAFC; }
  .sc-table--muted {
    background-color: #FAFAFC; }
  .sc-table--fit-content th, .sc-table--fit-content td {
    white-space: nowrap; }
  .sc-table--align-left {
    text-align: left !important; }
  .sc-table--align-right {
    text-align: right !important; }
  .sc-table thead th {
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    color: #1e3348;
    font-weight: 600;
    padding: 8px 10px; }
  .sc-table tbody tr {
    height: 80px; }
  .sc-table tbody td {
    color: #243D56;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
    padding: 10px; }
  .sc-table__switch--icon {
    font-size: 24px;
    border: none;
    background: none;
    cursor: pointer;
    outline: none;
    color: #243D56; }
  .sc-table__switch--enabled {
    color: #243D56; }
  .sc-table__switch--disabled {
    color: #b9b9b9; }
  .sc-table__textfield {
    border-radius: 2px;
    border: 1px solid #b9b9b9;
    -webkit-box-shadow: inset 0 0 17px 0 rgba(204, 204, 204, 0.8);
    box-shadow: inset 0 0 17px 0 rgba(204, 204, 204, 0.8);
    color: #243D56;
    font-size: 16px;
    height: auto;
    margin-right: 5px;
    padding: 0.5em;
    text-align: center;
    width: 4em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Proxima Nova", Arial, sans-serif; }
    .sc-table__textfield--invalid {
      outline-color: #de3226;
      border-color: #de3226;
      background-color: rgba(222, 50, 38, 0.25); }
    .sc-table__textfield:active, .sc-table__textfield:focus {
      outline: 0;
      -webkit-box-shadow: inset 0 0 17px 0 rgba(204, 204, 204, 0.8);
      box-shadow: inset 0 0 17px 0 rgba(204, 204, 204, 0.8); }
    .sc-table__textfield:disabled {
      background-color: #eaeaf2; }
  .sc-table__actions {
    width: 140px; }
  .sc-table__action {
    cursor: pointer;
    color: #a7a7a7;
    font-weight: bold;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 3px;
    border: 1px solid #e4e4ef;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .sc-table__action[disabled] {
      opacity: 0.3; }
    .sc-table__action i {
      font-size: 22px;
      position: relative;
      top: 3px;
      margin-right: 5px; }
    .sc-table__action + .sc-tooltip {
      height: 20px;
      left: calc(100% - 70px) !important;
      white-space: nowrap;
      top: calc(50% + 60px); }
    .sc-table__action:hover + .sc-tooltip {
      opacity: 1;
      -webkit-transform: translate(-55%, -70%);
      transform: translate(-55%, -70%); }
  .sc-table .rank {
    width: 30px; }
  .sc-table tbody .rank {
    font-size: 20px;
    font-weight: 600; }
  .sc-table .scenario-name {
    width: 20%;
    word-break: break-word; }
  .sc-table .name {
    min-width: 200px; }
    .sc-table .name .tooltip-hover-zone {
      width: 135px;
      display: inline-block; }
      .sc-table .name .tooltip-hover-zone .sc-tooltip {
        pointer-events: initial;
        white-space: normal;
        height: 84px;
        width: 290px;
        border-radius: 0;
        padding: 10px; }
        .sc-table .name .tooltip-hover-zone .sc-tooltip .blue-link {
          color: #4B93D3;
          font-weight: 600; }
        .sc-table .name .tooltip-hover-zone .sc-tooltip .white-link {
          color: #fff;
          font-weight: 600; }
        .sc-table .name .tooltip-hover-zone .sc-tooltip > span:first-child {
          -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
          position: absolute;
          top: 50%;
          width: 290px; }
      .sc-table .name .tooltip-hover-zone .sc-tooltip.is-showing {
        opacity: 1;
        -webkit-transform: translate(95%, -50%);
        transform: translate(95%, -50%); }
  .sc-table .action-required {
    background-color: #4B93D3;
    color: #fff;
    border-radius: 100px;
    display: inline-block;
    margin-left: 5px;
    padding: 1px 10px; }
  .sc-table .targeting-traffic-input--container .sc-tooltip {
    width: 200px;
    height: 40px;
    white-space: normal;
    -webkit-transform: translate(-120px, 30px);
    transform: translate(-120px, 30px); }
  .sc-table .targeting-traffic-input--container:hover .sc-tooltip {
    opacity: 1; }

/**
 * WARNING!
 * This file is also used by Shopify.
 * Modifications may change UI of the integration.
 */
.ca-tabs .ca-tabs--bar {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.ca-tabs .ca-tabs--tab {
  color: #243D56;
  cursor: pointer;
  font-weight: 600;
  padding: 0 20px; }
  @media (max-width: 1200px) {
    .ca-tabs .ca-tabs--tab {
      padding: 0 13px;
      font-size: 13px; } }
  .ca-tabs .ca-tabs--tab.is-active {
    color: rgba(0,0,0, 0.87); }
    .ca-tabs .ca-tabs--tab.is-active:after {
      height: 2px;
      width: 100%;
      display: block;
      content: " ";
      bottom: 0;
      left: 0;
      position: absolute;
      background: #8DBC24;
      -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
      animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
      -webkit-transition: all 1s cubic-bezier(0.4, 0, 1, 1);
      transition: all 1s cubic-bezier(0.4, 0, 1, 1); }

.ca-tabs .ca-tabs--panel {
  display: none;
  padding: 20px; }

.ca-tabs .ca-tabs--panel-inner {
  height: 100%; }

.ca-tabs .is-active {
  display: block; }

.tacticlist {
  font-weight: 600;
  list-style: none;
  margin: 0;
  padding: 0 20px 20px; }
  .tacticlist h2 {
    font-size: 16px;
    margin: 0 0 0 5px;
    line-height: 24px;
    display: inline-block;
    color: #243D56; }
    @media (max-width: 1200px) {
      .tacticlist h2 {
        font-size: 13px;
        line-height: 20px;
        font-weight: 600; } }
  .tacticlist p {
    margin: 0 0 0 5px;
    line-height: 15px;
    color: #7a7a7a;
    font-weight: lighter;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 4px;
    position: relative; }
    @media (max-width: 1200px) {
      .tacticlist p {
        font-weight: normal;
        font-size: 10px;
        padding-bottom: 2px; } }
    .tacticlist p span {
      float: right; }

.tacticlist-item {
  margin-bottom: 20px;
  padding-left: 60px;
  position: relative; }
  .tacticlist-item:last-child {
    margin-bottom: 0; }
  .tacticlist-item .tacticlist-icon {
    position: absolute;
    left: 0;
    top: 0; }
  .tacticlist-item.tacticlist-item--copy .tacticlist-icon {
    background: #26AC87;
    color: #FFF; }
  .tacticlist-item.tacticlist-item--copy p span {
    color: #26AC87; }
  .tacticlist-item.tacticlist-item--copy .mdl-progress > .progressbar {
    background-color: #26AC87; }
  .tacticlist-item.tacticlist-item--copy .tacticlist-meter span {
    background: #26AC87; }
  .tacticlist-item.tacticlist-item--technical .tacticlist-icon {
    background: #F0C42F;
    color: #FFF; }
  .tacticlist-item.tacticlist-item--technical p span {
    color: #F0C42F; }
  .tacticlist-item.tacticlist-item--technical .mdl-progress > .progressbar {
    background-color: #F0C42F; }
  .tacticlist-item.tacticlist-item--technical .tacticlist-meter span {
    background: #F0C42F; }
  .tacticlist-item.tacticlist-item--data .tacticlist-icon {
    background: #EC733E;
    color: #FFF; }
  .tacticlist-item.tacticlist-item--data p span {
    color: #EC733E; }
  .tacticlist-item.tacticlist-item--data .mdl-progress > .progressbar {
    background-color: #EC733E; }
  .tacticlist-item.tacticlist-item--data .tacticlist-meter span {
    background: #EC733E; }
  .tacticlist-item.tacticlist-item--visual_elements .tacticlist-icon {
    background: #1956AF;
    color: #FFF; }
  .tacticlist-item.tacticlist-item--visual_elements p span {
    color: #1956AF; }
  .tacticlist-item.tacticlist-item--visual_elements .mdl-progress > .progressbar {
    background-color: #1956AF; }
  .tacticlist-item.tacticlist-item--visual_elements .tacticlist-meter span {
    background: #1956AF; }
  .tacticlist-item.tacticlist-item--business .tacticlist-icon {
    background: #7823A2;
    color: #FFF; }
  .tacticlist-item.tacticlist-item--business p span {
    color: #7823A2; }
  .tacticlist-item.tacticlist-item--business .mdl-progress > .progressbar {
    background-color: #7823A2; }
  .tacticlist-item.tacticlist-item--business .tacticlist-meter span {
    background: #7823A2; }
  .tacticlist-item.tacticlist-item--account .tacticlist-icon {
    background: #26AC87;
    color: #FFF; }
  .tacticlist-item.tacticlist-item--account p span {
    color: #26AC87; }
  .tacticlist-item.tacticlist-item--account .mdl-progress > .progressbar {
    background-color: #26AC87; }
  .tacticlist-item.tacticlist-item--account .tacticlist-meter span {
    background: #26AC87; }

.tacticlist-icon {
  border-radius: 50px;
  font-size: 24px;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center; }

.tacticlist-meter {
  background: #b9b9b9;
  display: block;
  width: calc(100% - 5px);
  margin-left: 5px;
  height: 5px;
  position: relative; }
  .tacticlist-meter span {
    background: #243D56;
    font-weight: 500;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0; }

.tacticlist-meter span {
  font-size: 11px;
  font-weight: bold;
  position: absolute;
  right: 0;
  background: #FFF;
  margin-left: 0; }
  @media (max-width: 1200px) {
    .tacticlist-meter span {
      font-size: 10px; } }

.mdl-snackbar {
  position: fixed;
  z-index: 80; }
  .mdl-snackbar.mdl-snackbar--active {
    -webkit-transform: translate(0, -20px);
    transform: translate(0, -20px); }

/**
 * WARNING!
 * This file is also used by Shopify.
 * Modifications may change UI of the integration.
 */
@-webkit-keyframes animate-tooltip {
  0% {
    opacity: 0; }
  50% {
    opacity: .5; }
  60% {
    opacity: .8; }
  70% {
    opacity: .9; }
  90% {
    opacity: 1; } }

@keyframes animate-tooltip {
  0% {
    opacity: 0; }
  50% {
    opacity: .5; }
  60% {
    opacity: .8; }
  70% {
    opacity: .9; }
  90% {
    opacity: 1; } }

._exradicated-tooltip {
  display: block;
  opacity: 1;
  position: absolute;
  z-index: 999; }

tooltip {
  display: inline-block;
  position: relative; }
  tooltip._multiline {
    display: block; }
  tooltip._slow._ready tip {
    -webkit-animation: animate-tooltip 0.65s;
    animation: animate-tooltip 0.65s; }
  tooltip._fast._ready tip {
    -webkit-animation: animate-tooltip 0.15s;
    animation: animate-tooltip 0.15s; }
  tooltip._steady._ready tip {
    -webkit-animation: animate-tooltip 0.35s;
    animation: animate-tooltip 0.35s; }
  tooltip tip {
    border-radius: 5px;
    background: rgba(39, 39, 39, 0.7);
    color: #FFF;
    display: none;
    line-height: normal;
    max-width: 500px;
    min-width: 100px;
    opacity: 0;
    padding: 8px 16px;
    position: absolute;
    text-align: center;
    width: auto;
    will-change: top, left, bottom, right; }
    tooltip tip._hidden {
      display: block;
      visibility: hidden; }
  tooltip.active:not(._force-hidden) tip {
    display: block;
    opacity: 1;
    z-index: 999; }
  tooltip tip-tip {
    font-size: 0.95em; }
    tooltip tip-tip._large {
      font-size: 14px; }
    tooltip tip-tip._small {
      font-size: 0.8em; }
  tooltip._top tip {
    left: 50%;
    top: -8px;
    -webkit-transform: translateX(-50%) translateY(-100%);
    transform: translateX(-50%) translateY(-100%); }
    tooltip._top tip tip-arrow {
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 6px solid rgba(39, 39, 39, 0.7);
      content: '';
      height: 0;
      left: 50%;
      margin-left: -5px;
      position: absolute;
      top: 100%;
      width: 0; }
  tooltip._bottom tip {
    right: 50%;
    top: 100%;
    -webkit-transform: translateX(50%) translateY(8px);
    transform: translateX(50%) translateY(8px); }
    tooltip._bottom tip tip-arrow {
      border-bottom: 6px solid rgba(39, 39, 39, 0.7);
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      bottom: 100%;
      content: '';
      height: 0;
      left: 50%;
      margin-left: -5px;
      position: absolute;
      width: 0; }
  tooltip._right tip {
    left: 100%;
    top: 50%;
    -webkit-transform: translateX(8px) translateY(-50%);
    transform: translateX(8px) translateY(-50%); }
    tooltip._right tip tip-arrow {
      border-bottom: 6px solid transparent;
      border-right: 6px solid rgba(39, 39, 39, 0.7);
      border-top: 6px solid transparent;
      content: '';
      height: 0;
      margin-top: -5px;
      position: absolute;
      right: 100%;
      top: 50%;
      width: 0; }
  tooltip._left tip {
    left: -8px;
    top: 50%;
    -webkit-transform: translateX(-100%) translateY(-50%);
    transform: translateX(-100%) translateY(-50%); }
    tooltip._left tip tip-arrow {
      border-bottom: 6px solid transparent;
      border-left: 6px solid rgba(39, 39, 39, 0.7);
      border-top: 6px solid transparent;
      content: '';
      height: 0;
      left: 100%;
      margin-top: -5px;
      position: absolute;
      top: 50%;
      width: 0; }

tip-tip .close-button {
  cursor: pointer;
  float: right;
  left: 8%;
  margin-top: -7%;
  padding: 3px;
  position: relative; }

tooltip tip {
  min-width: 200px;
  text-align: left;
  text-transform: none;
  white-space: normal;
  font-weight: 500;
  padding: 7px 11px 6px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-animation: 0;
  animation: 0;
  display: block;
  visibility: hidden;
  pointer-events: none;
  -webkit-font-smoothing: antialiased; }

tooltip tip-tip {
  font-size: 12.5px; }

tooltip._steady._ready._top tip {
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%); }

tooltip._steady._ready.active tip {
  visibility: visible; }

i.tooltip-help {
  font-size: 16px;
  vertical-align: text-bottom; }

.right-arrow, .sc-tooltip.sc-movable-tooltip.sc-moveable-right:after, .sc-tooltip.sc-tooltip-right:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -6px;
  pointer-events: none;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  border-right: 6px solid rgba(39, 39, 39, 0.7);
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent; }

.left-arrow, .sc-tooltip.sc-tooltip-left:after, .sc-tooltip.sc-movable-tooltip.sc-moveable-left:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -6px;
  pointer-events: none;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  border-left: 6px solid rgba(39, 39, 39, 0.7);
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent; }

.sc-tooltip {
  position: absolute;
  max-width: 310px;
  white-space: nowrap;
  top: 0;
  background: rgba(39, 39, 39, 0.7);
  border-radius: 5px;
  padding: 7px 11px 5px;
  text-align: left;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  opacity: 0;
  color: #FFF;
  pointer-events: none;
  font-weight: 500;
  font-size: 12.5px;
  line-height: 18px;
  z-index: 999999;
  -webkit-font-smoothing: antialiased; }
  .sc-tooltip.sc-tooltip-multi-lines {
    white-space: normal; }
  .sc-tooltip.sc-tooltip-left {
    top: 50%;
    left: -15px;
    right: initial !important;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%); }
  .sc-tooltip.sc-movable-tooltip {
    position: fixed;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease; }
  .sc-tooltip.sc-tooltip-right {
    top: 50%;
    right: -15px;
    left: initial !important;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%); }
  .sc-tooltip.sc-tooltip-top {
    top: -100%;
    left: 50%;
    right: initial !important;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%); }
    .sc-tooltip.sc-tooltip-top:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      top: 100%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      pointer-events: none;
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0;
      border-top: 6px solid rgba(39, 39, 39, 0.7);
      border-right: 6px solid transparent;
      border-bottom: 0 solid transparent;
      border-left: 6px solid transparent; }
  .sc-tooltip.sc-tooltip-bottom {
    bottom: -100%;
    left: 50%;
    right: initial !important;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%); }
    .sc-tooltip.sc-tooltip-bottom:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      bottom: 100%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      pointer-events: none;
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0;
      border-top: 0 solid transparent;
      border-right: 6px solid transparent;
      border-bottom: 6px solid rgba(39, 39, 39, 0.7);
      border-left: 6px solid transparent; }
  .sc-tooltip.sc-tooltip-left-below {
    top: 100%;
    right: 0;
    -webkit-transform: translate(10px, 17px);
    transform: translate(10px, 17px); }
    .sc-tooltip.sc-tooltip-left-below:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      top: -3px;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      right: 16px;
      pointer-events: none;
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0;
      border-bottom: 6px solid rgba(39, 39, 39, 0.7);
      border-left: 6px solid transparent;
      border-right: 6px solid transparent; }
  .sc-tooltip.sc-tooltip-right-above {
    top: -100%;
    right: 5px;
    left: initial !important;
    -webkit-transform: translate(20px, 0);
    transform: translate(20px, 0); }
    .sc-tooltip.sc-tooltip-right-above:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      top: 100%;
      right: 15px;
      pointer-events: none;
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0;
      border-top: 6px solid rgba(39, 39, 39, 0.7);
      border-right: 6px solid transparent;
      border-bottom: 0 solid transparent;
      border-left: 6px solid transparent; }

.uplift {
  border: 2px solid;
  width: 55px;
  height: 55px;
  line-height: 55px;
  display: block;
  margin: auto;
  border-radius: 50%;
  font-size: 15px;
  font-weight: 400;
  color: #243D56;
  border-color: #243D56; }
  .uplift--up {
    color: #8DBC24;
    border-color: #8DBC24; }
  .uplift--down {
    color: #de3226;
    border-color: #de3226; }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-alternate {
  text-align: left !important; }
  @media only screen and (max-width: 839px) {
    .text-alternate {
      text-align: center !important; } }

@media only screen and (max-width: 459px) {
  .hide-mobile {
    display: none !important; } }

@media only screen and (min-width: 460px) and (max-width: 839px) {
  .hide-tablet {
    display: none !important; } }

@media only screen and (max-width: 459px) {
  .show-mobile {
    display: block !important; } }

@media only screen and (min-width: 460px) and (max-width: 839px) {
  .show-tablet {
    display: block !important; } }

.link-green {
  cursor: pointer !important;
  color: #8DBC24 !important;
  border-bottom: 1px solid #e6efd4 !important; }

.link-blue {
  cursor: pointer !important;
  color: #4B93D3 !important;
  border-bottom: 1px solid #e0edff !important; }

.text-capitalize {
  text-transform: capitalize; }

.variation-tabs {
  background: #FFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  width: 100%;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }
  .variation-tabs .ng-popover .ng-popover-wrapper.bottom::after {
    left: 57px; }

.variation-tabs-container {
  overflow: hidden;
  z-index: 1; }

.variation-tabs-list {
  display: block;
  height: 48px;
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: visible;
  white-space: nowrap;
  -webkit-transition: margin-left 300ms;
  transition: margin-left 300ms; }

.variation-tabs-tab {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: normal;
  color: #b9b9b9;
  display: block;
  float: left;
  height: 100%;
  margin: 0;
  min-width: 70px;
  overflow: visible;
  padding: 0 18px;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  white-space: nowrap; }
  .variation-tabs-tab.is-active {
    color: #243D56; }
    .variation-tabs-tab.is-active:after {
      background: #243D56;
      content: " ";
      display: block;
      height: 2px;
      width: 100%;
      bottom: 0;
      left: 0;
      position: absolute;
      -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
      animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
      -webkit-transition: all 1s cubic-bezier(0.4, 0, 1, 1);
      transition: all 1s cubic-bezier(0.4, 0, 1, 1); }
  .variation-tabs-tab .variation-tabs-tab__title {
    padding-top: 14px;
    font-size: 15px; }
  .variation-tabs-tab .variation-tabs-tab__type {
    color: #de3226;
    font-size: 10px;
    font-weight: 700; }
  .variation-tabs-tab .variation-tabs-tab__tactic {
    color: #243D56;
    font-size: 10px;
    font-weight: 700; }
  .variation-tabs-tab .variation-tabs-tab__custom {
    color: #b9b9b9;
    font-size: 10px;
    font-weight: 700; }

#vt-original-tab {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  z-index: 2; }

.variation-tabs-arrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  height: 100%;
  line-height: 100%;
  background: white;
  text-decoration: none;
  color: #b9b9b9;
  width: 40px;
  z-index: 2; }
  .variation-tabs-arrow--left {
    -webkit-box-shadow: 5px 0 4px -2px rgba(0, 0, 0, 0.5);
    box-shadow: 5px 0 4px -2px rgba(0, 0, 0, 0.5);
    left: 0; }
  .variation-tabs-arrow--right {
    -webkit-box-shadow: -5px 0 4px -2px rgba(0, 0, 0, 0.5);
    box-shadow: -5px 0 4px -2px rgba(0, 0, 0, 0.5);
    right: 0; }
  .variation-tabs-arrow .mdi, .variation-tabs-arrow .ca-icon, .variation-tabs-arrow .mdi-blog-news, .variation-tabs-arrow .ca-modal .ca-modal__message > div.error:before, .ca-modal .variation-tabs-arrow .ca-modal__message > div.error:before, .variation-tabs-arrow .ca-modal .ca-modal__message > div.warning:before, .ca-modal .variation-tabs-arrow .ca-modal__message > div.warning:before, .variation-tabs-arrow .ca-modal .ca-modal__message > div.success:before, .ca-modal .variation-tabs-arrow .ca-modal__message > div.success:before, .variation-tabs-arrow .ca-modal .ca-modal__message > div.info:before, .ca-modal .variation-tabs-arrow .ca-modal__message > div.info:before, .variation-tabs-arrow .ca-pixel__message > div.error:before, .variation-tabs-arrow .ca-pixel__message > div.warning:before, .variation-tabs-arrow .ca-pixel__message > div.success:before, .variation-tabs-arrow .ca-pixel__message > div.info:before, .variation-tabs-arrow .mdi-funnel-1, .variation-tabs-arrow .mdi-funnel-2, .variation-tabs-arrow .mdi-funnel-3, .variation-tabs-arrow .mdi-funnel-4, .variation-tabs-arrow .mdi-funnel-5, .variation-tabs-arrow .mdi-funnel-6, .variation-tabs-arrow .mdi-funnel-7, .variation-tabs-arrow .mdi-funnel-8, .variation-tabs-arrow .mdi-funnel-9, .variation-tabs-arrow .mdi-funnel-10, .variation-tabs-arrow .mdi-funnel-11, .variation-tabs-arrow .mdi-funnel-12, .variation-tabs-arrow .mdi-funnel-13, .variation-tabs-arrow .mdi-funnel-14, .variation-tabs-arrow .mdi-funnel-15, .variation-tabs-arrow .mdi-funnel-16, .variation-tabs-arrow .mdi-funnel-17, .variation-tabs-arrow .mdi-funnel-18, .variation-tabs-arrow .mdi-funnel-19, .variation-tabs-arrow .mdi-funnel-20, .variation-tabs-arrow .mdi-funnel-21, .variation-tabs-arrow .mdi-funnel-22, .variation-tabs-arrow .mdi-funnel-23, .variation-tabs-arrow .mdi-funnel-24, .variation-tabs-arrow .mdi-funnel-25, .variation-tabs-arrow .mdi-funnel-26, .variation-tabs-arrow .mdi-funnel-27, .variation-tabs-arrow .mdi-funnel-28, .variation-tabs-arrow .mdi-funnel-29, .variation-tabs-arrow .mdi-funnel-30, .variation-tabs-arrow .mdi-funnel-31, .variation-tabs-arrow .mdi-funnel-32, .variation-tabs-arrow .mdi-funnel-33, .variation-tabs-arrow .mdi-funnel-34, .variation-tabs-arrow .mdi-funnel-35, .variation-tabs-arrow .mdi-funnel-36, .variation-tabs-arrow .mdi-funnel-37, .variation-tabs-arrow .mdi-funnel-38, .variation-tabs-arrow .mdi-funnel-39, .variation-tabs-arrow .mdi-funnel-40, .variation-tabs-arrow .mdi-funnel-41, .variation-tabs-arrow .mdi-funnel-42 {
    font-size: 40px;
    width: 40px; }

.variation-tabs-add {
  z-index: 3;
  background: transparent;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 0 10px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }

.variation-tabs-add-scenario {
  position: relative; }
  .variation-tabs-add-scenario:hover .sc-tooltip-right {
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
    opacity: 1; }
  .variation-tabs-add-scenario:hover .sc-tooltip-left {
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
    opacity: 1; }

a.variation-tabs-button--add {
  background: #FFF;
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 13px -2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 13px -2px rgba(0, 0, 0, 0.5);
  color: #8DBC24;
  display: block;
  font-size: 20px;
  height: 20px;
  margin-top: 6px;
  line-height: 20px;
  padding: 8px;
  text-align: center;
  text-decoration: none;
  width: 20px; }

button.variation-tabs-button--add {
  cursor: pointer;
  outline: none;
  background: #FFF;
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 13px -2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 13px -2px rgba(0, 0, 0, 0.5);
  color: #8DBC24;
  display: block;
  font-size: 20px;
  height: 36px;
  margin-top: 6px;
  line-height: 20px;
  padding: 8px;
  text-align: center;
  text-decoration: none;
  width: 36px;
  border: 0; }
  button.variation-tabs-button--add[disabled] {
    background: #FAFAFC;
    color: #b9b9b9;
    cursor: not-allowed; }

.variation-tabs--loading {
  padding-top: 10px; }

.variation-tabs--editing-mode {
  min-width: 118px;
  padding: 0 10px; }
  .variation-tabs--editing-mode span {
    text-transform: initial; }
  .variation-tabs--editing-mode label.mdl-switch {
    width: 0; }
    .variation-tabs--editing-mode label.mdl-switch.is-checked .mdl-switch__track {
      background-color: rgba(141, 188, 36, 0.5); }
    .variation-tabs--editing-mode label.mdl-switch.is-checked .mdl-switch__thumb {
      background-color: #8DBC24; }

.variation-tabs--tab-container {
  float: left;
  max-width: 70%;
  overflow: hidden; }
  .variation-tabs--tab-container .inner {
    float: left; }
  .variation-tabs--tab-container.shadow {
    -webkit-box-shadow: inset 5px 0 5px -5px #333, inset -5px 0 5px -5px #333;
    box-shadow: inset 5px 0 5px -5px #333, inset -5px 0 5px -5px #333; }
  .variation-tabs--tab-container .mdl-menu__container {
    position: fixed; }

.variation-tabs--panel--full-screen {
  right: 30px;
  width: 25px;
  height: 25px;
  background: #8DBC24;
  text-align: center;
  cursor: pointer;
  top: 178px;
  z-index: 60;
  position: fixed;
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .variation-tabs--panel--full-screen i {
    display: block;
    color: #FFF;
    font-size: 25px; }
  .variation-tabs--panel--full-screen .sc-tooltip {
    white-space: nowrap; }
  .variation-tabs--panel--full-screen:hover .sc-tooltip {
    opacity: 1;
    -webkit-transform: translate(10px, 17px);
    transform: translate(10px, 17px); }

.variation-tabs--add-tab {
  padding: 0;
  -webkit-box-shadow: 0 1px 13px -2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 13px -2px rgba(0, 0, 0, 0.5);
  height: 32px;
  width: 32px;
  line-height: 33px;
  border-radius: 50%;
  margin-top: 10px;
  margin-left: 10px;
  min-width: 32px;
  color: #ff9800; }

.variation-tabs--scroll-tab {
  padding: 0;
  min-width: 30px;
  color: #d4d4e5;
  width: 30px;
  height: 48px;
  font-size: 34px;
  text-align: center;
  line-height: 52px; }

.variation-tabs--variation-panel {
  position: relative;
  overflow: hidden; }

.variation-tabs--loading-panel {
  position: absolute;
  width: 100%;
  z-index: 55;
  background: #FFF; }
  .variation-tabs--loading-panel .mdl-spinner, .variation-tabs--loading-panel .ca-button .ca-button-spinner, .ca-button .variation-tabs--loading-panel .ca-button-spinner, .variation-tabs--loading-panel .ca-button--colour .ca-button-spinner, .ca-button--colour .variation-tabs--loading-panel .ca-button-spinner, .variation-tabs--loading-panel .ca-button--downgrade .ca-button-spinner, .ca-button--downgrade .variation-tabs--loading-panel .ca-button-spinner, .variation-tabs--loading-panel .ca-button--accent .ca-button-spinner, .ca-button--accent .variation-tabs--loading-panel .ca-button-spinner, .variation-tabs--loading-panel .ca-button--secondary .ca-button-spinner, .ca-button--secondary .variation-tabs--loading-panel .ca-button-spinner, .variation-tabs--loading-panel .ca-button--tertiary .ca-button-spinner, .ca-button--tertiary .variation-tabs--loading-panel .ca-button-spinner, .variation-tabs--loading-panel .ca-button--outline .ca-button-spinner, .ca-button--outline .variation-tabs--loading-panel .ca-button-spinner, .variation-tabs--loading-panel .scenario-checkup__check button .ca-button-spinner, .scenario-checkup__check button .variation-tabs--loading-panel .ca-button-spinner, .variation-tabs--loading-panel .ca-button--fab .ca-button-spinner, .ca-button--fab .variation-tabs--loading-panel .ca-button-spinner, .variation-tabs--loading-panel .ca-button--cta .ca-button-spinner, .ca-button--cta .variation-tabs--loading-panel .ca-button-spinner, .variation-tabs--loading-panel .ca-button--cta--accent .ca-button-spinner, .ca-button--cta--accent .variation-tabs--loading-panel .ca-button-spinner, .variation-tabs--loading-panel .ca-button--cta--secondary .ca-button-spinner, .ca-button--cta--secondary .variation-tabs--loading-panel .ca-button-spinner, .variation-tabs--loading-panel .ca-button--cta--tertiary .ca-button-spinner, .ca-button--cta--tertiary .variation-tabs--loading-panel .ca-button-spinner, .variation-tabs--loading-panel .ca-button--cta--cancel .ca-button-spinner, .ca-button--cta--cancel .variation-tabs--loading-panel .ca-button-spinner, .variation-tabs--loading-panel .ca-button--cta--outline-primary .ca-button-spinner, .ca-button--cta--outline-primary .variation-tabs--loading-panel .ca-button-spinner, .variation-tabs--loading-panel .ca-button--cta--outline .ca-button-spinner, .ca-button--cta--outline .variation-tabs--loading-panel .ca-button-spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -14px 0 0 -14px; }

.variation-tabs--panel {
  position: relative;
  visibility: hidden; }
  .variation-tabs--panel.is-loaded {
    visibility: visible;
    background: #FFF; }

.variation-tabs-menu {
  background: #FFF;
  -webkit-box-shadow: 0 2px 2px rgba(122, 122, 122, 0.5);
  box-shadow: 0 2px 2px rgba(122, 122, 122, 0.5);
  clip: auto;
  padding: 0; }

.variation-tabs--button {
  border-radius: 20px;
  color: #243D56;
  display: inline-block;
  line-height: 20px;
  margin-right: -12px;
  width: 20px;
  height: 20px;
  text-align: center;
  z-index: 5; }
  .variation-tabs--button:hover {
    background: #FAFAFC; }

.variation-tabs-spinner {
  margin-top: 12px; }

/*! angularjs-slider - v6.0.0 - 
 (c) Rafal Zajac <rzajac@gmail.com>, Valentin Hervieu <valentin@hervieu.me>, Jussi Saarivirta <jusasi@gmail.com>, Angelin Sirbu <angelin.sirbu@gmail.com> - 
 https://github.com/angular-slider/angularjs-slider - 
 2017-01-02 */
.rzslider {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 4px;
  margin: 35px 0 15px 0;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.rzslider.with-legend {
  margin-bottom: 40px; }

.rzslider[disabled] {
  cursor: not-allowed; }

.rzslider[disabled] .rz-pointer {
  cursor: not-allowed;
  background-color: #d8e0f3; }

.rzslider[disabled] .rz-draggable {
  cursor: not-allowed; }

.rzslider[disabled] .rz-selection {
  background: #8b91a2; }

.rzslider[disabled] .rz-tick {
  cursor: not-allowed; }

.rzslider[disabled] .rz-tick.rz-selected {
  background: #8b91a2; }

.rzslider span {
  position: absolute;
  display: inline-block;
  white-space: nowrap; }

.rzslider .rz-base {
  width: 100%;
  height: 100%;
  padding: 0; }

.rzslider .rz-bar-wrapper {
  left: 0;
  z-index: 1;
  width: 100%;
  height: 32px;
  padding-top: 16px;
  margin-top: -16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.rzslider .rz-draggable {
  cursor: move; }

.rzslider .rz-bar {
  left: 0;
  z-index: 1;
  width: 100%;
  height: 4px;
  background: #d8e0f3;
  border-radius: 2px; }

.rzslider .rz-selection {
  z-index: 2;
  background: #0db9f0;
  border-radius: 2px; }

.rzslider .rz-pointer {
  top: -14px;
  z-index: 3;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background-color: #0db9f0;
  border-radius: 16px; }

.rzslider .rz-pointer:after {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 8px;
  height: 8px;
  background: #ffffff;
  border-radius: 4px;
  content: ''; }

.rzslider .rz-pointer:hover:after {
  background-color: #ffffff; }

.rzslider .rz-pointer.rz-active {
  z-index: 4; }

.rzslider .rz-pointer.rz-active:after {
  background-color: #451aff; }

.rzslider .rz-bubble {
  bottom: 16px;
  padding: 1px 3px;
  color: #55637d;
  cursor: default; }

.rzslider .rz-bubble.rz-limit {
  color: #55637d; }

.rzslider .rz-ticks {
  position: absolute;
  top: -3px;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 0;
  margin: 0;
  list-style: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.rzslider .rz-ticks-values-under .rz-tick-value {
  top: initial;
  bottom: -32px; }

.rzslider .rz-tick {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  margin-left: 11px;
  text-align: center;
  cursor: pointer;
  background: #d8e0f3;
  border-radius: 50%; }

.rzslider .rz-tick.rz-selected {
  background: #0db9f0; }

.rzslider .rz-tick-value {
  position: absolute;
  top: -30px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

.rzslider .rz-tick-legend {
  position: absolute;
  top: 24px;
  max-width: 50px;
  white-space: normal;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

.rzslider.rz-vertical {
  position: relative;
  width: 4px;
  height: 100%;
  padding: 0;
  margin: 0 20px;
  vertical-align: baseline; }

.rzslider.rz-vertical .rz-base {
  width: 100%;
  height: 100%;
  padding: 0; }

.rzslider.rz-vertical .rz-bar-wrapper {
  top: auto;
  left: 0;
  width: 32px;
  height: 100%;
  padding: 0 0 0 16px;
  margin: 0 0 0 -16px; }

.rzslider.rz-vertical .rz-bar {
  bottom: 0;
  left: auto;
  width: 4px;
  height: 100%; }

.rzslider.rz-vertical .rz-pointer {
  top: auto;
  bottom: 0;
  left: -14px !important; }

.rzslider.rz-vertical .rz-bubble {
  bottom: 0;
  left: 16px !important;
  margin-left: 3px; }

.rzslider.rz-vertical .rz-ticks {
  top: 0;
  left: -3px;
  z-index: 1;
  width: 0;
  height: 100%; }

.rzslider.rz-vertical .rz-tick {
  margin-top: 11px;
  margin-left: auto;
  vertical-align: middle; }

.rzslider.rz-vertical .rz-tick-value {
  top: initial;
  left: 24px;
  -webkit-transform: translate(0, -28%);
  transform: translate(0, -28%); }

.rzslider.rz-vertical .rz-tick-legend {
  top: initial;
  right: 24px;
  max-width: none;
  white-space: nowrap;
  -webkit-transform: translate(0, -28%);
  transform: translate(0, -28%); }

.rzslider.rz-vertical .rz-ticks-values-under .rz-tick-value {
  right: 24px;
  bottom: initial;
  left: initial; }
@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(141, 188, 36, 0.6);
    box-shadow: 0 0 0 0 rgba(141, 188, 36, 0.6); }
  50% {
    -webkit-box-shadow: 0 0 0 15px rgba(141, 188, 36, 0);
    box-shadow: 0 0 0 15px rgba(141, 188, 36, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 0 transparentizecolor(#8DBC24, 1);
    box-shadow: 0 0 0 0 transparentizecolor(#8DBC24, 1); } }

.rzslider {
  margin: 5px 0 55px 0; }
  .rzslider .rz-tick {
    width: 0;
    height: 0;
    margin-left: 14px; }
    .rzslider .rz-tick.rz-selected .rz-tick-legend {
      color: #243D56; }
    .rzslider .rz-tick:first-of-type .rz-tick-legend {
      text-align: left;
      margin-left: -14px;
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0); }
    .rzslider .rz-tick:last-of-type .rz-tick-legend {
      -webkit-transform: translate(calc(-100% - 14px / 4), 0);
      transform: translate(calc(-100% - 14px / 4), 0); }
    .rzslider .rz-tick:nth-child(2) .rz-tick-legend {
      -webkit-transform: translate(calc(-50% - 14px / 2), 0);
      transform: translate(calc(-50% - 14px / 2), 0); }
  .rzslider .rz-tick-legend {
    top: 14px;
    max-width: none;
    color: #b9b9b9; }
  .rzslider .rz-bar {
    height: 4px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.26); }
  .rzslider .rz-selection {
    background: #8DBC24; }
  .rzslider .rz-pointer {
    top: -4px;
    width: 12px;
    height: 12px;
    background-color: #8DBC24;
    -webkit-box-shadow: 0 0 0 rgba(141, 188, 36, 0.6);
    box-shadow: 0 0 0 rgba(141, 188, 36, 0.6);
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite; }
    .rzslider .rz-pointer:focus {
      outline: none !important; }
    .rzslider .rz-pointer:after {
      top: 1px;
      left: 1px;
      width: 8px;
      height: 8px;
      background: #8DBC24;
      border-radius: 50%;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .rzslider .rz-pointer.rz-active, .rzslider .rz-pointer:hover {
      -webkit-animation: none;
      animation: none; }
      .rzslider .rz-pointer.rz-active:after, .rzslider .rz-pointer:hover:after {
        background: #5d7c18;
        width: 12px;
        height: 12px;
        top: 0;
        left: 0; }

.rz-tick-value {
  display: none !important; }

.dropdown-multiselect {
  width: 100%;
  z-index: 4;
  position: relative;
  margin-bottom: 60px; }
  .dropdown-multiselect input:focus {
    outline: none !important; }
  .dropdown-multiselect button {
    width: 100%;
    text-align: left;
    background-color: transparent;
    border: none;
    color: #243D56;
    border-bottom: 1px solid #b9b9b9;
    font-size: 13px;
    position: relative;
    padding-left: 0; }
    .dropdown-multiselect button:after {
      font: normal normal normal 16px/1 "Material Design Icons";
      content: "\F140";
      text-align: right;
      color: #b9b9b9;
      position: absolute;
      right: 0; }
  .dropdown-multiselect ul {
    position: absolute;
    z-index: 5;
    width: 100%;
    background-color: #FAFAFC;
    overflow: scroll;
    display: block;
    height: 100%;
    list-style-type: none;
    padding: 0px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    margin: 0; }
    .dropdown-multiselect ul .mdl-checkbox.is-checked .mdl-checkbox__box-outline {
      border: 2px solid #8DBC24; }
    .dropdown-multiselect ul .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
      background-color: #8DBC24; }
    .dropdown-multiselect ul .mdl-checkbox .mdl-checkbox__box-outline, .dropdown-multiselect ul .mdl-checkbox .mdl-checkbox__focus-helper {
      display: inline-block !important; }
    .dropdown-multiselect ul .mdl-checkbox__box-outline {
      border: 2px solid rgba(0, 0, 0, 0.14); }
  .dropdown-multiselect li {
    height: 31px;
    padding: 10px 5px 0 10px; }
    .dropdown-multiselect li:hover {
      background-color: #f0f0f6; }
      .dropdown-multiselect li:hover .select-one {
        opacity: 1; }
  .dropdown-multiselect label {
    color: #243D56;
    padding-left: 24px !important;
    margin: 0;
    height: 100%; }
    .dropdown-multiselect label:focus {
      outline: none !important; }
  .dropdown-multiselect .tactic-count {
    font-size: 12px;
    color: #b9b9b9;
    position: absolute;
    right: 8px; }
  .dropdown-multiselect .select-all {
    position: absolute;
    right: 0;
    top: -30px; }
  .dropdown-multiselect .select-one {
    position: absolute;
    margin-left: 10px;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out; }
  .dropdown-multiselect .link {
    cursor: pointer;
    font-size: 14px;
    color: #4B93D3;
    text-decoration: underline; }

.dropdown-menu a:focus {
  outline: none !important; }

.dropdown-toggle {
  outline: none !important; }

/*!
 * ui-select
 * http://github.com/angular-ui/ui-select
 * Version: 0.19.5 - 2016-10-24T23:13:59.551Z
 * License: MIT
 */
.ui-select-label {
  font-size: 12px; }

/* Style when highlighting a search. */
.ui-select-highlight {
  font-weight: bold; }

.ui-select-offscreen {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important; }

.ui-select-choices-row:hover {
  background-color: #f5f5f5; }

/* Select2 theme */
/* Mark invalid Select2 */
.ng-dirty.ng-invalid > a.select2-choice {
  border-color: #D44950; }

.select2-result-single {
  padding-left: 0; }

.select2-locked > .select2-search-choice-close {
  display: none; }

.select-locked > .ui-select-match-close {
  display: none; }

body > .select2-container.open {
  z-index: 9999;
  /* The z-index Select2 applies to the select2-drop */ }

/* Handle up direction Select2 */
.ui-select-container[theme="select2"].direction-up .ui-select-match,
.ui-select-container.select2.direction-up .ui-select-match {
  border-radius: 4px;
  /* FIXME hardcoded value :-/ */
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.ui-select-container[theme="select2"].direction-up .ui-select-dropdown,
.ui-select-container.select2.direction-up .ui-select-dropdown {
  border-radius: 4px;
  /* FIXME hardcoded value :-/ */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-width: 1px;
  /* FIXME hardcoded value :-/ */
  border-top-style: solid;
  -webkit-box-shadow: 0 0px 13px rgba(122, 122, 122, 0.5);
  box-shadow: 0 0px 13px rgba(122, 122, 122, 0.5);
  margin-top: -4px;
  /* FIXME hardcoded value :-/ */ }

.ui-select-container[theme="select2"].direction-up .ui-select-dropdown .select2-search,
.ui-select-container.select2.direction-up .ui-select-dropdown .select2-search {
  margin-top: 4px;
  /* FIXME hardcoded value :-/ */ }

.ui-select-container[theme="select2"].direction-up.select2-dropdown-open .ui-select-match,
.ui-select-container.select2.direction-up.select2-dropdown-open .ui-select-match {
  border-bottom-color: #5897fb; }

.ui-select-container[theme="select2"] .ui-select-dropdown .ui-select-search-hidden,
.ui-select-container[theme="select2"] .ui-select-dropdown .ui-select-search-hidden input {
  opacity: 0;
  height: 0;
  min-height: 0;
  padding: 0;
  margin: 0;
  border: 0; }

/* Selectize theme */
/* Helper class to show styles when focus */
.selectize-input.selectize-focus {
  border-color: #007FBB !important; }

/* Fix input width for Selectize theme */
.selectize-control.single > .selectize-input > input {
  width: 100%; }

/* Fix line break when there's at least one item selected with the Selectize theme */
.selectize-control.multi > .selectize-input > input {
  margin: 0 !important; }

/* Fix dropdown width for Selectize theme */
.selectize-control > .selectize-dropdown {
  width: 100%; }

/* Mark invalid Selectize */
.ng-dirty.ng-invalid > div.selectize-input {
  border-color: #D44950; }

/* Handle up direction Selectize */
.ui-select-container[theme="selectize"].direction-up .ui-select-dropdown {
  -webkit-box-shadow: 0 0px 13px rgba(122, 122, 122, 0.5);
  box-shadow: 0 0px 13px rgba(122, 122, 122, 0.5);
  margin-top: -2px;
  /* FIXME hardcoded value :-/ */ }

.ui-select-container[theme="selectize"] input.ui-select-search-hidden {
  opacity: 0;
  height: 0;
  min-height: 0;
  padding: 0;
  margin: 0;
  border: 0;
  width: 0; }

/* Bootstrap theme */
.ui-select__relative-position {
  position: relative;
  top: -20px; }
  .ui-select__relative-position i {
    position: absolute;
    font-size: 20px;
    top: 45px;
    left: -10px; }

.ui-select-box {
  padding-left: 15px; }

/* Helper class to show styles when focus */
.ui-select-bootstrap .ui-select-toggle {
  position: relative; }

.ui-select-bootstrap .ui-select-toggle > .caret {
  position: absolute;
  height: 10px;
  top: 50%;
  right: 10px;
  margin-top: -2px; }

/* Fix Bootstrap dropdown position when inside a input-group */
.input-group > .ui-select-bootstrap.dropdown {
  /* Instead of relative */
  position: static; }

.ui-select-choices-group {
  text-indent: 0 !important;
  padding: 0 !important; }
  .ui-select-choices-group:before {
    content: "" !important;
    display: none; }

.menu-click-goal input.ui-select-search {
  min-width: 350px; }

.menu-click-goal {
  height: 24px; }

.ui-select-search {
  font: normal 16px "Proxima Nova", Arial, sans-serif !important;
  background-color: transparent;
  color: #243D56;
  font-size: 14px;
  line-height: 19px;
  margin-top: 5px;
  width: 100%;
  outline: none;
  border: none;
  border-bottom: 1px solid #b9b9b9;
  padding: 0 0 3px 0; }

.input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
  border-radius: 4px;
  /* FIXME hardcoded value :-/ */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.input-group > .ui-select-bootstrap > input.ui-select-search.form-control.direction-up {
  border-radius: 4px !important;
  /* FIXME hardcoded value :-/ */
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.ui-select-bootstrap .ui-select-search-hidden {
  opacity: 0;
  height: 0;
  min-height: 0;
  padding: 0;
  margin: 0;
  border: 0; }

.ui-select-match {
  margin-top: 5px !important; }

.ui-select-bootstrap > .ui-select-match > .btn {
  /* Instead of center because of .btn */
  text-align: left !important; }

.ui-select-bootstrap > .ui-select-match > .caret {
  position: absolute;
  top: 45%;
  right: 15px; }

/* See Scrollable Menu with Bootstrap 3 http://stackoverflow.com/questions/19227496 */
.ui-select-bootstrap > .ui-select-choices, .ui-select-bootstrap > .ui-select-no-choice {
  margin-top: 0px !important;
  background-color: #FFF;
  position: absolute;
  width: 100%;
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
  margin-top: -1px;
  -webkit-box-shadow: 0 0px 13px rgba(122, 122, 122, 0.5);
  box-shadow: 0 0px 13px rgba(122, 122, 122, 0.5);
  z-index: 2;
  list-style-type: none;
  padding: 0; }

body > .ui-select-bootstrap.open {
  z-index: 1000;
  /* Standard Bootstrap dropdown z-index */ }

.ui-select-multiple.ui-select-bootstrap {
  height: auto;
  padding: 3px 3px 0 3px; }

.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
  background-color: transparent !important;
  /* To prevent double background when disabled */
  border: none;
  outline: none;
  height: 1.666666em;
  margin-bottom: 3px; }

.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
  font-size: 1.6em;
  line-height: 0.75; }

.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
  outline: 0;
  margin: 0 3px 3px 0; }

.ui-select-multiple .ui-select-match-item {
  position: relative; }

.ui-select-multiple .ui-select-match-item.dropping .ui-select-match-close {
  pointer-events: none; }

.ui-select-multiple:hover .ui-select-match-item.dropping-before:before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  margin-right: 2px;
  border-left: 1px solid #b9b9b9; }

.ui-select-multiple:hover .ui-select-match-item.dropping-after:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  height: 100%;
  margin-left: 2px;
  border-right: 1px solid #b9b9b9; }

.ui-select-choices {
  max-height: 148px;
  overflow-y: auto;
  margin: 0;
  margin-top: 0 !important; }

.ui-select-bootstrap .ui-select-choices-row > span {
  cursor: pointer;
  display: block;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 300;
  clear: both;
  line-height: 1.42857143;
  color: #243D56;
  white-space: nowrap; }

.ui-select-bootstrap .ui-select-choices-row > span:hover, .ui-select-bootstrap .ui-select-choices-row > span:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5; }

.ui-select-bootstrap .ui-select-choices-row.active > span {
  text-decoration: none;
  outline: 0;
  background-color: #ececec; }

.ui-select-bootstrap .ui-select-choices-row.disabled > span,
.ui-select-bootstrap .ui-select-choices-row.active.disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff; }

/* fix hide/show angular animation */
.ui-select-match.ng-hide-add,
.ui-select-search.ng-hide-add {
  display: none !important; }

/* Mark invalid Bootstrap */
.ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match {
  border-color: #D44950; }

/* Handle up direction Bootstrap */
.ui-select-container[theme="bootstrap"].direction-up .ui-select-dropdown {
  -webkit-box-shadow: 0 0px 13px rgba(122, 122, 122, 0.5);
  box-shadow: 0 0px 13px rgba(122, 122, 122, 0.5); }

.ui-select-bootstrap .ui-select-match-text, .ui-select-bootstrap .ui-select-placeholder {
  width: calc(100% - 16px);
  display: inline-block;
  padding-right: 1em;
  padding-bottom: 3px;
  border-bottom: 1px solid #b9b9b9; }

.ui-select-match-text.pull-left {
  float: none !important; }

.ui-select-toggle {
  width: 100%;
  display: inline-block; }

.ui-select-search {
  width: 100% !important; }

::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder {
  font-weight: 300;
  font-size: 15px; }

.ui-select-bootstrap .ui-select-placeholder {
  color: #b9b9b9; }

.ui-select-bootstrap .ui-select-match-text span {
  display: inline-block;
  width: 100%;
  overflow: hidden; }

.ui-select-bootstrap .ui-select-toggle > a.btn {
  position: absolute;
  height: 10px;
  right: 10px;
  margin-top: -2px; }

/* Spinner */
.ui-select-refreshing {
  position: absolute;
  right: 0;
  padding: 8px 27px;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

@-webkit-keyframes ui-select-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes ui-select-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.ui-select-spin {
  -webkit-animation: ui-select-spin 2s infinite linear;
  animation: ui-select-spin 2s infinite linear; }

.ui-select-container {
  font-size: 16px;
  position: relative; }

.ui-select-refreshing.ng-animate {
  -webkit-animation: none 0s; }

.ui-select-match-text {
  height: 20px; }

.ui-select-placeholder, .btn.btn-default.form-control {
  position: absolute;
  top: 0;
  left: 0; }

.ng-popover {
  border: 1px solid #EAEAEA;
  position: relative;
  border-radius: 3px;
  min-width: 50px;
  min-height: 20px;
  width: 450px;
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
  transition: opacity .3s ease, -webkit-transform .3s ease;
  transition: opacity .3s ease, transform .3s ease;
  transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease;
  z-index: 99999999;
  -webkit-box-shadow: 0 0 7px 2px rgba(146, 146, 146, 0.4);
  box-shadow: 0 0 7px 2px rgba(146, 146, 146, 0.4); }
  .ng-popover .ng-popover-wrapper {
    position: relative;
    padding: 20px 25px;
    background: #fdfdfd;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #f0f0f0));
    background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#f0f0f0));
    background: linear-gradient(to bottom, #fdfdfd 0%, #f0f0f0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f0f0f0', GradientType=0 ); }
    .ng-popover .ng-popover-wrapper::after {
      content: "";
      width: 20px;
      height: 20px;
      position: absolute;
      z-index: -1;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-box-shadow: 0 0 7px 2px rgba(146, 146, 146, 0.4);
      box-shadow: 0 0 7px 2px rgba(146, 146, 146, 0.4); }
    .ng-popover .ng-popover-wrapper.bottom::after {
      background: #fdfdfd;
      top: -10px;
      left: 9px; }
    .ng-popover .ng-popover-wrapper.top::after {
      background: #efefef;
      bottom: -10px;
      right: 75px; }
    .ng-popover .ng-popover-wrapper.right-top::after {
      top: 20px;
      left: -10px;
      background: #fdfdfd; }
  .ng-popover .ng-popover-content {
    overflow: auto; }
    .ng-popover .ng-popover-content .popover-heading {
      color: #393939;
      font-size: 17px;
      margin-bottom: 5px;
      font-weight: bold; }
    .ng-popover .ng-popover-content .popover-text {
      padding: 0;
      color: #7a7a7a;
      line-height: 1.4; }
  .ng-popover .ng-popover-close {
    font-size: 18px;
    cursor: pointer;
    color: #cecece;
    position: absolute;
    right: 10px;
    top: 10px;
    line-height: 1;
    z-index: 2;
    font-weight: bold; }
  .ng-popover .mdl-button:first-of-type, .ng-popover .ca-button:first-of-type, .ng-popover .ca-button--colour:first-of-type, .ng-popover .ca-button--downgrade:first-of-type, .ng-popover .ca-button--accent:first-of-type, .ng-popover .ca-button--secondary:first-of-type, .ng-popover .ca-button--tertiary:first-of-type, .ng-popover .ca-button--outline:first-of-type, .ng-popover .scenario-checkup__check button:first-of-type, .scenario-checkup__check .ng-popover button:first-of-type, .ng-popover .ca-button--fab:first-of-type, .ng-popover .ca-button--cta:first-of-type, .ng-popover .ca-button--cta--accent:first-of-type, .ng-popover .ca-button--cta--secondary:first-of-type, .ng-popover .ca-button--cta--tertiary:first-of-type, .ng-popover .ca-button--cta--cancel:first-of-type, .ng-popover .ca-button--cta--outline-primary:first-of-type, .ng-popover .ca-button--cta--outline:first-of-type {
    margin-left: 0; }

.ng-popover.hide {
  opacity: 0;
  visibility: hidden; }

sc-extended-image .extended-image-container, .sc-extended-image .extended-image-container {
  position: relative; }
  sc-extended-image .extended-image-container .extended-image-content, .sc-extended-image .extended-image-container .extended-image-content {
    position: absolute;
    top: 35%;
    text-align: center;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    sc-extended-image .extended-image-container .extended-image-content div, .sc-extended-image .extended-image-container .extended-image-content div {
      display: inline-block; }

sc-extended-image .scp-placeholder, .sc-extended-image .scp-placeholder {
  text-align: center; }
  sc-extended-image .scp-placeholder .scp-placeholder-inner, .sc-extended-image .scp-placeholder .scp-placeholder-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px dashed #3680e3;
    padding: 5px;
    /** do not use odd values */
    position: relative;
    display: inherit !important;
    white-space: nowrap;
    pointer-events: none;
    /** blue label */ }
    sc-extended-image .scp-placeholder .scp-placeholder-inner:before, .sc-extended-image .scp-placeholder .scp-placeholder-inner:before {
      background: #3680e3;
      bottom: 100%;
      letter-spacing: initial !important;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      color: #fff;
      content: attr(data-name);
      font: bold 9px "Proxima Nova", Arial, sans-serif !important;
      height: 17px;
      left: -2px;
      /** border size */
      line-height: 16px !important;
      padding: 2px 4px;
      position: absolute;
      text-transform: uppercase;
      white-space: nowrap;
      /** additional */
      -webkit-text-fill-color: #fff;
      /** remove shadows */
      -webkit-box-shadow: none;
      box-shadow: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      text-shadow: none; }

sc-extended-image#geolocalisation, .sc-extended-image#geolocalisation {
  color: #FFF;
  font-size: 28px;
  font-weight: 400;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  white-space: nowrap; }

/**
 * WARNING!
 * This file is also used by Shopify.
 * Modifications may change UI of the integration.
 */
.palette-color-picker .palette-color-picker__colors {
  margin-top: 0.5rem; }

.palette-color-picker .palette-color-picker__color {
  position: relative;
  width: 33px;
  height: 33px;
  float: left;
  border-radius: 100%;
  margin-right: 0.5rem;
  cursor: pointer;
  text-align: center;
  font-size: 23px; }
  .palette-color-picker .palette-color-picker__color i {
    height: 33px;
    line-height: 33px;
    -webkit-transition: all 0.15s;
    transition: all 0.15s; }
    .palette-color-picker .palette-color-picker__color i.mdi-check {
      opacity: 0;
      color: white; }
  .palette-color-picker .palette-color-picker__color.palette-color-picker__color--active .mdi-check, .palette-color-picker .palette-color-picker__color.palette-color-picker__color--active .ca-modal .ca-modal__message > div.success:before, .ca-modal .palette-color-picker .palette-color-picker__color.palette-color-picker__color--active .ca-modal__message > div.success:before, .palette-color-picker .palette-color-picker__color.palette-color-picker__color--active .ca-pixel__message > div.success:before, .palette-color-picker .palette-color-picker__color:hover .mdi-check, .palette-color-picker .palette-color-picker__color:hover .ca-modal .ca-modal__message > div.success:before, .ca-modal .palette-color-picker .palette-color-picker__color:hover .ca-modal__message > div.success:before, .palette-color-picker .palette-color-picker__color:hover .ca-pixel__message > div.success:before {
    opacity: 1; }
  .palette-color-picker .palette-color-picker__color.palette-color-picker__color--picker {
    color: #4598f4;
    border: 0px solid rgba(122, 122, 122, 0.4);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px; }
    .palette-color-picker .palette-color-picker__color.palette-color-picker__color--picker .ca-colorpicker--container {
      background-color: transparent !important;
      width: initial;
      height: initial;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border-radius: 100%; }
    .palette-color-picker .palette-color-picker__color.palette-color-picker__color--picker input {
      display: none; }

/**
 * WARNING!
 * This file is also used by Shopify.
 * Modifications may change UI of the integration.
 */
.language-selector .mdl-selectfield.is-focused .mdl-selectfield__label:after {
  display: none; }

.language-selector select {
  padding-left: 35px; }

.language-selector label {
  padding-left: 35px; }

.language-selector .ca-field-icon {
  bottom: -28px !important; }
  .language-selector .ca-field-icon img {
    width: 25px; }

/**
 * WARNING!
 * This file is also used by Shopify.
 * Modifications may change UI of the integration.
 */
.custom-message {
  font-size: 14px; }
  .custom-message .custom-message__container {
    background-color: #f3f3f3;
    padding: 12px 1rem;
    float: left;
    margin-bottom: 6px;
    font-weight: 400;
    max-width: calc(100% - 60px);
    position: relative; }
  .custom-message .custom-message__input-wrapper {
    display: inline-block; }
  .custom-message .custom-message__edit-link {
    float: left;
    line-height: 41px;
    margin-left: 0.5rem; }
    .custom-message .custom-message__edit-link i {
      cursor: pointer; }
  .custom-message .custom-message__error {
    color: #d50000;
    margin-bottom: 3px;
    font-weight: normal;
    font-size: 13px;
    text-align: right;
    position: absolute;
    right: 0;
    bottom: -1.9rem; }
  .custom-message .mdl-selectfield {
    padding: 0; }
    .custom-message .mdl-selectfield:before {
      bottom: 0; }
    .custom-message .mdl-selectfield select {
      padding: 0; }
  .custom-message .mdl-textfield {
    padding: 0;
    width: 180px !important; }
    .custom-message .mdl-textfield input {
      width: 100%;
      padding: 0;
      margin-bottom: -5px;
      -webkit-box-shadow: none;
      box-shadow: none; }
  .custom-message select, .custom-message input {
    color: #0394f1;
    font-weight: 600;
    font-size: 14px; }
  .custom-message input.ng-invalid {
    border-color: #E1E1E1 !important; }
  .custom-message input.ng-invalid.ng-touched {
    border-color: #d50000 !important; }

@-webkit-keyframes scenario-skeleton-shimmer-animation {
  0% {
    opacity: 0.45; }
  100% {
    opacity: 0.9; } }

@keyframes scenario-skeleton-shimmer-animation {
  0% {
    opacity: 0.45; }
  100% {
    opacity: 0.9; } }

.skeleton-container {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: opacity;
  -webkit-animation: scenario-skeleton-shimmer-animation 0.8s linear infinite alternate;
  animation: scenario-skeleton-shimmer-animation 0.8s linear infinite alternate; }
  .skeleton-container .skeleton-text {
    color: transparent !important;
    background-color: #E0E0E2;
    border-radius: 3px; }
  .skeleton-container .skeleton-svg {
    color: #E0E0E2; }

.am-charts-container {
  /* Safari */ }
  .am-charts-container .am-chart-loader {
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #c8c8ca;
    width: 40px;
    height: 40px;
    -webkit-animation: spin 2s linear infinite;
    /* Safari */
    animation: spin 2s linear infinite;
    margin: auto; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
  .am-charts-container .am-chart-loader-text {
    font-size: 15px;
    margin-top: 10px; }

.high-charts-container .chart-wrap {
  width: 100%; }

.high-charts-container .container {
  height: 410px; }

.high-charts-container .chart-annotation-bubble {
  cursor: pointer; }

.high-charts-container .chart-annotation-bubble text {
  font-weight: bold !important;
  text-align: center;
  cursor: pointer; }

.high-charts-container .chart-annotation-bubble:hover text {
  -webkit-transition: all 150ms;
  transition: all 150ms;
  font-size: 14px !important;
  -webkit-transform: translateX(-1px);
  transform: translateX(-1px); }

.account--overview-name {
  color: #243D56;
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 .5em; }

.account--overview-heading {
  color: #000;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  margin: 0; }

.account--overview-value {
  font-size: 48px;
  font-weight: 200;
  letter-spacing: -1px;
  line-height: 1;
  margin: .25em 0; }
  .account--overview-value.negative {
    color: #911; }

/**
 * Generates styling for blue airplane icon displayed for experiments
 * which has autopilot mode enabled. This mixin is used on the Dashboard
 * and experiments list.
 *
 * The HTML structure should be like this:
 * <div class="$containerClass">
 *  <span class="mdi mdi-airplane $iconClass"></span>
 *  <div class="sc-tooltip sc-tooltip-top">Tooltip text</div>
 * </div>
 *
 * Please note that tooltip is optional here.
 */
/**
 * Generates styling for experiment's lift circle (experiment's uplift/downlift).
 *
 * Them HTML structure should be like this:
 * <span class="$class uplift/downlift">X%</span>
 */
.dashboard-body .mdl-layout__header-row, .dashboard-body .mdl-grid--inner {
  padding: 0; }
  @media (min-width: 1024px) {
    .dashboard-body .mdl-layout__header-row, .dashboard-body .mdl-grid--inner {
      padding: 0 40px; } }

.dashboard-main {
  background: #FAFAFC;
  padding-bottom: 3em; }
  .dashboard-main .chart {
    border: none; }

.dashboard-header {
  background: #E7E7E7;
  min-height: 150px;
  padding-bottom: 65px !important; }
  .dashboard-header .mdl-grid {
    max-width: 1400px; }

.dashboard-user {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: 30px;
  margin-left: 8px; }

.dashboard-user-avatar {
  width: 80px;
  height: 80px;
  margin-right: 1em;
  position: relative; }
  .dashboard-user-avatar img {
    border-radius: 50%;
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .dashboard-user-avatar .default {
    background: #b9b9b9;
    display: block;
    height: 100%;
    width: 100%;
    color: #FFF;
    font-size: 60px;
    line-height: 80px;
    text-align: center; }
  .dashboard-user-avatar i {
    border-radius: 50%; }

.dashboard-user-name {
  font-size: 24px;
  font-weight: bold;
  margin: 0;
  line-height: normal; }

.dashboard-user-role {
  color: #7a7a7a;
  font-size: 13px;
  margin: 0; }

.dashboard-user-cta {
  height: 53px;
  margin-left: 10px; }

.dashboard-box--usage {
  padding: 0 0 20px !important;
  position: relative; }
  .dashboard-box--usage .dashboard-boxes-box-footer {
    margin-left: 0;
    margin-right: 0; }

.dashboard-usage {
  border-left: 1px solid #E7E7E7;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 10; }

.dashboard-usage-chart {
  min-height: 352px;
  padding: 20px; }
  .dashboard-usage-chart .chart {
    padding: 0; }
  .dashboard-usage-chart .chart-tooltip {
    background: #8DBC24;
    border-radius: 30px;
    color: #FFF;
    display: none;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    min-width: 20px;
    padding: 5px 1em;
    position: absolute;
    text-align: center;
    -webkit-transform: translate(0, -10px);
    transform: translate(0, -10px); }
    .dashboard-usage-chart .chart-tooltip:after {
      content: "";
      width: 0;
      height: 0;
      position: absolute;
      top: 100%;
      left: 50%;
      border: 5px solid transparent;
      border-top-color: #8DBC24;
      -webkit-transform: translate(-50%, 0);
      transform: translate(-50%, 0); }
    .dashboard-usage-chart .chart-tooltip.active {
      display: block; }
    .dashboard-usage-chart .chart-tooltip.align-left {
      -webkit-transform: translate(-65%, -20px);
      transform: translate(-65%, -20px); }
    .dashboard-usage-chart .chart-tooltip.align-right {
      -webkit-transform: translate(25%, -20px);
      transform: translate(25%, -20px); }

.dashboard-usage-chart-container {
  height: 260px;
  margin: 0 auto;
  position: relative;
  width: 90%; }

.dashboard-usage-heading,
.dashboard-usage-percent {
  display: block;
  font-weight: bold;
  font-size: 48px;
  line-height: 1; }
  .dashboard-usage-heading sup,
  .dashboard-usage-percent sup {
    font-weight: normal;
    font-size: 50%; }

.dashboard-usage-value {
  text-align: center; }

.dashboard-usage-monthly {
  color: #7a7a7a;
  display: block;
  font-size: 14px; }

.dashboard-usage--new {
  font-size: 18px;
  line-height: normal;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 40px;
  right: 0;
  background: rgba(255, 255, 255, 0.85);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .dashboard-usage--new .dashboard-usage--main {
    display: block;
    font-size: 30px;
    font-weight: bold;
    color: #243D56; }
  .dashboard-usage--new .dashboard-usage--subtitle {
    display: block;
    font-size: 12px; }
  .dashboard-usage--new .dashboard-usage--explanation {
    margin-top: 20px;
    display: block;
    font-size: 18px;
    color: #243D56;
    padding: 0 30px;
    font-weight: 700; }

.dashboard-usage--normal {
  text-align: center; }

.dashboard-boxes {
  margin-top: -80px; }
  .dashboard-boxes .mdl-grid {
    max-width: 1400px; }

.dashboard-inner-section {
  margin-left: auto !important;
  margin-right: auto !important; }

.dashboard-boxes-box {
  background: #FFF;
  border: 1px solid #E7E7E7;
  margin-bottom: 18px;
  padding: 20px; }
  .dashboard-boxes-box.dashboard-experiments-none {
    max-height: 150px; }

.dashboard-boxes-box-header {
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
  margin: 0 0 1em; }
  .dashboard-boxes-box-header.dashboard-experiments-none {
    margin-bottom: 0; }

.dashboard-boxes-box-content {
  text-align: center; }
  .dashboard-boxes-box-content .dashboard-experiments-none {
    margin: 0 auto;
    max-width: 600px;
    min-height: 150px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .dashboard-boxes-box-content .dashboard-experiments-none h3 {
      font-size: 18px;
      font-weight: 500;
      margin: 0; }

.dashboard-boxes-box-footer {
  background: #E7E7E7;
  display: block;
  margin: 0 -20px -20px;
  text-align: center;
  min-height: 40px; }
  .dashboard-boxes-box-footer a {
    color: #7a7a7a;
    display: block;
    padding: 10px;
    font-weight: bold; }
  .dashboard-boxes-box-footer .dashboard-boxes-box-footer-title {
    display: block;
    padding: 10px; }
  .dashboard-boxes-box-footer .mdi, .dashboard-boxes-box-footer .ca-icon, .dashboard-boxes-box-footer .mdi-blog-news, .dashboard-boxes-box-footer .ca-modal .ca-modal__message > div.error:before, .ca-modal .dashboard-boxes-box-footer .ca-modal__message > div.error:before, .dashboard-boxes-box-footer .ca-modal .ca-modal__message > div.warning:before, .ca-modal .dashboard-boxes-box-footer .ca-modal__message > div.warning:before, .dashboard-boxes-box-footer .ca-modal .ca-modal__message > div.success:before, .ca-modal .dashboard-boxes-box-footer .ca-modal__message > div.success:before, .dashboard-boxes-box-footer .ca-modal .ca-modal__message > div.info:before, .ca-modal .dashboard-boxes-box-footer .ca-modal__message > div.info:before, .dashboard-boxes-box-footer .ca-pixel__message > div.error:before, .dashboard-boxes-box-footer .ca-pixel__message > div.warning:before, .dashboard-boxes-box-footer .ca-pixel__message > div.success:before, .dashboard-boxes-box-footer .ca-pixel__message > div.info:before, .dashboard-boxes-box-footer .mdi-funnel-1, .dashboard-boxes-box-footer .mdi-funnel-2, .dashboard-boxes-box-footer .mdi-funnel-3, .dashboard-boxes-box-footer .mdi-funnel-4, .dashboard-boxes-box-footer .mdi-funnel-5, .dashboard-boxes-box-footer .mdi-funnel-6, .dashboard-boxes-box-footer .mdi-funnel-7, .dashboard-boxes-box-footer .mdi-funnel-8, .dashboard-boxes-box-footer .mdi-funnel-9, .dashboard-boxes-box-footer .mdi-funnel-10, .dashboard-boxes-box-footer .mdi-funnel-11, .dashboard-boxes-box-footer .mdi-funnel-12, .dashboard-boxes-box-footer .mdi-funnel-13, .dashboard-boxes-box-footer .mdi-funnel-14, .dashboard-boxes-box-footer .mdi-funnel-15, .dashboard-boxes-box-footer .mdi-funnel-16, .dashboard-boxes-box-footer .mdi-funnel-17, .dashboard-boxes-box-footer .mdi-funnel-18, .dashboard-boxes-box-footer .mdi-funnel-19, .dashboard-boxes-box-footer .mdi-funnel-20, .dashboard-boxes-box-footer .mdi-funnel-21, .dashboard-boxes-box-footer .mdi-funnel-22, .dashboard-boxes-box-footer .mdi-funnel-23, .dashboard-boxes-box-footer .mdi-funnel-24, .dashboard-boxes-box-footer .mdi-funnel-25, .dashboard-boxes-box-footer .mdi-funnel-26, .dashboard-boxes-box-footer .mdi-funnel-27, .dashboard-boxes-box-footer .mdi-funnel-28, .dashboard-boxes-box-footer .mdi-funnel-29, .dashboard-boxes-box-footer .mdi-funnel-30, .dashboard-boxes-box-footer .mdi-funnel-31, .dashboard-boxes-box-footer .mdi-funnel-32, .dashboard-boxes-box-footer .mdi-funnel-33, .dashboard-boxes-box-footer .mdi-funnel-34, .dashboard-boxes-box-footer .mdi-funnel-35, .dashboard-boxes-box-footer .mdi-funnel-36, .dashboard-boxes-box-footer .mdi-funnel-37, .dashboard-boxes-box-footer .mdi-funnel-38, .dashboard-boxes-box-footer .mdi-funnel-39, .dashboard-boxes-box-footer .mdi-funnel-40, .dashboard-boxes-box-footer .mdi-funnel-41, .dashboard-boxes-box-footer .mdi-funnel-42 {
    color: #7a7a7a !important; }
  .dashboard-boxes-box-footer:hover {
    color: #243D56 !important; }
  .dashboard-boxes-box-footer[disabled] {
    display: none; }
  .dashboard-boxes-box-footer .mdl-spinner, .dashboard-boxes-box-footer .ca-button .ca-button-spinner, .ca-button .dashboard-boxes-box-footer .ca-button-spinner, .dashboard-boxes-box-footer .ca-button--colour .ca-button-spinner, .ca-button--colour .dashboard-boxes-box-footer .ca-button-spinner, .dashboard-boxes-box-footer .ca-button--downgrade .ca-button-spinner, .ca-button--downgrade .dashboard-boxes-box-footer .ca-button-spinner, .dashboard-boxes-box-footer .ca-button--accent .ca-button-spinner, .ca-button--accent .dashboard-boxes-box-footer .ca-button-spinner, .dashboard-boxes-box-footer .ca-button--secondary .ca-button-spinner, .ca-button--secondary .dashboard-boxes-box-footer .ca-button-spinner, .dashboard-boxes-box-footer .ca-button--tertiary .ca-button-spinner, .ca-button--tertiary .dashboard-boxes-box-footer .ca-button-spinner, .dashboard-boxes-box-footer .ca-button--outline .ca-button-spinner, .ca-button--outline .dashboard-boxes-box-footer .ca-button-spinner, .dashboard-boxes-box-footer .scenario-checkup__check button .ca-button-spinner, .scenario-checkup__check button .dashboard-boxes-box-footer .ca-button-spinner, .dashboard-boxes-box-footer .ca-button--fab .ca-button-spinner, .ca-button--fab .dashboard-boxes-box-footer .ca-button-spinner, .dashboard-boxes-box-footer .ca-button--cta .ca-button-spinner, .ca-button--cta .dashboard-boxes-box-footer .ca-button-spinner, .dashboard-boxes-box-footer .ca-button--cta--accent .ca-button-spinner, .ca-button--cta--accent .dashboard-boxes-box-footer .ca-button-spinner, .dashboard-boxes-box-footer .ca-button--cta--secondary .ca-button-spinner, .ca-button--cta--secondary .dashboard-boxes-box-footer .ca-button-spinner, .dashboard-boxes-box-footer .ca-button--cta--tertiary .ca-button-spinner, .ca-button--cta--tertiary .dashboard-boxes-box-footer .ca-button-spinner, .dashboard-boxes-box-footer .ca-button--cta--cancel .ca-button-spinner, .ca-button--cta--cancel .dashboard-boxes-box-footer .ca-button-spinner, .dashboard-boxes-box-footer .ca-button--cta--outline-primary .ca-button-spinner, .ca-button--cta--outline-primary .dashboard-boxes-box-footer .ca-button-spinner, .dashboard-boxes-box-footer .ca-button--cta--outline .ca-button-spinner, .ca-button--cta--outline .dashboard-boxes-box-footer .ca-button-spinner {
    margin-top: 10px;
    width: 1.5em;
    height: 1.5em;
    margin-bottom: -.5em; }
    .dashboard-boxes-box-footer .mdl-spinner .mdl-spinner__layer, .dashboard-boxes-box-footer .ca-button .ca-button-spinner .mdl-spinner__layer, .ca-button .dashboard-boxes-box-footer .ca-button-spinner .mdl-spinner__layer, .dashboard-boxes-box-footer .ca-button--colour .ca-button-spinner .mdl-spinner__layer, .ca-button--colour .dashboard-boxes-box-footer .ca-button-spinner .mdl-spinner__layer, .dashboard-boxes-box-footer .ca-button--downgrade .ca-button-spinner .mdl-spinner__layer, .ca-button--downgrade .dashboard-boxes-box-footer .ca-button-spinner .mdl-spinner__layer, .dashboard-boxes-box-footer .ca-button--accent .ca-button-spinner .mdl-spinner__layer, .ca-button--accent .dashboard-boxes-box-footer .ca-button-spinner .mdl-spinner__layer, .dashboard-boxes-box-footer .ca-button--secondary .ca-button-spinner .mdl-spinner__layer, .ca-button--secondary .dashboard-boxes-box-footer .ca-button-spinner .mdl-spinner__layer, .dashboard-boxes-box-footer .ca-button--tertiary .ca-button-spinner .mdl-spinner__layer, .ca-button--tertiary .dashboard-boxes-box-footer .ca-button-spinner .mdl-spinner__layer, .dashboard-boxes-box-footer .ca-button--outline .ca-button-spinner .mdl-spinner__layer, .ca-button--outline .dashboard-boxes-box-footer .ca-button-spinner .mdl-spinner__layer, .dashboard-boxes-box-footer .scenario-checkup__check button .ca-button-spinner .mdl-spinner__layer, .scenario-checkup__check button .dashboard-boxes-box-footer .ca-button-spinner .mdl-spinner__layer, .dashboard-boxes-box-footer .ca-button--fab .ca-button-spinner .mdl-spinner__layer, .ca-button--fab .dashboard-boxes-box-footer .ca-button-spinner .mdl-spinner__layer, .dashboard-boxes-box-footer .ca-button--cta .ca-button-spinner .mdl-spinner__layer, .ca-button--cta .dashboard-boxes-box-footer .ca-button-spinner .mdl-spinner__layer, .dashboard-boxes-box-footer .ca-button--cta--accent .ca-button-spinner .mdl-spinner__layer, .ca-button--cta--accent .dashboard-boxes-box-footer .ca-button-spinner .mdl-spinner__layer, .dashboard-boxes-box-footer .ca-button--cta--secondary .ca-button-spinner .mdl-spinner__layer, .ca-button--cta--secondary .dashboard-boxes-box-footer .ca-button-spinner .mdl-spinner__layer, .dashboard-boxes-box-footer .ca-button--cta--tertiary .ca-button-spinner .mdl-spinner__layer, .ca-button--cta--tertiary .dashboard-boxes-box-footer .ca-button-spinner .mdl-spinner__layer, .dashboard-boxes-box-footer .ca-button--cta--cancel .ca-button-spinner .mdl-spinner__layer, .ca-button--cta--cancel .dashboard-boxes-box-footer .ca-button-spinner .mdl-spinner__layer, .dashboard-boxes-box-footer .ca-button--cta--outline-primary .ca-button-spinner .mdl-spinner__layer, .ca-button--cta--outline-primary .dashboard-boxes-box-footer .ca-button-spinner .mdl-spinner__layer, .dashboard-boxes-box-footer .ca-button--cta--outline .ca-button-spinner .mdl-spinner__layer, .ca-button--cta--outline .dashboard-boxes-box-footer .ca-button-spinner .mdl-spinner__layer {
      border-color: #7a7a7a !important; }

.dashboard-traffic {
  position: relative; }
  .dashboard-traffic:after {
    content: "";
    position: absolute;
    left: -1;
    top: 0;
    height: 100%;
    width: 0;
    border-left: 1px solid #b9b9b9;
    border-right: 1px solid #FFF; }
  .dashboard-traffic .chart-container {
    overflow: hidden;
    height: 120px; }

.dashboard-traffic-title {
  border-bottom: 1px dashed #b9b9b9;
  color: #243D56;
  font-size: 13px;
  line-height: normal;
  margin: 0;
  padding: .25em 0 .25em 1em; }
  .dashboard-traffic-title span {
    color: #7a7a7a;
    float: right;
    font-size: 12px; }

.dashboard-traffic-chart {
  border: none !important;
  font-size: 12px;
  line-height: normal;
  margin: 0;
  padding: 0 !important;
  height: 123px !important; }

.dashboard-experiments-list {
  list-style: none;
  margin: 0 -20px;
  padding: 0;
  min-height: 280px; }
  .dashboard-experiments-list.complete {
    min-height: 300px; }

.dashboard-experiments-item {
  border-bottom: 1px solid #E7E7E7;
  padding-left: 40px;
  padding-right: 40px;
  text-align: left; }
  .dashboard-experiments-item:last-child {
    border-bottom: none; }
  .dashboard-experiments-item .sc-progress-container {
    width: 50%;
    margin-top: 3px; }

.dashboard-experiments-item-name {
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
  margin: 0; }
  .dashboard-experiments-item-name .dashboard-autopilot {
    display: inline-block;
    position: relative; }
    .dashboard-experiments-item-name .dashboard-autopilot .dashboard-autopilot-icon {
      color: #047FFC;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      font-weight: bold;
      position: relative;
      top: 2px;
      font-size: 20px; }
      .dashboard-experiments-item-name .dashboard-autopilot .dashboard-autopilot-icon + .sc-tooltip {
        top: -5px;
        white-space: normal;
        min-width: 225px;
        -webkit-transform: translateX(-50%) translateY(-100%);
        transform: translateX(-50%) translateY(-100%);
        line-height: 16px; }
      .dashboard-experiments-item-name .dashboard-autopilot .dashboard-autopilot-icon:hover + .sc-tooltip {
        opacity: 1; }

.dashboard-experiments-item-description {
  color: #7a7a7a;
  display: block;
  font-size: 14px;
  margin-bottom: 1em; }

.dashboard-experiments-progress {
  background: #b9b9b9;
  margin-bottom: .25em;
  width: 100px; }
  .dashboard-experiments-progress .progressbar {
    background: #8DBC24; }

.dashboard-experiments-actions {
  text-align: right; }

.dashboard-scenarios {
  margin: 1em 0; }

.dashboard-devices .dashboard-experiments-none {
  height: 308px; }

.dashboard-devices-chart {
  position: relative; }
  .dashboard-devices-chart .chart {
    padding: 0; }
  .dashboard-devices-chart .chart-tooltip {
    background-color: #FFF;
    -webkit-box-shadow: 0 2px 5px 1px rgba(122, 122, 122, 0.5);
    box-shadow: 0 2px 5px 1px rgba(122, 122, 122, 0.5);
    height: auto;
    padding: 6px;
    text-align: left;
    -webkit-transform: translate(0, calc(-100% - 22.5px));
    transform: translate(0, calc(-100% - 22.5px));
    width: 150px;
    opacity: 0;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    position: absolute; }
    .dashboard-devices-chart .chart-tooltip.active {
      opacity: 1;
      z-index: 10; }
    .dashboard-devices-chart .chart-tooltip:after {
      content: "";
      background: #FFF;
      display: block;
      width: 15px;
      height: 15px;
      position: absolute;
      bottom: -15px;
      left: 15px;
      -webkit-transform: skew(-51deg, -10deg) translate(0, 100%) rotate(-85deg);
      transform: skew(-51deg, -10deg) translate(0, 100%) rotate(-85deg);
      -webkit-transform-origin: 0 0 0;
      transform-origin: 0 0 0;
      -webkit-box-shadow: -3px 3px 1px 1px rgba(122, 122, 122, 0.5);
      box-shadow: -3px 3px 1px 1px rgba(122, 122, 122, 0.5); }
    .dashboard-devices-chart .chart-tooltip h2 {
      color: #000;
      font-size: 16px;
      font-weight: 600;
      line-height: 1.2;
      margin: 0; }
    .dashboard-devices-chart .chart-tooltip p {
      color: #8DBC24;
      line-height: 1.2;
      margin: 0;
      font-size: 16px;
      font-weight: bold; }

.dashboard-legend {
  margin-top: 2em;
  text-align: left; }
  @media (min-width: 1200px) {
    .dashboard-legend > .mdl-cell {
      border-right: 1px solid #E7E7E7; }
      .dashboard-legend > .mdl-cell:last-child {
        border-right: none; } }

.dashboard-legend-icon {
  color: #7a7a7a;
  font-size: 24px;
  padding-top: 1.25em;
  text-align: center; }

.dashboard-legend-device {
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  margin: 0; }

.dashboard-legend-tests {
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  margin: .5em 0; }
  .dashboard-legend-tests mark {
    color: inherit;
    font-size: 28px;
    font-weight: 600; }
  .dashboard-legend-tests span {
    white-space: nowrap; }

.dashboard-legend-visitors {
  font-size: 16px;
  line-height: 1.2;
  margin: 0; }
  .dashboard-legend-visitors i {
    color: #8DBC24; }
  .dashboard-legend-visitors mark {
    color: inherit;
    font-weight: 600; }
  .dashboard-legend-visitors span {
    font-size: 18px;
    font-weight: 600;
    white-space: nowrap; }

.dashboard-activity {
  margin: 0 -20px; }

.scenario-pixel .mdl-grid--inner.mdl-grid, .scenario-pixel .mdl-layout__header-row {
  padding: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media (min-width: 1024px) {
    .scenario-pixel .mdl-grid--inner.mdl-grid, .scenario-pixel .mdl-layout__header-row {
      padding: 0 40px; } }

.scenario-pixel__container {
  padding-top: 50px;
  margin-bottom: 50px; }

.scenario-pixel {
  background: #FFF; }
  .scenario-pixel .mdl-grid {
    width: 100%; }

.cta--spaced {
  margin-right: 20px; }

.scenario-pixel__icon {
  color: #b9b9b9;
  font-size: 30px;
  margin-top: 5px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }

.scenario-pixel__accordion-code {
  background: #DEDEDE;
  border: 1px solid #b9b9b9;
  border-radius: 2px;
  color: #7a7a7a;
  cursor: pointer;
  font: 14px monospace;
  margin: 1em 0 0;
  padding: 11px 10px;
  text-align: center; }

.scenario-pixel__email-body {
  color: #7a7a7a;
  font-family: monospace; }
  .scenario-pixel__email-body div {
    margin-bottom: 10px; }

.scenario-pixel__cta-send {
  height: 55px;
  background-color: #7CB209;
  color: #FFF;
  border: 0;
  border-radius: 3px;
  padding: 0 56px;
  font-size: 16px;
  display: block;
  margin-top: 20px;
  font-family: 'Proxima Nova', Arial, sans-serif !important; }
  .scenario-pixel__cta-send[disabled] {
    background-color: rgba(0,0,0, 0.12);
    color: rgba(0,0,0, 0.26); }

.scenario-pixel__copied-text {
  opacity: 0;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  font-size: 12px !important;
  color: #8DBC24;
  margin: 0;
  text-align: left;
  line-height: 24px !important;
  position: absolute; }
  .scenario-pixel__copied-text.scenario-pixel__copy-success {
    opacity: 1; }
    .scenario-pixel__copied-text.scenario-pixel__copy-success.ng-enter {
      opacity: 0; }
    .scenario-pixel__copied-text.scenario-pixel__copy-success.ng-enter-active {
      opacity: 1; }
    .scenario-pixel__copied-text.scenario-pixel__copy-success.ng-leave {
      opacity: 1; }
    .scenario-pixel__copied-text.scenario-pixel__copy-success.ng-leave-active {
      opacity: 0; }

.scenario-pixel__accordion {
  margin: 3em auto; }

.scenario-pixel-email {
  -webkit-transition: top 0.6s ease !important;
  transition: top 0.6s ease !important; }
  .scenario-pixel-email.message_active {
    top: 25px; }
  .scenario-pixel-email.message_inactive {
    top: 0; }

.ca-pixel__message {
  top: -40px;
  left: 0;
  right: 0;
  padding: 0;
  z-index: -2; }
  .ca-pixel__message.ca-pixel__message--tabs {
    -webkit-transition: top 0.6s ease !important;
    transition: top 0.6s ease !important; }
    .ca-pixel__message.ca-pixel__message--tabs.ng-inactive {
      top: 0px; }
  .ca-pixel__message > div {
    padding-left: 65px;
    height: 40px;
    line-height: 40px;
    width: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #FFF; }
    .ca-pixel__message > div:before {
      font-size: 20px !important;
      position: absolute;
      left: 5px;
      line-height: 40px !important;
      color: #FFF;
      padding-left: 35px; }
    .ca-pixel__message > div.error {
      background-color: #de3226; }
    .ca-pixel__message > div.warning {
      background-color: #ff9800; }
    .ca-pixel__message > div.success {
      background-color: #8DBC24; }
    .ca-pixel__message > div.info {
      background-color: #4B93D3; }

.scenario-pixel__accordion-card {
  margin-bottom: 10px;
  min-height: 0;
  width: 100%;
  z-index: 10; }
  .scenario-pixel__accordion-card .mdl-card--border {
    z-index: 10; }
  .scenario-pixel__accordion-card .mdl-card__title {
    cursor: pointer;
    -webkit-transition: background-color .25s;
    transition: background-color .25s; }
    .scenario-pixel__accordion-card .mdl-card__title:hover {
      background-color: #efefef; }
      .scenario-pixel__accordion-card .mdl-card__title:hover .scenario-pixel__icon {
        color: #243D56; }
      .scenario-pixel__accordion-card .mdl-card__title:hover .icon-logo {
        opacity: 1; }
  .scenario-pixel__accordion-card .mdl-card__title-text {
    color: #243D56;
    display: block;
    font-size: 20px;
    font-weight: bold; }
    .scenario-pixel__accordion-card .mdl-card__title-text small {
      display: block;
      font-size: 14px; }
  .scenario-pixel__accordion-card .mdl-card__supporting-text {
    color: #243D56;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-transition: max-height .2s, padding-top .2s, padding-bottom .2s;
    transition: max-height .2s, padding-top .2s, padding-bottom .2s; }
  .scenario-pixel__accordion-card .icon-logo {
    width: 35px;
    opacity: 0.5;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; }
  .scenario-pixel__accordion-card.card-open .mdl-card__title {
    background-color: #f0f0f0; }
  .scenario-pixel__accordion-card.card-open .scenario-pixel__icon {
    color: #243D56; }
  .scenario-pixel__accordion-card.card-open .mdl-card__supporting-text {
    max-height: 600px;
    padding-top: 16px;
    padding-bottom: 26px; }
  .scenario-pixel__accordion-card.card-open .icon-logo {
    opacity: 1; }
  .scenario-pixel__accordion-card .mdl-button, .scenario-pixel__accordion-card .ca-button, .scenario-pixel__accordion-card .ca-button--colour, .scenario-pixel__accordion-card .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover .scenario-pixel__accordion-card button, .scenario-pixel__accordion-card .ca-button--downgrade, .scenario-pixel__accordion-card .ca-button--accent, .scenario-pixel__accordion-card .ca-button--secondary, .scenario-pixel__accordion-card .ca-button--tertiary, .scenario-pixel__accordion-card .ca-button--outline, .scenario-pixel__accordion-card .scenario-checkup__check button, .scenario-checkup__check .scenario-pixel__accordion-card button, .scenario-pixel__accordion-card .ca-button--fab, .scenario-pixel__accordion-card .ca-button--cta, .scenario-pixel__accordion-card .ca-button--cta--accent, .scenario-pixel__accordion-card .ca-button--cta--secondary, .scenario-pixel__accordion-card .ca-button--cta--tertiary, .scenario-pixel__accordion-card .ca-button--cta--cancel, .scenario-pixel__accordion-card .ca-button--cta--outline-primary, .scenario-pixel__accordion-card .ca-button--cta--outline {
    margin-bottom: 20px; }

.scenario-pixel__accordion-icon {
  text-align: center; }

.scenario-pixel_finish-text {
  margin-top: 24px; }

.pixel-integrations {
  display: block;
  border: 1px solid #cccccc;
  border-radius: 5px;
  margin: 3px 6px 3px 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .pixel-integrations img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: block;
    margin: auto;
    max-width: 150px;
    padding: 5px;
    opacity: 0.6; }
  .pixel-integrations:hover {
    -webkit-box-shadow: 0 5px 17px 0 rgba(171, 169, 169, 0.97);
    box-shadow: 0 5px 17px 0 rgba(171, 169, 169, 0.97); }
    .pixel-integrations:hover img {
      -webkit-filter: grayscale(0%);
      -moz-filter: grayscale(0%);
      filter: grayscale(0%);
      opacity: 1; }

.scenario-wizard-pixel__container {
  position: relative; }
  .scenario-wizard-pixel__container button {
    position: relative;
    top: -3px; }

.wizard-pixel--container {
  font-size: 17px;
  line-height: initial;
  border: 1px solid #b9b9b9;
  border-left: 5px solid #8DBC24;
  padding: 8px 12px;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block; }
  .wizard-pixel--container .wizard-pixel--code {
    color: #8DBC24; }
  .wizard-pixel--container .wizard-pixel--tag {
    color: #ff9800; }

.project-grid {
  width: calc(100% - 16px);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  .project-grid.project-grid-1200 {
    max-width: 1200px; }
  .project-grid .ca-button--fab {
    position: absolute;
    right: 10px;
    top: 18px; }
    .project-grid .ca-button--fab + .sc-tooltip {
      left: calc(100% - 85px) !important;
      white-space: nowrap;
      top: calc(50% + 25px); }
      .project-grid .ca-button--fab + .sc-tooltip.sc-tooltip-left-below {
        width: 310px;
        height: 150px;
        left: calc(100% - 330px) !important;
        white-space: normal;
        top: calc(50% + 31px); }
    .project-grid .ca-button--fab:hover + .sc-tooltip {
      opacity: 1;
      -webkit-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%); }
      .project-grid .ca-button--fab:hover + .sc-tooltip.sc-tooltip-left-below {
        -webkit-transform: translate(-7%, 20%);
        transform: translate(-7%, 20%); }
  .project-grid th {
    white-space: nowrap; }
  @media (min-width: 1024px) {
    .project-grid {
      width: calc(100% - 80px); } }
  .project-grid #switch-enable-experiment .mdl-switch__label {
    color: #243D56 !important;
    font-size: 14px; }
  .project-grid .controls .ca-icon, .project-grid .controls .mdi-blog-news {
    color: #b9b9b9;
    position: relative;
    top: 1px;
    font-size: 20px;
    margin-right: 5px; }
  .project-grid .controls .experiment-autopilot {
    display: inline-block;
    position: relative; }
    .project-grid .controls .experiment-autopilot .experiment-autopilot-icon {
      color: #047FFC;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      font-weight: bold;
      position: relative;
      top: 2px;
      font-size: 20px; }
      .project-grid .controls .experiment-autopilot .experiment-autopilot-icon + .sc-tooltip {
        top: -5px;
        white-space: normal;
        min-width: 225px;
        -webkit-transform: translateX(-50%) translateY(-100%);
        transform: translateX(-50%) translateY(-100%);
        line-height: 16px; }
      .project-grid .controls .experiment-autopilot .experiment-autopilot-icon:hover + .sc-tooltip {
        opacity: 1; }
  .project-grid .controls .experiment-autopilot-icon {
    font-size: 26px !important;
    top: 1px; }

.mdl-switch-container {
  position: relative; }

table.experiments .mdl-switch + .sc-tooltip {
  opacity: 0;
  position: absolute !important;
  width: 300px !important;
  margin-top: -2px;
  left: -218px !important;
  white-space: normal !important;
  text-align: left !important;
  font-size: 14px; }

table.experiments .mdl-switch:hover + .sc-tooltip {
  opacity: 1;
  -webkit-transform: translate(90%, -50%);
  transform: translate(90%, -50%); }

.project--select {
  background: #42709e;
  border: none;
  color: #FFF;
  margin-top: 34px;
  padding: 6px;
  width: 100%; }

.project--subselect {
  background: #598aba;
  border: none;
  margin-top: 10px;
  padding: 6px;
  width: 100%; }

.project-tabs-bar {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.project-tabs-button {
  padding-top: 6px;
  text-align: right; }

.project-button--settings {
  color: #7a7a7a !important;
  font-family: "Proxima Nova", Arial, sans-serif;
  font-size: 16px;
  font-weight: 600; }

.project-list {
  width: 100%; }
  .project-list th {
    text-align: center;
    text-transform: uppercase; }
  .project-list td {
    padding: 12px 18px;
    vertical-align: middle; }

.project-list--name {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  margin: 0; }

.project-list--updated,
.project-list--estimate {
  display: block;
  line-height: 1.2;
  margin: 0; }

.project-list--number {
  display: block;
  font-size: 18px; }

.project-list--number-info {
  line-height: 1;
  text-transform: none; }

.project-list--progress {
  width: 100%; }

.project-list--device {
  color: #7a7a7a;
  font-size: 24px; }

.project-list--conversion {
  background: #7a7a7a;
  border-radius: 50px;
  color: #FFF;
  display: block;
  font-size: 16px;
  font-weight: bold;
  height: 50px;
  line-height: 50px;
  text-align: center;
  white-space: nowrap;
  width: 50px; }
  .project-list--conversion.positive {
    background: green; }
    .project-list--conversion.positive:before {
      content: "+"; }
  .project-list--conversion.negative {
    background: red; }

.project--header-overlap {
  position: relative;
  width: 100%;
  z-index: 10; }

.project--new-button {
  line-height: 60px;
  position: absolute;
  bottom: -25px;
  right: 0; }

.project-list--goals-button {
  line-height: 1;
  min-width: 0;
  padding: 0 10px;
  position: relative;
  text-transform: none; }
  .project-list--goals-button .mdi, .project-list--goals-button .ca-icon, .project-list--goals-button .mdi-blog-news, .project-list--goals-button .ca-modal .ca-modal__message > div.error:before, .ca-modal .project-list--goals-button .ca-modal__message > div.error:before, .project-list--goals-button .ca-modal .ca-modal__message > div.warning:before, .ca-modal .project-list--goals-button .ca-modal__message > div.warning:before, .project-list--goals-button .ca-modal .ca-modal__message > div.success:before, .ca-modal .project-list--goals-button .ca-modal__message > div.success:before, .project-list--goals-button .ca-modal .ca-modal__message > div.info:before, .ca-modal .project-list--goals-button .ca-modal__message > div.info:before, .project-list--goals-button .ca-pixel__message > div.error:before, .project-list--goals-button .ca-pixel__message > div.warning:before, .project-list--goals-button .ca-pixel__message > div.success:before, .project-list--goals-button .ca-pixel__message > div.info:before, .project-list--goals-button .mdi-funnel-1, .project-list--goals-button .mdi-funnel-2, .project-list--goals-button .mdi-funnel-3, .project-list--goals-button .mdi-funnel-4, .project-list--goals-button .mdi-funnel-5, .project-list--goals-button .mdi-funnel-6, .project-list--goals-button .mdi-funnel-7, .project-list--goals-button .mdi-funnel-8, .project-list--goals-button .mdi-funnel-9, .project-list--goals-button .mdi-funnel-10, .project-list--goals-button .mdi-funnel-11, .project-list--goals-button .mdi-funnel-12, .project-list--goals-button .mdi-funnel-13, .project-list--goals-button .mdi-funnel-14, .project-list--goals-button .mdi-funnel-15, .project-list--goals-button .mdi-funnel-16, .project-list--goals-button .mdi-funnel-17, .project-list--goals-button .mdi-funnel-18, .project-list--goals-button .mdi-funnel-19, .project-list--goals-button .mdi-funnel-20, .project-list--goals-button .mdi-funnel-21, .project-list--goals-button .mdi-funnel-22, .project-list--goals-button .mdi-funnel-23, .project-list--goals-button .mdi-funnel-24, .project-list--goals-button .mdi-funnel-25, .project-list--goals-button .mdi-funnel-26, .project-list--goals-button .mdi-funnel-27, .project-list--goals-button .mdi-funnel-28, .project-list--goals-button .mdi-funnel-29, .project-list--goals-button .mdi-funnel-30, .project-list--goals-button .mdi-funnel-31, .project-list--goals-button .mdi-funnel-32, .project-list--goals-button .mdi-funnel-33, .project-list--goals-button .mdi-funnel-34, .project-list--goals-button .mdi-funnel-35, .project-list--goals-button .mdi-funnel-36, .project-list--goals-button .mdi-funnel-37, .project-list--goals-button .mdi-funnel-38, .project-list--goals-button .mdi-funnel-39, .project-list--goals-button .mdi-funnel-40, .project-list--goals-button .mdi-funnel-41, .project-list--goals-button .mdi-funnel-42 {
    font-size: 24px; }
  .project-list--goals-button .mdi-check, .project-list--goals-button .ca-modal .ca-modal__message > div.success:before, .ca-modal .project-list--goals-button .ca-modal__message > div.success:before, .project-list--goals-button .ca-pixel__message > div.success:before {
    color: green; }
  .project-list--goals-button .mdi-close, .project-list--goals-button .ca-modal .ca-modal__message > div.error:before, .ca-modal .project-list--goals-button .ca-modal__message > div.error:before, .project-list--goals-button .ca-pixel__message > div.error:before {
    color: red; }
  .project-list--goals-button .project-list--number {
    font-size: 12px;
    right: 3px;
    position: absolute;
    top: 5px; }

.project-overlay-container {
  position: relative; }

.project-overlay {
  position: absolute;
  left: -5px;
  top: -5px;
  right: -5px;
  bottom: -5px;
  background: rgba(250, 250, 252, 0.75);
  z-index: 200;
  min-height: 120px; }
  .project-overlay .mdl-spinner, .project-overlay .ca-button .ca-button-spinner, .ca-button .project-overlay .ca-button-spinner, .project-overlay .ca-button--colour .ca-button-spinner, .ca-button--colour .project-overlay .ca-button-spinner, .project-overlay .ca-button--downgrade .ca-button-spinner, .ca-button--downgrade .project-overlay .ca-button-spinner, .project-overlay .ca-button--accent .ca-button-spinner, .ca-button--accent .project-overlay .ca-button-spinner, .project-overlay .ca-button--secondary .ca-button-spinner, .ca-button--secondary .project-overlay .ca-button-spinner, .project-overlay .ca-button--tertiary .ca-button-spinner, .ca-button--tertiary .project-overlay .ca-button-spinner, .project-overlay .ca-button--outline .ca-button-spinner, .ca-button--outline .project-overlay .ca-button-spinner, .project-overlay .scenario-checkup__check button .ca-button-spinner, .scenario-checkup__check button .project-overlay .ca-button-spinner, .project-overlay .ca-button--fab .ca-button-spinner, .ca-button--fab .project-overlay .ca-button-spinner, .project-overlay .ca-button--cta .ca-button-spinner, .ca-button--cta .project-overlay .ca-button-spinner, .project-overlay .ca-button--cta--accent .ca-button-spinner, .ca-button--cta--accent .project-overlay .ca-button-spinner, .project-overlay .ca-button--cta--secondary .ca-button-spinner, .ca-button--cta--secondary .project-overlay .ca-button-spinner, .project-overlay .ca-button--cta--tertiary .ca-button-spinner, .ca-button--cta--tertiary .project-overlay .ca-button-spinner, .project-overlay .ca-button--cta--cancel .ca-button-spinner, .ca-button--cta--cancel .project-overlay .ca-button-spinner, .project-overlay .ca-button--cta--outline-primary .ca-button-spinner, .ca-button--cta--outline-primary .project-overlay .ca-button-spinner, .project-overlay .ca-button--cta--outline .ca-button-spinner, .ca-button--cta--outline .project-overlay .ca-button-spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
    margin-left: -40px;
    margin-top: -40px; }

#project-tracking-code .scenario-pixel__copied-text {
  margin-bottom: 0; }

.project-page--container {
  background-color: #FFF;
  padding-bottom: 100px !important;
  min-height: 70vh;
  position: relative; }
  .project-page--container .mdl-tabs .mdl-tabs__tab-bar, .project-page--container .mdl-tabs .ca-tabs .ca-tabs--bar, .ca-tabs .project-page--container .mdl-tabs .ca-tabs--bar, .project-page--container .mdl-tabs.is-upgraded .mdl-tabs__tab-bar, .project-page--container .mdl-tabs.is-upgraded .ca-tabs .ca-tabs--bar, .ca-tabs .project-page--container .mdl-tabs.is-upgraded .ca-tabs--bar {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-bottom: none; }
    .project-page--container .mdl-tabs .mdl-tabs__tab-bar .mdl-tabs__tab, .project-page--container .mdl-tabs .ca-tabs .ca-tabs--bar .mdl-tabs__tab, .ca-tabs .project-page--container .mdl-tabs .ca-tabs--bar .mdl-tabs__tab, .project-page--container .mdl-tabs .mdl-tabs__tab-bar .ca-tabs .ca-tabs--tab, .ca-tabs .project-page--container .mdl-tabs .mdl-tabs__tab-bar .ca-tabs--tab, .project-page--container .mdl-tabs .ca-tabs .ca-tabs--bar .ca-tabs--tab, .ca-tabs .project-page--container .mdl-tabs .ca-tabs--bar .ca-tabs--tab, .project-page--container .mdl-tabs .mdl-tabs__tab-bar .variation-tabs-tab, .project-page--container .mdl-tabs .ca-tabs .ca-tabs--bar .variation-tabs-tab, .ca-tabs .project-page--container .mdl-tabs .ca-tabs--bar .variation-tabs-tab, .project-page--container .mdl-tabs.is-upgraded .mdl-tabs__tab-bar .mdl-tabs__tab, .project-page--container .mdl-tabs.is-upgraded .ca-tabs .ca-tabs--bar .mdl-tabs__tab, .ca-tabs .project-page--container .mdl-tabs.is-upgraded .ca-tabs--bar .mdl-tabs__tab, .project-page--container .mdl-tabs.is-upgraded .mdl-tabs__tab-bar .ca-tabs .ca-tabs--tab, .ca-tabs .project-page--container .mdl-tabs.is-upgraded .mdl-tabs__tab-bar .ca-tabs--tab, .project-page--container .mdl-tabs.is-upgraded .ca-tabs .ca-tabs--bar .ca-tabs--tab, .ca-tabs .project-page--container .mdl-tabs.is-upgraded .ca-tabs--bar .ca-tabs--tab, .project-page--container .mdl-tabs.is-upgraded .mdl-tabs__tab-bar .variation-tabs-tab, .project-page--container .mdl-tabs.is-upgraded .ca-tabs .ca-tabs--bar .variation-tabs-tab, .ca-tabs .project-page--container .mdl-tabs.is-upgraded .ca-tabs--bar .variation-tabs-tab {
      color: #243D56;
      font-weight: 600; }
      .project-page--container .mdl-tabs .mdl-tabs__tab-bar .mdl-tabs__tab.is-active, .project-page--container .mdl-tabs .ca-tabs .ca-tabs--bar .mdl-tabs__tab.is-active, .ca-tabs .project-page--container .mdl-tabs .ca-tabs--bar .mdl-tabs__tab.is-active, .project-page--container .mdl-tabs .mdl-tabs__tab-bar .ca-tabs .is-active.ca-tabs--tab, .ca-tabs .project-page--container .mdl-tabs .mdl-tabs__tab-bar .is-active.ca-tabs--tab, .project-page--container .mdl-tabs .ca-tabs .ca-tabs--bar .is-active.ca-tabs--tab, .ca-tabs .project-page--container .mdl-tabs .ca-tabs--bar .is-active.ca-tabs--tab, .project-page--container .mdl-tabs .mdl-tabs__tab-bar .is-active.variation-tabs-tab, .project-page--container .mdl-tabs .ca-tabs .ca-tabs--bar .is-active.variation-tabs-tab, .ca-tabs .project-page--container .mdl-tabs .ca-tabs--bar .is-active.variation-tabs-tab, .project-page--container .mdl-tabs.is-upgraded .mdl-tabs__tab-bar .mdl-tabs__tab.is-active, .project-page--container .mdl-tabs.is-upgraded .ca-tabs .ca-tabs--bar .mdl-tabs__tab.is-active, .ca-tabs .project-page--container .mdl-tabs.is-upgraded .ca-tabs--bar .mdl-tabs__tab.is-active, .project-page--container .mdl-tabs.is-upgraded .mdl-tabs__tab-bar .ca-tabs .is-active.ca-tabs--tab, .ca-tabs .project-page--container .mdl-tabs.is-upgraded .mdl-tabs__tab-bar .is-active.ca-tabs--tab, .project-page--container .mdl-tabs.is-upgraded .ca-tabs .ca-tabs--bar .is-active.ca-tabs--tab, .ca-tabs .project-page--container .mdl-tabs.is-upgraded .ca-tabs--bar .is-active.ca-tabs--tab, .project-page--container .mdl-tabs.is-upgraded .mdl-tabs__tab-bar .is-active.variation-tabs-tab, .project-page--container .mdl-tabs.is-upgraded .ca-tabs .ca-tabs--bar .is-active.variation-tabs-tab, .ca-tabs .project-page--container .mdl-tabs.is-upgraded .ca-tabs--bar .is-active.variation-tabs-tab {
        color: #243D56; }
      .project-page--container .mdl-tabs .mdl-tabs__tab-bar .mdl-tabs__tab:after, .project-page--container .mdl-tabs .ca-tabs .ca-tabs--bar .mdl-tabs__tab:after, .ca-tabs .project-page--container .mdl-tabs .ca-tabs--bar .mdl-tabs__tab:after, .project-page--container .mdl-tabs .mdl-tabs__tab-bar .ca-tabs .ca-tabs--tab:after, .ca-tabs .project-page--container .mdl-tabs .mdl-tabs__tab-bar .ca-tabs--tab:after, .project-page--container .mdl-tabs .ca-tabs .ca-tabs--bar .ca-tabs--tab:after, .ca-tabs .project-page--container .mdl-tabs .ca-tabs--bar .ca-tabs--tab:after, .project-page--container .mdl-tabs .mdl-tabs__tab-bar .variation-tabs-tab:after, .project-page--container .mdl-tabs .ca-tabs .ca-tabs--bar .variation-tabs-tab:after, .ca-tabs .project-page--container .mdl-tabs .ca-tabs--bar .variation-tabs-tab:after, .project-page--container .mdl-tabs.is-upgraded .mdl-tabs__tab-bar .mdl-tabs__tab:after, .project-page--container .mdl-tabs.is-upgraded .ca-tabs .ca-tabs--bar .mdl-tabs__tab:after, .ca-tabs .project-page--container .mdl-tabs.is-upgraded .ca-tabs--bar .mdl-tabs__tab:after, .project-page--container .mdl-tabs.is-upgraded .mdl-tabs__tab-bar .ca-tabs .ca-tabs--tab:after, .ca-tabs .project-page--container .mdl-tabs.is-upgraded .mdl-tabs__tab-bar .ca-tabs--tab:after, .project-page--container .mdl-tabs.is-upgraded .ca-tabs .ca-tabs--bar .ca-tabs--tab:after, .ca-tabs .project-page--container .mdl-tabs.is-upgraded .ca-tabs--bar .ca-tabs--tab:after, .project-page--container .mdl-tabs.is-upgraded .mdl-tabs__tab-bar .variation-tabs-tab:after, .project-page--container .mdl-tabs.is-upgraded .ca-tabs .ca-tabs--bar .variation-tabs-tab:after, .ca-tabs .project-page--container .mdl-tabs.is-upgraded .ca-tabs--bar .variation-tabs-tab:after {
        background: #8DBC24; }
  .project-page--container .project-page--container-header {
    height: 48px;
    border-bottom: 1px solid #ededf4;
    margin-top: 8px;
    position: relative;
    z-index: 11;
    background-color: #FFF; }
  .project-page--container .project-page--container-body {
    position: relative;
    padding-top: 40px;
    min-height: 200px; }

.project--header {
  margin-top: 15px;
  margin-bottom: 15px; }
  .project--header .mdl-button, .project--header .ca-button, .project--header .ca-button--colour, .project--header .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover .project--header button, .project--header .ca-button--downgrade, .project--header .ca-button--accent, .project--header .ca-button--secondary, .project--header .ca-button--tertiary, .project--header .ca-button--outline, .project--header .scenario-checkup__check button, .scenario-checkup__check .project--header button, .project--header .ca-button--fab, .project--header .ca-button--cta, .project--header .ca-button--cta--accent, .project--header .ca-button--cta--secondary, .project--header .ca-button--cta--tertiary, .project--header .ca-button--cta--cancel, .project--header .ca-button--cta--outline-primary, .project--header .ca-button--cta--outline {
    margin-top: -.3em; }
  .project--header .project-name {
    width: calc(100% - 163px); }
  .project--header .actions {
    text-align: right; }
  .project--header .project-actions {
    width: 163px; }
  .floating-header .project--header {
    background: #E7E7E7;
    margin-bottom: 0;
    margin-top: 0;
    padding: 15px 0;
    position: fixed;
    z-index: 100;
    -webkit-transform: translateZ(0); }
    .floating-header .project--header + div {
      margin-top: 60px; }

.project {
  border: 1px solid #f4f4f8;
  background-color: #FAFAFC;
  padding: 45px 30px;
  float: left;
  width: calc(25% - 15px);
  margin: 7.5px;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  height: 140px;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.05); }
  .project:hover {
    background-color: white;
    -webkit-box-shadow: 0 0 35px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 35px 1px rgba(0, 0, 0, 0.15); }
  .project h3 {
    margin: 0;
    font-size: 22px;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
    font-weight: 400;
    color: #243D56; }
  .project p {
    color: #a0a0a0;
    font-weight: 600;
    margin-bottom: 0; }
  .project.new {
    background-color: #FFF; }
    .project.new h3 {
      color: #8DBC24;
      margin: 10px 0;
      text-align: center; }

.project-grid .spinner-container {
  margin-top: 50px; }

/**
 * @deprecated Use `.sc-table` instead.
 */
table.experiments th, table.variations th {
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  color: #a5a5a5;
  font-weight: 400;
  padding: 8px 0; }
  table.experiments th:first-child, table.variations th:first-child {
    padding-left: 25px;
    text-align: left; }

table.experiments td, table.variations td {
  color: #243D56;
  font-size: 15px;
  text-align: center;
  font-weight: 400;
  padding: 10px 5px; }
  table.experiments td small, table.variations td small {
    font-size: 11px;
    display: block;
    line-height: 13px;
    font-weight: 500;
    color: #a2a2a2; }
    table.experiments td small.draft, table.variations td small.draft {
      font-size: 15px;
      font-weight: 400;
      text-transform: uppercase;
      line-height: normal; }
  table.experiments td .experiment-name, table.variations td .experiment-name {
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 .15em; }
    table.experiments td .experiment-name .experiment-autopilot, table.variations td .experiment-name .experiment-autopilot {
      display: inline-block;
      position: relative; }
      table.experiments td .experiment-name .experiment-autopilot .experiment-autopilot-icon, table.variations td .experiment-name .experiment-autopilot .experiment-autopilot-icon {
        color: #047FFC;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        font-weight: bold;
        position: relative;
        top: 2px;
        font-size: 20px; }
        table.experiments td .experiment-name .experiment-autopilot .experiment-autopilot-icon + .sc-tooltip, table.variations td .experiment-name .experiment-autopilot .experiment-autopilot-icon + .sc-tooltip {
          top: -5px;
          white-space: normal;
          min-width: 225px;
          -webkit-transform: translateX(-50%) translateY(-100%);
          transform: translateX(-50%) translateY(-100%);
          line-height: 16px; }
        table.experiments td .experiment-name .experiment-autopilot .experiment-autopilot-icon:hover + .sc-tooltip, table.variations td .experiment-name .experiment-autopilot .experiment-autopilot-icon:hover + .sc-tooltip {
          opacity: 1; }
  table.experiments td .mdl-progress, table.variations td .mdl-progress {
    width: 30%;
    text-align: center;
    margin: 5px auto; }
    table.experiments td .mdl-progress .progressbar, table.variations td .mdl-progress .progressbar {
      width: 70% !important;
      background-color: #8DBC24; }
  table.experiments td .archive-link, table.variations td .archive-link {
    font-size: 13px;
    font-weight: 400;
    color: #4f9aff; }
  table.experiments td i, table.variations td i {
    color: #b9b9b9;
    font-size: 24px;
    margin-left: 3px;
    margin-right: 3px; }
  table.experiments td:first-child, table.variations td:first-child {
    border-left: 10px solid #FAFAFC; }
    table.experiments td:first-child.red, table.variations td:first-child.red {
      border-left-color: #DB4D4C; }
    table.experiments td:first-child.blue, table.variations td:first-child.blue {
      border-left-color: #243D56; }
    table.experiments td:first-child.orange, table.variations td:first-child.orange {
      border-left-color: #FEA352; }
  table.experiments td.actions, table.variations td.actions {
    text-align: right;
    width: 320px;
    border-right: 1px solid rgba(0, 0, 0, 0.12);
    padding-right: 10px;
    padding-left: 0; }
    table.experiments td.actions > div, table.variations td.actions > div {
      display: inline-block;
      position: relative; }
    table.experiments td.actions .sc-tooltip, table.variations td.actions .sc-tooltip {
      left: calc(100% - 40px) !important;
      white-space: nowrap;
      top: calc(50% + 25px); }
    table.experiments td.actions .scenario-edit-button[disabled], table.variations td.actions .scenario-edit-button[disabled] {
      padding-left: 35px; }
    table.experiments td.actions .scenario-edit-button + .sc-tooltip, table.variations td.actions .scenario-edit-button + .sc-tooltip {
      left: 25% !important; }
    table.experiments td.actions .scenario-edit-button:hover + .sc-tooltip, table.variations td.actions .scenario-edit-button:hover + .sc-tooltip {
      opacity: 1;
      -webkit-transform: translate(-50%, 15%);
      transform: translate(-50%, 15%); }
    table.experiments td.actions .scenario-edit-button i, table.variations td.actions .scenario-edit-button i {
      top: 50%;
      font-size: 20px;
      position: absolute;
      left: 10px;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
  table.experiments td .lift, table.variations td .lift {
    border: 2px solid;
    width: 55px;
    height: 55px;
    line-height: 55px;
    display: block;
    margin: auto;
    border-radius: 50%;
    font-size: 15px;
    font-weight: 400;
    color: #243D56;
    border-color: #243D56; }
    table.experiments td .lift.uplift, table.variations td .lift.uplift {
      color: #8DBC24;
      border-color: #8DBC24; }
    table.experiments td .lift.downlift, table.variations td .lift.downlift {
      color: #de3226;
      border-color: #de3226; }
    table.experiments td .lift.baseline, table.variations td .lift.baseline {
      color: #7a7a7a;
      border-color: #7a7a7a;
      font-size: 12px; }

table.experiments .sc-progress-container, table.variations .sc-progress-container {
  margin-top: 3px;
  width: 50%; }

table.experiments .tooltip-trigger, table.variations .tooltip-trigger {
  position: relative; }
  table.experiments .tooltip-trigger .sc-tooltip, table.variations .tooltip-trigger .sc-tooltip {
    right: -8px; }
  table.experiments .tooltip-trigger:hover .sc-tooltip, table.variations .tooltip-trigger:hover .sc-tooltip {
    opacity: 1;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%); }

table.experiments .mdi-flash, table.variations .mdi-flash {
  color: #f2a400;
  font-size: 15px;
  position: relative;
  top: 2px;
  left: -1px; }

/**
 * @deprecated Use `.result-box` instead.
 */
.project-card {
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.05); }
  .project-card .chart {
    border: none; }

table.experiments tr:nth-child(2n+1) td {
  background: #FFF;
  -webkit-box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.12), inset 0 -8px 8px -8px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.12), inset 0 -8px 8px -8px rgba(0, 0, 0, 0.12);
  padding: 5px;
  border-left: none; }

table.experiments tr:last-child td {
  -webkit-box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.12); }

table.experiments tr:first-child td {
  -webkit-box-shadow: inset 0 -8px 8px -8px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 -8px 8px -8px rgba(0, 0, 0, 0.12); }

table.experiments td:first-child {
  text-align: left;
  padding-left: 15px; }

table.experiments .mdl-switch {
  height: 20px;
  margin-bottom: 3px; }

table.experiments .mdl-switch__ripple-container {
  top: 0;
  left: 0;
  height: 20px; }

.experiment-page--title {
  color: #243D56;
  font-size: 21px;
  font-weight: 600;
  margin: 0; }

.chart {
  border: 1px solid #e7e7f1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 0;
  position: relative; }
  .chart h3 {
    padding-left: 15px;
    border-bottom: 1px solid #e7e7f1; }
  .chart .fake-data-prompt {
    background: rgba(255, 255, 255, 0.85);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
    .chart .fake-data-prompt span {
      display: block;
      font-size: 16px;
      text-align: center;
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%); }
  .chart .chart--container {
    margin: 0 35px;
    position: relative;
    height: 250px;
    width: calc(100% - 70px); }
    .chart .chart--container .chart-container {
      height: 100%; }
  .chart canvas.chart {
    border: none; }
  .chart .btn-group {
    float: right;
    margin-right: 25px; }
    .chart .btn-group button {
      height: 23px;
      color: #aaaaaa;
      border: 1px solid #aaaaaa;
      border-left: none;
      background-color: #FFF;
      text-transform: uppercase;
      display: inline-block;
      float: left;
      cursor: pointer;
      width: 90px;
      padding: 0 0; }
      .chart .btn-group button:hover, .chart .btn-group button:active, .chart .btn-group button:focus {
        background-color: #FFF;
        color: #aaaaaa;
        outline: 0; }
      .chart .btn-group button.active {
        color: #FFF;
        background-color: #aaaaaa; }
      .chart .btn-group button:first-child {
        border-radius: 5px 0 0 5px;
        border-left: 1px solid #aaaaaa; }
      .chart .btn-group button:last-child {
        border-radius: 0 5px 5px 0; }

.project-fake-load {
  position: absolute;
  width: 100%;
  min-height: 100%;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.75);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: 0.2s opacity;
  transition: 0.2s opacity; }
  .project-fake-load.ng-hide {
    opacity: 0; }

.sc-table tbody td {
  position: relative; }
  .sc-table tbody td .lift {
    border: 2px solid;
    width: 55px;
    height: 55px;
    line-height: 55px;
    display: block;
    margin: auto;
    border-radius: 50%;
    font-size: 15px;
    font-weight: 400;
    color: #243D56;
    border-color: #243D56; }
    .sc-table tbody td .lift.uplift {
      color: #8DBC24;
      border-color: #8DBC24; }
    .sc-table tbody td .lift.downlift {
      color: #de3226;
      border-color: #de3226; }
    .sc-table tbody td .lift.baseline {
      color: #7a7a7a;
      border-color: #7a7a7a;
      font-size: 12px; }
  .sc-table tbody td .scenario-variation-id {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    color: #999; }

.tooltip-hover-zone {
  position: relative; }

.tooltip-hover-zone:hover .sc-tooltip.is-active.sc-tooltip-left {
  opacity: 1;
  -webkit-transform: translate(-90%, -50%);
  transform: translate(-90%, -50%); }

.tooltip-hover-zone:hover .sc-tooltip.is-active.sc-tooltip-right {
  opacity: 1;
  -webkit-transform: translate(90%, -50%);
  transform: translate(90%, -50%); }

.summary-row {
  padding: 0;
  margin-top: 25px; }
  .summary-row h1 {
    color: #4B93D3;
    font-size: 38px;
    margin-bottom: 0;
    margin-top: 10px;
    font-weight: 100;
    position: relative;
    display: inline-block; }
  .summary-row a {
    color: #4f9aff;
    position: relative;
    top: -5px;
    cursor: pointer; }
  .summary-row p {
    margin-bottom: 0; }
  .summary-row strong {
    color: #8DBC24; }
  .summary-row .text-small {
    font-size: 12px; }
  .summary-row .text-medium {
    font-size: 15px; }
  .summary-row .sc-progress-container {
    width: 70%; }
  .summary-row .mdl-cell {
    border-right: 1px solid #ededf4; }
    .summary-row .mdl-cell:last-child {
      border-right: none; }
  .summary-row i {
    font-size: 15px;
    position: relative;
    top: -14px;
    text-align: left; }
    .summary-row i + .sc-tooltip {
      top: calc(50% - 10px);
      width: 220px;
      white-space: normal; }
    .summary-row i:hover + .sc-tooltip {
      opacity: 1;
      -webkit-transform: translate(100%, -50%);
      transform: translate(100%, -50%); }

.settings-table {
  width: 100%;
  border-collapse: collapse; }
  .settings-table__head th {
    color: #b9b9b9;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600; }
  .settings-table__body .settings-table__current-user {
    font-size: 12px;
    color: #b9b9b9; }
  .settings-table__body .settings-table__image {
    width: 35px;
    border-radius: 50%; }
  .settings-table__body tr {
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    height: 50px;
    line-height: 50px; }
  .settings-table__body td {
    border-bottom: 1px solid #dadae9; }
  .settings-table__body .settings-table__link {
    text-decoration: none;
    color: #4B93D3; }
  .settings-table__body .settings-table__icon {
    background-color: #FAFAFC;
    color: #b9b9b9;
    border-radius: 50%;
    display: block;
    width: 35px;
    line-height: 35px;
    height: 35px;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    margin-left: auto;
    margin-right: auto;
    font-weight: 200; }
  .settings-table__body .settings-table__invitation {
    color: #8DBC24;
    margin-left: 15px;
    font-weight: 400;
    font-size: 14px; }
  .settings-table__role-tab, .settings-table__user-tab {
    text-align: left; }
    .settings-table__role-tab .mdl-selectfield, .settings-table__user-tab .mdl-selectfield {
      width: calc(50% + 5px); }
    .settings-table__role-tab select, .settings-table__user-tab select {
      border: none;
      border-radius: 0;
      font-size: 15px;
      color: #243d56;
      background: white; }
      .settings-table__role-tab select:focus, .settings-table__role-tab select:active, .settings-table__user-tab select:focus, .settings-table__user-tab select:active {
        outline: 0; }

.profile-details-form input, .profile-details-form label {
  padding-left: 0px !important;
  padding-right: 30px !important; }

.profil-card {
  text-align: center;
  margin-top: 20px;
  width: 100%; }
  .profil-card__icon {
    text-align: center;
    font-size: 110px;
    border-radius: 50%;
    color: #D8E0E3; }
  .profil-card__title {
    color: #243D56;
    margin: 10px 0 0 0;
    font-size: 24px;
    font-weight: bold;
    line-height: normal; }
  .profil-card__avatar {
    width: 80px;
    height: 80px;
    border-radius: 80px;
    margin-left: 15px;
    overflow: hidden; }
    .profil-card__avatar i {
      background: #b9b9b9;
      display: block;
      height: 100%;
      width: 100%;
      color: #FFF;
      font-size: 60px;
      line-height: 80px;
      text-align: center; }
    .profil-card__avatar img {
      width: 100%; }

.space-top {
  margin-top: 15px; }

.panel__profil {
  width: 100% !important; }
  .panel__profil .ca-field .mdl-selectfield__select {
    padding: 0px !important; }
  .panel__profil .language-div {
    padding-top: 30px;
    border-top: 1px solid #dddddd;
    margin-top: 30px; }

.form__profil .mdl-textfield, .profile-details-form .mdl-textfield {
  margin-left: 5px; }

.settings-modal__form__button {
  margin-top: 13px;
  margin-left: 20px; }

.profile--header {
  margin-top: 15px;
  margin-bottom: 15px; }

.profile-page-header h6 {
  font-weight: 600 !important;
  letter-spacing: unset !important; }

.profile-page--container {
  background-color: #FFF;
  padding-bottom: 100px !important;
  min-height: 70vh;
  position: relative; }
  .profile-page--container .mdl-tabs .mdl-tabs__tab-bar, .profile-page--container .mdl-tabs .ca-tabs .ca-tabs--bar, .ca-tabs .profile-page--container .mdl-tabs .ca-tabs--bar, .profile-page--container .mdl-tabs.is-upgraded .mdl-tabs__tab-bar, .profile-page--container .mdl-tabs.is-upgraded .ca-tabs .ca-tabs--bar, .ca-tabs .profile-page--container .mdl-tabs.is-upgraded .ca-tabs--bar {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-bottom: none; }
    .profile-page--container .mdl-tabs .mdl-tabs__tab-bar .mdl-tabs__tab, .profile-page--container .mdl-tabs .ca-tabs .ca-tabs--bar .mdl-tabs__tab, .ca-tabs .profile-page--container .mdl-tabs .ca-tabs--bar .mdl-tabs__tab, .profile-page--container .mdl-tabs .mdl-tabs__tab-bar .ca-tabs .ca-tabs--tab, .ca-tabs .profile-page--container .mdl-tabs .mdl-tabs__tab-bar .ca-tabs--tab, .profile-page--container .mdl-tabs .ca-tabs .ca-tabs--bar .ca-tabs--tab, .ca-tabs .profile-page--container .mdl-tabs .ca-tabs--bar .ca-tabs--tab, .profile-page--container .mdl-tabs .mdl-tabs__tab-bar .variation-tabs-tab, .profile-page--container .mdl-tabs .ca-tabs .ca-tabs--bar .variation-tabs-tab, .ca-tabs .profile-page--container .mdl-tabs .ca-tabs--bar .variation-tabs-tab, .profile-page--container .mdl-tabs.is-upgraded .mdl-tabs__tab-bar .mdl-tabs__tab, .profile-page--container .mdl-tabs.is-upgraded .ca-tabs .ca-tabs--bar .mdl-tabs__tab, .ca-tabs .profile-page--container .mdl-tabs.is-upgraded .ca-tabs--bar .mdl-tabs__tab, .profile-page--container .mdl-tabs.is-upgraded .mdl-tabs__tab-bar .ca-tabs .ca-tabs--tab, .ca-tabs .profile-page--container .mdl-tabs.is-upgraded .mdl-tabs__tab-bar .ca-tabs--tab, .profile-page--container .mdl-tabs.is-upgraded .ca-tabs .ca-tabs--bar .ca-tabs--tab, .ca-tabs .profile-page--container .mdl-tabs.is-upgraded .ca-tabs--bar .ca-tabs--tab, .profile-page--container .mdl-tabs.is-upgraded .mdl-tabs__tab-bar .variation-tabs-tab, .profile-page--container .mdl-tabs.is-upgraded .ca-tabs .ca-tabs--bar .variation-tabs-tab, .ca-tabs .profile-page--container .mdl-tabs.is-upgraded .ca-tabs--bar .variation-tabs-tab {
      color: #243D56;
      font-weight: 600; }
      .profile-page--container .mdl-tabs .mdl-tabs__tab-bar .mdl-tabs__tab.is-active, .profile-page--container .mdl-tabs .ca-tabs .ca-tabs--bar .mdl-tabs__tab.is-active, .ca-tabs .profile-page--container .mdl-tabs .ca-tabs--bar .mdl-tabs__tab.is-active, .profile-page--container .mdl-tabs .mdl-tabs__tab-bar .ca-tabs .is-active.ca-tabs--tab, .ca-tabs .profile-page--container .mdl-tabs .mdl-tabs__tab-bar .is-active.ca-tabs--tab, .profile-page--container .mdl-tabs .ca-tabs .ca-tabs--bar .is-active.ca-tabs--tab, .ca-tabs .profile-page--container .mdl-tabs .ca-tabs--bar .is-active.ca-tabs--tab, .profile-page--container .mdl-tabs .mdl-tabs__tab-bar .is-active.variation-tabs-tab, .profile-page--container .mdl-tabs .ca-tabs .ca-tabs--bar .is-active.variation-tabs-tab, .ca-tabs .profile-page--container .mdl-tabs .ca-tabs--bar .is-active.variation-tabs-tab, .profile-page--container .mdl-tabs.is-upgraded .mdl-tabs__tab-bar .mdl-tabs__tab.is-active, .profile-page--container .mdl-tabs.is-upgraded .ca-tabs .ca-tabs--bar .mdl-tabs__tab.is-active, .ca-tabs .profile-page--container .mdl-tabs.is-upgraded .ca-tabs--bar .mdl-tabs__tab.is-active, .profile-page--container .mdl-tabs.is-upgraded .mdl-tabs__tab-bar .ca-tabs .is-active.ca-tabs--tab, .ca-tabs .profile-page--container .mdl-tabs.is-upgraded .mdl-tabs__tab-bar .is-active.ca-tabs--tab, .profile-page--container .mdl-tabs.is-upgraded .ca-tabs .ca-tabs--bar .is-active.ca-tabs--tab, .ca-tabs .profile-page--container .mdl-tabs.is-upgraded .ca-tabs--bar .is-active.ca-tabs--tab, .profile-page--container .mdl-tabs.is-upgraded .mdl-tabs__tab-bar .is-active.variation-tabs-tab, .profile-page--container .mdl-tabs.is-upgraded .ca-tabs .ca-tabs--bar .is-active.variation-tabs-tab, .ca-tabs .profile-page--container .mdl-tabs.is-upgraded .ca-tabs--bar .is-active.variation-tabs-tab {
        color: #243D56; }
      .profile-page--container .mdl-tabs .mdl-tabs__tab-bar .mdl-tabs__tab:after, .profile-page--container .mdl-tabs .ca-tabs .ca-tabs--bar .mdl-tabs__tab:after, .ca-tabs .profile-page--container .mdl-tabs .ca-tabs--bar .mdl-tabs__tab:after, .profile-page--container .mdl-tabs .mdl-tabs__tab-bar .ca-tabs .ca-tabs--tab:after, .ca-tabs .profile-page--container .mdl-tabs .mdl-tabs__tab-bar .ca-tabs--tab:after, .profile-page--container .mdl-tabs .ca-tabs .ca-tabs--bar .ca-tabs--tab:after, .ca-tabs .profile-page--container .mdl-tabs .ca-tabs--bar .ca-tabs--tab:after, .profile-page--container .mdl-tabs .mdl-tabs__tab-bar .variation-tabs-tab:after, .profile-page--container .mdl-tabs .ca-tabs .ca-tabs--bar .variation-tabs-tab:after, .ca-tabs .profile-page--container .mdl-tabs .ca-tabs--bar .variation-tabs-tab:after, .profile-page--container .mdl-tabs.is-upgraded .mdl-tabs__tab-bar .mdl-tabs__tab:after, .profile-page--container .mdl-tabs.is-upgraded .ca-tabs .ca-tabs--bar .mdl-tabs__tab:after, .ca-tabs .profile-page--container .mdl-tabs.is-upgraded .ca-tabs--bar .mdl-tabs__tab:after, .profile-page--container .mdl-tabs.is-upgraded .mdl-tabs__tab-bar .ca-tabs .ca-tabs--tab:after, .ca-tabs .profile-page--container .mdl-tabs.is-upgraded .mdl-tabs__tab-bar .ca-tabs--tab:after, .profile-page--container .mdl-tabs.is-upgraded .ca-tabs .ca-tabs--bar .ca-tabs--tab:after, .ca-tabs .profile-page--container .mdl-tabs.is-upgraded .ca-tabs--bar .ca-tabs--tab:after, .profile-page--container .mdl-tabs.is-upgraded .mdl-tabs__tab-bar .variation-tabs-tab:after, .profile-page--container .mdl-tabs.is-upgraded .ca-tabs .ca-tabs--bar .variation-tabs-tab:after, .ca-tabs .profile-page--container .mdl-tabs.is-upgraded .ca-tabs--bar .variation-tabs-tab:after {
        background: #8DBC24; }
  .profile-page--container .profile-page--container-header {
    height: 48px;
    border-bottom: 1px solid #ededf4;
    margin-top: 8px;
    position: relative;
    z-index: 11;
    background-color: #FFF; }
  .profile-page--container .profile-page--container-body {
    position: relative;
    padding-top: 10px;
    min-height: 200px; }

.profile-grid {
  width: calc(100% - 16px);
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  .profile-grid .spinner-container {
    margin-top: 50px; }
  .profile-grid.profile-grid-1200 {
    max-width: 1200px; }
  @media (min-width: 1024px) {
    .profile-grid {
      width: calc(100% - 80px); } }

.billing-plan-div {
  margin-bottom: 30px; }

.upgrade-plan-div {
  margin-bottom: 30px;
  padding: 40px; }

.profile-plan-upgrade {
  margin: auto !important; }

.payment-btn {
  margin: 0px !important;
  width: 100%; }

.visiters-div {
  padding-top: 20px; }

.profile-progress-container {
  margin: 10px 0px 10px 0px;
  background-color: #e6eaef;
  border: 1px solid #d2dee8;
  overflow: hidden;
  height: 12px;
  border-radius: 10px;
  width: 100%;
  position: relative; }
  .profile-progress-container span {
    background: #8DBC24;
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    margin-left: 0;
    height: 12px; }

.invoice-heading-text {
  font-size: 16px;
  font-weight: bold; }

.invoice-heading-edit {
  text-align: right; }

.invoice-header {
  padding: 10px 20px 0px 20px !important; }

.invoices-list-div {
  min-height: 200px; }

.profile-boxes-box {
  background: #fff;
  border: 1px solid #E7E7E7;
  margin-bottom: 18px; }
  .profile-boxes-box .invoice-header {
    padding: 10px 20px 0px 20px !important; }

#invoice-table thead th {
  padding: 12px 12px; }

#invoice-table thead tr {
  border-top: 1px solid #E7E7E7;
  border-bottom: 1px solid #E7E7E7; }

#invoice-table tbody tr td span .no-invoice-span {
  color: #a5a5a5;
  font-weight: 600; }

#invoice-table tbody tr, #invoice-table tbody td {
  border: none !important;
  font-size: 14px;
  text-align: left; }

#invoice-table tbody tr {
  height: 50px; }

#invoice-table tbody tr, #invoice-table tbody td .no-invoice-span {
  border: none !important;
  font-size: 14px;
  text-align: center !important; }

.invoice-div .extra-billing-info-title {
  font-weight: 600; }

.invoice-div .invoice-extra-info-div {
  width: 100%;
  /*color: #267280;
    background-color: #d1ecf1;
    border-color: #bee5eb;*/
  padding: 20px;
  border-radius: 5px;
  background: #DFF0D8;
  border-color: #3C763D;
  color: #3C763D;
  margin-top: 10px; }

.invoice-div textarea {
  width: 100%;
  margin: 10px 0 10px 0;
  border: 1px solid #dddddd; }

.invoice-div button {
  margin-left: 0; }

body {
  background-color: #FFF;
  text-rendering: optimizeLegibility; }

.login-bg {
  background: url(../images/login_bg.jpg?v=master_e9d9350e915e1f686d2c5546abb74cc59e8589f8&) no-repeat center;
  background-size: cover; }
  .login-bg .link-outside {
    color: #FFF !important; }

.embed-responsive {
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }
  .embed-responsive .close-video {
    position: absolute;
    padding: 8px 15px;
    right: 30px;
    top: 60px;
    font-size: 20px;
    color: #FFF;
    cursor: pointer;
    z-index: 1;
    background-color: #000;
    border-radius: 4px; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
    background-color: #000; }

.embed-responsive-16by9 {
  padding-bottom: 56.25%; }

.embed-responsive-4by3 {
  padding-bottom: 75%; }

.scenario-startpage-new .ca-button--block {
  margin-top: 20px; }

.scenario-startpage-new .signup {
  margin: 0;
  width: calc(100% / 12 * 5);
  height: 100%;
  left: 0;
  position: relative;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  opacity: 1;
  top: 0; }
  @media only screen and (min-width: 1200px) {
    .scenario-startpage-new .signup {
      width: 550px; } }
  .scenario-startpage-new .signup.video-shown {
    left: calc(-100% / 12 * 5); }
    @media only screen and (max-width: 839px) {
      .scenario-startpage-new .signup.video-shown {
        left: 0;
        opacity: 0; } }
  @media only screen and (min-width: 460px) and (max-width: 839px) {
    .scenario-startpage-new .signup.register-hidden {
      top: -500px !important; } }
  @media only screen and (max-width: 839px) {
    .scenario-startpage-new .signup.register-hidden {
      top: -285px; } }
  @media only screen and (max-width: 839px) {
    .scenario-startpage-new .signup {
      width: 100%;
      height: auto;
      position: relative; } }

.scenario-startpage-new .form-title-container {
  min-height: 30vh;
  height: 30vh;
  vertical-align: bottom;
  display: table-cell;
  width: 100%; }
  @media only screen and (max-width: 839px) {
    .scenario-startpage-new .form-title-container {
      height: auto;
      min-height: initial;
      display: block; } }

.scenario-startpage-new .logo-mobile {
  display: none;
  padding: 20px;
  height: 23px; }

.scenario-startpage-new .scenario-startpage__header {
  margin-bottom: 2vh; }
  .scenario-startpage-new .scenario-startpage__header img {
    height: 35px; }

.scenario-startpage-new .title-area {
  display: none; }

@media only screen and (max-width: 839px) {
  .scenario-startpage-new .scenario-startpage__header.register-hidden {
    display: none; }
  .scenario-startpage-new .title-area {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 1;
    display: block; }
    .scenario-startpage-new .title-area.register-hidden {
      opacity: 0; }
    .scenario-startpage-new .title-area h1 {
      font-size: 6.8vw;
      text-align: center !important;
      margin: 0;
      margin-bottom: 10px;
      font-weight: bold; }
    .scenario-startpage-new .title-area h3 {
      color: #FFF;
      text-align: center !important;
      margin: 0;
      line-height: 1.2;
      margin-bottom: 5px; } }

@media only screen and (min-width: 460px) and (max-width: 839px) {
  .scenario-startpage-new .title-area .subtitle {
    font-size: 3vw;
    margin-bottom: 10px; } }

@media only screen and (max-width: 459px) {
  .scenario-startpage-new .subtitle {
    font-size: 16px; } }

.scenario-startpage-new .subtitle {
  line-height: 1.2 !important;
  margin-bottom: 10px !important; }

.scenario-startpage-new .small-subtitle {
  font-size: 13px !important; }

.scenario-startpage-new .card {
  max-width: 430px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3vh 7vh;
  margin: auto;
  border-radius: 0;
  position: relative;
  max-height: 100%;
  height: 100%; }
  @media (max-width: 459px) {
    .scenario-startpage-new .card {
      padding: 20px 40px; } }
  @media only screen and (min-width: 460px) and (max-width: 839px) {
    .scenario-startpage-new .card {
      max-width: 530px; } }
  .scenario-startpage-new .card h1 {
    color: #12367d;
    font: 7vh/1 'Proxima Nova', Arial, sans-serif;
    margin-bottom: 2.5vh;
    margin-top: 2.5vh;
    font-weight: 400; }
    @media (min-height: 720px) {
      .scenario-startpage-new .card h1 {
        font-size: 40px !important; } }
  .scenario-startpage-new .card h2 {
    color: #12367d;
    font: 5vh/1 'Proxima Nova', Arial, sans-serif;
    margin-bottom: 2.5vh;
    margin-top: 2.5vh;
    font-weight: bold; }
    @media (min-height: 720px) {
      .scenario-startpage-new .card h2 {
        font-size: 30px !important; } }
    @media only screen and (max-width: 839px) {
      .scenario-startpage-new .card h2 {
        font-size: 6.5vw; } }
  .scenario-startpage-new .card h3, .scenario-startpage-new .card p {
    color: #243D56;
    font: 18px/1.5 'Proxima Nova', Arial, sans-serif;
    margin: 0; }
  @media only screen and (max-width: 459px) {
    .scenario-startpage-new .card .ca-field-icon {
      font-size: 25px; } }
  .scenario-startpage-new .card .small-text {
    font-size: 14px;
    margin-top: 10px;
    text-align: center; }
  .scenario-startpage-new .card .social {
    margin-top: 2.5vh; }

.scenario-startpage-new .video-wrap {
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  position: absolute;
  right: 0;
  background: url("../images/login_bg_new.png?v=master_e9d9350e915e1f686d2c5546abb74cc59e8589f8&") no-repeat 50% 50%;
  background-size: cover;
  margin: 0;
  padding: 0;
  color: #FFF;
  text-align: center;
  vertical-align: middle;
  line-height: 100%;
  height: 100%;
  width: calc(100% / 12 * 7);
  top: 0; }
  @media only screen and (min-width: 1200px) {
    .scenario-startpage-new .video-wrap {
      width: calc(100% - 550px); } }
  .scenario-startpage-new .video-wrap.video-shown {
    width: 100%; }
  @media only screen and (min-width: 460px) and (max-width: 839px) {
    .scenario-startpage-new .video-wrap {
      width: 100%;
      position: relative;
      height: 500px !important; }
      .scenario-startpage-new .video-wrap.register-hidden {
        top: -500px !important; } }
  @media only screen and (max-width: 839px) {
    .scenario-startpage-new .video-wrap {
      width: 100%;
      position: relative;
      height: 285px; }
      .scenario-startpage-new .video-wrap.register-hidden {
        top: -285px; } }
  .scenario-startpage-new .video-wrap .video {
    background-color: rgba(18, 54, 125, 0.7);
    width: 100%;
    height: 100%; }
    @media only screen and (max-width: 839px) {
      .scenario-startpage-new .video-wrap .video {
        background-color: rgba(18, 54, 125, 0.9); } }
  .scenario-startpage-new .video-wrap .centered {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    @media only screen and (max-width: 839px) {
      .scenario-startpage-new .video-wrap .centered {
        top: auto;
        white-space: nowrap;
        bottom: 10px;
        left: 50%; } }
    .scenario-startpage-new .video-wrap .centered .play-video {
      display: inline-block;
      margin-right: 10px;
      height: 2vw;
      position: relative;
      top: -3px; }
      @media only screen and (max-width: 839px) {
        .scenario-startpage-new .video-wrap .centered .play-video {
          height: 6vw; } }
    .scenario-startpage-new .video-wrap .centered .big-play {
      text-align: center;
      margin: 0 auto;
      height: 100px;
      display: block; }
      @media only screen and (max-width: 839px) {
        .scenario-startpage-new .video-wrap .centered .big-play {
          height: 30px;
          display: inline-block;
          position: absolute;
          left: -40px;
          top: 12px; } }
    .scenario-startpage-new .video-wrap .centered h5 {
      font-weight: 300;
      white-space: nowrap;
      display: inline-block; }
      @media only screen and (max-width: 839px) {
        .scenario-startpage-new .video-wrap .centered h5 {
          font-size: 4vw;
          text-transform: none;
          display: inline-block;
          margin-bottom: 5px; } }
      @media only screen and (min-width: 460px) and (max-width: 839px) {
        .scenario-startpage-new .video-wrap .centered h5 {
          font-size: 3vw; } }

.scenario-startpage-new .mdl-textfield.is-disabled .mdl-textfield__input {
  border-bottom: 1px dotted black; }

.scenario-startpage-new .link-outside {
  text-align: center;
  margin-top: 0;
  padding-bottom: 0;
  font-size: 13px; }

.scenario-startpage-new button .mdi, .scenario-startpage-new button .ca-icon, .scenario-startpage-new button .mdi-blog-news, .scenario-startpage-new button .ca-modal .ca-modal__message > div.error:before, .ca-modal .scenario-startpage-new button .ca-modal__message > div.error:before, .scenario-startpage-new button .ca-modal .ca-modal__message > div.warning:before, .ca-modal .scenario-startpage-new button .ca-modal__message > div.warning:before, .scenario-startpage-new button .ca-modal .ca-modal__message > div.success:before, .ca-modal .scenario-startpage-new button .ca-modal__message > div.success:before, .scenario-startpage-new button .ca-modal .ca-modal__message > div.info:before, .ca-modal .scenario-startpage-new button .ca-modal__message > div.info:before, .scenario-startpage-new button .ca-pixel__message > div.error:before, .scenario-startpage-new button .ca-pixel__message > div.warning:before, .scenario-startpage-new button .ca-pixel__message > div.success:before, .scenario-startpage-new button .ca-pixel__message > div.info:before, .scenario-startpage-new button .mdi-funnel-1, .scenario-startpage-new button .mdi-funnel-2, .scenario-startpage-new button .mdi-funnel-3, .scenario-startpage-new button .mdi-funnel-4, .scenario-startpage-new button .mdi-funnel-5, .scenario-startpage-new button .mdi-funnel-6, .scenario-startpage-new button .mdi-funnel-7, .scenario-startpage-new button .mdi-funnel-8, .scenario-startpage-new button .mdi-funnel-9, .scenario-startpage-new button .mdi-funnel-10, .scenario-startpage-new button .mdi-funnel-11, .scenario-startpage-new button .mdi-funnel-12, .scenario-startpage-new button .mdi-funnel-13, .scenario-startpage-new button .mdi-funnel-14, .scenario-startpage-new button .mdi-funnel-15, .scenario-startpage-new button .mdi-funnel-16, .scenario-startpage-new button .mdi-funnel-17, .scenario-startpage-new button .mdi-funnel-18, .scenario-startpage-new button .mdi-funnel-19, .scenario-startpage-new button .mdi-funnel-20, .scenario-startpage-new button .mdi-funnel-21, .scenario-startpage-new button .mdi-funnel-22, .scenario-startpage-new button .mdi-funnel-23, .scenario-startpage-new button .mdi-funnel-24, .scenario-startpage-new button .mdi-funnel-25, .scenario-startpage-new button .mdi-funnel-26, .scenario-startpage-new button .mdi-funnel-27, .scenario-startpage-new button .mdi-funnel-28, .scenario-startpage-new button .mdi-funnel-29, .scenario-startpage-new button .mdi-funnel-30, .scenario-startpage-new button .mdi-funnel-31, .scenario-startpage-new button .mdi-funnel-32, .scenario-startpage-new button .mdi-funnel-33, .scenario-startpage-new button .mdi-funnel-34, .scenario-startpage-new button .mdi-funnel-35, .scenario-startpage-new button .mdi-funnel-36, .scenario-startpage-new button .mdi-funnel-37, .scenario-startpage-new button .mdi-funnel-38, .scenario-startpage-new button .mdi-funnel-39, .scenario-startpage-new button .mdi-funnel-40, .scenario-startpage-new button .mdi-funnel-41, .scenario-startpage-new button .mdi-funnel-42 {
  position: relative;
  top: 1px;
  font-weight: bold;
  font-size: 18px; }

.scenario-startpage-new .scenario-startpage__container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%; }
  @media only screen and (max-width: 839px) {
    .scenario-startpage-new .scenario-startpage__container {
      width: 100%;
      position: static;
      height: auto;
      display: block; } }

.scenario-startpage-new .scenario-startpage__section.ng-hide-add, .scenario-startpage-new .scenario-startpage__section.ng-hide-remove {
  /* this is required as of 1.3x to properly
       apply all styling in a show/hide animation */
  -webkit-transition: all 0s linear;
  transition: all 0s linear; }

.scenario-startpage-new .scenario-startpage__section.ng-hide-add-active, .scenario-startpage-new .scenario-startpage__section.ng-hide-remove-active {
  /* the transition is defined in the active class */
  -webkit-transition: opacity 0s ease, z-index 0s ease;
  transition: opacity 0s ease, z-index 0s ease; }

.scenario-startpage-new .scenario-startpage__section.ng-hide {
  opacity: 0;
  z-index: 0; }

.scenario-startpage-new .scenario-startpage__login-form,
.scenario-startpage-new .scenario-startpage__forgotten-form,
.scenario-startpage-new .scenario-startpage__register-form,
.scenario-startpage-new .scenario-startpage__register-complete,
.scenario-startpage-new .scenario-startpage__preregister {
  margin-top: 0; }

.scenario-startpage-new .scenario-startpage__google-btn,
.scenario-startpage-new .scenario-startpage__linkedin-btn {
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  height: 55px;
  padding: 0;
  width: 100%;
  position: relative;
  display: block;
  text-align: center;
  text-decoration: none; }
  .scenario-startpage-new .scenario-startpage__google-btn span,
  .scenario-startpage-new .scenario-startpage__linkedin-btn span {
    color: #FFF;
    font-size: 16px;
    line-height: 55px;
    padding-left: 55px;
    vertical-align: middle;
    font-weight: 600; }
  .scenario-startpage-new .scenario-startpage__google-btn .mdi, .scenario-startpage-new .scenario-startpage__google-btn .ca-icon, .scenario-startpage-new .scenario-startpage__google-btn .mdi-blog-news, .scenario-startpage-new .scenario-startpage__google-btn .ca-modal .ca-modal__message > div.error:before, .ca-modal .scenario-startpage-new .scenario-startpage__google-btn .ca-modal__message > div.error:before, .scenario-startpage-new .scenario-startpage__google-btn .ca-modal .ca-modal__message > div.warning:before, .ca-modal .scenario-startpage-new .scenario-startpage__google-btn .ca-modal__message > div.warning:before, .scenario-startpage-new .scenario-startpage__google-btn .ca-modal .ca-modal__message > div.success:before, .ca-modal .scenario-startpage-new .scenario-startpage__google-btn .ca-modal__message > div.success:before, .scenario-startpage-new .scenario-startpage__google-btn .ca-modal .ca-modal__message > div.info:before, .ca-modal .scenario-startpage-new .scenario-startpage__google-btn .ca-modal__message > div.info:before, .scenario-startpage-new .scenario-startpage__google-btn .ca-pixel__message > div.error:before, .scenario-startpage-new .scenario-startpage__google-btn .ca-pixel__message > div.warning:before, .scenario-startpage-new .scenario-startpage__google-btn .ca-pixel__message > div.success:before, .scenario-startpage-new .scenario-startpage__google-btn .ca-pixel__message > div.info:before, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-1, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-2, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-3, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-4, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-5, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-6, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-7, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-8, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-9, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-10, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-11, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-12, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-13, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-14, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-15, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-16, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-17, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-18, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-19, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-20, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-21, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-22, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-23, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-24, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-25, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-26, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-27, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-28, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-29, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-30, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-31, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-32, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-33, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-34, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-35, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-36, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-37, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-38, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-39, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-40, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-41, .scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-42,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .ca-icon,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-blog-news,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .ca-modal .ca-modal__message > div.error:before,
  .ca-modal .scenario-startpage-new .scenario-startpage__linkedin-btn .ca-modal__message > div.error:before,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .ca-modal .ca-modal__message > div.warning:before,
  .ca-modal .scenario-startpage-new .scenario-startpage__linkedin-btn .ca-modal__message > div.warning:before,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .ca-modal .ca-modal__message > div.success:before,
  .ca-modal .scenario-startpage-new .scenario-startpage__linkedin-btn .ca-modal__message > div.success:before,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .ca-modal .ca-modal__message > div.info:before,
  .ca-modal .scenario-startpage-new .scenario-startpage__linkedin-btn .ca-modal__message > div.info:before,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .ca-pixel__message > div.error:before,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .ca-pixel__message > div.warning:before,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .ca-pixel__message > div.success:before,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .ca-pixel__message > div.info:before,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-1,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-2,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-3,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-4,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-5,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-6,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-7,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-8,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-9,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-10,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-11,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-12,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-13,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-14,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-15,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-16,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-17,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-18,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-19,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-20,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-21,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-22,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-23,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-24,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-25,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-26,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-27,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-28,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-29,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-30,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-31,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-32,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-33,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-34,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-35,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-36,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-37,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-38,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-39,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-40,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-41,
  .scenario-startpage-new .scenario-startpage__linkedin-btn .mdi-funnel-42 {
    position: relative;
    top: 1px;
    font-weight: bold;
    font-size: 18px; }
  .scenario-startpage-new .scenario-startpage__google-btn:focus, .scenario-startpage-new .scenario-startpage__google-btn:hover,
  .scenario-startpage-new .scenario-startpage__linkedin-btn:focus,
  .scenario-startpage-new .scenario-startpage__linkedin-btn:hover {
    color: #FFF;
    text-decoration: none; }
  .scenario-startpage-new .scenario-startpage__google-btn:before,
  .scenario-startpage-new .scenario-startpage__linkedin-btn:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 45px;
    height: 45px;
    padding: 5px;
    background-size: 40px;
    border-radius: 5px 0 0 5px; }

.scenario-startpage-new .scenario-startpage__google-btn {
  background-color: #DB443A; }
  .scenario-startpage-new .scenario-startpage__google-btn:before {
    background: url(../images/googleplus-icon.png?v=master_e9d9350e915e1f686d2c5546abb74cc59e8589f8&1212) center no-repeat #CA1003; }

.scenario-startpage-new .scenario-startpage__linkedin-btn {
  background-color: #0274B3; }
  .scenario-startpage-new .scenario-startpage__linkedin-btn:before {
    background: url(../images/linkedin-icon.png?v=master_e9d9350e915e1f686d2c5546abb74cc59e8589f8&1212) center no-repeat #014ea6; }

.scenario-startpage-new .terms_and_condition_div {
  font-size: 12px;
  border-bottom: 1px solid #E7E7E7;
  padding-bottom: 20px;
  padding-top: 10px;
  text-align: center; }

.scenario-startpage-new .scenario-startpage__or-text {
  font-size: 20px !important;
  margin-bottom: 0;
  text-align: center; }
  .scenario-startpage-new .scenario-startpage__or-text span {
    color: #E7E7E7;
    display: inline-block;
    position: relative;
    line-height: 1;
    padding: 35px 0 0; }
    .scenario-startpage-new .scenario-startpage__or-text span:before, .scenario-startpage-new .scenario-startpage__or-text span:after {
      border-bottom: 1px solid #E7E7E7;
      content: "";
      position: absolute;
      height: 5px;
      top: 26px;
      width: 136px; }
      @media only screen and (max-width: 459px) {
        .scenario-startpage-new .scenario-startpage__or-text span:before, .scenario-startpage-new .scenario-startpage__or-text span:after {
          width: 86px; } }
    .scenario-startpage-new .scenario-startpage__or-text span:before {
      margin-right: 15px;
      right: 100%;
      top: 40px; }
    .scenario-startpage-new .scenario-startpage__or-text span:after {
      margin-left: 15px;
      left: 100%;
      top: 40px; }

.scenario-startpage-new .scenario-startpage__nocard {
  font-size: 16px !important;
  margin-top: 10px !important;
  text-align: center; }

.scenario-startpage-new #bad-credentials {
  position: static; }

.scenario-startpage-new div.auni {
  background-image: url("../images/auni.png?v=master_e9d9350e915e1f686d2c5546abb74cc59e8589f8&");
  position: fixed;
  top: 50%;
  left: 50%;
  cursor: pointer;
  width: 70px;
  height: 70px;
  background-size: contain;
  z-index: 999; }

.scenario-startpage-new .auni-overlay {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(194, 0, 255, 0.28);
  bottom: 0;
  right: 0;
  z-index: 998;
  pointer-events: none; }

.scenario-startpage .card {
  padding: 25px 0; }
  @media (max-width: 459px) {
    .scenario-startpage .card {
      padding: 20px 4%;
      width: 85%; } }
  .scenario-startpage .card h1 {
    color: #000;
    font: 24px/1.2 'Proxima Nova', Arial, sans-serif;
    text-align: center;
    margin: 0; }
    .scenario-startpage .card h1.padded-title {
      padding: 0 15px; }
    .scenario-startpage .card h1.text-left {
      text-align: left; }
  .scenario-startpage .card h3, .scenario-startpage .card p {
    color: #000;
    font: 18px/1.5 'Proxima Nova', Arial, sans-serif;
    margin: 0; }
  .scenario-startpage .card h3 {
    text-align: center;
    margin-top: 0;
    padding-bottom: 0;
    font-size: 13px; }
  .scenario-startpage .card p.loggedout {
    text-align: center;
    font: 17px;
    margin-top: 10px;
    padding: 0 25px; }
  .scenario-startpage .card .social {
    margin-top: 3vh; }
  .scenario-startpage .card .scenario-startpage__header {
    position: absolute;
    top: -50px;
    padding: 0;
    text-align: center;
    width: 100%;
    left: 0; }
    .scenario-startpage .card .scenario-startpage__header img {
      height: 35px; }

.scenario-startpage .small-text-outside {
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
  bottom: -40px;
  padding: 0; }

.scenario-startpage .mdl-textfield.is-disabled .mdl-textfield__input {
  border-bottom: 1px dotted black; }

.scenario-startpage .link-outside {
  text-align: center;
  margin-top: 0;
  padding-bottom: 0;
  font-size: 13px; }

.scenario-startpage .scenario-startpage__container {
  position: absolute;
  opacity: 1;
  padding-bottom: 30px;
  z-index: 10;
  top: 50%;
  margin: 0;
  left: 50%;
  width: 400px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  @media (max-width: 459px) {
    .scenario-startpage .scenario-startpage__container {
      width: 90%;
      padding: 2%; } }
  @media (max-height: 650px) {
    .scenario-startpage .scenario-startpage__container {
      -webkit-transform: initial;
      transform: initial;
      top: 60px;
      margin-left: auto;
      margin-right: auto;
      left: 0;
      position: relative; } }

.scenario-startpage .scenario-startpage__section.ng-hide-add, .scenario-startpage .scenario-startpage__section.ng-hide-remove {
  /* this is required as of 1.3x to properly
       apply all styling in a show/hide animation */
  -webkit-transition: all 0s linear;
  transition: all 0s linear; }

.scenario-startpage .scenario-startpage__section.ng-hide-add-active, .scenario-startpage .scenario-startpage__section.ng-hide-remove-active {
  /* the transition is defined in the active class */
  -webkit-transition: opacity 0s ease, z-index 0s ease;
  transition: opacity 0s ease, z-index 0s ease; }

.scenario-startpage .scenario-startpage__section.ng-hide {
  opacity: 0;
  z-index: 0; }

.scenario-startpage .scenario-startpage__login-form,
.scenario-startpage .scenario-startpage__forgotten-form,
.scenario-startpage .scenario-startpage__register-form,
.scenario-startpage .scenario-startpage__register-complete,
.scenario-startpage .scenario-startpage__preregister {
  margin-top: 0; }

.scenario-startpage .scenario-startpage__google-btn,
.scenario-startpage .scenario-startpage__linkedin-btn {
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  height: 55px;
  padding: 0;
  width: 100%;
  position: relative;
  display: block;
  margin: 15px auto 15px auto;
  text-align: center;
  text-decoration: none; }
  .scenario-startpage .scenario-startpage__google-btn span,
  .scenario-startpage .scenario-startpage__linkedin-btn span {
    color: #FFF;
    font-size: 16px;
    line-height: 55px;
    padding-left: 55px;
    vertical-align: middle; }
  .scenario-startpage .scenario-startpage__google-btn:focus, .scenario-startpage .scenario-startpage__google-btn:hover,
  .scenario-startpage .scenario-startpage__linkedin-btn:focus,
  .scenario-startpage .scenario-startpage__linkedin-btn:hover {
    color: #FFF;
    text-decoration: none; }
  .scenario-startpage .scenario-startpage__google-btn:before,
  .scenario-startpage .scenario-startpage__linkedin-btn:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 45px;
    height: 45px;
    padding: 5px;
    background-size: 40px;
    border-radius: 5px 0 0 5px; }

.scenario-startpage .scenario-startpage__google-btn {
  background-color: #DB443A; }
  .scenario-startpage .scenario-startpage__google-btn:before {
    background: url(../images/googleplus-icon.png?v=master_e9d9350e915e1f686d2c5546abb74cc59e8589f8&1212) center no-repeat #CA1003; }

.scenario-startpage .scenario-startpage__linkedin-btn {
  background-color: #0274B3; }
  .scenario-startpage .scenario-startpage__linkedin-btn:before {
    background: url(../images/linkedin-icon.png?v=master_e9d9350e915e1f686d2c5546abb74cc59e8589f8&1212) center no-repeat #014ea6; }

.scenario-startpage .scenario-startpage__or-text {
  font-size: 20px !important;
  margin-bottom: 0;
  text-align: center; }
  .scenario-startpage .scenario-startpage__or-text span {
    color: #E7E7E7;
    display: inline-block;
    position: relative;
    line-height: 3; }
    .scenario-startpage .scenario-startpage__or-text span:before, .scenario-startpage .scenario-startpage__or-text span:after {
      border-bottom: 1px solid #E7E7E7;
      content: "";
      position: absolute;
      height: 5px;
      top: 26px;
      width: 136px; }
    .scenario-startpage .scenario-startpage__or-text span:before {
      margin-right: 15px;
      right: 100%; }
    .scenario-startpage .scenario-startpage__or-text span:after {
      margin-left: 15px;
      left: 100%; }

.scenario-startpage .scenario-startpage__nocard {
  font-size: 16px !important;
  margin-top: 10px !important;
  text-align: center; }

.scenario-startpage #bad-credentials {
  position: static; }

.scenario-startpage div.auni {
  background-image: url("../images/auni.png?v=master_e9d9350e915e1f686d2c5546abb74cc59e8589f8&");
  position: fixed;
  top: 50%;
  left: 50%;
  cursor: pointer;
  width: 70px;
  height: 70px;
  background-size: contain;
  z-index: 999; }

.scenario-startpage .auni-overlay {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(194, 0, 255, 0.28);
  bottom: 0;
  right: 0;
  z-index: 998;
  pointer-events: none; }

.tab-bar__header {
  height: 48px;
  border-bottom: 1px solid #ededf4;
  margin-bottom: 20px;
  margin-top: 8px; }
  .tab-bar__header a {
    cursor: pointer; }

.scenario-switch-container,
.scenario-button-container {
  position: relative; }

.scenario-migrate-button + .sc-tooltip {
  left: calc(100% - 95px) !important; }

.scenario-edit-button + .sc-tooltip,
.scenario-migrate-button + .sc-tooltip {
  white-space: nowrap;
  top: calc(50% + 25px); }

.scenario-edit-button:hover + .sc-tooltip,
.scenario-migrate-button:hover + .sc-tooltip {
  opacity: 1;
  -webkit-transform: translate(-50%, 15%);
  transform: translate(-50%, 15%); }

.experiment-name__edit-in-place {
  height: 26px; }
  .experiment-name__edit-in-place span {
    padding-left: 0.2em; }
    .experiment-name__edit-in-place span i {
      font-size: 22px; }
    .experiment-name__edit-in-place span:hover {
      color: #7a7a7a;
      cursor: pointer; }
  .experiment-name__edit-in-place input {
    border: none;
    color: #243D56;
    font-family: "Proxima Nova", Arial, sans-serif;
    font-size: 23px;
    padding: 0 .2em;
    width: 100%;
    margin: 0;
    position: relative;
    top: -1px;
    height: 26px; }
  .experiment-name__edit-in-place:hover + .sc-tooltip {
    opacity: 1;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%); }
  .experiment-name__edit-in-place + .sc-tooltip {
    margin-top: -3px;
    right: -15px;
    white-space: nowrap; }

.scenario-notifications {
  padding: 0;
  max-height: 0;
  -webkit-transition: all 0.1s;
  transition: all 0.1s; }
  .scenario-notifications.is-showing {
    padding-bottom: 40px;
    max-height: 500px;
    -webkit-transition: all 0.1s;
    transition: all 0.1s; }

.scenario-page .project--header {
  z-index: 999; }

.scenario-page .dashboard-notifications .notification-item, .scenario-page .scenario-notifications .notification-item {
  width: 1040px;
  height: 90px;
  max-width: initial; }
  .scenario-page .dashboard-notifications .notification-item:last-child, .scenario-page .scenario-notifications .notification-item:last-child {
    width: 100%; }

.scenario-wizard__summary-card {
  margin-bottom: 0;
  min-height: 0;
  width: 100%;
  z-index: 0;
  padding: 2em 0;
  border-bottom: 1px solid #e1e1ed; }
  .scenario-wizard__summary-card.no-border {
    border-bottom: none; }
  .scenario-wizard__summary-card button, .scenario-wizard__summary-card i {
    margin-top: 7px; }
  .scenario-wizard__summary-card i {
    font-size: 21px;
    border-radius: 100%;
    padding: 10px;
    border: 1px solid #e1e1ed; }
    .scenario-wizard__summary-card i.mdi-check {
      color: #8DBC24; }
    .scenario-wizard__summary-card i.mdi-close {
      color: #de3226; }
    .scenario-wizard__summary-card i.mdi-alert {
      color: #ff9800; }

.scenario-review__header h2 {
  margin-bottom: 4px; }

.scenario-checkup {
  padding: 0;
  margin: 0 0 25px; }
  .scenario-checkup__check {
    padding: 30px 29px 30px 100px !important;
    position: relative; }
    .scenario-checkup__check::before {
      font: normal normal normal 24px/1 "Material Design Icons";
      color: white;
      padding: 9px;
      width: 42px;
      height: 42px;
      border-radius: 100%;
      position: absolute;
      left: 29px;
      top: calc(50% - 20px);
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      z-index: 2; }
    .scenario-checkup__check::after {
      content: "";
      border-left: 1px dashed #8DBC24;
      height: 100%;
      width: 0;
      position: absolute;
      top: 0;
      left: 50px;
      z-index: 1;
      padding-bottom: 1px; }
    .scenario-checkup__check:last-child:after {
      height: 50%; }
    .scenario-checkup__check:first-child:after {
      top: 50%;
      height: 50%; }
    .scenario-checkup__check--good::before {
      content: "\F12C";
      background-color: #8DBC24; }
    .scenario-checkup__check--advice::before {
      content: "\F026";
      background-color: #ff9800; }
    .scenario-checkup__check--blocker::before {
      content: "\F156";
      background-color: #de3226; }
    .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover {
      cursor: pointer;
      background-color: #FAFAFC; }
      .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button {
        border: 1px solid #8DBC24;
        margin-top: 11px; }
        .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button:hover {
          background-color: #8DBC24; }
    .scenario-checkup__check h3 {
      font-size: 23px !important;
      font-weight: bold !important;
      text-align: left !important;
      line-height: 1.2;
      margin: 0;
      padding: 0; }
    .scenario-checkup__check p {
      font-size: 16px;
      line-height: 1.5;
      margin: 0;
      padding: 0;
      font-weight: 400;
      letter-spacing: 0; }
    .scenario-checkup__check button {
      margin-top: 11px; }

.scenario-checkup__buttons {
  margin: 0; }
  .scenario-checkup__buttons button {
    margin-right: 20px; }

.wizard-substep {
  position: relative;
  padding: 0;
  z-index: 2;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease; }
  .wizard-substep.skipped {
    visibility: hidden;
    height: 0; }
  .wizard-substep.wizard-substep--end, .wizard-substep:last-of-type {
    margin-bottom: 200px; }
  .wizard-substep.wizard-substep--end-small {
    margin-bottom: 80px; }
  .wizard-substep[disabled] {
    opacity: .1;
    pointer-events: none;
    z-index: 0; }
    .wizard-substep[disabled] .blocker {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
  .wizard-substep.next-step {
    height: 250px;
    overflow: hidden;
    margin-bottom: 150px; }
    .wizard-substep.next-step:last-child {
      height: 150px; }
  .wizard-substep button {
    background-image: none; }
    .wizard-substep button[disabled] {
      background-image: none; }

.wizard-substeps--overlay {
  position: fixed;
  pointer-events: none;
  bottom: 0;
  left: 0;
  right: 0;
  height: 30vh;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.5)), color-stop(15%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 15%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
  z-index: 0; }

.wizard-substep--heading, .modal-header h3 {
  font-size: 23px !important;
  font-weight: bold !important;
  text-align: left !important; }

.wizard-substep--subtitle {
  font-size: 18px !important;
  font-weight: 600 !important;
  text-align: left !important;
  margin-bottom: 24px !important; }

.wizard-progress {
  background: #FAFAFC;
  padding-top: 6px;
  padding-bottom: 2px;
  position: fixed;
  top: 50px;
  width: 100%;
  background: #FFF;
  border-bottom: 1px solid #b9b9b9;
  z-index: 5; }

.wizard-progress--bar {
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 0;
  right: 0;
  margin: -2px auto 0;
  height: 1px;
  width: 100%;
  z-index: 0;
  max-width: 800px; }
  @media (min-width: 480px) {
    .wizard-progress--bar {
      margin: -9.5px auto 0; } }
  .wizard-progress--bar .progressbar {
    background: rgba(185, 185, 185, 0.6); }
  .wizard-progress--bar .bufferbar {
    background: rgba(185, 185, 185, 0.6); }

.wizard-progress--steps {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0 auto;
  max-width: 800px;
  padding: 0;
  position: relative; }

.wizard-progress--step {
  color: #7a7a7a;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 10px 0;
  text-align: center; }
  .wizard-progress--step:first-child {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ffffff+100&1+0,1+50,0+51,0+100 */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(white), color-stop(50%, white), color-stop(51%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, white 0%, white 50%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
    /* IE6-9 */ }
  .wizard-progress--step:last-child {
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(51%, white), to(white));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, white 51%, white 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
    /* IE6-9 */ }
  .wizard-progress--step span {
    background: #FFF;
    border: 1px solid #b9b9b9;
    border-radius: 999px;
    display: block;
    color: #b9b9b9;
    font-size: 15px;
    font-weight: bold;
    line-height: 26px;
    width: 25px;
    height: 25px;
    margin: 0 auto 0;
    z-index: 9999;
    -webkit-transition: background-color .5s, border-color 0.4s linear;
    transition: background-color .5s, border-color 0.4s linear; }
  .wizard-progress--step i {
    color: #b9b9b9;
    font-size: 14px;
    font-style: normal; }
    @media (max-width: 480px) {
      .wizard-progress--step i {
        display: none; } }
  .wizard-progress--step.active i, .wizard-progress--step.ticked i {
    color: #000; }
  .wizard-progress--step.active span {
    background: #8DBC24;
    border-color: #8DBC24;
    color: #FFF; }
  .wizard-progress--step.ticked span {
    background: #FFF url(../images/tick_ok.png?v=master_e9d9350e915e1f686d2c5546abb74cc59e8589f8&) no-repeat center;
    color: transparent;
    background-size: 13px; }

.scenario-wizard__container .wizard-device-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0; }
  .scenario-wizard__container .wizard-device-list li {
    border: 2px solid #ededf4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 160px;
    min-width: 130px;
    -webkit-transition: -webkit-box-shadow .2s ease;
    transition: -webkit-box-shadow .2s ease;
    transition: box-shadow .2s ease;
    transition: box-shadow .2s ease, -webkit-box-shadow .2s ease;
    z-index: 1;
    margin-right: 4px; }
    .scenario-wizard__container .wizard-device-list li:hover {
      -webkit-box-shadow: 0 0 25px 2px rgba(0, 0, 0, 0.31);
      box-shadow: 0 0 25px 2px rgba(0, 0, 0, 0.31);
      z-index: 2;
      border: 2px solid transparent;
      border-top: 0;
      border-bottom: 0; }
    .scenario-wizard__container .wizard-device-list li.selected {
      border: 2px solid #8DBC24;
      z-index: 2;
      color: #8DBC24; }
      .scenario-wizard__container .wizard-device-list li.selected a {
        color: #8DBC24; }
        .scenario-wizard__container .wizard-device-list li.selected a h3 {
          color: #8DBC24; }
  .scenario-wizard__container .wizard-device-list a {
    color: #b9b9b9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    line-height: 1;
    padding: 16px;
    text-align: center;
    text-decoration: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .scenario-wizard__container .wizard-device-list a h3 {
      font-weight: bold;
      font-size: 16px;
      display: block;
      text-align: left;
      width: 100%;
      color: #b9b9b9; }
    .scenario-wizard__container .wizard-device-list a p {
      font-size: 12px;
      display: block;
      text-align: left;
      width: 100%;
      color: #b9b9b9;
      min-width: 124px; }
  .scenario-wizard__container .wizard-device-list i {
    display: block;
    font-size: 52px;
    padding: 10px; }

.clearfix {
  clear: both; }

.scenario-wizard__container .spacer {
  padding-top: 3em !important; }

.scenario-wizard__container .onboarding-page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  height: calc(100vh - 180px);
  left: 0;
  right: 0;
  position: absolute;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #FFF;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 80; }
  .scenario-wizard__container .onboarding-page .ca-overlay {
    position: absolute;
    top: 0;
    z-index: 0; }
    .scenario-wizard__container .onboarding-page .ca-overlay.full {
      position: fixed;
      top: 0;
      z-index: 10;
      bottom: 0; }
  .scenario-wizard__container .onboarding-page h2 {
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    margin: 0;
    color: #FFF; }
  .scenario-wizard__container .onboarding-page p {
    font-size: 15px;
    color: #FFF;
    margin: 0; }
  .scenario-wizard__container .onboarding-page sup {
    font-size: 20px;
    position: relative;
    top: 4px; }
  .scenario-wizard__container .onboarding-page .onboarding-progress--success p {
    color: #FFF;
    text-align: center; }

.scenario-wizard__container .onboarding-arrow {
  white-space: nowrap;
  position: absolute;
  font-family: 'Gochi Hand', cursive; }
  .scenario-wizard__container .onboarding-arrow p, .scenario-wizard__container .onboarding-arrow h3 {
    font-family: 'Gochi Hand', cursive !important;
    color: #FFF; }
  .scenario-wizard__container .onboarding-arrow h3 {
    font-size: 2.1vw; }
  .scenario-wizard__container .onboarding-arrow p {
    font-size: 2.1vw;
    line-height: 1.5; }
  .scenario-wizard__container .onboarding-arrow i {
    font-size: 4vw; }

.scenario-wizard__container .arrow--start-learning {
  top: 30px;
  left: 10%;
  -webkit-transform: translate(-100%, -75%) rotate(-6deg);
  transform: translate(-100%, -75%) rotate(-6deg); }
  .scenario-wizard__container .arrow--start-learning h3 {
    margin-bottom: 2.8vw;
    margin-top: 0.9vw; }
  .scenario-wizard__container .arrow--start-learning i {
    -webkit-transform: rotateX(180deg) rotateZ(159deg);
    transform: rotateX(180deg) rotateZ(159deg);
    float: right;
    margin-right: 15px; }

.scenario-wizard__container .arrow--like-tactic {
  top: 50%;
  right: 0;
  -webkit-transform: translate(100%, -40%);
  transform: translate(100%, -40%);
  bottom: -40px; }
  .scenario-wizard__container .arrow--like-tactic h3 {
    margin: 0; }
  .scenario-wizard__container .arrow--like-tactic p {
    margin-top: 0.3vw; }
  .scenario-wizard__container .arrow--like-tactic .arrow--like-tactic-text {
    display: inline-block;
    margin-left: 10px;
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg); }
  .scenario-wizard__container .arrow--like-tactic i {
    display: inline-block;
    margin-top: 50px;
    float: left; }

.scenario-wizard__container .arrow--recommended {
  left: 50px;
  bottom: 70px; }
  .scenario-wizard__container .arrow--recommended h3 {
    margin: 0 0 0 60px;
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg); }
    .scenario-wizard__container .arrow--recommended h3 sup {
      position: absolute;
      top: -4px;
      font-size: 20px; }
  .scenario-wizard__container .arrow--recommended p {
    margin: 0 0 0 120px;
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg); }
  .scenario-wizard__container .arrow--recommended i {
    -webkit-transform: rotateX(180deg) rotateZ(80deg);
    transform: rotateX(180deg) rotateZ(80deg);
    margin-bottom: 0;
    margin-top: 40px;
    margin-left: -30px;
    font-size: 58px; }

.scenario-wizard__container .ca-button--onboarding {
  margin: 15px auto -55px auto; }

.scenario-wizard__container .arrow--preselected {
  top: -3.5vw;
  -webkit-transform: translate(0, -100%) rotate(-4deg);
  transform: translate(0, -100%) rotate(-4deg);
  left: 50%;
  color: #b9b9b9; }
  .scenario-wizard__container .arrow--preselected .arrow--preselected-text {
    display: inline-block;
    margin-left: 10px; }
    .scenario-wizard__container .arrow--preselected .arrow--preselected-text h3, .scenario-wizard__container .arrow--preselected .arrow--preselected-text p {
      color: #b9b9b9; }
    .scenario-wizard__container .arrow--preselected .arrow--preselected-text h3 {
      font-size: 2.1vw;
      letter-spacing: 1px; }
    .scenario-wizard__container .arrow--preselected .arrow--preselected-text p {
      font-size: 1.9vw;
      line-height: 0.5vw;
      letter-spacing: 1px; }
  .scenario-wizard__container .arrow--preselected i {
    display: inline-block;
    margin-top: 2.8vw;
    float: left;
    -webkit-transform: rotateY(-180deg) rotateZ(-145deg);
    transform: rotateY(-180deg) rotateZ(-145deg);
    font-size: 3vw;
    margin-right: 0.5vw; }
  @media (min-width: 2000px) {
    .scenario-wizard__container .arrow--preselected {
      top: -55px; }
      .scenario-wizard__container .arrow--preselected .arrow--preselected-text p {
        font-size: 30px; }
      .scenario-wizard__container .arrow--preselected .arrow--preselected-text h3 {
        font-size: 45px; }
      .scenario-wizard__container .arrow--preselected i {
        font-size: 50px;
        margin-top: 45px;
        margin-right: 15px; } }

.onboarding-progress {
  height: 120px;
  margin-bottom: 20px;
  position: relative;
  text-align: center; }
  .onboarding-progress.completed {
    margin-bottom: -20px;
    margin-top: 10px; }

.onboarding-progress--spinner {
  width: 120px;
  height: 120px; }
  .onboarding-progress--spinner .mdl-spinner__layer {
    border-color: #8DBC24 !important;
    border-width: 4px; }
  .onboarding-progress--spinner .mdl-spinner__circle {
    border-width: 4px; }

.onboarding-progress--brain,
.onboarding-progress--maintenance {
  color: #FFF;
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 60px;
  margin: -.5em 0 0 -0.55em; }
  .onboarding-progress--brain.onboarding-progress--maintenance,
  .onboarding-progress--maintenance.onboarding-progress--maintenance {
    font-size: 100px;
    margin-top: -.65em; }

.onboarding-proggress--tick, .onboarding-proggress--error {
  background: #8DBC24;
  -webkit-box-shadow: 0 0 5px rgba(122, 122, 122, 0.5);
  box-shadow: 0 0 5px rgba(122, 122, 122, 0.5);
  padding: 4px;
  border-radius: 20px;
  position: absolute;
  top: 70px;
  left: 50%;
  margin-left: 10px;
  font-size: 16px;
  font-weight: bold; }

.onboarding-proggress--error {
  background: #de3226; }

.scenario-wizard__container .onboarding-page--tactic {
  z-index: 91; }
  .scenario-wizard__container .onboarding-page--tactic .onboarding-page--tactic-buttons {
    position: absolute;
    z-index: 111;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    top: 75%;
    height: 0; }
  .scenario-wizard__container .onboarding-page--tactic .onboarding-tactics {
    position: absolute;
    height: 75%;
    width: 60% !important;
    z-index: 10;
    top: -5%;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%); }
  .scenario-wizard__container .onboarding-page--tactic .modal-header {
    margin-bottom: 0;
    padding: 16px 0;
    min-height: 45px; }
    .scenario-wizard__container .onboarding-page--tactic .modal-header h2 {
      font-size: 18px;
      margin: 0 20px;
      font-weight: 400; }
    .scenario-wizard__container .onboarding-page--tactic .modal-header p {
      font-size: 15px; }
    .scenario-wizard__container .onboarding-page--tactic .modal-header .tactic-title {
      margin-left: 50px; }
      .scenario-wizard__container .onboarding-page--tactic .modal-header .tactic-title p {
        margin-left: 20px; }
    .scenario-wizard__container .onboarding-page--tactic .modal-header i {
      position: absolute;
      top: 16px;
      left: 10px;
      width: 44px;
      border-radius: 50%;
      height: 44px;
      font-size: 27px;
      line-height: 46px;
      text-align: center;
      color: #fff;
      margin: auto;
      display: block; }
  .scenario-wizard__container .onboarding-page--tactic .modal-content.tactics--detail-description {
    padding: 0;
    height: 100%; }
    .scenario-wizard__container .onboarding-page--tactic .modal-content.tactics--detail-description .mdl-grid {
      max-width: 100%; }
    .scenario-wizard__container .onboarding-page--tactic .modal-content.tactics--detail-description h2 {
      font-size: 24px;
      font-weight: normal;
      margin-bottom: .25em; }
    .scenario-wizard__container .onboarding-page--tactic .modal-content.tactics--detail-description h3 {
      font-size: 24px;
      font-weight: 600;
      line-height: initial; }
    .scenario-wizard__container .onboarding-page--tactic .modal-content.tactics--detail-description span.segment {
      text-align: center;
      color: #000;
      font-size: 14px;
      margin-top: 5px;
      display: block; }
    .scenario-wizard__container .onboarding-page--tactic .modal-content.tactics--detail-description p {
      margin: 0;
      font-size: 15px;
      color: #243D56;
      line-height: 1.5; }
    .scenario-wizard__container .onboarding-page--tactic .modal-content.tactics--detail-description i {
      width: 100px;
      border-radius: 50%;
      height: 100px;
      font-size: 60px;
      line-height: 100px;
      text-align: center;
      color: #fff;
      margin: auto;
      display: block; }
  .scenario-wizard__container .onboarding-page--tactic .onboarding-tactics-pagination {
    font-size: 16px;
    margin: 1em 0;
    text-align: center;
    color: #b9b9b9; }
  .scenario-wizard__container .onboarding-page--tactic .onboarding-tactics-buttons {
    width: 400px;
    position: relative;
    bottom: 20px; }
    .scenario-wizard__container .onboarding-page--tactic .onboarding-tactics-buttons button {
      color: #FFF; }

.onboarding-tactic-cell-icon {
  width: 120px; }

.onboarding-tactic-cell-detail {
  padding: 30px 72px; }

.tactic-controller {
  position: relative; }
  .tactic-controller.is-onboarding {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%; }

.wizard-tactics {
  position: fixed;
  bottom: 65px;
  z-index: 85;
  left: 62px;
  height: 0;
  width: 380px;
  -webkit-transition: height .3s ease, width .3s ease;
  transition: height .3s ease, width .3s ease;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.5);
  border-radius: 0;
  -webkit-transition-delay: 0s !important;
  transition-delay: 0s !important; }
  @media (max-width: 1200px) {
    .wizard-tactics {
      width: 320px; } }
  .wizard-tactics .tactics-filters--cta {
    height: 40px;
    width: 80px;
    padding: 0;
    margin-top: 3px;
    position: relative;
    left: -6px; }
  .wizard-tactics .tactic-filters--container {
    width: 100%;
    background-color: #FAFAFC; }
  .wizard-tactics .tactic-filters {
    padding-top: 0;
    padding-bottom: 10px; }
    .wizard-tactics .tactic-filters .mdl-cell {
      margin-bottom: 0;
      margin-top: 0; }
    .wizard-tactics .tactic-filters .mdl-selectfield__select {
      padding-left: 20px; }
    .wizard-tactics .tactic-filters .mdl-selectfield__label {
      width: 100% !important; }
      .wizard-tactics .tactic-filters .mdl-selectfield__label:after {
        bottom: 0; }
    .wizard-tactics .tactic-filters .mdl-selectfield {
      padding: 15px 0 0; }
      .wizard-tactics .tactic-filters .mdl-selectfield:after {
        font: normal normal normal 16px/1 "Material Design Icons";
        content: "\F045";
        color: #243D56;
        position: absolute;
        left: 0;
        bottom: 6px;
        pointer-events: none; }
      .wizard-tactics .tactic-filters .mdl-selectfield:before {
        bottom: 6px;
        pointer-events: none; }
    .wizard-tactics .tactic-filters .mdl-selectfield__label {
      top: 0; }
  .wizard-tactics.open {
    height: 60%; }
  .wizard-tactics.tactic_open {
    width: calc(100% - 62px*2); }
    @media (max-width: 1200px) {
      .wizard-tactics.tactic_open {
        width: calc(100% - 62px*2); } }
  .wizard-tactics .wizard-tactics-inner {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative; }
  .wizard-tactics .test-now {
    top: -50px;
    right: 110px;
    white-space: nowrap;
    position: absolute;
    font-family: 'Gochi Hand', cursive !important;
    color: #FFF;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    -webkit-transform: rotate(7deg);
    transform: rotate(7deg); }
  .wizard-tactics .test-now-text {
    float: left; }
  .wizard-tactics .test-now-text-heading {
    font-family: 'Gochi Hand', cursive !important;
    margin: 19px 0 0 45px;
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg);
    font-size: 2.5vw; }
  .wizard-tactics .test-now-text-subheading {
    font-family: 'Gochi Hand', cursive !important;
    margin: 9px 11px 0 .25em;
    -webkit-transform: rotate(-8deg);
    transform: rotate(2deg);
    font-size: 1.6vw;
    opacity: 1; }
  .wizard-tactics .test-now-arrow {
    -webkit-transform: rotateZ(198deg);
    transform: rotateZ(198deg);
    font-size: 2vw; }

.wizard-tactics-list {
  min-height: 0;
  height: 100%;
  position: absolute;
  width: 380px;
  z-index: 2;
  bottom: 0;
  background-color: #FAFAFC;
  border-radius: 0;
  -webkit-box-shadow: 1px 0 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 1px 0 4px 0 rgba(0, 0, 0, 0.25); }
  @media (max-width: 1200px) {
    .wizard-tactics-list {
      width: 320px; } }
  .wizard-tactics-list .filters-header {
    background-color: #f0f0f6;
    padding: 15px;
    border-bottom: 2px solid #e8e8ea; }
    .wizard-tactics-list .filters-header .filters-header__title {
      margin-bottom: 0;
      font-size: 17px;
      font-weight: bold;
      line-height: 1.2; }
    .wizard-tactics-list .filters-header p {
      margin-bottom: 4px; }
    .wizard-tactics-list .filters-header.warning {
      background-color: #ff9800;
      color: #FFF;
      padding: 5px 20px;
      font-size: 13px;
      border: none; }
      .wizard-tactics-list .filters-header.warning i {
        float: left;
        font-size: 30px;
        margin-top: 5px;
        margin-right: 10px; }
    .wizard-tactics-list .filters-header a {
      float: right;
      font-size: 14px;
      color: #4B93D3; }
  .wizard-tactics-list .mdl-tabs {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .wizard-tactics-list .filters-list--footer {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: #f0f0f6;
    z-index: 4;
    -webkit-box-shadow: 0 -3px 5px rgba(122, 122, 122, 0.2);
    box-shadow: 0 -3px 5px rgba(122, 122, 122, 0.2);
    padding: 0; }
    .wizard-tactics-list .filters-list--footer button {
      font: normal 16px "Proxima Nova", Arial, sans-serif;
      padding: 0;
      margin: 0;
      width: 100%;
      height: 40px;
      -webkit-box-shadow: none;
      box-shadow: none; }
  .wizard-tactics-list .mdl-tabs__tabs-bar {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-bottom: 0;
    background-color: #FFF;
    height: 48px;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25); }
    .wizard-tactics-list .mdl-tabs__tabs-bar .mdl-badge {
      margin-right: 0; }
    .wizard-tactics-list .mdl-tabs__tabs-bar .mdl-badge[data-badge]:after {
      position: absolute;
      top: -6px;
      right: 0;
      background: #8DBC24;
      -webkit-box-shadow: none;
      box-shadow: none;
      font-size: 12px;
      width: 18px;
      height: 18px; }
  .wizard-tactics-list .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active, .wizard-tactics-list .mdl-tabs.is-upgraded .ca-tabs .is-active.ca-tabs--tab, .ca-tabs .wizard-tactics-list .mdl-tabs.is-upgraded .is-active.ca-tabs--tab, .wizard-tactics-list .mdl-tabs.is-upgraded .is-active.variation-tabs-tab, .wizard-tactics-list .mdl-tabs.is-upgraded .mdl-tabs__tab, .wizard-tactics-list .mdl-tabs.is-upgraded .ca-tabs .ca-tabs--tab, .ca-tabs .wizard-tactics-list .mdl-tabs.is-upgraded .ca-tabs--tab, .wizard-tactics-list .mdl-tabs.is-upgraded .variation-tabs-tab {
    color: #243D56;
    width: 50%;
    padding: 0; }
    .wizard-tactics-list .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active i, .wizard-tactics-list .mdl-tabs.is-upgraded .ca-tabs .is-active.ca-tabs--tab i, .ca-tabs .wizard-tactics-list .mdl-tabs.is-upgraded .is-active.ca-tabs--tab i, .wizard-tactics-list .mdl-tabs.is-upgraded .is-active.variation-tabs-tab i, .wizard-tactics-list .mdl-tabs.is-upgraded .mdl-tabs__tab i, .wizard-tactics-list .mdl-tabs.is-upgraded .ca-tabs .ca-tabs--tab i, .ca-tabs .wizard-tactics-list .mdl-tabs.is-upgraded .ca-tabs--tab i, .wizard-tactics-list .mdl-tabs.is-upgraded .variation-tabs-tab i {
      margin-right: 6px;
      font-size: 1.6em;
      position: relative;
      top: 2px; }
    .wizard-tactics-list .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active.is-active:after, .wizard-tactics-list .mdl-tabs.is-upgraded .ca-tabs .is-active.is-active.ca-tabs--tab:after, .ca-tabs .wizard-tactics-list .mdl-tabs.is-upgraded .is-active.is-active.ca-tabs--tab:after, .wizard-tactics-list .mdl-tabs.is-upgraded .is-active.is-active.variation-tabs-tab:after, .wizard-tactics-list .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after, .wizard-tactics-list .mdl-tabs.is-upgraded .ca-tabs .is-active.ca-tabs--tab:after, .ca-tabs .wizard-tactics-list .mdl-tabs.is-upgraded .is-active.ca-tabs--tab:after, .wizard-tactics-list .mdl-tabs.is-upgraded .is-active.variation-tabs-tab:after {
      height: 3px;
      background-color: #8DBC24; }
    .wizard-tactics-list .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active .mdl-badge[data-badge]:after, .wizard-tactics-list .mdl-tabs.is-upgraded .ca-tabs .is-active.ca-tabs--tab .mdl-badge[data-badge]:after, .ca-tabs .wizard-tactics-list .mdl-tabs.is-upgraded .is-active.ca-tabs--tab .mdl-badge[data-badge]:after, .wizard-tactics-list .mdl-tabs.is-upgraded .is-active.variation-tabs-tab .mdl-badge[data-badge]:after, .wizard-tactics-list .mdl-tabs.is-upgraded .mdl-tabs__tab .mdl-badge[data-badge]:after, .wizard-tactics-list .mdl-tabs.is-upgraded .ca-tabs .ca-tabs--tab .mdl-badge[data-badge]:after, .ca-tabs .wizard-tactics-list .mdl-tabs.is-upgraded .ca-tabs--tab .mdl-badge[data-badge]:after, .wizard-tactics-list .mdl-tabs.is-upgraded .variation-tabs-tab .mdl-badge[data-badge]:after {
      right: -20px; }
  .wizard-tactics-list .filters-list--container {
    height: calc(100% - 50px);
    padding: 0 20px 80px; }
    .wizard-tactics-list .filters-list--container .filters-list--section {
      margin-top: 40px; }
      .wizard-tactics-list .filters-list--container .filters-list--section .mdl-selectfield__label {
        width: 100% !important; }
    .wizard-tactics-list .filters-list--container.padded {
      padding: 0 10px; }
    .wizard-tactics-list .filters-list--container#tactics-settings {
      margin-bottom: 90px;
      height: 100%; }
    .wizard-tactics-list .filters-list--container .ca-box-list {
      margin-bottom: 30px; }
      .wizard-tactics-list .filters-list--container .ca-box-list .ca-box-list-item {
        padding: 0 !important;
        height: 100%; }
      .wizard-tactics-list .filters-list--container .ca-box-list h3 {
        font-size: 13px; }
      .wizard-tactics-list .filters-list--container .ca-box-list a {
        padding: 0 !important; }
      .wizard-tactics-list .filters-list--container .ca-box-list i {
        padding: 0;
        font-size: 45px;
        padding-top: 10px; }
    .wizard-tactics-list .filters-list--container p.category_title {
      font-weight: bold;
      font-size: 18px;
      margin: 20px 0 10px; }
      .wizard-tactics-list .filters-list--container p.category_title.padded {
        margin-top: 50px; }
    .wizard-tactics-list .filters-list--container .filters-list {
      list-style-type: none;
      padding: 0;
      margin-bottom: 70px;
      line-height: 12px; }
      .wizard-tactics-list .filters-list--container .filters-list .filters-list--icon {
        height: 45px;
        width: 45px;
        font-size: 26px;
        color: #FFF;
        border-radius: 50%;
        position: relative;
        display: inline-block;
        margin-top: calc(50% - 15px); }
        @media (max-width: 839px) {
          .wizard-tactics-list .filters-list--container .filters-list .filters-list--icon {
            margin-top: 5px; } }
        @media (max-width: 1200px) {
          .wizard-tactics-list .filters-list--container .filters-list .filters-list--icon {
            height: 40px;
            width: 40px; } }
        .wizard-tactics-list .filters-list--container .filters-list .filters-list--icon i {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
      .wizard-tactics-list .filters-list--container .filters-list label {
        margin-top: calc(50% - 10px); }
  .wizard-tactics-list .mdl-tabs__panel, .wizard-tactics-list .ca-tabs .ca-tabs--panel, .ca-tabs .wizard-tactics-list .ca-tabs--panel {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    background-color: #FFF; }
    .wizard-tactics-list .mdl-tabs__panel .filters-list--panel, .wizard-tactics-list .ca-tabs .ca-tabs--panel .filters-list--panel, .ca-tabs .wizard-tactics-list .ca-tabs--panel .filters-list--panel {
      height: 100%;
      padding: 0;
      margin: 0; }
      .wizard-tactics-list .mdl-tabs__panel .filters-list--panel .filters-list--row, .wizard-tactics-list .ca-tabs .ca-tabs--panel .filters-list--panel .filters-list--row, .ca-tabs .wizard-tactics-list .ca-tabs--panel .filters-list--panel .filters-list--row {
        position: relative; }
        .wizard-tactics-list .mdl-tabs__panel .filters-list--panel .filters-list--row .filter-switch, .wizard-tactics-list .ca-tabs .ca-tabs--panel .filters-list--panel .filters-list--row .filter-switch, .ca-tabs .wizard-tactics-list .ca-tabs--panel .filters-list--panel .filters-list--row .filter-switch {
          position: absolute;
          right: 0;
          margin-top: 0 !important;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          float: right;
          width: 40px; }
          @media (max-width: 839px) {
            .wizard-tactics-list .mdl-tabs__panel .filters-list--panel .filters-list--row .filter-switch, .wizard-tactics-list .ca-tabs .ca-tabs--panel .filters-list--panel .filters-list--row .filter-switch, .ca-tabs .wizard-tactics-list .ca-tabs--panel .filters-list--panel .filters-list--row .filter-switch {
              width: 20px; } }
        .wizard-tactics-list .mdl-tabs__panel .filters-list--panel .filters-list--row p, .wizard-tactics-list .ca-tabs .ca-tabs--panel .filters-list--panel .filters-list--row p, .ca-tabs .wizard-tactics-list .ca-tabs--panel .filters-list--panel .filters-list--row p {
          margin: 0; }
        .wizard-tactics-list .mdl-tabs__panel .filters-list--panel .filters-list--row small, .wizard-tactics-list .ca-tabs .ca-tabs--panel .filters-list--panel .filters-list--row small, .ca-tabs .wizard-tactics-list .ca-tabs--panel .filters-list--panel .filters-list--row small {
          font-size: 12px;
          color: #b9b9b9; }
          @media (max-width: 839px) {
            .wizard-tactics-list .mdl-tabs__panel .filters-list--panel .filters-list--row small, .wizard-tactics-list .ca-tabs .ca-tabs--panel .filters-list--panel .filters-list--row small, .ca-tabs .wizard-tactics-list .ca-tabs--panel .filters-list--panel .filters-list--row small {
              max-width: 90%;
              display: block; } }
          .wizard-tactics-list .mdl-tabs__panel .filters-list--panel .filters-list--row small:first-letter, .wizard-tactics-list .ca-tabs .ca-tabs--panel .filters-list--panel .filters-list--row small:first-letter, .ca-tabs .wizard-tactics-list .ca-tabs--panel .filters-list--panel .filters-list--row small:first-letter {
            text-transform: capitalize; }
  .wizard-tactics-list .tactic-search {
    margin: 14px 10px 8px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .wizard-tactics-list .tactic-search-button {
    display: none; }
  .wizard-tactics-list .tactic-search--input {
    background-color: #FFF;
    border: 1px solid #cfd8dd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #243D56;
    display: block;
    height: 40px;
    font-size: 14px;
    font-weight: normal;
    padding: 0 0 0 27px;
    width: 100%;
    border-radius: 3px;
    letter-spacing: 0.5px;
    font-family: "Proxima Nova", Arial, sans-serif;
    -webkit-appearance: none; }
    .wizard-tactics-list .tactic-search--input:active, .wizard-tactics-list .tactic-search--input:focus {
      outline: 0; }
    .wizard-tactics-list .tactic-search--input::-webkit-input-placeholder {
      color: #cfd8dd !important; }
    .wizard-tactics-list .tactic-search--input:-moz-placeholder {
      color: #cfd8dd !important; }
    .wizard-tactics-list .tactic-search--input::-moz-placeholder {
      color: #cfd8dd !important; }
    .wizard-tactics-list .tactic-search--input:-ms-input-placeholder {
      color: #cfd8dd !important; }
  .wizard-tactics-list .tactic-search--label {
    color: #cfd8dd;
    font-size: 20px;
    position: absolute;
    left: 15px;
    top: 62px;
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%); }
  .wizard-tactics-list .text-mute {
    color: #b9b9b9;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 300;
    line-height: 18px;
    font-size: 14px;
    border-bottom: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    text-align: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-30%);
    transform: translateY(-30%); }
    .wizard-tactics-list .text-mute .text-mute__try {
      margin-top: 40px; }
    .wizard-tactics-list .text-mute strong {
      font-size: 17px;
      letter-spacing: 1px; }
    .wizard-tactics-list .text-mute p {
      margin-bottom: 0; }
    .wizard-tactics-list .text-mute img {
      height: 100px;
      margin-bottom: 20px; }
    .wizard-tactics-list .text-mute a {
      padding: 0;
      display: inline-block;
      color: #4B93D3; }

.tactics-list-item {
  display: block; }

.tactics-list--item-grid {
  display: block; }

.wizard-tactics-single {
  bottom: 0;
  left: -75%;
  height: 100%;
  width: 70%;
  width: calc(100% - 385px);
  position: absolute;
  -webkit-transition: left 0.3s ease;
  transition: left 0.3s ease;
  z-index: 0;
  border-radius: 0; }
  @media (max-width: 1200px) {
    .wizard-tactics-single {
      width: calc(100% - 325px); } }
  .wizard-tactics-single.is-visible {
    left: 385px; }
    @media (max-width: 1200px) {
      .wizard-tactics-single.is-visible {
        left: 325px; } }
  .wizard-tactics-single__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%; }
    .wizard-tactics-single__inner .wizard-tactics__header {
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0; }
    .wizard-tactics-single__inner .wizard-tactics__body {
      overflow-x: hidden;
      overflow-y: auto;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      height: auto; }
  .wizard-tactics-single .wizard-tactics-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    visibility: hidden; }
    .wizard-tactics-single .wizard-tactics-overlay.active {
      opacity: 1;
      visibility: visible; }

.tactics-list {
  padding-left: 0;
  list-style-type: none;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0; }
  .tactics-list.loading {
    opacity: .5; }

.tactics-list--row {
  background-color: #FAFAFC;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2px 10px 2px 10px;
  width: 100%;
  position: relative;
  border-bottom: 1px solid #e8e8ea; }
  .tactics-list--row:first-child {
    border-top: 1px solid rgba(207, 216, 221, 0.5); }
  .tactics-list--row:hover {
    background-color: #e7ebee; }
  .tactics-list--row.selected {
    background-color: #e7ebee; }
  .tactics-list--row .tactics-list--detail-inuse {
    color: #de3226; }
  .tactics-list--row a {
    text-decoration: none;
    padding: 10px 10px 10px 0;
    display: block; }
    .tactics-list--row a .tactics-list--detail-title {
      display: block;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      letter-spacing: 0.4px;
      font-weight: 600; }
    .tactics-list--row a .tactics-list--detail-description {
      color: #243D56;
      display: block;
      max-height: 38px;
      overflow: hidden;
      text-overflow: ellipsis;
      font-weight: 500;
      line-height: 18px;
      font-size: 12.5px; }
  .tactics-list--row .tactics-list--icon {
    height: 45px;
    width: 45px;
    font-size: 26px;
    color: #FFF;
    border-radius: 50%;
    position: relative;
    display: inline-block; }
    .tactics-list--row .tactics-list--icon i {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  .tactics-list--row .tactics-list--detail {
    max-width: calc(100% - 90px);
    padding-left: 7px;
    display: inline-block; }
  .tactics-list--row i.mdi-chevron-right {
    position: absolute;
    right: 0;
    color: #c1c1da;
    top: 50%;
    font-size: 35px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%); }

.tactic--txt {
  color: #243D56 !important; }

.tactic--background {
  background-color: #F0C42F; }

.tactic-technical-txt {
  color: #243D56 !important; }

.tactic-technical-background {
  background-color: #F0C42F; }

.tactic-copy-txt {
  color: #243D56 !important; }

.tactic-copy-background {
  background-color: #26AC87; }

.tactic-business-txt {
  color: #243D56 !important; }

.tactic-business-background {
  background-color: #7823A2; }

.tactic-visualelements-txt {
  color: #243D56 !important; }

.tactic-visualelements-background {
  background-color: #1956AF; }

.tactic-data-txt {
  color: #243D56 !important; }

.tactic-data-background {
  background-color: #EC733E; }

.tactics-unlock {
  background: #FFF;
  border: 1px solid #cfd8dd;
  border-radius: 3px;
  margin: 14px 18px;
  padding: 15px;
  display: none; }
  .tactics-unlock figure {
    margin: 0 auto;
    display: block;
    text-align: center; }
    .tactics-unlock figure img {
      width: 50px; }
    .tactics-unlock figure figcaption {
      font-size: 14px;
      margin-top: 5px;
      color: #cfd8dd; }
  .tactics-unlock p {
    margin: 5px;
    text-align: center;
    font-size: 14px;
    letter-spacing: -0.4px;
    line-height: 16px; }
  .tactics-unlock .block-unlock--icons {
    text-align: center;
    height: 100px;
    position: relative; }
    .tactics-unlock .block-unlock--icons i {
      font-size: 36px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      height: 60px;
      width: 60px;
      line-height: 60px;
      color: #cfd8dd; }
      .tactics-unlock .block-unlock--icons i.ca-brain {
        border-radius: 50%;
        border: 1px solid #cfd8dd;
        opacity: 0.5;
        z-index: 1; }
      .tactics-unlock .block-unlock--icons i.mdi-lock-outline {
        z-index: 2; }

.wizard-tactics-single .tactic-yellow-txt {
  color: #D1AE46; }

.wizard-tactics-single .tactic-header, .wizard-tactics-single .tactic-footer {
  position: relative;
  z-index: 1;
  min-height: 48px;
  background-color: #FAFAFC;
  padding: 1px 14px 0;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25); }
  .wizard-tactics-single .tactic-header .tactic-title, .wizard-tactics-single .tactic-footer .tactic-title {
    padding-left: 60px;
    position: relative;
    top: 3px;
    float: left;
    min-height: 35px; }
    .wizard-tactics-single .tactic-header .tactic-title.tactic-title-one-line, .wizard-tactics-single .tactic-footer .tactic-title.tactic-title-one-line {
      top: -2px; }
      .wizard-tactics-single .tactic-header .tactic-title.tactic-title-one-line h2, .wizard-tactics-single .tactic-footer .tactic-title.tactic-title-one-line h2 {
        margin-top: 9px; }
    @media (max-width: 1200px) {
      .wizard-tactics-single .tactic-header .tactic-title, .wizard-tactics-single .tactic-footer .tactic-title {
        padding-left: 40px; } }
  .wizard-tactics-single .tactic-header .tactic-icon, .wizard-tactics-single .tactic-footer .tactic-icon {
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 40px;
    line-height: 52px;
    color: #FFF;
    font-size: 27px;
    border-radius: 50%;
    margin-right: 14px;
    text-align: center; }
    .wizard-tactics-single .tactic-header .tactic-icon i, .wizard-tactics-single .tactic-footer .tactic-icon i {
      top: 50%;
      position: absolute;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      font-size: 24px; }
    @media (max-width: 1200px) {
      .wizard-tactics-single .tactic-header .tactic-icon, .wizard-tactics-single .tactic-footer .tactic-icon {
        height: 34px;
        width: 34px;
        line-height: 42px;
        margin-right: 4px;
        font-size: 21px; } }
  .wizard-tactics-single .tactic-header h2, .wizard-tactics-single .tactic-footer h2 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 2px;
    line-height: 1.3; }
    @media (max-width: 1200px) {
      .wizard-tactics-single .tactic-header h2, .wizard-tactics-single .tactic-footer h2 {
        font-size: 15px; } }
  .wizard-tactics-single .tactic-header p, .wizard-tactics-single .tactic-footer p {
    font-size: 13px;
    color: #7a7a7a;
    margin-bottom: 0;
    font-weight: normal;
    line-height: 1; }
    @media (max-width: 1200px) {
      .wizard-tactics-single .tactic-header p, .wizard-tactics-single .tactic-footer p {
        font-size: 13px; } }
  .wizard-tactics-single .tactic-header .tactics--detail-actions, .wizard-tactics-single .tactic-footer .tactics--detail-actions {
    padding: 4px 0 0 10px;
    text-align: right;
    float: right;
    color: #243D56;
    min-height: 43px;
    line-height: 43px;
    font-size: 14px; }
    .wizard-tactics-single .tactic-header .tactics--detail-actions img, .wizard-tactics-single .tactic-footer .tactics--detail-actions img {
      height: 30px;
      position: relative;
      margin-bottom: 5px; }
    @media (max-width: 1200px) {
      .wizard-tactics-single .tactic-header .tactics--detail-actions .mdl-button, .wizard-tactics-single .tactic-header .tactics--detail-actions .ca-button, .wizard-tactics-single .tactic-header .tactics--detail-actions .ca-button--colour, .wizard-tactics-single .tactic-header .tactics--detail-actions .ca-button--downgrade, .wizard-tactics-single .tactic-header .tactics--detail-actions .ca-button--accent, .wizard-tactics-single .tactic-header .tactics--detail-actions .ca-button--secondary, .wizard-tactics-single .tactic-header .tactics--detail-actions .ca-button--tertiary, .wizard-tactics-single .tactic-header .tactics--detail-actions .ca-button--outline, .wizard-tactics-single .tactic-header .tactics--detail-actions .scenario-checkup__check button, .scenario-checkup__check .wizard-tactics-single .tactic-header .tactics--detail-actions button, .wizard-tactics-single .tactic-header .tactics--detail-actions .ca-button--fab, .wizard-tactics-single .tactic-header .tactics--detail-actions .ca-button--cta, .wizard-tactics-single .tactic-header .tactics--detail-actions .ca-button--cta--accent, .wizard-tactics-single .tactic-header .tactics--detail-actions .ca-button--cta--secondary, .wizard-tactics-single .tactic-header .tactics--detail-actions .ca-button--cta--tertiary, .wizard-tactics-single .tactic-header .tactics--detail-actions .ca-button--cta--cancel, .wizard-tactics-single .tactic-header .tactics--detail-actions .ca-button--cta--outline-primary, .wizard-tactics-single .tactic-header .tactics--detail-actions .ca-button--cta--outline, .wizard-tactics-single .tactic-footer .tactics--detail-actions .mdl-button, .wizard-tactics-single .tactic-footer .tactics--detail-actions .ca-button, .wizard-tactics-single .tactic-footer .tactics--detail-actions .ca-button--colour, .wizard-tactics-single .tactic-footer .tactics--detail-actions .ca-button--downgrade, .wizard-tactics-single .tactic-footer .tactics--detail-actions .ca-button--accent, .wizard-tactics-single .tactic-footer .tactics--detail-actions .ca-button--secondary, .wizard-tactics-single .tactic-footer .tactics--detail-actions .ca-button--tertiary, .wizard-tactics-single .tactic-footer .tactics--detail-actions .ca-button--outline, .wizard-tactics-single .tactic-footer .tactics--detail-actions .scenario-checkup__check button, .scenario-checkup__check .wizard-tactics-single .tactic-footer .tactics--detail-actions button, .wizard-tactics-single .tactic-footer .tactics--detail-actions .ca-button--fab, .wizard-tactics-single .tactic-footer .tactics--detail-actions .ca-button--cta, .wizard-tactics-single .tactic-footer .tactics--detail-actions .ca-button--cta--accent, .wizard-tactics-single .tactic-footer .tactics--detail-actions .ca-button--cta--secondary, .wizard-tactics-single .tactic-footer .tactics--detail-actions .ca-button--cta--tertiary, .wizard-tactics-single .tactic-footer .tactics--detail-actions .ca-button--cta--cancel, .wizard-tactics-single .tactic-footer .tactics--detail-actions .ca-button--cta--outline-primary, .wizard-tactics-single .tactic-footer .tactics--detail-actions .ca-button--cta--outline {
        font-size: 12px;
        padding: 0 5px; } }

.wizard-tactics-single .tactic-footer {
  padding-left: 0;
  padding-right: 0; }
  .wizard-tactics-single .tactic-footer .tactics--detail-actions {
    padding: 3px 5px 6px 10px; }
  .wizard-tactics-single .tactic-footer .action-link {
    position: relative;
    top: 2px; }
  .wizard-tactics-single .tactic-footer button {
    -webkit-box-shadow: none;
    box-shadow: none; }

.tactics-loading {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease; }

.full-width {
  width: 100%;
  max-width: 100%;
  padding: 0; }

.full-height {
  height: 100%; }

.scenario-wizard__container .wizard-tactics-modal--help {
  position: fixed;
  left: 0;
  top: 126px;
  right: 0;
  bottom: 0;
  z-index: 90;
  opacity: 1;
  background-color: rgba(21, 36, 50, 0.85); }
  .scenario-wizard__container .wizard-tactics-modal--help .ca-modal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translate(-50%, 10%);
    transform: translate(-50%, 10%);
    left: 50%; }
    .scenario-wizard__container .wizard-tactics-modal--help .ca-modal .ca-modal__body {
      padding: 10px 30px 0 30px;
      margin-top: 15px; }
      .scenario-wizard__container .wizard-tactics-modal--help .ca-modal .ca-modal__body .wizard-tactics-modal-image {
        text-align: center;
        padding: 0 10%; }
  .scenario-wizard__container .wizard-tactics-modal--help .ca-button--block {
    width: auto;
    padding: 0 22px; }
  .scenario-wizard__container .wizard-tactics-modal--help h2 {
    color: #243D56;
    font-weight: 400;
    margin: 0;
    font-size: 25px;
    text-align: left; }

.wizard-tactics-modal-image {
  margin-top: 30px; }
  .wizard-tactics-modal-image img {
    max-height: 45vh;
    max-width: 100%; }

.wizard-tactics-modal-question {
  padding-left: 15px;
  position: relative;
  float: left;
  font-weight: 600 !important; }

.wizard-tactics-modal-actions {
  padding: 0 0 0 10px;
  text-align: right;
  float: right;
  margin-top: 8px; }

.wizard-tactics-modal-buttons {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 30px;
  width: 100%; }
  .wizard-tactics-modal-buttons button {
    color: #FFF; }
  .wizard-tactics-modal-buttons .ca-button--block {
    width: auto;
    padding-left: 22px;
    padding-right: 22px; }

#variation-editor {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
  top: 0; }

.fourb {
  position: relative;
  z-index: 5; }

.panel-hidden .wizard-variation-device {
  top: 130px !important; }

.panel-hidden .variation-tabs {
  height: 0 !important;
  visibility: hidden !important; }

.panel-hidden button.variation-tabs-button--add {
  display: none; }

.panel-hidden #variation-editor {
  top: -10px; }

.panel-hidden .variation-tabs--panel--full-screen {
  top: 130px; }

.panel-hidden .design-toolbar {
  height: 10px; }

.wizard-funnel {
  margin: 70px 0 40px;
  position: relative;
  left: 50%;
  width: 82%;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%); }
  .wizard-funnel h2 {
    margin-top: 0; }

.wizard-funnel--container {
  height: 410px; }

.wizard-funnel-graph {
  height: 300px;
  position: relative;
  margin: 50px -20px 20px;
  padding: 0 20px; }

.wizard-funnel-graph-lines {
  background: linear-gradient(to bottom, rgba(185, 185, 185, 0.5), rgba(185, 185, 185, 0.5) 1px, transparent 1px, transparent);
  background-size: 100% 33px;
  display: block;
  height: 300px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 0; }

.wizard-funnel-scale {
  border-right: 2px solid #7a7a7a;
  position: absolute;
  left: -53px;
  text-align: right;
  line-height: 33px;
  top: 0;
  color: #7a7a7a;
  padding-right: 10px; }
  .wizard-funnel-scale .legend {
    color: #b9b9b9;
    line-height: 1;
    position: absolute;
    top: -45px;
    right: -24px;
    text-align: center; }
    .wizard-funnel-scale .legend > .mdi, .wizard-funnel-scale .legend > .ca-icon, .wizard-funnel-scale .legend > .mdi-blog-news, .wizard-funnel-scale .ca-modal .ca-modal__message.legend > div.error:before, .ca-modal .wizard-funnel-scale .ca-modal__message.legend > div.error:before, .wizard-funnel-scale .ca-modal .ca-modal__message.legend > div.warning:before, .ca-modal .wizard-funnel-scale .ca-modal__message.legend > div.warning:before, .wizard-funnel-scale .ca-modal .ca-modal__message.legend > div.success:before, .ca-modal .wizard-funnel-scale .ca-modal__message.legend > div.success:before, .wizard-funnel-scale .ca-modal .ca-modal__message.legend > div.info:before, .ca-modal .wizard-funnel-scale .ca-modal__message.legend > div.info:before, .wizard-funnel-scale .ca-pixel__message.legend > div.error:before, .wizard-funnel-scale .ca-pixel__message.legend > div.warning:before, .wizard-funnel-scale .ca-pixel__message.legend > div.success:before, .wizard-funnel-scale .ca-pixel__message.legend > div.info:before, .wizard-funnel-scale .legend > .mdi-funnel-1, .wizard-funnel-scale .legend > .mdi-funnel-2, .wizard-funnel-scale .legend > .mdi-funnel-3, .wizard-funnel-scale .legend > .mdi-funnel-4, .wizard-funnel-scale .legend > .mdi-funnel-5, .wizard-funnel-scale .legend > .mdi-funnel-6, .wizard-funnel-scale .legend > .mdi-funnel-7, .wizard-funnel-scale .legend > .mdi-funnel-8, .wizard-funnel-scale .legend > .mdi-funnel-9, .wizard-funnel-scale .legend > .mdi-funnel-10, .wizard-funnel-scale .legend > .mdi-funnel-11, .wizard-funnel-scale .legend > .mdi-funnel-12, .wizard-funnel-scale .legend > .mdi-funnel-13, .wizard-funnel-scale .legend > .mdi-funnel-14, .wizard-funnel-scale .legend > .mdi-funnel-15, .wizard-funnel-scale .legend > .mdi-funnel-16, .wizard-funnel-scale .legend > .mdi-funnel-17, .wizard-funnel-scale .legend > .mdi-funnel-18, .wizard-funnel-scale .legend > .mdi-funnel-19, .wizard-funnel-scale .legend > .mdi-funnel-20, .wizard-funnel-scale .legend > .mdi-funnel-21, .wizard-funnel-scale .legend > .mdi-funnel-22, .wizard-funnel-scale .legend > .mdi-funnel-23, .wizard-funnel-scale .legend > .mdi-funnel-24, .wizard-funnel-scale .legend > .mdi-funnel-25, .wizard-funnel-scale .legend > .mdi-funnel-26, .wizard-funnel-scale .legend > .mdi-funnel-27, .wizard-funnel-scale .legend > .mdi-funnel-28, .wizard-funnel-scale .legend > .mdi-funnel-29, .wizard-funnel-scale .legend > .mdi-funnel-30, .wizard-funnel-scale .legend > .mdi-funnel-31, .wizard-funnel-scale .legend > .mdi-funnel-32, .wizard-funnel-scale .legend > .mdi-funnel-33, .wizard-funnel-scale .legend > .mdi-funnel-34, .wizard-funnel-scale .legend > .mdi-funnel-35, .wizard-funnel-scale .legend > .mdi-funnel-36, .wizard-funnel-scale .legend > .mdi-funnel-37, .wizard-funnel-scale .legend > .mdi-funnel-38, .wizard-funnel-scale .legend > .mdi-funnel-39, .wizard-funnel-scale .legend > .mdi-funnel-40, .wizard-funnel-scale .legend > .mdi-funnel-41, .wizard-funnel-scale .legend > .mdi-funnel-42 {
      display: block;
      font-size: 21px; }
  .wizard-funnel-scale .data.first {
    margin-top: -16px; }
  .wizard-funnel-scale .data.last {
    margin-bottom: -16px; }

.wizard-funnel-columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 300px;
  position: relative; }

.wizard-funnel-column {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  -webkit-transition: background-color .3s;
  transition: background-color .3s; }
  .wizard-funnel-column:before {
    content: "";
    height: 20px;
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    -webkit-transition: background-color .3s;
    transition: background-color .3s; }

.wizard-funnel-bar-container {
  display: block;
  height: 300px;
  position: relative; }

.wizard-funnel-bar {
  background-color: #243D56;
  border: 3px solid #243D56;
  -webkit-box-shadow: 3px 0 5px rgba(122, 122, 122, 0.5);
  box-shadow: 3px 0 5px rgba(122, 122, 122, 0.5);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: absolute;
  bottom: 0;
  width: 60%;
  max-width: 150px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%; }
  .selected .wizard-funnel-bar {
    background: #8DBC24;
    border: 3px solid #FFF;
    -webkit-box-shadow: 0 10px 20px 3px rgba(122, 122, 122, 0.6);
    box-shadow: 0 10px 20px 3px rgba(122, 122, 122, 0.6); }

.wizard-funnel-arrow {
  background: #FFF;
  border: 1px solid #b9b9b9;
  cursor: default;
  padding: 1px 1px 1px 5px;
  position: absolute;
  bottom: 50px;
  left: -21px;
  z-index: 30; }
  .wizard-funnel-arrow i {
    background: #FFF;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    line-height: 20px;
    padding: 0 4px; }
  .wizard-funnel-arrow:before {
    content: "";
    display: block;
    border: 12px solid transparent;
    position: absolute;
    border-left-color: #b9b9b9;
    right: -25px;
    top: -1px; }
  .wizard-funnel-arrow:after {
    content: "";
    display: block;
    border: 11px solid transparent;
    border-left-color: #FFF;
    position: absolute;
    right: -22px;
    top: 0; }

.wizard-funnel-bar-button {
  text-align: center;
  font-size: 13px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  color: #243D56;
  margin: 5px 0; }

.wizard-funnel-bar-text {
  margin-top: 25px !important; }

.funnel-selection {
  clear: both;
  margin-top: 50px; }
  .funnel-selection:after {
    display: table;
    clear: both;
    content: ""; }

.card.cart-no-padding {
  padding: 20px 0; }

/**
 * Generates styling for blue airplane icon displayed for experiments
 * which has autopilot mode enabled. This mixin is used on the Dashboard
 * and experiments list.
 *
 * The HTML structure should be like this:
 * <div class="$containerClass">
 *  <span class="mdi mdi-airplane $iconClass"></span>
 *  <div class="sc-tooltip sc-tooltip-top">Tooltip text</div>
 * </div>
 *
 * Please note that tooltip is optional here.
 */
/**
 * Generates styling for experiment's lift circle (experiment's uplift/downlift).
 *
 * Them HTML structure should be like this:
 * <span class="$class uplift/downlift">X%</span>
 */
.options-lead-heading {
  font-size: 21px;
  font-weight: 600;
  margin: 0;
  line-height: 44px; }

.options-lead-text {
  color: #243D56;
  font-size: 16px;
  line-height: 1.5 !important; }
  .options-lead-text em {
    font-style: normal;
    font-weight: bold; }

.options-button-row {
  border-top: 1px solid #FAFAFC; }

.ca-readonly {
  cursor: not-allowed !important; }

.targeting-row {
  border: 1px solid #b9b9b9;
  margin-bottom: .25em !important; }

.targeting-add-button {
  background: transparent;
  border: 1px dashed #b9b9b9;
  color: #b9b9b9;
  cursor: pointer;
  padding: 20px; }
  .targeting-add-button .icon {
    display: block;
    font-size: 24px; }

.targeting-remove-button {
  color: #b9b9b9;
  display: block;
  font-family: "Proxima Nova", Arial, sans-serif;
  height: auto;
  line-height: 1;
  padding: 10px;
  text-align: center; }
  .targeting-remove-button .icon {
    display: block;
    font-size: 24px; }

.url-targeting-remove-button {
  border: none;
  background: none;
  width: 24px;
  height: 24px;
  padding: 0;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-bottom: 4px; }

.delete-icon {
  color: #A7A7A7; }
  .delete-icon:hover {
    color: #5E7995; }
  .delete-icon:active {
    color: #243D56; }

.targeting-picked-row {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0; }
  .targeting-picked-row .targeting-remove-button {
    margin: -9px 0 -9px 7px; }

.targeting-add-row {
  border: 1px dashed #b9b9b9;
  padding: 9px; }

.targeting-traffic-label {
  display: block;
  font-weight: normal;
  margin-top: .25em; }

.targeting-traffic-input {
  border: 1px solid #b9b9b9;
  font-family: "Proxima Nova", Arial, sans-serif;
  font-size: 16px;
  width: 4em;
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 2px;
  color: #243D56; }
  .targeting-traffic-input:disabled {
    background-color: #eaeaf2; }
  .targeting-traffic-input--invalid {
    outline-color: #de3226;
    border-color: #de3226;
    background-color: rgba(222, 50, 38, 0.25); }

.options-box-message {
  border: 1px solid #dadae9;
  margin: 16px 0 8px;
  padding: 9px; }
  .options-box-message .heading {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    margin: 0; }
  .options-box-message p {
    font-size: 14px;
    font-weight: normal; }
  .options-box-message .options-box-message__actions {
    width: 100%;
    height: 0; }
    .options-box-message .options-box-message__actions .options-box-message__action-buttons {
      float: right;
      position: relative;
      top: -45px; }
    .options-box-message .options-box-message__actions.options-box-message__actions--click .options-box-message__action-buttons {
      top: -25px; }
    .options-box-message .options-box-message__actions button {
      height: 30px; }
  .options-box-message .mdl-layout-spacer {
    width: 100%; }
  .options-box-message .mdl-selectfield__label {
    top: 0px; }
  .options-box-message .mdl-textfield__input {
    border-bottom-color: #b9b9b9; }
  .options-box-message .mdl-textfield__label {
    color: #b9b9b9; }
  .options-box-message .ca-button .ca-button-spinner, .ca-button .options-box-message .ca-button-spinner, .options-box-message .ca-button--colour .ca-button-spinner, .ca-button--colour .options-box-message .ca-button-spinner, .options-box-message .ca-button--downgrade .ca-button-spinner, .ca-button--downgrade .options-box-message .ca-button-spinner, .options-box-message .ca-button--accent .ca-button-spinner, .ca-button--accent .options-box-message .ca-button-spinner, .options-box-message .ca-button--secondary .ca-button-spinner, .ca-button--secondary .options-box-message .ca-button-spinner, .options-box-message .ca-button--tertiary .ca-button-spinner, .ca-button--tertiary .options-box-message .ca-button-spinner, .options-box-message .ca-button--outline .ca-button-spinner, .ca-button--outline .options-box-message .ca-button-spinner, .options-box-message .scenario-checkup__check button .ca-button-spinner, .scenario-checkup__check button .options-box-message .ca-button-spinner, .options-box-message .ca-button--fab .ca-button-spinner, .ca-button--fab .options-box-message .ca-button-spinner, .options-box-message .ca-button--cta .ca-button-spinner, .ca-button--cta .options-box-message .ca-button-spinner, .options-box-message .ca-button--cta--accent .ca-button-spinner, .ca-button--cta--accent .options-box-message .ca-button-spinner, .options-box-message .ca-button--cta--secondary .ca-button-spinner, .ca-button--cta--secondary .options-box-message .ca-button-spinner, .options-box-message .ca-button--cta--tertiary .ca-button-spinner, .ca-button--cta--tertiary .options-box-message .ca-button-spinner, .options-box-message .ca-button--cta--cancel .ca-button-spinner, .ca-button--cta--cancel .options-box-message .ca-button-spinner, .options-box-message .ca-button--cta--outline-primary .ca-button-spinner, .ca-button--cta--outline-primary .options-box-message .ca-button-spinner, .options-box-message .ca-button--cta--outline .ca-button-spinner, .ca-button--cta--outline .options-box-message .ca-button-spinner, .options-box-message .mdl-spinner {
    margin: 0 auto .5em; }
    .options-box-message .ca-button .ca-button-spinner .mdl-spinner__layer-1, .ca-button .options-box-message .ca-button-spinner .mdl-spinner__layer-1, .options-box-message .ca-button--colour .ca-button-spinner .mdl-spinner__layer-1, .ca-button--colour .options-box-message .ca-button-spinner .mdl-spinner__layer-1, .options-box-message .ca-button--downgrade .ca-button-spinner .mdl-spinner__layer-1, .ca-button--downgrade .options-box-message .ca-button-spinner .mdl-spinner__layer-1, .options-box-message .ca-button--accent .ca-button-spinner .mdl-spinner__layer-1, .ca-button--accent .options-box-message .ca-button-spinner .mdl-spinner__layer-1, .options-box-message .ca-button--secondary .ca-button-spinner .mdl-spinner__layer-1, .ca-button--secondary .options-box-message .ca-button-spinner .mdl-spinner__layer-1, .options-box-message .ca-button--tertiary .ca-button-spinner .mdl-spinner__layer-1, .ca-button--tertiary .options-box-message .ca-button-spinner .mdl-spinner__layer-1, .options-box-message .ca-button--outline .ca-button-spinner .mdl-spinner__layer-1, .ca-button--outline .options-box-message .ca-button-spinner .mdl-spinner__layer-1, .options-box-message .scenario-checkup__check button .ca-button-spinner .mdl-spinner__layer-1, .scenario-checkup__check button .options-box-message .ca-button-spinner .mdl-spinner__layer-1, .options-box-message .ca-button--fab .ca-button-spinner .mdl-spinner__layer-1, .ca-button--fab .options-box-message .ca-button-spinner .mdl-spinner__layer-1, .options-box-message .ca-button--cta .ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta .options-box-message .ca-button-spinner .mdl-spinner__layer-1, .options-box-message .ca-button--cta--accent .ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--accent .options-box-message .ca-button-spinner .mdl-spinner__layer-1, .options-box-message .ca-button--cta--secondary .ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--secondary .options-box-message .ca-button-spinner .mdl-spinner__layer-1, .options-box-message .ca-button--cta--tertiary .ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--tertiary .options-box-message .ca-button-spinner .mdl-spinner__layer-1, .options-box-message .ca-button--cta--cancel .ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--cancel .options-box-message .ca-button-spinner .mdl-spinner__layer-1, .options-box-message .ca-button--cta--outline-primary .ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--outline-primary .options-box-message .ca-button-spinner .mdl-spinner__layer-1, .options-box-message .ca-button--cta--outline .ca-button-spinner .mdl-spinner__layer-1, .ca-button--cta--outline .options-box-message .ca-button-spinner .mdl-spinner__layer-1, .options-box-message .mdl-spinner .mdl-spinner__layer-1,
    .options-box-message .ca-button .ca-button-spinner .mdl-spinner__layer-2,
    .ca-button .options-box-message .ca-button-spinner .mdl-spinner__layer-2,
    .options-box-message .ca-button--colour .ca-button-spinner .mdl-spinner__layer-2,
    .ca-button--colour .options-box-message .ca-button-spinner .mdl-spinner__layer-2,
    .options-box-message .ca-button--downgrade .ca-button-spinner .mdl-spinner__layer-2,
    .ca-button--downgrade .options-box-message .ca-button-spinner .mdl-spinner__layer-2,
    .options-box-message .ca-button--accent .ca-button-spinner .mdl-spinner__layer-2,
    .ca-button--accent .options-box-message .ca-button-spinner .mdl-spinner__layer-2,
    .options-box-message .ca-button--secondary .ca-button-spinner .mdl-spinner__layer-2,
    .ca-button--secondary .options-box-message .ca-button-spinner .mdl-spinner__layer-2,
    .options-box-message .ca-button--tertiary .ca-button-spinner .mdl-spinner__layer-2,
    .ca-button--tertiary .options-box-message .ca-button-spinner .mdl-spinner__layer-2,
    .options-box-message .ca-button--outline .ca-button-spinner .mdl-spinner__layer-2,
    .ca-button--outline .options-box-message .ca-button-spinner .mdl-spinner__layer-2,
    .options-box-message .scenario-checkup__check button .ca-button-spinner .mdl-spinner__layer-2,
    .scenario-checkup__check button .options-box-message .ca-button-spinner .mdl-spinner__layer-2,
    .options-box-message .ca-button--fab .ca-button-spinner .mdl-spinner__layer-2,
    .ca-button--fab .options-box-message .ca-button-spinner .mdl-spinner__layer-2,
    .options-box-message .ca-button--cta .ca-button-spinner .mdl-spinner__layer-2,
    .ca-button--cta .options-box-message .ca-button-spinner .mdl-spinner__layer-2,
    .options-box-message .ca-button--cta--accent .ca-button-spinner .mdl-spinner__layer-2,
    .ca-button--cta--accent .options-box-message .ca-button-spinner .mdl-spinner__layer-2,
    .options-box-message .ca-button--cta--secondary .ca-button-spinner .mdl-spinner__layer-2,
    .ca-button--cta--secondary .options-box-message .ca-button-spinner .mdl-spinner__layer-2,
    .options-box-message .ca-button--cta--tertiary .ca-button-spinner .mdl-spinner__layer-2,
    .ca-button--cta--tertiary .options-box-message .ca-button-spinner .mdl-spinner__layer-2,
    .options-box-message .ca-button--cta--cancel .ca-button-spinner .mdl-spinner__layer-2,
    .ca-button--cta--cancel .options-box-message .ca-button-spinner .mdl-spinner__layer-2,
    .options-box-message .ca-button--cta--outline-primary .ca-button-spinner .mdl-spinner__layer-2,
    .ca-button--cta--outline-primary .options-box-message .ca-button-spinner .mdl-spinner__layer-2,
    .options-box-message .ca-button--cta--outline .ca-button-spinner .mdl-spinner__layer-2,
    .ca-button--cta--outline .options-box-message .ca-button-spinner .mdl-spinner__layer-2,
    .options-box-message .mdl-spinner .mdl-spinner__layer-2,
    .options-box-message .ca-button .ca-button-spinner .mdl-spinner__layer-3,
    .ca-button .options-box-message .ca-button-spinner .mdl-spinner__layer-3,
    .options-box-message .ca-button--colour .ca-button-spinner .mdl-spinner__layer-3,
    .ca-button--colour .options-box-message .ca-button-spinner .mdl-spinner__layer-3,
    .options-box-message .ca-button--downgrade .ca-button-spinner .mdl-spinner__layer-3,
    .ca-button--downgrade .options-box-message .ca-button-spinner .mdl-spinner__layer-3,
    .options-box-message .ca-button--accent .ca-button-spinner .mdl-spinner__layer-3,
    .ca-button--accent .options-box-message .ca-button-spinner .mdl-spinner__layer-3,
    .options-box-message .ca-button--secondary .ca-button-spinner .mdl-spinner__layer-3,
    .ca-button--secondary .options-box-message .ca-button-spinner .mdl-spinner__layer-3,
    .options-box-message .ca-button--tertiary .ca-button-spinner .mdl-spinner__layer-3,
    .ca-button--tertiary .options-box-message .ca-button-spinner .mdl-spinner__layer-3,
    .options-box-message .ca-button--outline .ca-button-spinner .mdl-spinner__layer-3,
    .ca-button--outline .options-box-message .ca-button-spinner .mdl-spinner__layer-3,
    .options-box-message .scenario-checkup__check button .ca-button-spinner .mdl-spinner__layer-3,
    .scenario-checkup__check button .options-box-message .ca-button-spinner .mdl-spinner__layer-3,
    .options-box-message .ca-button--fab .ca-button-spinner .mdl-spinner__layer-3,
    .ca-button--fab .options-box-message .ca-button-spinner .mdl-spinner__layer-3,
    .options-box-message .ca-button--cta .ca-button-spinner .mdl-spinner__layer-3,
    .ca-button--cta .options-box-message .ca-button-spinner .mdl-spinner__layer-3,
    .options-box-message .ca-button--cta--accent .ca-button-spinner .mdl-spinner__layer-3,
    .ca-button--cta--accent .options-box-message .ca-button-spinner .mdl-spinner__layer-3,
    .options-box-message .ca-button--cta--secondary .ca-button-spinner .mdl-spinner__layer-3,
    .ca-button--cta--secondary .options-box-message .ca-button-spinner .mdl-spinner__layer-3,
    .options-box-message .ca-button--cta--tertiary .ca-button-spinner .mdl-spinner__layer-3,
    .ca-button--cta--tertiary .options-box-message .ca-button-spinner .mdl-spinner__layer-3,
    .options-box-message .ca-button--cta--cancel .ca-button-spinner .mdl-spinner__layer-3,
    .ca-button--cta--cancel .options-box-message .ca-button-spinner .mdl-spinner__layer-3,
    .options-box-message .ca-button--cta--outline-primary .ca-button-spinner .mdl-spinner__layer-3,
    .ca-button--cta--outline-primary .options-box-message .ca-button-spinner .mdl-spinner__layer-3,
    .options-box-message .ca-button--cta--outline .ca-button-spinner .mdl-spinner__layer-3,
    .ca-button--cta--outline .options-box-message .ca-button-spinner .mdl-spinner__layer-3,
    .options-box-message .mdl-spinner .mdl-spinner__layer-3,
    .options-box-message .ca-button .ca-button-spinner .mdl-spinner__layer-4,
    .ca-button .options-box-message .ca-button-spinner .mdl-spinner__layer-4,
    .options-box-message .ca-button--colour .ca-button-spinner .mdl-spinner__layer-4,
    .ca-button--colour .options-box-message .ca-button-spinner .mdl-spinner__layer-4,
    .options-box-message .ca-button--downgrade .ca-button-spinner .mdl-spinner__layer-4,
    .ca-button--downgrade .options-box-message .ca-button-spinner .mdl-spinner__layer-4,
    .options-box-message .ca-button--accent .ca-button-spinner .mdl-spinner__layer-4,
    .ca-button--accent .options-box-message .ca-button-spinner .mdl-spinner__layer-4,
    .options-box-message .ca-button--secondary .ca-button-spinner .mdl-spinner__layer-4,
    .ca-button--secondary .options-box-message .ca-button-spinner .mdl-spinner__layer-4,
    .options-box-message .ca-button--tertiary .ca-button-spinner .mdl-spinner__layer-4,
    .ca-button--tertiary .options-box-message .ca-button-spinner .mdl-spinner__layer-4,
    .options-box-message .ca-button--outline .ca-button-spinner .mdl-spinner__layer-4,
    .ca-button--outline .options-box-message .ca-button-spinner .mdl-spinner__layer-4,
    .options-box-message .scenario-checkup__check button .ca-button-spinner .mdl-spinner__layer-4,
    .scenario-checkup__check button .options-box-message .ca-button-spinner .mdl-spinner__layer-4,
    .options-box-message .ca-button--fab .ca-button-spinner .mdl-spinner__layer-4,
    .ca-button--fab .options-box-message .ca-button-spinner .mdl-spinner__layer-4,
    .options-box-message .ca-button--cta .ca-button-spinner .mdl-spinner__layer-4,
    .ca-button--cta .options-box-message .ca-button-spinner .mdl-spinner__layer-4,
    .options-box-message .ca-button--cta--accent .ca-button-spinner .mdl-spinner__layer-4,
    .ca-button--cta--accent .options-box-message .ca-button-spinner .mdl-spinner__layer-4,
    .options-box-message .ca-button--cta--secondary .ca-button-spinner .mdl-spinner__layer-4,
    .ca-button--cta--secondary .options-box-message .ca-button-spinner .mdl-spinner__layer-4,
    .options-box-message .ca-button--cta--tertiary .ca-button-spinner .mdl-spinner__layer-4,
    .ca-button--cta--tertiary .options-box-message .ca-button-spinner .mdl-spinner__layer-4,
    .options-box-message .ca-button--cta--cancel .ca-button-spinner .mdl-spinner__layer-4,
    .ca-button--cta--cancel .options-box-message .ca-button-spinner .mdl-spinner__layer-4,
    .options-box-message .ca-button--cta--outline-primary .ca-button-spinner .mdl-spinner__layer-4,
    .ca-button--cta--outline-primary .options-box-message .ca-button-spinner .mdl-spinner__layer-4,
    .options-box-message .ca-button--cta--outline .ca-button-spinner .mdl-spinner__layer-4,
    .ca-button--cta--outline .options-box-message .ca-button-spinner .mdl-spinner__layer-4,
    .options-box-message .mdl-spinner .mdl-spinner__layer-4 {
      border-color: #243D56 !important; }
  .options-box-message .mdl-textfield {
    padding-bottom: 0; }
  .options-box-message .mdl-textfield.is-focused {
    padding-bottom: 20px; }
  .options-box-message .mdl-textfield__input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #FAFAFC inset !important; }
  .options-box-message .mdl-button, .options-box-message .ca-button, .options-box-message .ca-button--colour, .options-box-message .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover .options-box-message button, .options-box-message .ca-button--downgrade, .options-box-message .ca-button--accent, .options-box-message .ca-button--secondary, .options-box-message .ca-button--tertiary, .options-box-message .ca-button--outline, .options-box-message .scenario-checkup__check button, .scenario-checkup__check .options-box-message button, .options-box-message .ca-button--fab, .options-box-message .ca-button--cta, .options-box-message .ca-button--cta--accent, .options-box-message .ca-button--cta--secondary, .options-box-message .ca-button--cta--tertiary, .options-box-message .ca-button--cta--cancel, .options-box-message .ca-button--cta--outline-primary, .options-box-message .ca-button--cta--outline {
    height: 40px;
    line-height: normal;
    padding: 5px 24px;
    font-weight: 600; }

.targeting-rule-row {
  margin-bottom: 12px; }

.ask-for-help {
  cursor: pointer; }

.traffic-panel .ca-table {
  margin-top: 48px; }

.traffic-panel .text-danger {
  font-weight: 600; }

.traffic-panel .traffic-autopilot-toggle {
  position: absolute !important;
  top: 0;
  right: 0;
  padding: 15px 30px 0;
  height: 25px;
  line-height: 1;
  font-weight: bold;
  color: #243D56; }
  .traffic-panel .traffic-autopilot-toggle .traffic-autopilot-toggle-label {
    padding-right: 10px; }
  .traffic-panel .traffic-autopilot-toggle .mdl-switch {
    float: right;
    width: auto;
    margin-top: 2px; }

.traffic-panel .traffic-autopilot-mode {
  text-align: center;
  position: absolute;
  top: calc(50% + 20px);
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }
  .traffic-panel .traffic-autopilot-mode p {
    padding: 0 100px; }

.traffic-panel .traffic-autopilot-icon {
  top: 3px !important; }

.traffic-panel .traffic-autopilot-toggle {
  display: inline-block;
  position: relative; }
  .traffic-panel .traffic-autopilot-toggle .traffic-autopilot-icon {
    color: #243D56;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    font-weight: bold;
    position: relative;
    top: 2px;
    font-size: 20px; }

.is-edited tr, .is-edited .options-lead-text, .is-edited .mdl-button--create-goal, .is-edited .ca-modal-heading {
  opacity: 0.5;
  -webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s; }

.is-edited tr .ca-modal-heading {
  opacity: 1; }

.goal-saved-goals .ca-modal-heading {
  padding-top: 5px;
  font-size: 18px; }

@media (min-height: 754px) {
  .goal-topbar, .goal-saved-goals .title-table {
    position: fixed;
    max-width: 990px;
    width: calc(80% - 60px); }
  .goal-saved-goals .title-table {
    background-color: #FFF; }
  .goal-topbar {
    z-index: 3;
    margin-top: -50px;
    padding-top: 50px;
    background-color: #FFF; }
  .goal-saved-goals {
    padding-top: 35px;
    padding-bottom: 20px; }
  .goal-saved-goals .ca-modal-heading {
    z-index: 3; }
  .goal-saved-goals .title-table {
    padding-top: 40px;
    z-index: 2; }
  .goal-saved-goals .goals-table {
    padding-top: 55px;
    z-index: 0; }
    .goal-saved-goals .goals-table.has-add-button {
      padding-top: 105px; }
    .goal-saved-goals .goals-table tr {
      height: 52px; }
    .goal-saved-goals .goals-table button {
      position: initial; }
  .edit-goal {
    margin-right: 10px; } }

.goal-saved-goals .goal-action {
  text-align: right;
  padding-right: 40px;
  padding-bottom: 5px; }

.goal-saved-goals .goal-label {
  padding-left: 25px; }

.goal-saved-goals .mdl-switch {
  display: inline-block;
  margin-right: 20px; }

.goals-table .goal-type {
  display: inline-block;
  position: relative; }
  .goals-table .goal-type .mdi, .goals-table .goal-type .ca-icon, .goals-table .goal-type .mdi-blog-news, .goals-table .goal-type .ca-modal .ca-modal__message > div.error:before, .ca-modal .goals-table .goal-type .ca-modal__message > div.error:before, .goals-table .goal-type .ca-modal .ca-modal__message > div.warning:before, .ca-modal .goals-table .goal-type .ca-modal__message > div.warning:before, .goals-table .goal-type .ca-modal .ca-modal__message > div.success:before, .ca-modal .goals-table .goal-type .ca-modal__message > div.success:before, .goals-table .goal-type .ca-modal .ca-modal__message > div.info:before, .ca-modal .goals-table .goal-type .ca-modal__message > div.info:before, .goals-table .goal-type .ca-pixel__message > div.error:before, .goals-table .goal-type .ca-pixel__message > div.warning:before, .goals-table .goal-type .ca-pixel__message > div.success:before, .goals-table .goal-type .ca-pixel__message > div.info:before, .goals-table .goal-type .mdi-funnel-1, .goals-table .goal-type .mdi-funnel-2, .goals-table .goal-type .mdi-funnel-3, .goals-table .goal-type .mdi-funnel-4, .goals-table .goal-type .mdi-funnel-5, .goals-table .goal-type .mdi-funnel-6, .goals-table .goal-type .mdi-funnel-7, .goals-table .goal-type .mdi-funnel-8, .goals-table .goal-type .mdi-funnel-9, .goals-table .goal-type .mdi-funnel-10, .goals-table .goal-type .mdi-funnel-11, .goals-table .goal-type .mdi-funnel-12, .goals-table .goal-type .mdi-funnel-13, .goals-table .goal-type .mdi-funnel-14, .goals-table .goal-type .mdi-funnel-15, .goals-table .goal-type .mdi-funnel-16, .goals-table .goal-type .mdi-funnel-17, .goals-table .goal-type .mdi-funnel-18, .goals-table .goal-type .mdi-funnel-19, .goals-table .goal-type .mdi-funnel-20, .goals-table .goal-type .mdi-funnel-21, .goals-table .goal-type .mdi-funnel-22, .goals-table .goal-type .mdi-funnel-23, .goals-table .goal-type .mdi-funnel-24, .goals-table .goal-type .mdi-funnel-25, .goals-table .goal-type .mdi-funnel-26, .goals-table .goal-type .mdi-funnel-27, .goals-table .goal-type .mdi-funnel-28, .goals-table .goal-type .mdi-funnel-29, .goals-table .goal-type .mdi-funnel-30, .goals-table .goal-type .mdi-funnel-31, .goals-table .goal-type .mdi-funnel-32, .goals-table .goal-type .mdi-funnel-33, .goals-table .goal-type .mdi-funnel-34, .goals-table .goal-type .mdi-funnel-35, .goals-table .goal-type .mdi-funnel-36, .goals-table .goal-type .mdi-funnel-37, .goals-table .goal-type .mdi-funnel-38, .goals-table .goal-type .mdi-funnel-39, .goals-table .goal-type .mdi-funnel-40, .goals-table .goal-type .mdi-funnel-41, .goals-table .goal-type .mdi-funnel-42 {
    padding: 0 5px 0 0; }

.goals-table.ca-table tbody tr td {
  padding: 7px 0; }

.goals-table.ca-table tbody tr.goals-table__goal--click td, .goals-table.ca-table tbody tr.new-goal td {
  padding: 1rem 0; }

.ca-table.title-table {
  margin-top: -5px; }
  .ca-table.title-table .new-goal td {
    border-bottom: 1px solid #dadae9;
    border-top: 1px solid #dadae9;
    padding: 1rem 0; }

.goals-table .goal-text {
  display: inline-block;
  vertical-align: middle; }

.goals-table .goal-name {
  font-size: 17px;
  font-weight: 600; }

.goal-primary {
  color: #8DBC24;
  font-size: 10px;
  font-weight: 300;
  position: relative;
  bottom: 1px;
  text-transform: uppercase; }

.goals-table.ca-table tbody tr.goals-table__goal--click td {
  padding: 1rem 0; }

.goals-table__goal td:first-child .goal-make-primary {
  display: inline-block;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  visibility: hidden;
  opacity: 0;
  color: #4f9aff;
  border-bottom: 1px solid #e0edff;
  font-size: 13px;
  position: relative;
  bottom: 1px;
  margin-left: 1rem; }

.goals-table__goal td:first-child:hover .goal-make-primary {
  cursor: pointer;
  visibility: visible;
  opacity: 1; }

.project-grid .goal-primary {
  padding-left: 5px; }

.result-box__header-title .goal-primary {
  padding-left: 3px;
  bottom: 3px; }

.goals-table .goal-description {
  font-size: 12px;
  color: #b9b9b9;
  letter-spacing: 0.3px; }
  .goals-table .goal-description strong {
    font-weight: 600; }

.mdl-button.delete-goal, .delete-goal.ca-button, .delete-goal.ca-button--colour, .scenario-checkup__check:not(.scenario-checkup__check--not-clickable):hover button.delete-goal, .delete-goal.ca-button--downgrade, .delete-goal.ca-button--accent, .delete-goal.ca-button--secondary, .delete-goal.ca-button--tertiary, .delete-goal.ca-button--outline, .scenario-checkup__check button.delete-goal, .delete-goal.ca-button--fab, .delete-goal.ca-button--cta, .delete-goal.ca-button--cta--accent, .delete-goal.ca-button--cta--secondary, .delete-goal.ca-button--cta--tertiary, .delete-goal.ca-button--cta--cancel, .delete-goal.ca-button--cta--outline-primary, .delete-goal.ca-button--cta--outline {
  float: right; }

.goals-table {
  border-top: 1px solid #dadae9;
  margin-bottom: 20px; }
  .goals-table tr td:nth-child(2) {
    text-align: right; }
  .goals-table tr.new-goal {
    color: #8DBC24;
    cursor: pointer; }
  .goals-table .mdi.mdi-pencil, .goals-table .mdi-pencil.ca-icon, .goals-table .mdi-pencil.mdi-blog-news, .goals-table .mdi-blog-news.mdi-funnel-12, .goals-table .mdi-blog-news.mdi-funnel-21, .goals-table .mdi-blog-news.mdi-funnel-24, .goals-table .mdi-blog-news.mdi-funnel-41, .goals-table .ca-icon.mdi-funnel-12, .goals-table .ca-icon.mdi-funnel-21, .goals-table .ca-icon.mdi-funnel-24, .goals-table .ca-icon.mdi-funnel-41, .goals-table .ca-modal .ca-modal__message > div.mdi-pencil.error:before, .ca-modal .goals-table .ca-modal__message > div.mdi-pencil.error:before, .goals-table .ca-modal .ca-modal__message > div.error.mdi-funnel-12:before, .ca-modal .goals-table .ca-modal__message > div.error.mdi-funnel-12:before, .goals-table .ca-modal .ca-modal__message > div.error.mdi-funnel-21:before, .ca-modal .goals-table .ca-modal__message > div.error.mdi-funnel-21:before, .goals-table .ca-modal .ca-modal__message > div.error.mdi-funnel-24:before, .ca-modal .goals-table .ca-modal__message > div.error.mdi-funnel-24:before, .goals-table .ca-modal .ca-modal__message > div.error.mdi-funnel-41:before, .ca-modal .goals-table .ca-modal__message > div.error.mdi-funnel-41:before, .goals-table .ca-modal .ca-modal__message > div.mdi-pencil.warning:before, .ca-modal .goals-table .ca-modal__message > div.mdi-pencil.warning:before, .goals-table .ca-modal .ca-modal__message > div.warning.mdi-funnel-12:before, .ca-modal .goals-table .ca-modal__message > div.warning.mdi-funnel-12:before, .goals-table .ca-modal .ca-modal__message > div.warning.mdi-funnel-21:before, .ca-modal .goals-table .ca-modal__message > div.warning.mdi-funnel-21:before, .goals-table .ca-modal .ca-modal__message > div.warning.mdi-funnel-24:before, .ca-modal .goals-table .ca-modal__message > div.warning.mdi-funnel-24:before, .goals-table .ca-modal .ca-modal__message > div.warning.mdi-funnel-41:before, .ca-modal .goals-table .ca-modal__message > div.warning.mdi-funnel-41:before, .goals-table .ca-modal .ca-modal__message > div.mdi-pencil.success:before, .ca-modal .goals-table .ca-modal__message > div.mdi-pencil.success:before, .goals-table .ca-modal .ca-modal__message > div.success.mdi-funnel-12:before, .ca-modal .goals-table .ca-modal__message > div.success.mdi-funnel-12:before, .goals-table .ca-modal .ca-modal__message > div.success.mdi-funnel-21:before, .ca-modal .goals-table .ca-modal__message > div.success.mdi-funnel-21:before, .goals-table .ca-modal .ca-modal__message > div.success.mdi-funnel-24:before, .ca-modal .goals-table .ca-modal__message > div.success.mdi-funnel-24:before, .goals-table .ca-modal .ca-modal__message > div.success.mdi-funnel-41:before, .ca-modal .goals-table .ca-modal__message > div.success.mdi-funnel-41:before, .goals-table .ca-modal .ca-modal__message > div.mdi-pencil.info:before, .ca-modal .goals-table .ca-modal__message > div.mdi-pencil.info:before, .goals-table .ca-modal .ca-modal__message > div.info.mdi-funnel-12:before, .ca-modal .goals-table .ca-modal__message > div.info.mdi-funnel-12:before, .goals-table .ca-modal .ca-modal__message > div.info.mdi-funnel-21:before, .ca-modal .goals-table .ca-modal__message > div.info.mdi-funnel-21:before, .goals-table .ca-modal .ca-modal__message > div.info.mdi-funnel-24:before, .ca-modal .goals-table .ca-modal__message > div.info.mdi-funnel-24:before, .goals-table .ca-modal .ca-modal__message > div.info.mdi-funnel-41:before, .ca-modal .goals-table .ca-modal__message > div.info.mdi-funnel-41:before, .goals-table .ca-pixel__message > div.mdi-pencil.error:before, .goals-table .ca-pixel__message > div.error.mdi-funnel-12:before, .goals-table .ca-pixel__message > div.error.mdi-funnel-21:before, .goals-table .ca-pixel__message > div.error.mdi-funnel-24:before, .goals-table .ca-pixel__message > div.error.mdi-funnel-41:before, .goals-table .ca-pixel__message > div.mdi-pencil.warning:before, .goals-table .ca-pixel__message > div.warning.mdi-funnel-12:before, .goals-table .ca-pixel__message > div.warning.mdi-funnel-21:before, .goals-table .ca-pixel__message > div.warning.mdi-funnel-24:before, .goals-table .ca-pixel__message > div.warning.mdi-funnel-41:before, .goals-table .ca-pixel__message > div.mdi-pencil.success:before, .goals-table .ca-pixel__message > div.success.mdi-funnel-12:before, .goals-table .ca-pixel__message > div.success.mdi-funnel-21:before, .goals-table .ca-pixel__message > div.success.mdi-funnel-24:before, .goals-table .ca-pixel__message > div.success.mdi-funnel-41:before, .goals-table .ca-pixel__message > div.mdi-pencil.info:before, .goals-table .ca-pixel__message > div.info.mdi-funnel-12:before, .goals-table .ca-pixel__message > div.info.mdi-funnel-21:before, .goals-table .ca-pixel__message > div.info.mdi-funnel-24:before, .goals-table .ca-pixel__message > div.info.mdi-funnel-41:before, .goals-table .mdi-pencil.mdi-funnel-1, .goals-table .mdi-funnel-1.mdi-funnel-12, .goals-table .mdi-funnel-1.mdi-funnel-21, .goals-table .mdi-funnel-1.mdi-funnel-24, .goals-table .mdi-funnel-1.mdi-funnel-41, .goals-table .mdi-pencil.mdi-funnel-2, .goals-table .mdi-funnel-2.mdi-funnel-12, .goals-table .mdi-funnel-2.mdi-funnel-21, .goals-table .mdi-funnel-2.mdi-funnel-24, .goals-table .mdi-funnel-2.mdi-funnel-41, .goals-table .mdi-pencil.mdi-funnel-3, .goals-table .mdi-funnel-3.mdi-funnel-12, .goals-table .mdi-funnel-3.mdi-funnel-21, .goals-table .mdi-funnel-3.mdi-funnel-24, .goals-table .mdi-funnel-3.mdi-funnel-41, .goals-table .mdi-pencil.mdi-funnel-4, .goals-table .mdi-funnel-4.mdi-funnel-12, .goals-table .mdi-funnel-4.mdi-funnel-21, .goals-table .mdi-funnel-4.mdi-funnel-24, .goals-table .mdi-funnel-4.mdi-funnel-41, .goals-table .mdi-pencil.mdi-funnel-5, .goals-table .mdi-funnel-5.mdi-funnel-12, .goals-table .mdi-funnel-5.mdi-funnel-21, .goals-table .mdi-funnel-5.mdi-funnel-24, .goals-table .mdi-funnel-5.mdi-funnel-41, .goals-table .mdi-pencil.mdi-funnel-6, .goals-table .mdi-funnel-6.mdi-funnel-12, .goals-table .mdi-funnel-6.mdi-funnel-21, .goals-table .mdi-funnel-6.mdi-funnel-24, .goals-table .mdi-funnel-6.mdi-funnel-41, .goals-table .mdi-pencil.mdi-funnel-7, .goals-table .mdi-funnel-7.mdi-funnel-12, .goals-table .mdi-funnel-7.mdi-funnel-21, .goals-table .mdi-funnel-7.mdi-funnel-24, .goals-table .mdi-funnel-7.mdi-funnel-41, .goals-table .mdi-pencil.mdi-funnel-8, .goals-table .mdi-funnel-8.mdi-funnel-12, .goals-table .mdi-funnel-8.mdi-funnel-21, .goals-table .mdi-funnel-8.mdi-funnel-24, .goals-table .mdi-funnel-8.mdi-funnel-41, .goals-table .mdi-pencil.mdi-funnel-9, .goals-table .mdi-funnel-9.mdi-funnel-12, .goals-table .mdi-funnel-9.mdi-funnel-21, .goals-table .mdi-funnel-9.mdi-funnel-24, .goals-table .mdi-funnel-9.mdi-funnel-41, .goals-table .mdi-pencil.mdi-funnel-10, .goals-table .mdi-funnel-10.mdi-funnel-12, .goals-table .mdi-funnel-10.mdi-funnel-21, .goals-table .mdi-funnel-10.mdi-funnel-24, .goals-table .mdi-funnel-10.mdi-funnel-41, .goals-table .mdi-pencil.mdi-funnel-11, .goals-table .mdi-funnel-11.mdi-funnel-12, .goals-table .mdi-funnel-11.mdi-funnel-21, .goals-table .mdi-funnel-11.mdi-funnel-24, .goals-table .mdi-funnel-11.mdi-funnel-41, .goals-table .mdi-funnel-12, .goals-table .mdi-pencil.mdi-funnel-13, .goals-table .mdi-funnel-13.mdi-funnel-12, .goals-table .mdi-funnel-13.mdi-funnel-21, .goals-table .mdi-funnel-13.mdi-funnel-24, .goals-table .mdi-funnel-13.mdi-funnel-41, .goals-table .mdi-pencil.mdi-funnel-14, .goals-table .mdi-funnel-14.mdi-funnel-12, .goals-table .mdi-funnel-14.mdi-funnel-21, .goals-table .mdi-funnel-14.mdi-funnel-24, .goals-table .mdi-funnel-14.mdi-funnel-41, .goals-table .mdi-pencil.mdi-funnel-15, .goals-table .mdi-funnel-15.mdi-funnel-12, .goals-table .mdi-funnel-15.mdi-funnel-21, .goals-table .mdi-funnel-15.mdi-funnel-24, .goals-table .mdi-funnel-15.mdi-funnel-41, .goals-table .mdi-pencil.mdi-funnel-16, .goals-table .mdi-funnel-16.mdi-funnel-12, .goals-table .mdi-funnel-16.mdi-funnel-21, .goals-table .mdi-funnel-16.mdi-funnel-24, .goals-table .mdi-funnel-16.mdi-funnel-41, .goals-table .mdi-pencil.mdi-funnel-17, .goals-table .mdi-funnel-17.mdi-funnel-12, .goals-table .mdi-funnel-17.mdi-funnel-21, .goals-table .mdi-funnel-17.mdi-funnel-24, .goals-table .mdi-funnel-17.mdi-funnel-41, .goals-table .mdi-pencil.mdi-funnel-18, .goals-table .mdi-funnel-18.mdi-funnel-12, .goals-table .mdi-funnel-18.mdi-funnel-21, .goals-table .mdi-funnel-18.mdi-funnel-24, .goals-table .mdi-funnel-18.mdi-funnel-41, .goals-table .mdi-pencil.mdi-funnel-19, .goals-table .mdi-funnel-19.mdi-funnel-12, .goals-table .mdi-funnel-19.mdi-funnel-21, .goals-table .mdi-funnel-19.mdi-funnel-24, .goals-table .mdi-funnel-19.mdi-funnel-41, .goals-table .mdi-pencil.mdi-funnel-20, .goals-table .mdi-funnel-20.mdi-funnel-12, .goals-table .mdi-funnel-20.mdi-funnel-21, .goals-table .mdi-funnel-20.mdi-funnel-24, .goals-table .mdi-funnel-20.mdi-funnel-41, .goals-table .mdi-funnel-21, .goals-table .mdi-pencil.mdi-funnel-22, .goals-table .mdi-funnel-22.mdi-funnel-12, .goals-table .mdi-funnel-22.mdi-funnel-21, .goals-table .mdi-funnel-22.mdi-funnel-24, .goals-table .mdi-funnel-22.mdi-funnel-41, .goals-table .mdi-pencil.mdi-funnel-23, .goals-table .mdi-funnel-23.mdi-funnel-12, .goals-table .mdi-funnel-23.mdi-funnel-21, .goals-table .mdi-funnel-23.mdi-funnel-24, .goals-table .mdi-funnel-23.mdi-funnel-41, .goals-table .mdi-funnel-24, .goals-table .mdi-pencil.mdi-funnel-25, .goals-table .mdi-funnel-25.mdi-funnel-12, .goals-table .mdi-funnel-25.mdi-funnel-21, .goals-table .mdi-funnel-25.mdi-funnel-24, .goals-table .mdi-funnel-25.mdi-funnel-41, .goals-table .mdi-pencil.mdi-funnel-26, .goals-table .mdi-funnel-26.mdi-funnel-12, .goals-table .mdi-funnel-26.mdi-funnel-21, .goals-table .mdi-funnel-26.mdi-funnel-24, .goals-table .mdi-funnel-26.mdi-funnel-41, .goals-table .mdi-pencil.mdi-funnel-27, .goals-table .mdi-funnel-27.mdi-funnel-12, .goals-table .mdi-funnel-27.mdi-funnel-21, .goals-table .mdi-funnel-27.mdi-funnel-24, .goals-table .mdi-funnel-27.mdi-funnel-41, .goals-table .mdi-pencil.mdi-funnel-28, .goals-table .mdi-funnel-28.mdi-funnel-12, .goals-table .mdi-funnel-28.mdi-funnel-21, .goals-table .mdi-funnel-28.mdi-funnel-24, .goals-table .mdi-funnel-28.mdi-funnel-41, .goals-table .mdi-pencil.mdi-funnel-29, .goals-table .mdi-funnel-29.mdi-funnel-12, .goals-table .mdi-funnel-29.mdi-funnel-21, .goals-table .mdi-funnel-29.mdi-funnel-24, .goals-table .mdi-funnel-29.mdi-funnel-41, .goals-table .mdi-pencil.mdi-funnel-30, .goals-table .mdi-funnel-30.mdi-funnel-12, .goals-table .mdi-funnel-30.mdi-funnel-21, .goals-table .mdi-funnel-30.mdi-funnel-24, .goals-table .mdi-funnel-30.mdi-funnel-41, .goals-table .mdi-pencil.mdi-funnel-31, .goals-table .mdi-funnel-31.mdi-funnel-12, .goals-table .mdi-funnel-31.mdi-funnel-21, .goals-table .mdi-funnel-31.mdi-funnel-24, .goals-table .mdi-funnel-31.mdi-funnel-41, .goals-table .mdi-pencil.mdi-funnel-32, .goals-table .mdi-funnel-32.mdi-funnel-12, .goals-table .mdi-funnel-32.mdi-funnel-21, .goals-table .mdi-funnel-32.mdi-funnel-24, .goals-table .mdi-funnel-32.mdi-funnel-41, .goals-table .mdi-pencil.mdi-funnel-33, .goals-table .mdi-funnel-33.mdi-funnel-12, .goals-table .mdi-funnel-33.mdi-funnel-21, .goals-table .mdi-funnel-33.mdi-funnel-24, .goals-table .mdi-funnel-33.mdi-funnel-41, .goals-table .mdi-pencil.mdi-funnel-34, .goals-table .mdi-funnel-34.mdi-funnel-12, .goals-table .mdi-funnel-34.mdi-funnel-21, .goals-table .mdi-funnel-34.mdi-funnel-24, .goals-table .mdi-funnel-34.mdi-funnel-41, .goals-table .mdi-pencil.mdi-funnel-35, .goals-table .mdi-funnel-35.mdi-funnel-12, .goals-table .mdi-funnel-35.mdi-funnel-21, .goals-table .mdi-funnel-35.mdi-funnel-24, .goals-table .mdi-funnel-35.mdi-funnel-41, .goals-table .mdi-pencil.mdi-funnel-36, .goals-table .mdi-funnel-36.mdi-funnel-12, .goals-table .mdi-funnel-36.mdi-funnel-21, .goals-table .mdi-funnel-36.mdi-funnel-24, .goals-table .mdi-funnel-36.mdi-funnel-41, .goals-table .mdi-pencil.mdi-funnel-37, .goals-table .mdi-funnel-37.mdi-funnel-12, .goals-table .mdi-funnel-37.mdi-funnel-21, .goals-table .mdi-funnel-37.mdi-funnel-24, .goals-table .mdi-funnel-37.mdi-funnel-41, .goals-table .mdi-pencil.mdi-funnel-38, .goals-table .mdi-funnel-38.mdi-funnel-12, .goals-table .mdi-funnel-38.mdi-funnel-21, .goals-table .mdi-funnel-38.mdi-funnel-24, .goals-table .mdi-funnel-38.mdi-funnel-41, .goals-table .mdi-pencil.mdi-funnel-39, .goals-table .mdi-funnel-39.mdi-funnel-12, .goals-table .mdi-funnel-39.mdi-funnel-21, .goals-table .mdi-funnel-39.mdi-funnel-24, .goals-table .mdi-funnel-39.mdi-funnel-41, .goals-table .mdi-pencil.mdi-funnel-40, .goals-table .mdi-funnel-40.mdi-funnel-12, .goals-table .mdi-funnel-40.mdi-funnel-21, .goals-table .mdi-funnel-40.mdi-funnel-24, .goals-table .mdi-funnel-40.mdi-funnel-41, .goals-table .mdi-funnel-41, .goals-table .mdi-pencil.mdi-funnel-42, .goals-table .mdi-funnel-42.mdi-funnel-12, .goals-table .mdi-funnel-42.mdi-funnel-21, .goals-table .mdi-funnel-42.mdi-funnel-24, .goals-table .mdi-funnel-42.mdi-funnel-41 {
    cursor: pointer;
    color: #7a7a7a;
    position: relative;
    top: 3px; }

.mdl-button--mini-fab.mdl-button--plus {
  width: 20px;
  height: 20px;
  min-width: 20px;
  background-color: #8DBC24;
  top: -2px;
  left: -2px; }
  .mdl-button--mini-fab.mdl-button--plus i {
    font-size: 15px;
    font-weight: bold;
    color: white; }

.options-box-message-wrapper:not(.ng-enter) {
  opacity: 0.99; }

.options-box-message-wrapper.ng-enter, .options-box-message-wrapper.ng-leave {
  -webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s; }

.options-box-message-wrapper.ng-enter, .options-box-message-wrapper.ng-leave.ng-leave-active {
  opacity: 0; }

.options-box-message-wrapper.ng-leave, .options-box-message-wrapper.ng-enter.ng-enter-active {
  opacity: 0.99; }

.goals-form .options-box-message-wrapper td {
  background: white;
  position: relative;
  z-index: 6; }

.plugin.plugin--notification {
  padding: 0; }
  .plugin.plugin--notification .plugin--notification__preview {
    padding-top: 5rem;
    width: 345px;
    position: fixed; }
    @media only screen and (max-height: 665px) {
      .plugin.plugin--notification .plugin--notification__preview {
        padding-top: 0; } }
  .plugin.plugin--notification ._pg-instace {
    min-width: initial;
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.75); }
    .plugin.plugin--notification ._pg-instace > div span {
      white-space: normal; }
  .plugin.plugin--notification h3 {
    margin: 12px 0 3px;
    position: relative; }
    .plugin.plugin--notification h3.plugin--notification__live {
      text-align: center;
      font-weight: bold;
      font-size: 13px; }
    .plugin.plugin--notification h3.plugin--notification__appearance {
      font-weight: 300;
      font-size: 14px;
      color: #c1c5ca;
      text-align: center;
      margin-top: 0;
      margin-left: -3rem;
      margin-right: -3rem; }
  .plugin.plugin--notification .plugin--notification__options p {
    font-size: 14px;
    margin-top: -10px; }
  .plugin.plugin--notification .switch-container {
    position: absolute;
    left: 345px;
    display: inline-block; }

.accelerated-mode, .integrations-external-data-target {
  position: relative;
  padding-top: 15px; }
  .accelerated-mode.integrations-external-data-target .switch-container, .integrations-external-data-target.integrations-external-data-target .switch-container {
    position: absolute;
    left: 345px;
    display: inline-block;
    top: auto; }
  .accelerated-mode.integrations-external-data-target h3, .integrations-external-data-target.integrations-external-data-target h3 {
    margin: 3px 0; }
  .accelerated-mode h3, .integrations-external-data-target h3 {
    width: 250px;
    display: inline-block; }
  .accelerated-mode .switch-container, .integrations-external-data-target .switch-container {
    top: 32px; }

.accelerated-mode .mdi-help-circle, .integrations-external-data-target .mdi-help-circle, .targeting-tooltip .mdi-help-circle {
  position: relative;
  z-index: 3;
  top: 1px; }
  .accelerated-mode .mdi-help-circle .sc-tooltip, .integrations-external-data-target .mdi-help-circle .sc-tooltip, .targeting-tooltip .mdi-help-circle .sc-tooltip {
    width: 223px; }
    .accelerated-mode .mdi-help-circle .sc-tooltip.sc-tooltip-top, .integrations-external-data-target .mdi-help-circle .sc-tooltip.sc-tooltip-top, .targeting-tooltip .mdi-help-circle .sc-tooltip.sc-tooltip-top {
      -webkit-transform: translate(-50%, -90%);
      transform: translate(-50%, -90%); }
    .accelerated-mode .mdi-help-circle .sc-tooltip.sc-tooltip-right, .integrations-external-data-target .mdi-help-circle .sc-tooltip.sc-tooltip-right, .targeting-tooltip .mdi-help-circle .sc-tooltip.sc-tooltip-right {
      -webkit-transform: translate(100%, -50%);
      transform: translate(100%, -50%); }
    .accelerated-mode .mdi-help-circle .sc-tooltip span, .integrations-external-data-target .mdi-help-circle .sc-tooltip span, .targeting-tooltip .mdi-help-circle .sc-tooltip span {
      white-space: pre-wrap;
      font: normal 12.5px "Proxima Nova", Arial, sans-serif;
      font-weight: 600; }

.accelerated-mode .mdi-help-circle:hover .sc-tooltip, .integrations-external-data-target .mdi-help-circle:hover .sc-tooltip, .targeting-tooltip .mdi-help-circle:hover .sc-tooltip {
  opacity: 1; }

.targeting-exclude {
  padding-top: 28px; }
  .targeting-exclude label > span.mdl-checkbox__label {
    vertical-align: text-bottom; }

.advanced-options-form .advanced-options-entry {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .advanced-options-form .advanced-options-entry .entry-toggle {
    width: 68px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    .advanced-options-form .advanced-options-entry .entry-toggle .mdl-switch {
      margin: 0; }
  .advanced-options-form .advanced-options-entry .entry-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .advanced-options-form .advanced-options-entry .entry-info label {
      font-weight: 600;
      margin-bottom: 16px;
      left: 0; }
  .advanced-options-form .advanced-options-entry .mdl-switch__focus-helper {
    display: none; }

.url-targeting-rule-button--left-margin {
  margin-left: 24px; }

.url-targeting-rule-button--vertical-margin {
  margin-top: 20px;
  margin-bottom: 40px; }

.design-toolbar {
  -webkit-box-shadow: 0 4px 5px rgba(122, 122, 122, 0.5);
  box-shadow: 0 4px 5px rgba(122, 122, 122, 0.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 60;
  margin-top: 0;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  height: auto; }

.design-toolbar-mode {
  background: #FFF;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 0 10px;
  text-align: center;
  z-index: 3;
  position: relative; }
  .design-toolbar-mode span {
    display: block; }
  .design-toolbar-mode .mdl-switch {
    width: 50%; }

.design-toolbar-tabs {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.behind {
  z-index: 0 !important; }

.design-toolbar-mode:hover .sc-tooltip {
  opacity: 1;
  -webkit-transform: translate(100%, -50%);
  transform: translate(100%, -50%); }

.design-toolbar-mode .sc-tooltip {
  right: -5px;
  white-space: nowrap; }

.design-footer {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #FAFAFC;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  width: 100%;
  padding: 10px;
  z-index: 10; }
  .design-footer--button {
    color: #243D56 !important;
    display: block;
    line-height: 1.5;
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    outline: none;
    background-color: transparent;
    border: none;
    border-left: 1px solid #e6e6e6;
    height: 60px;
    margin: 0;
    width: 60px;
    padding: 11px 0;
    cursor: pointer;
    font-size: 12px;
    position: relative; }
    .design-footer--button:not([disabled]):hover, .design-footer--button.active {
      background-color: #eeeeee !important; }
    .design-footer--button i.mdi, .design-footer--button i.ca-icon, .design-footer--button i.mdi-blog-news, .design-footer--button i.mdi-funnel-1, .design-footer--button i.mdi-funnel-2, .design-footer--button i.mdi-funnel-3, .design-footer--button i.mdi-funnel-4, .design-footer--button i.mdi-funnel-5, .design-footer--button i.mdi-funnel-6, .design-footer--button i.mdi-funnel-7, .design-footer--button i.mdi-funnel-8, .design-footer--button i.mdi-funnel-9, .design-footer--button i.mdi-funnel-10, .design-footer--button i.mdi-funnel-11, .design-footer--button i.mdi-funnel-12, .design-footer--button i.mdi-funnel-13, .design-footer--button i.mdi-funnel-14, .design-footer--button i.mdi-funnel-15, .design-footer--button i.mdi-funnel-16, .design-footer--button i.mdi-funnel-17, .design-footer--button i.mdi-funnel-18, .design-footer--button i.mdi-funnel-19, .design-footer--button i.mdi-funnel-20, .design-footer--button i.mdi-funnel-21, .design-footer--button i.mdi-funnel-22, .design-footer--button i.mdi-funnel-23, .design-footer--button i.mdi-funnel-24, .design-footer--button i.mdi-funnel-25, .design-footer--button i.mdi-funnel-26, .design-footer--button i.mdi-funnel-27, .design-footer--button i.mdi-funnel-28, .design-footer--button i.mdi-funnel-29, .design-footer--button i.mdi-funnel-30, .design-footer--button i.mdi-funnel-31, .design-footer--button i.mdi-funnel-32, .design-footer--button i.mdi-funnel-33, .design-footer--button i.mdi-funnel-34, .design-footer--button i.mdi-funnel-35, .design-footer--button i.mdi-funnel-36, .design-footer--button i.mdi-funnel-37, .design-footer--button i.mdi-funnel-38, .design-footer--button i.mdi-funnel-39, .design-footer--button i.mdi-funnel-40, .design-footer--button i.mdi-funnel-41, .design-footer--button i.mdi-funnel-42 {
      display: block;
      font-size: 200%; }
    .design-footer--button[disabled] {
      color: #b9b9b9 !important;
      cursor: not-allowed; }
    .design-footer--button .mdl-badge {
      margin-right: 0;
      display: block; }
      .design-footer--button .mdl-badge[data-badge]:after {
        background: #8DBC24;
        -webkit-box-shadow: 0 0 1px 1px rgba(122, 122, 122, 0.5);
        box-shadow: 0 0 1px 1px rgba(122, 122, 122, 0.5);
        font-size: 11px;
        position: absolute;
        top: -4px;
        right: 20px;
        width: 17px;
        height: 17px; }
      .design-footer--button .mdl-badge.mdl-badge-check:after {
        background: #8DBC24 url("../images/check.png?v=master_e9d9350e915e1f686d2c5546abb74cc59e8589f8&") no-repeat 48% 49%;
        background-size: 12px;
        font-size: 11px;
        content: ''; }
    .design-footer--button span {
      top: -42px;
      left: 14px; }
  .design-footer ul > li:last-child .design-footer--button {
    border-right: 1px solid #e6e6e6; }
  .design-footer #notification-style-button {
    display: none; }
  .design-footer--back {
    width: 60px;
    background-color: #FFF; }
    .design-footer--back button {
      color: #7a7a7a;
      padding-top: 4px;
      font-size: 25px; }
  .design-footer .mdl-mini-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }
  .design-footer--message {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    text-align: center; }
    .design-footer--message p {
      margin-bottom: 0; }
    .design-footer--message a {
      color: #243D56;
      text-decoration: none; }
      .design-footer--message a span {
        border-bottom: 1px dashed #243D56; }
    .design-footer--message .mdi-flash {
      color: #f2a400;
      font-size: 18px;
      position: relative;
      top: 3px;
      left: 3px; }
    @media only screen and (max-width: 1224px) {
      .design-footer--message__container {
        display: none !important; } }
    .design-footer--message__container .action-link {
      font-size: 14px; }
    .design-footer--message--heading {
      font-size: 0.9em;
      line-height: 1.2;
      margin: 0 0 .25em; }
    .design-footer--message--link {
      font-size: 0.9em; }
  .design-footer .intercom-trigger {
    color: #4B93D3;
    cursor: pointer;
    text-decoration: underline; }

.fullscreen-mode {
  top: 0 !important; }
  .fullscreen-mode.sc-sliding-message {
    top: -100px !important;
    position: fixed !important;
    display: block !important;
    z-index: 61; }
  .fullscreen-mode.sc-sliding-message.showing {
    top: 0px !important; }
  .fullscreen-mode.variation-tabs--loading-panel {
    top: -130px !important;
    padding: 5px; }

.panel-hidden .fullscreen-mode.wizard-variation-device {
  top: 0 !important; }

.wizard-variation-device {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #b9b9b9;
  border: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  min-height: 400px;
  overflow: auto;
  position: fixed;
  top: 178px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  width: 100%;
  will-change: height, top;
  z-index: 50; }
  .wizard-variation-device.is-scrolling {
    display: block; }
  .wizard-variation-device.device-desktop {
    overflow: hidden;
    top: 178px; }
    .wizard-variation-device.device-desktop .wizard-variation-iframe {
      left: 0;
      top: 0;
      -webkit-transform: none;
      transform: none; }

.wizard-variation-plugin-menu.full-screen {
  position: fixed;
  width: 100%;
  top: 0 !important;
  z-index: 50;
  pointer-events: none; }

.wizard-variation-device-inner {
  background: no-repeat center;
  height: 100%;
  margin: 0 auto;
  position: relative;
  width: 100%; }
  .device-mobile .wizard-variation-device-inner {
    background-image: url("../images/devices/mobile.png?v=master_e9d9350e915e1f686d2c5546abb74cc59e8589f8&");
    height: 895px;
    width: 452px; }
  .device-tablet .wizard-variation-device-inner {
    background-image: url("../images/devices/tablet.png?v=master_e9d9350e915e1f686d2c5546abb74cc59e8589f8&");
    height: 765px;
    width: 989px; }

#sc-plugin-selection-menu-container {
  pointer-events: all; }

#sc-plugin-selection-menu-container.behind-tactics {
  z-index: 50; }

.wizard-variation-iframe {
  background-color: #fff;
  border: none;
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 50; }
  .device-desktop .wizard-variation-iframe {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  .device-mobile .wizard-variation-iframe {
    height: 670px;
    margin-left: 1px;
    width: 380px; }
  .device-tablet .wizard-variation-iframe {
    height: 612px;
    margin-left: -10px;
    width: 818px; }

.wizard-mode-switcher {
  position: relative;
  border-left: 1px solid #e6e6e6;
  height: 100%;
  padding: .75em 1em; }
  @media screen and (max-width: 1300px) {
    .wizard-mode-switcher {
      padding: .75em 1em; } }
  .wizard-mode-switcher button {
    background: #FFF;
    border: 1px solid #e6e6e6;
    border-right: 0;
    color: #243D56;
    cursor: pointer;
    float: left;
    font-family: "Proxima Nova", Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    padding: 10px 15px; }
    .wizard-mode-switcher button:last-child {
      border-right: 1px solid #e6e6e6; }
    .wizard-mode-switcher button.active {
      background: -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#FAFAFC));
      background: linear-gradient(to bottom, #b9b9b9 0%, #FAFAFC 100%);
      -webkit-box-shadow: inset 0 0 10px 2px rgba(122, 122, 122, 0.5);
      box-shadow: inset 0 0 10px 2px rgba(122, 122, 122, 0.5);
      cursor: default; }
    .wizard-mode-switcher button:focus {
      outline: none; }
    .wizard-mode-switcher button i {
      font-size: 16px;
      margin-right: .5em; }
      .wizard-mode-switcher button i.mdi-border-color {
        -webkit-transform: translateY(3px);
        transform: translateY(3px); }
      .wizard-mode-switcher button i.mdi-near-me {
        -webkit-transform: translateY(1px);
        transform: translateY(1px); }
    .wizard-mode-switcher button:not([disabled]):active, .wizard-mode-switcher button:not([disabled]):hover, .wizard-mode-switcher button:not([disabled]):focus {
      background-color: #eee; }
    .wizard-mode-switcher button[disabled] {
      color: #b9b9b9 !important;
      cursor: not-allowed; }
  .wizard-mode-switcher button:first-child + .sc-tooltip {
    white-space: nowrap;
    left: 79px;
    top: -50%; }
    @media screen and (max-width: 1300px) {
      .wizard-mode-switcher button:first-child + .sc-tooltip {
        left: 56px; } }
  .wizard-mode-switcher button:first-child:hover + .sc-tooltip {
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    opacity: 1; }

.wizard-footer--left-column {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.wizard-devices {
  position: fixed;
  bottom: 65px;
  z-index: 84;
  left: 180px;
  width: 180px;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.5);
  border-radius: 0; }
  .wizard-devices.open .device-list {
    max-height: 400px; }
  .wizard-devices .device-list {
    list-style-type: none;
    position: absolute;
    margin: 0;
    bottom: 0;
    padding-left: 0;
    width: 100%;
    max-height: 0;
    -webkit-transition: max-height .2s ease;
    transition: max-height .2s ease;
    overflow: hidden;
    -webkit-transition-delay: 0s !important;
    transition-delay: 0s !important; }
    .wizard-devices .device-list li {
      background: #FFF;
      padding: 12px 10px;
      cursor: pointer;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .wizard-devices .device-list li:hover {
        background-color: #eeeeee; }
      .wizard-devices .device-list li.active span {
        font-weight: bold; }
    .wizard-devices .device-list i {
      padding-right: 10px;
      padding-left: 5px;
      width: 25px;
      text-align: center; }

.wizard-glass {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 51;
  display: none; }
  body.ui-dragged .wizard-glass {
    display: block; }

.offline-mode-bar {
  z-index: 2147483647; }
  .offline-mode-bar i {
    line-height: 33px !important;
    position: relative;
    top: 3px; }

.analyse-summary {
  background: url(../images/browser-window.png?v=master_e9d9350e915e1f686d2c5546abb74cc59e8589f8&) no-repeat center;
  height: 382px;
  margin-bottom: 40px; }

.analyse-summary__screenshot {
  border-radius: 0 0 6px 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 268px;
  left: 50%;
  margin-left: 5px;
  overflow: hidden;
  position: absolute;
  top: 143px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 475px;
  z-index: 1; }
  .analyse-summary__screenshot .screenshot {
    height: 100%;
    width: auto; }
  .analyse-summary__screenshot .placeholder {
    background: #FFF;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    color: #243D56;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 250px;
    margin-left: 2px; }
    .analyse-summary__screenshot .placeholder h3 {
      font-size: 20px;
      font-weight: bold;
      margin: 4px 0; }
    .analyse-summary__screenshot .placeholder p {
      margin: 0 0 1em; }
    .analyse-summary__screenshot .placeholder .warning-icon {
      background: #ff9800;
      display: inline-block;
      padding: 8px;
      border-radius: 50px;
      color: white;
      font-size: 30px;
      margin-bottom: .25em;
      text-align: center; }
    .analyse-summary__screenshot .placeholder .refresh-link {
      color: #3787D5;
      display: block;
      font-size: 18px;
      line-height: 28px; }
      .analyse-summary__screenshot .placeholder .refresh-link .mdi, .analyse-summary__screenshot .placeholder .refresh-link .ca-icon, .analyse-summary__screenshot .placeholder .refresh-link .mdi-blog-news, .analyse-summary__screenshot .placeholder .refresh-link .ca-modal .ca-modal__message > div.error:before, .ca-modal .analyse-summary__screenshot .placeholder .refresh-link .ca-modal__message > div.error:before, .analyse-summary__screenshot .placeholder .refresh-link .ca-modal .ca-modal__message > div.warning:before, .ca-modal .analyse-summary__screenshot .placeholder .refresh-link .ca-modal__message > div.warning:before, .analyse-summary__screenshot .placeholder .refresh-link .ca-modal .ca-modal__message > div.success:before, .ca-modal .analyse-summary__screenshot .placeholder .refresh-link .ca-modal__message > div.success:before, .analyse-summary__screenshot .placeholder .refresh-link .ca-modal .ca-modal__message > div.info:before, .ca-modal .analyse-summary__screenshot .placeholder .refresh-link .ca-modal__message > div.info:before, .analyse-summary__screenshot .placeholder .refresh-link .ca-pixel__message > div.error:before, .analyse-summary__screenshot .placeholder .refresh-link .ca-pixel__message > div.warning:before, .analyse-summary__screenshot .placeholder .refresh-link .ca-pixel__message > div.success:before, .analyse-summary__screenshot .placeholder .refresh-link .ca-pixel__message > div.info:before, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-1, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-2, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-3, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-4, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-5, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-6, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-7, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-8, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-9, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-10, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-11, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-12, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-13, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-14, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-15, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-16, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-17, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-18, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-19, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-20, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-21, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-22, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-23, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-24, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-25, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-26, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-27, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-28, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-29, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-30, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-31, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-32, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-33, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-34, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-35, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-36, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-37, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-38, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-39, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-40, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-41, .analyse-summary__screenshot .placeholder .refresh-link .mdi-funnel-42 {
        font-size: 22px;
        vertical-align: text-top; }
    .analyse-summary__screenshot .placeholder .mdl-spinner, .analyse-summary__screenshot .placeholder .ca-button .ca-button-spinner, .ca-button .analyse-summary__screenshot .placeholder .ca-button-spinner, .analyse-summary__screenshot .placeholder .ca-button--colour .ca-button-spinner, .ca-button--colour .analyse-summary__screenshot .placeholder .ca-button-spinner, .analyse-summary__screenshot .placeholder .ca-button--downgrade .ca-button-spinner, .ca-button--downgrade .analyse-summary__screenshot .placeholder .ca-button-spinner, .analyse-summary__screenshot .placeholder .ca-button--accent .ca-button-spinner, .ca-button--accent .analyse-summary__screenshot .placeholder .ca-button-spinner, .analyse-summary__screenshot .placeholder .ca-button--secondary .ca-button-spinner, .ca-button--secondary .analyse-summary__screenshot .placeholder .ca-button-spinner, .analyse-summary__screenshot .placeholder .ca-button--tertiary .ca-button-spinner, .ca-button--tertiary .analyse-summary__screenshot .placeholder .ca-button-spinner, .analyse-summary__screenshot .placeholder .ca-button--outline .ca-button-spinner, .ca-button--outline .analyse-summary__screenshot .placeholder .ca-button-spinner, .analyse-summary__screenshot .placeholder .scenario-checkup__check button .ca-button-spinner, .scenario-checkup__check button .analyse-summary__screenshot .placeholder .ca-button-spinner, .analyse-summary__screenshot .placeholder .ca-button--fab .ca-button-spinner, .ca-button--fab .analyse-summary__screenshot .placeholder .ca-button-spinner, .analyse-summary__screenshot .placeholder .ca-button--cta .ca-button-spinner, .ca-button--cta .analyse-summary__screenshot .placeholder .ca-button-spinner, .analyse-summary__screenshot .placeholder .ca-button--cta--accent .ca-button-spinner, .ca-button--cta--accent .analyse-summary__screenshot .placeholder .ca-button-spinner, .analyse-summary__screenshot .placeholder .ca-button--cta--secondary .ca-button-spinner, .ca-button--cta--secondary .analyse-summary__screenshot .placeholder .ca-button-spinner, .analyse-summary__screenshot .placeholder .ca-button--cta--tertiary .ca-button-spinner, .ca-button--cta--tertiary .analyse-summary__screenshot .placeholder .ca-button-spinner, .analyse-summary__screenshot .placeholder .ca-button--cta--cancel .ca-button-spinner, .ca-button--cta--cancel .analyse-summary__screenshot .placeholder .ca-button-spinner, .analyse-summary__screenshot .placeholder .ca-button--cta--outline-primary .ca-button-spinner, .ca-button--cta--outline-primary .analyse-summary__screenshot .placeholder .ca-button-spinner, .analyse-summary__screenshot .placeholder .ca-button--cta--outline .ca-button-spinner, .ca-button--cta--outline .analyse-summary__screenshot .placeholder .ca-button-spinner {
      display: none; }
      .analyse-summary__screenshot .placeholder .mdl-spinner.is-active, .analyse-summary__screenshot .placeholder .ca-button .is-active.ca-button-spinner, .ca-button .analyse-summary__screenshot .placeholder .is-active.ca-button-spinner, .analyse-summary__screenshot .placeholder .ca-button--colour .is-active.ca-button-spinner, .ca-button--colour .analyse-summary__screenshot .placeholder .is-active.ca-button-spinner, .analyse-summary__screenshot .placeholder .ca-button--downgrade .is-active.ca-button-spinner, .ca-button--downgrade .analyse-summary__screenshot .placeholder .is-active.ca-button-spinner, .analyse-summary__screenshot .placeholder .ca-button--accent .is-active.ca-button-spinner, .ca-button--accent .analyse-summary__screenshot .placeholder .is-active.ca-button-spinner, .analyse-summary__screenshot .placeholder .ca-button--secondary .is-active.ca-button-spinner, .ca-button--secondary .analyse-summary__screenshot .placeholder .is-active.ca-button-spinner, .analyse-summary__screenshot .placeholder .ca-button--tertiary .is-active.ca-button-spinner, .ca-button--tertiary .analyse-summary__screenshot .placeholder .is-active.ca-button-spinner, .analyse-summary__screenshot .placeholder .ca-button--outline .is-active.ca-button-spinner, .ca-button--outline .analyse-summary__screenshot .placeholder .is-active.ca-button-spinner, .analyse-summary__screenshot .placeholder .scenario-checkup__check button .is-active.ca-button-spinner, .scenario-checkup__check button .analyse-summary__screenshot .placeholder .is-active.ca-button-spinner, .analyse-summary__screenshot .placeholder .ca-button--fab .is-active.ca-button-spinner, .ca-button--fab .analyse-summary__screenshot .placeholder .is-active.ca-button-spinner, .analyse-summary__screenshot .placeholder .ca-button--cta .is-active.ca-button-spinner, .ca-button--cta .analyse-summary__screenshot .placeholder .is-active.ca-button-spinner, .analyse-summary__screenshot .placeholder .ca-button--cta--accent .is-active.ca-button-spinner, .ca-button--cta--accent .analyse-summary__screenshot .placeholder .is-active.ca-button-spinner, .analyse-summary__screenshot .placeholder .ca-button--cta--secondary .is-active.ca-button-spinner, .ca-button--cta--secondary .analyse-summary__screenshot .placeholder .is-active.ca-button-spinner, .analyse-summary__screenshot .placeholder .ca-button--cta--tertiary .is-active.ca-button-spinner, .ca-button--cta--tertiary .analyse-summary__screenshot .placeholder .is-active.ca-button-spinner, .analyse-summary__screenshot .placeholder .ca-button--cta--cancel .is-active.ca-button-spinner, .ca-button--cta--cancel .analyse-summary__screenshot .placeholder .is-active.ca-button-spinner, .analyse-summary__screenshot .placeholder .ca-button--cta--outline-primary .is-active.ca-button-spinner, .ca-button--cta--outline-primary .analyse-summary__screenshot .placeholder .is-active.ca-button-spinner, .analyse-summary__screenshot .placeholder .ca-button--cta--outline .is-active.ca-button-spinner, .ca-button--cta--outline .analyse-summary__screenshot .placeholder .is-active.ca-button-spinner {
        display: block; }

.analyse-summary__info {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
  position: relative; }

.analyse-summary__info-box {
  position: absolute;
  text-align: center;
  width: 200px; }
  .analyse-summary__info-box i {
    color: #cdcdcd;
    font-size: 42px; }
  .analyse-summary__info-box h3 {
    font-weight: 600;
    font-size: 22px;
    letter-spacing: .3px;
    line-height: 0.8;
    margin-top: 14px; }
  .analyse-summary__info-box p {
    font-weight: 600;
    color: #8DBC24; }
  .analyse-summary__info-box:after {
    content: "";
    background: transparent;
    border: dashed 0 #cdcdcd;
    border-radius: 50%;
    position: absolute;
    width: 120px;
    height: 40px;
    padding: 40px 40px;
    z-index: -1; }
  .analyse-summary__info-box.top-left {
    left: 0;
    top: 30px; }
    .analyse-summary__info-box.top-left:after {
      border-top-width: 3px;
      top: 40px;
      left: 134px;
      -webkit-transform: rotate(28deg);
      transform: rotate(28deg); }
  .analyse-summary__info-box.bottom-left {
    bottom: 30px;
    left: 0; }
    .analyse-summary__info-box.bottom-left:after {
      border-top-width: 3px;
      top: 5px;
      left: 135px;
      -webkit-transform: rotate(-7deg);
      transform: rotate(-7deg); }
  .analyse-summary__info-box.top-right {
    top: 30px;
    right: 0; }
    .analyse-summary__info-box.top-right:after {
      border-bottom-width: 3px;
      top: -10px;
      left: -145px;
      -webkit-transform: rotate(9deg);
      transform: rotate(9deg); }
  .analyse-summary__info-box.bottom-right {
    bottom: 30px;
    right: 0; }
    .analyse-summary__info-box.bottom-right:after {
      border-top-width: 3px;
      top: 10px;
      left: -128px;
      -webkit-transform: rotate(-4deg);
      transform: rotate(-4deg); }

.scenario-wizard .wizard--substeps.mdl-grid, .scenario-wizard .mdl-layout__header-row {
  padding: 8px; }
  @media (min-width: 1024px) {
    .scenario-wizard .wizard--substeps.mdl-grid, .scenario-wizard .mdl-layout__header-row {
      padding: 0 40px; } }

.scenario-wizard {
  background: #FFF; }

.scenario-wizard__container {
  position: relative;
  top: 130px; }
  .scenario-wizard__container .card .scenario-wizard__info-card {
    padding: 20px;
    position: relative;
    margin-bottom: 3.5em; }
    .scenario-wizard__container .card .scenario-wizard__info-card h1 {
      margin-top: 0;
      margin-bottom: 20px; }
    .scenario-wizard__container .card .scenario-wizard__info-card button {
      position: absolute;
      top: 5px;
      right: 5px;
      font-size: 1.4em;
      border: 0;
      background: transparent;
      cursor: pointer;
      width: 40px;
      margin: 0;
      padding: 0;
      height: 40px;
      line-height: 1; }
      .scenario-wizard__container .card .scenario-wizard__info-card button:hover, .scenario-wizard__container .card .scenario-wizard__info-card button:focus, .scenario-wizard__container .card .scenario-wizard__info-card button:active {
        -webkit-box-shadow: 0;
        box-shadow: 0;
        border: 0;
        outline: 0; }
    .scenario-wizard__container .card .scenario-wizard__info-card .subtitle {
      padding: 20px;
      margin: 20px 0 15px;
      background: #eeeeee;
      text-align: center;
      font-size: 19px; }
  .scenario-wizard__container .scenario-wizard__slider-value {
    text-align: center; }
    .scenario-wizard__container .scenario-wizard__slider-value p {
      font-size: 25px; }
    .scenario-wizard__container .scenario-wizard__slider-value i {
      color: #c6c6c6;
      text-shadow: 0.5px 0.5px #acacac;
      font-size: 55px; }
    .scenario-wizard__container .scenario-wizard__slider-value span {
      color: #243D56;
      font-size: 13px;
      font-weight: 600;
      margin-top: 5px;
      display: block; }
  .scenario-wizard__container .mdl-slider__background-lower {
    background-color: #8DBC24; }

.scenario-wizard__hypothesis-overview {
  border: 1px solid #b9b9b9;
  border-radius: 4px;
  font-size: 32px;
  line-height: 1.2;
  margin: 1em 0;
  padding: 30px;
  text-align: center; }

.scenario-wizard__tooltip {
  margin-top: 15px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform: scale(0) translate(-50%, 0%);
  transform: scale(0) translate(-50%, 0%);
  -webkit-transform-origin: top left;
  transform-origin: top left;
  will-change: transform;
  z-index: 999;
  background: rgba(97, 97, 97, 0.9);
  border-radius: 2px;
  color: white;
  display: inline-block;
  font-size: 10px;
  font-weight: 500;
  line-height: 14px;
  max-width: 170px;
  padding: 5px;
  text-align: center;
  position: absolute; }
  .scenario-wizard__tooltip span {
    color: #fff;
    font-size: 12px;
    text-align: left;
    display: block; }
  .scenario-wizard__tooltip.active {
    -webkit-transform: scale(1) translate(-50%, 0%);
    transform: scale(1) translate(-50%, 0%); }

.scenario-wizard__split-url-editor {
  overflow-y: auto;
  top: 0;
  position: relative; }
  .scenario-wizard__split-url-editor h2,
  .scenario-wizard__split-url-editor h4 {
    margin-bottom: 0; }

.scenario-wizard__team-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0; }
  .scenario-wizard__team-list li {
    font-size: 90%;
    text-align: center;
    width: 90px; }
  .scenario-wizard__team-list img {
    border-radius: 40px;
    display: block;
    margin: 0 auto .5em;
    width: 50px; }

.scenario-wizard__modal-table {
  margin-bottom: .5em;
  width: 100%; }
  .scenario-wizard__modal-table td {
    height: auto;
    padding: 10px;
    vertical-align: middle; }
    .scenario-wizard__modal-table td.scenario-wizard__modal-table-button {
      padding: 0;
      width: 75px; }
      .scenario-wizard__modal-table td.scenario-wizard__modal-table-button > a,
      .scenario-wizard__modal-table td.scenario-wizard__modal-table-button > button {
        height: 100%; }

.scenario-wizard__modal-goals-list {
  max-height: 300px;
  margin-bottom: 1em;
  overflow-y: auto; }
  .scenario-wizard__modal-goals-list table {
    margin-bottom: 0; }

.scenario-wizard__modal-label {
  display: block;
  font-weight: normal;
  margin-top: 5px; }

.scenario-wizard__modal-textfield {
  padding: 0; }

.scenario-wizard__modal-textfield-emphasis {
  font-weight: bold; }

.scenario-wizard__modal-textfield-suffix i.mdi, .scenario-wizard__modal-textfield-suffix i.ca-icon, .scenario-wizard__modal-textfield-suffix i.mdi-blog-news, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-1, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-2, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-3, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-4, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-5, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-6, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-7, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-8, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-9, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-10, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-11, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-12, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-13, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-14, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-15, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-16, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-17, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-18, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-19, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-20, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-21, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-22, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-23, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-24, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-25, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-26, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-27, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-28, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-29, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-30, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-31, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-32, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-33, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-34, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-35, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-36, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-37, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-38, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-39, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-40, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-41, .scenario-wizard__modal-textfield-suffix i.mdi-funnel-42 {
  font-size: 18px;
  margin-top: 5px; }

.scenario-wizard__modal-table-icon {
  font-size: 30px;
  padding: 10px 0 !important;
  text-align: center !important;
  width: 50px; }

.scenario-wizard__design-saved {
  background: rgba(255, 255, 255, 0.8);
  display: none;
  font-weight: bold;
  position: absolute;
  top: -40px;
  right: 35px;
  padding: 10px;
  color: #333;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
  .scenario-wizard__design-saved i.mdi, .scenario-wizard__design-saved i.ca-icon, .scenario-wizard__design-saved i.mdi-blog-news, .scenario-wizard__design-saved i.mdi-funnel-1, .scenario-wizard__design-saved i.mdi-funnel-2, .scenario-wizard__design-saved i.mdi-funnel-3, .scenario-wizard__design-saved i.mdi-funnel-4, .scenario-wizard__design-saved i.mdi-funnel-5, .scenario-wizard__design-saved i.mdi-funnel-6, .scenario-wizard__design-saved i.mdi-funnel-7, .scenario-wizard__design-saved i.mdi-funnel-8, .scenario-wizard__design-saved i.mdi-funnel-9, .scenario-wizard__design-saved i.mdi-funnel-10, .scenario-wizard__design-saved i.mdi-funnel-11, .scenario-wizard__design-saved i.mdi-funnel-12, .scenario-wizard__design-saved i.mdi-funnel-13, .scenario-wizard__design-saved i.mdi-funnel-14, .scenario-wizard__design-saved i.mdi-funnel-15, .scenario-wizard__design-saved i.mdi-funnel-16, .scenario-wizard__design-saved i.mdi-funnel-17, .scenario-wizard__design-saved i.mdi-funnel-18, .scenario-wizard__design-saved i.mdi-funnel-19, .scenario-wizard__design-saved i.mdi-funnel-20, .scenario-wizard__design-saved i.mdi-funnel-21, .scenario-wizard__design-saved i.mdi-funnel-22, .scenario-wizard__design-saved i.mdi-funnel-23, .scenario-wizard__design-saved i.mdi-funnel-24, .scenario-wizard__design-saved i.mdi-funnel-25, .scenario-wizard__design-saved i.mdi-funnel-26, .scenario-wizard__design-saved i.mdi-funnel-27, .scenario-wizard__design-saved i.mdi-funnel-28, .scenario-wizard__design-saved i.mdi-funnel-29, .scenario-wizard__design-saved i.mdi-funnel-30, .scenario-wizard__design-saved i.mdi-funnel-31, .scenario-wizard__design-saved i.mdi-funnel-32, .scenario-wizard__design-saved i.mdi-funnel-33, .scenario-wizard__design-saved i.mdi-funnel-34, .scenario-wizard__design-saved i.mdi-funnel-35, .scenario-wizard__design-saved i.mdi-funnel-36, .scenario-wizard__design-saved i.mdi-funnel-37, .scenario-wizard__design-saved i.mdi-funnel-38, .scenario-wizard__design-saved i.mdi-funnel-39, .scenario-wizard__design-saved i.mdi-funnel-40, .scenario-wizard__design-saved i.mdi-funnel-41, .scenario-wizard__design-saved i.mdi-funnel-42 {
    display: none; }

.scenario-wizard__design-saved-error {
  color: red; }

.scenario-wizard__changes {
  background: #FAFAFC;
  color: #555;
  display: block;
  font-weight: bold;
  position: absolute;
  bottom: 60px;
  right: 35px;
  padding: 10px;
  width: 50%; }

.scenario-wizard__changes-list {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #cccccc;
  background: #FFF;
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: auto;
  height: 150px; }
  .scenario-wizard__changes-list span {
    padding: 0 .5em; }

.scenario-wizard__changes-list-row.undone {
  opacity: .5; }

.scenario-wizard__changes-list-heading {
  background: #e6e6e6;
  border-bottom: 1px solid #cccccc;
  font-weight: bold; }

.scenario-wizard__icon_checkbox {
  line-height: 32px; }
  .scenario-wizard__icon_checkbox.is-checked {
    color: #243D56;
    font-weight: bold; }
  .scenario-wizard__icon_checkbox .mdi, .scenario-wizard__icon_checkbox .ca-icon, .scenario-wizard__icon_checkbox .mdi-blog-news, .scenario-wizard__icon_checkbox .ca-modal .ca-modal__message > div.error:before, .ca-modal .scenario-wizard__icon_checkbox .ca-modal__message > div.error:before, .scenario-wizard__icon_checkbox .ca-modal .ca-modal__message > div.warning:before, .ca-modal .scenario-wizard__icon_checkbox .ca-modal__message > div.warning:before, .scenario-wizard__icon_checkbox .ca-modal .ca-modal__message > div.success:before, .ca-modal .scenario-wizard__icon_checkbox .ca-modal__message > div.success:before, .scenario-wizard__icon_checkbox .ca-modal .ca-modal__message > div.info:before, .ca-modal .scenario-wizard__icon_checkbox .ca-modal__message > div.info:before, .scenario-wizard__icon_checkbox .ca-pixel__message > div.error:before, .scenario-wizard__icon_checkbox .ca-pixel__message > div.warning:before, .scenario-wizard__icon_checkbox .ca-pixel__message > div.success:before, .scenario-wizard__icon_checkbox .ca-pixel__message > div.info:before, .scenario-wizard__icon_checkbox .mdi-funnel-1, .scenario-wizard__icon_checkbox .mdi-funnel-2, .scenario-wizard__icon_checkbox .mdi-funnel-3, .scenario-wizard__icon_checkbox .mdi-funnel-4, .scenario-wizard__icon_checkbox .mdi-funnel-5, .scenario-wizard__icon_checkbox .mdi-funnel-6, .scenario-wizard__icon_checkbox .mdi-funnel-7, .scenario-wizard__icon_checkbox .mdi-funnel-8, .scenario-wizard__icon_checkbox .mdi-funnel-9, .scenario-wizard__icon_checkbox .mdi-funnel-10, .scenario-wizard__icon_checkbox .mdi-funnel-11, .scenario-wizard__icon_checkbox .mdi-funnel-12, .scenario-wizard__icon_checkbox .mdi-funnel-13, .scenario-wizard__icon_checkbox .mdi-funnel-14, .scenario-wizard__icon_checkbox .mdi-funnel-15, .scenario-wizard__icon_checkbox .mdi-funnel-16, .scenario-wizard__icon_checkbox .mdi-funnel-17, .scenario-wizard__icon_checkbox .mdi-funnel-18, .scenario-wizard__icon_checkbox .mdi-funnel-19, .scenario-wizard__icon_checkbox .mdi-funnel-20, .scenario-wizard__icon_checkbox .mdi-funnel-21, .scenario-wizard__icon_checkbox .mdi-funnel-22, .scenario-wizard__icon_checkbox .mdi-funnel-23, .scenario-wizard__icon_checkbox .mdi-funnel-24, .scenario-wizard__icon_checkbox .mdi-funnel-25, .scenario-wizard__icon_checkbox .mdi-funnel-26, .scenario-wizard__icon_checkbox .mdi-funnel-27, .scenario-wizard__icon_checkbox .mdi-funnel-28, .scenario-wizard__icon_checkbox .mdi-funnel-29, .scenario-wizard__icon_checkbox .mdi-funnel-30, .scenario-wizard__icon_checkbox .mdi-funnel-31, .scenario-wizard__icon_checkbox .mdi-funnel-32, .scenario-wizard__icon_checkbox .mdi-funnel-33, .scenario-wizard__icon_checkbox .mdi-funnel-34, .scenario-wizard__icon_checkbox .mdi-funnel-35, .scenario-wizard__icon_checkbox .mdi-funnel-36, .scenario-wizard__icon_checkbox .mdi-funnel-37, .scenario-wizard__icon_checkbox .mdi-funnel-38, .scenario-wizard__icon_checkbox .mdi-funnel-39, .scenario-wizard__icon_checkbox .mdi-funnel-40, .scenario-wizard__icon_checkbox .mdi-funnel-41, .scenario-wizard__icon_checkbox .mdi-funnel-42 {
    line-height: 32px; }

.scenario-wizard__hypothesis-test {
  background: #e0e0e0;
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 10px 20px 10px 10px !important; }

.scenario-wizard__hypothesis-test-success,
.scenario-wizard__hypothesis-test-fail {
  display: block;
  font-size: 12px;
  margin-top: -15px; }

.scenario-wizard__hypothesis-test-success {
  color: #7da720; }

.scenario-wizard__hypothesis-test-fail {
  color: #de3226; }

.scenario-wizard__test-progress {
  line-height: 20px; }

.scenario-wizard__test-heading {
  font-size: 13px;
  line-height: 2px;
  margin-bottom: 0;
  height: 27px;
  margin-top: 10px; }
  .scenario-wizard__test-heading span {
    font-weight: bold; }

.scenario-wizard__test-config {
  font-size: 12px;
  text-decoration: underline; }

.scenario-wizard__test-slider {
  margin: 0;
  width: 100%; }
  .scenario-wizard__test-slider + .mdl-slider__background-flex {
    margin: 0 !important;
    width: 100%; }

.scenario-wizard__test-calculate {
  line-height: 34px; }

.scenario-wizard__targeting_list {
  border: 1px solid #FAFAFC;
  max-height: 140px;
  overflow-y: auto;
  padding: 2px 5px !important; }

.scenario-wizard__summary-buttons {
  margin: 1em 0 4em;
  text-align: center; }

#wizard-design-targeting {
  width: 800px; }

#wizard-confirm-migration {
  width: 600px;
  height: 200px; }

.scenario-wizard__industries {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-spacing: 0 .5em;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%; }
  .scenario-wizard__industries > li {
    display: table-row !important; }

.scenario-wizard__test-value {
  text-align: right; }
  .scenario-wizard__test-progress .scenario-wizard__test-value {
    line-height: 38.5px; }

.scenario-wizard__targeting_row + .scenario-wizard__targeting_row {
  margin-top: .75em !important; }

.scenario-wizard__targeting_days .mdl-checkbox.is-checked .mdl-checkbox__box-outline, .scenario-wizard__split-url-editor .mdl-checkbox.is-checked .mdl-checkbox__box-outline {
  border: 2px solid #8DBC24; }

.scenario-wizard__targeting_days .mdl-checkbox.is-checked .mdl-checkbox__tick-outline, .scenario-wizard__split-url-editor .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
  background-color: #8DBC24; }

.scenario-wizard__targeting_days .mdl-checkbox .mdl-checkbox__box-outline, .scenario-wizard__targeting_days .mdl-checkbox .mdl-checkbox__focus-helper, .scenario-wizard__split-url-editor .mdl-checkbox .mdl-checkbox__box-outline, .scenario-wizard__split-url-editor .mdl-checkbox .mdl-checkbox__focus-helper {
  display: inline-block !important; }

.scenario-wizard__targeting_days .mdl-checkbox__box-outline, .scenario-wizard__split-url-editor .mdl-checkbox__box-outline {
  border: 2px solid rgba(0, 0, 0, 0.14); }

.scenario-wizard__targeting_days .mdl-checkbox, .scenario-wizard__split-url-editor .mdl-checkbox {
  display: inline-block;
  width: auto;
  margin-right: 1em; }

.scenario-wizard__split-url-editor .description {
  padding-left: 20px;
  position: relative;
  top: 2px;
  color: #243D56; }

.scenario-wizard__split-url-editor .learn-more {
  position: relative;
  top: 1px;
  left: -10px;
  text-decoration: none;
  height: 18px; }

.scenario-wizard__split-url-editor .mdl-checkbox {
  margin: 0 1em 0 0; }

.scenario-wizard__textfield {
  padding: 0; }
  .scenario-wizard__textfield.mdl-selectfield:before {
    top: 4px; }
  .scenario-wizard__textfield .mdl-selectfield__select {
    padding: 3px 0; }

.mdl-card-noflex {
  display: block; }
  .mdl-card-noflex h2, .mdl-card-noflex p {
    display: block;
    margin: 0; }

.mg-top-45 {
  margin-top: 45px; }

.box {
  float: left;
  width: 30%;
  background: #fff;
  text-align: center;
  margin: 1.5%;
  height: auto;
  padding: 20px 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 2px solid; }
  .box span {
    display: block;
    margin-top: 10px; }
  .box i {
    font-size: 3.5em; }
  .box:hover, .box.btn-list-active {
    background-color: #ff9800; }
    .box:hover span, .box:hover i, .box.btn-list-active span, .box.btn-list-active i {
      color: #fff; }

.mdl-textfield__info {
  position: absolute;
  font-size: 12px;
  margin-top: 3px;
  visibility: hidden;
  display: block; }
  .mdl-textfield__info.visible {
    visibility: visible; }

#wizard-design-goals-new {
  width: 800px; }

.wizard--edit-project-name {
  margin-left: 1em;
  padding-right: 20px; }
  .wizard--edit-project-name.active {
    width: 300px;
    padding-right: 0;
    border: 1px solid #b9b9b9;
    background-color: #ececec; }
    .wizard--edit-project-name.active .buttons {
      float: right; }
      .wizard--edit-project-name.active .buttons button.mdl-button, .wizard--edit-project-name.active .buttons button.ca-button, .wizard--edit-project-name.active .buttons button.ca-button--colour, .wizard--edit-project-name.active .buttons button.ca-button--downgrade, .wizard--edit-project-name.active .buttons button.ca-button--accent, .wizard--edit-project-name.active .buttons button.ca-button--secondary, .wizard--edit-project-name.active .buttons button.ca-button--tertiary, .wizard--edit-project-name.active .buttons button.ca-button--outline, .wizard--edit-project-name.active .buttons .scenario-checkup__check button, .scenario-checkup__check .wizard--edit-project-name.active .buttons button, .wizard--edit-project-name.active .buttons button.ca-button--fab, .wizard--edit-project-name.active .buttons button.ca-button--cta, .wizard--edit-project-name.active .buttons button.ca-button--cta--accent, .wizard--edit-project-name.active .buttons button.ca-button--cta--secondary, .wizard--edit-project-name.active .buttons button.ca-button--cta--tertiary, .wizard--edit-project-name.active .buttons button.ca-button--cta--cancel, .wizard--edit-project-name.active .buttons button.ca-button--cta--outline-primary, .wizard--edit-project-name.active .buttons button.ca-button--cta--outline {
        border-radius: 50%;
        padding: 0;
        font-size: 16px;
        -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
        height: 25px;
        width: 25px;
        min-width: 25px; }
        .wizard--edit-project-name.active .buttons button.mdl-button:first-child, .wizard--edit-project-name.active .buttons button.ca-button:first-child, .wizard--edit-project-name.active .buttons button.ca-button--colour:first-child, .wizard--edit-project-name.active .buttons button.ca-button--downgrade:first-child, .wizard--edit-project-name.active .buttons button.ca-button--accent:first-child, .wizard--edit-project-name.active .buttons button.ca-button--secondary:first-child, .wizard--edit-project-name.active .buttons button.ca-button--tertiary:first-child, .wizard--edit-project-name.active .buttons button.ca-button--outline:first-child, .wizard--edit-project-name.active .buttons .scenario-checkup__check button:first-child, .scenario-checkup__check .wizard--edit-project-name.active .buttons button:first-child, .wizard--edit-project-name.active .buttons button.ca-button--fab:first-child, .wizard--edit-project-name.active .buttons button.ca-button--cta:first-child, .wizard--edit-project-name.active .buttons button.ca-button--cta--accent:first-child, .wizard--edit-project-name.active .buttons button.ca-button--cta--secondary:first-child, .wizard--edit-project-name.active .buttons button.ca-button--cta--tertiary:first-child, .wizard--edit-project-name.active .buttons button.ca-button--cta--cancel:first-child, .wizard--edit-project-name.active .buttons button.ca-button--cta--outline-primary:first-child, .wizard--edit-project-name.active .buttons button.ca-button--cta--outline:first-child {
          margin: 4px 2px 4px 4px; }
        .wizard--edit-project-name.active .buttons button.mdl-button:last-child, .wizard--edit-project-name.active .buttons button.ca-button:last-child, .wizard--edit-project-name.active .buttons button.ca-button--colour:last-child, .wizard--edit-project-name.active .buttons button.ca-button--downgrade:last-child, .wizard--edit-project-name.active .buttons button.ca-button--accent:last-child, .wizard--edit-project-name.active .buttons button.ca-button--secondary:last-child, .wizard--edit-project-name.active .buttons button.ca-button--tertiary:last-child, .wizard--edit-project-name.active .buttons button.ca-button--outline:last-child, .wizard--edit-project-name.active .buttons .scenario-checkup__check button:last-child, .scenario-checkup__check .wizard--edit-project-name.active .buttons button:last-child, .wizard--edit-project-name.active .buttons button.ca-button--fab:last-child, .wizard--edit-project-name.active .buttons button.ca-button--cta:last-child, .wizard--edit-project-name.active .buttons button.ca-button--cta--accent:last-child, .wizard--edit-project-name.active .buttons button.ca-button--cta--secondary:last-child, .wizard--edit-project-name.active .buttons button.ca-button--cta--tertiary:last-child, .wizard--edit-project-name.active .buttons button.ca-button--cta--cancel:last-child, .wizard--edit-project-name.active .buttons button.ca-button--cta--outline-primary:last-child, .wizard--edit-project-name.active .buttons button.ca-button--cta--outline:last-child {
          margin: 4px 4px 4px 2px; }
        .wizard--edit-project-name.active .buttons button.mdl-button.cancel, .wizard--edit-project-name.active .buttons button.cancel.ca-button, .wizard--edit-project-name.active .buttons button.cancel.ca-button--colour, .wizard--edit-project-name.active .buttons button.cancel.ca-button--downgrade, .wizard--edit-project-name.active .buttons button.cancel.ca-button--accent, .wizard--edit-project-name.active .buttons button.cancel.ca-button--secondary, .wizard--edit-project-name.active .buttons button.cancel.ca-button--tertiary, .wizard--edit-project-name.active .buttons button.cancel.ca-button--outline, .wizard--edit-project-name.active .buttons .scenario-checkup__check button.cancel, .scenario-checkup__check .wizard--edit-project-name.active .buttons button.cancel, .wizard--edit-project-name.active .buttons button.cancel.ca-button--fab, .wizard--edit-project-name.active .buttons button.cancel.ca-button--cta, .wizard--edit-project-name.active .buttons button.cancel.ca-button--cta--accent, .wizard--edit-project-name.active .buttons button.cancel.ca-button--cta--secondary, .wizard--edit-project-name.active .buttons button.cancel.ca-button--cta--tertiary, .wizard--edit-project-name.active .buttons button.cancel.ca-button--cta--cancel, .wizard--edit-project-name.active .buttons button.cancel.ca-button--cta--outline-primary, .wizard--edit-project-name.active .buttons button.cancel.ca-button--cta--outline {
          background-color: #de3226; }
        .wizard--edit-project-name.active .buttons button.mdl-button.done, .wizard--edit-project-name.active .buttons button.done.ca-button, .wizard--edit-project-name.active .buttons button.done.ca-button--colour, .wizard--edit-project-name.active .buttons button.done.ca-button--downgrade, .wizard--edit-project-name.active .buttons button.done.ca-button--accent, .wizard--edit-project-name.active .buttons button.done.ca-button--secondary, .wizard--edit-project-name.active .buttons button.done.ca-button--tertiary, .wizard--edit-project-name.active .buttons button.done.ca-button--outline, .wizard--edit-project-name.active .buttons .scenario-checkup__check button.done, .scenario-checkup__check .wizard--edit-project-name.active .buttons button.done, .wizard--edit-project-name.active .buttons button.done.ca-button--fab, .wizard--edit-project-name.active .buttons button.done.ca-button--cta, .wizard--edit-project-name.active .buttons button.done.ca-button--cta--accent, .wizard--edit-project-name.active .buttons button.done.ca-button--cta--secondary, .wizard--edit-project-name.active .buttons button.done.ca-button--cta--tertiary, .wizard--edit-project-name.active .buttons button.done.ca-button--cta--cancel, .wizard--edit-project-name.active .buttons button.done.ca-button--cta--outline-primary, .wizard--edit-project-name.active .buttons button.done.ca-button--cta--outline {
          background-color: #8DBC24; }
          .wizard--edit-project-name.active .buttons button.mdl-button.done:disabled, .wizard--edit-project-name.active .buttons button.done.ca-button:disabled, .wizard--edit-project-name.active .buttons button.done.ca-button--colour:disabled, .wizard--edit-project-name.active .buttons button.done.ca-button--downgrade:disabled, .wizard--edit-project-name.active .buttons button.done.ca-button--accent:disabled, .wizard--edit-project-name.active .buttons button.done.ca-button--secondary:disabled, .wizard--edit-project-name.active .buttons button.done.ca-button--tertiary:disabled, .wizard--edit-project-name.active .buttons button.done.ca-button--outline:disabled, .wizard--edit-project-name.active .buttons .scenario-checkup__check button.done:disabled, .scenario-checkup__check .wizard--edit-project-name.active .buttons button.done:disabled, .wizard--edit-project-name.active .buttons button.done.ca-button--fab:disabled, .wizard--edit-project-name.active .buttons button.done.ca-button--cta:disabled, .wizard--edit-project-name.active .buttons button.done.ca-button--cta--accent:disabled, .wizard--edit-project-name.active .buttons button.done.ca-button--cta--secondary:disabled, .wizard--edit-project-name.active .buttons button.done.ca-button--cta--tertiary:disabled, .wizard--edit-project-name.active .buttons button.done.ca-button--cta--cancel:disabled, .wizard--edit-project-name.active .buttons button.done.ca-button--cta--outline-primary:disabled, .wizard--edit-project-name.active .buttons button.done.ca-button--cta--outline:disabled {
            background-color: #b9b9b9; }
        .wizard--edit-project-name.active .buttons button.mdl-button i, .wizard--edit-project-name.active .buttons button.ca-button i, .wizard--edit-project-name.active .buttons button.ca-button--colour i, .wizard--edit-project-name.active .buttons button.ca-button--downgrade i, .wizard--edit-project-name.active .buttons button.ca-button--accent i, .wizard--edit-project-name.active .buttons button.ca-button--secondary i, .wizard--edit-project-name.active .buttons button.ca-button--tertiary i, .wizard--edit-project-name.active .buttons button.ca-button--outline i, .wizard--edit-project-name.active .buttons .scenario-checkup__check button i, .scenario-checkup__check .wizard--edit-project-name.active .buttons button i, .wizard--edit-project-name.active .buttons button.ca-button--fab i, .wizard--edit-project-name.active .buttons button.ca-button--cta i, .wizard--edit-project-name.active .buttons button.ca-button--cta--accent i, .wizard--edit-project-name.active .buttons button.ca-button--cta--secondary i, .wizard--edit-project-name.active .buttons button.ca-button--cta--tertiary i, .wizard--edit-project-name.active .buttons button.ca-button--cta--cancel i, .wizard--edit-project-name.active .buttons button.ca-button--cta--outline-primary i, .wizard--edit-project-name.active .buttons button.ca-button--cta--outline i {
          color: #FFF; }
    .wizard--edit-project-name.active input {
      max-width: 220px;
      min-width: 220px;
      line-height: 28px;
      padding-left: 5px;
      font-size: 20px; }
  .wizard--edit-project-name .project-name {
    font-size: 23px;
    line-height: 1;
    color: #243D56;
    margin-top: 0; }
    .wizard--edit-project-name .project-name i {
      color: #b9b9b9;
      visibility: hidden; }
    .wizard--edit-project-name .project-name:hover:not(.disabled) {
      cursor: hand;
      color: #b9b9b9; }
      .wizard--edit-project-name .project-name:hover:not(.disabled) i {
        visibility: visible; }
  .wizard--edit-project-name input {
    font-size: 23px;
    color: #243D56;
    margin-top: 0; }
  .wizard--edit-project-name .breadcrumb {
    color: #243D56; }
    .wizard--edit-project-name .breadcrumb a {
      color: #243D56; }

.scenario-wizard__footer-editor {
  padding: 0;
  height: 60px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.5);
  z-index: 85;
  position: fixed; }

.mdl-mini-footer__link-list {
  height: 60px;
  line-height: 60px; }
  .mdl-mini-footer__link-list li {
    margin: 0; }
    .mdl-mini-footer__link-list li.last {
      line-height: 60px;
      margin: 0 15px; }
      @media screen and (max-width: 1300px) {
        .mdl-mini-footer__link-list li.last {
          margin: 0; } }
    .mdl-mini-footer__link-list li.design-footer--intercom {
      width: 98px;
      border-left: 1px solid #e6e6e6; }

.floating-title, .mdl-grid.mdl-grid--no-spacing.floating-title {
  position: absolute;
  z-index: 3;
  background: #fff;
  width: 100%;
  top: 0;
  left: 45px;
  right: 0;
  padding-top: 16px;
  padding-left: 0; }
  .floating-title h2, .mdl-grid.mdl-grid--no-spacing.floating-title h2 {
    margin-bottom: 0;
    margin-top: 24px; }
  .floating-title .overlay-title, .mdl-grid.mdl-grid--no-spacing.floating-title .overlay-title {
    height: 4vh;
    position: absolute;
    bottom: -4vh;
    left: 0;
    right: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+31,ffffff+100&1+0,1+31,0+100 */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
    /* IE6-9 */ }

.step-title {
  z-index: 10; }
  .step-title h2 {
    padding: 24px 0 0;
    margin: 0; }

.wizard-substep:first-child .card {
  margin-top: 0;
  padding-top: 8px; }

.scenario-wizard__container .mdl-slider--bounce p {
  display: block;
  text-align: center;
  font-size: 30px;
  color: #8DBC24; }

.scenario-wizard__container .mdl-slider--bounce .mdl-slider {
  margin: 0 40px; }

.scenario-wizard__container .mdl-slider--bounce .mdl-slider__background-flex {
  margin: 0 40px;
  width: calc(100% - 80px) !important; }

.scenario-wizard__container .mdl-slider--bounce .mdl-slider__container::before,
.scenario-wizard__container .mdl-slider--bounce .mdl-slider__container::after {
  color: #b9b9b9;
  position: absolute;
  width: 40px; }

.scenario-wizard__container .mdl-slider--bounce .mdl-slider__container::before {
  content: "0%";
  left: -1em;
  text-align: right; }

.scenario-wizard__container .mdl-slider--bounce .mdl-slider__container::after {
  content: "100%";
  right: -1em;
  text-align: left; }

mark {
  background: transparent;
  color: #000;
  font-weight: bold; }

.fade-in.ng-hide {
  display: block !important;
  opacity: 0; }

.fade-in.ng-hide-remove-active {
  -webkit-transition: 0.2s linear all;
  transition: 0.2s linear all;
  transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
  opacity: 1;
  display: block !important; }

.fade-out.ng-hide-add-active {
  -webkit-transition: 0.2s linear all;
  transition: 0.2s linear all;
  opacity: 0; }

.mdl-spinner.mdl-spinner--cloak, .ca-button .mdl-spinner--cloak.ca-button-spinner, .ca-button--colour .mdl-spinner--cloak.ca-button-spinner, .ca-button--downgrade .mdl-spinner--cloak.ca-button-spinner, .ca-button--accent .mdl-spinner--cloak.ca-button-spinner, .ca-button--secondary .mdl-spinner--cloak.ca-button-spinner, .ca-button--tertiary .mdl-spinner--cloak.ca-button-spinner, .ca-button--outline .mdl-spinner--cloak.ca-button-spinner, .scenario-checkup__check button .mdl-spinner--cloak.ca-button-spinner, .ca-button--fab .mdl-spinner--cloak.ca-button-spinner, .ca-button--cta .mdl-spinner--cloak.ca-button-spinner, .ca-button--cta--accent .mdl-spinner--cloak.ca-button-spinner, .ca-button--cta--secondary .mdl-spinner--cloak.ca-button-spinner, .ca-button--cta--tertiary .mdl-spinner--cloak.ca-button-spinner, .ca-button--cta--cancel .mdl-spinner--cloak.ca-button-spinner, .ca-button--cta--outline-primary .mdl-spinner--cloak.ca-button-spinner, .ca-button--cta--outline .mdl-spinner--cloak.ca-button-spinner {
  width: 40px;
  height: 40px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px; }

.spacer-top {
  padding-top: 50px; }

.wizard-link {
  color: #098bdf;
  text-decoration: underline;
  font-weight: normal;
  font-size: 14px;
  cursor: pointer; }

.scenario-errorpage {
  background-color: #F9F9F9;
  margin-top: 20px; }
  .scenario-errorpage * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .scenario-errorpage .scenario-errorpage__header {
    margin-left: 20px;
    width: 100%; }
    .scenario-errorpage .scenario-errorpage__header img {
      height: 35px; }
      @media only screen and (max-width: 459px) {
        .scenario-errorpage .scenario-errorpage__header img {
          height: 23px; } }
  .scenario-errorpage .scenario-errorpage__container {
    opacity: 1;
    width: 100%;
    padding: 0 20px;
    margin: 0;
    background-color: transparent; }
    @media only screen and (min-width: 839px) {
      .scenario-errorpage .scenario-errorpage__container {
        position: absolute;
        z-index: 10;
        top: 40%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 620px; } }
    @media (max-height: 650px) {
      .scenario-errorpage .scenario-errorpage__container {
        -webkit-transform: initial;
        transform: initial;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        position: relative; } }
    .scenario-errorpage .scenario-errorpage__container .brain-img {
      width: 250px;
      max-width: 100%; }
      @media only screen and (max-width: 459px) {
        .scenario-errorpage .scenario-errorpage__container .brain-img {
          width: 130px;
          margin: auto;
          display: block; } }
    .scenario-errorpage .scenario-errorpage__container p {
      margin-top: 10px;
      text-align: left;
      font-size: 17px; }
      .scenario-errorpage .scenario-errorpage__container p a {
        color: #4B93D3; }
    .scenario-errorpage .scenario-errorpage__container .intercom-trigger {
      color: #4B93D3;
      cursor: pointer;
      text-decoration: underline; }
    @media only screen and (min-width: 460px) {
      .scenario-errorpage .scenario-errorpage__container .error-title {
        margin-top: 40%; } }
    .scenario-errorpage .scenario-errorpage__container .error-title h1 {
      font-weight: 700;
      font-size: 40px;
      text-align: left; }
      @media only screen and (max-width: 839px) {
        .scenario-errorpage .scenario-errorpage__container .error-title h1 {
          margin-top: 10px;
          font-size: 30px; } }
    .scenario-errorpage .scenario-errorpage__container .error-title .error_explanation {
      color: #b9b9b9;
      font-size: 15px; }
    .scenario-errorpage .scenario-errorpage__container .error-buttons {
      margin-top: 40px; }
      @media only screen and (max-width: 459px) {
        .scenario-errorpage .scenario-errorpage__container .error-buttons {
          margin-top: 20px;
          text-align: center; } }
      .scenario-errorpage .scenario-errorpage__container .error-buttons a {
        font-size: 15px; }

.lang-fr.scenario-startpage-new .card h1 {
  font: 6vh/1 'Proxima Nova', Arial, sans-serif; }

@media (max-width: 459px) {
  .lang-fr.scenario-startpage-new .scenario-startpage__google-btn span {
    font-size: 12px; } }

@media (max-width: 459px) {
  .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .ca-icon, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-blog-news, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .ca-modal .ca-modal__message > div.error:before, .ca-modal .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .ca-modal__message > div.error:before, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .ca-modal .ca-modal__message > div.warning:before, .ca-modal .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .ca-modal__message > div.warning:before, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .ca-modal .ca-modal__message > div.success:before, .ca-modal .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .ca-modal__message > div.success:before, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .ca-modal .ca-modal__message > div.info:before, .ca-modal .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .ca-modal__message > div.info:before, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .ca-pixel__message > div.error:before, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .ca-pixel__message > div.warning:before, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .ca-pixel__message > div.success:before, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .ca-pixel__message > div.info:before, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-1, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-2, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-3, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-4, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-5, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-6, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-7, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-8, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-9, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-10, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-11, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-12, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-13, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-14, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-15, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-16, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-17, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-18, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-19, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-20, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-21, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-22, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-23, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-24, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-25, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-26, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-27, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-28, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-29, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-30, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-31, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-32, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-33, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-34, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-35, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-36, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-37, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-38, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-39, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-40, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-41, .lang-fr.scenario-startpage-new .scenario-startpage__google-btn .mdi-funnel-42 {
    top: 2px; } }

html[lang="fr"] .goal-saved-goals {
  padding-top: 55px; }

.subscription-modal {
  padding: 20px;
  width: calc(100% - 40px);
  min-height: calc(100% - 40px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .subscription-modal .loading {
    padding: 30px;
    text-align: center; }

.subscription-user-plans {
  padding: 20px;
  width: calc(100% - 40px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .subscription-user-plans .loading {
    padding: 30px;
    text-align: center; }

.subscription-step-plans, .subscription-step-traffic {
  max-width: 850px;
  min-width: 850px;
  display: block;
  margin: 0 auto; }

.subscription-step-plans .free-billing-header {
  text-align: center; }
  .subscription-step-plans .free-billing-header span {
    font-weight: 600;
    color: #023082;
    font-size: 16px; }
  .subscription-step-plans .free-billing-header .subscription-modal-subtitle {
    font-size: 16px;
    color: #7b848c;
    font-weight: 300;
    margin-top: 0;
    text-align: center; }

.cancel-subscription-modal-body .subscription-cancel-list {
  text-align: left; }

.cancel-subscription-modal-body .cancel-subscription-list-items {
  position: relative;
  font-weight: 300;
  color: #565656; }

.subscription-modal-title {
  color: #333b4d;
  font-size: 45px;
  font-weight: 300;
  margin-bottom: 0;
  text-align: center; }

.subscription-modal-subtitle {
  color: #7b848c;
  font-size: 22px;
  font-weight: 300;
  margin-top: 0;
  text-align: center; }
  .subscription-modal-subtitle span {
    float: left; }
  .subscription-modal-subtitle ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto;
    padding: 0px !important; }
    .subscription-modal-subtitle ul li {
      font-size: 22px;
      font-weight: 300;
      margin-top: 0;
      text-align: center;
      margin-left: 35px; }
    .subscription-modal-subtitle ul .no-list-style {
      list-style: none !important;
      margin-left: 0; }

.subscription-selector {
  display: table; }

#selector-inside {
  height: 22px;
  background-color: #b1bacc2b;
  border-radius: 20px;
  width: 70px;
  display: block;
  margin: auto;
  float: left;
  border: 1px solid #8DBC24; }

#selector {
  position: relative;
  top: -27px;
  margin: auto; }

.selector-button {
  -webkit-transition: color .5s ease;
  transition: color .5s ease;
  float: left;
  text-align: center;
  width: 36px;
  font-size: 14px;
  color: #fff;
  background-color: rgba(255, 255, 255, 0);
  cursor: pointer;
  position: relative;
  top: 4px !important;
  font-weight: 300;
  padding: 11px 0; }
  .selector-button.selected {
    background-color: #8DBC24;
    color: #333b4d;
    border-radius: 18px;
    position: relative;
    top: 4px !important;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    padding: 11px 1px; }

.subscription-type {
  position: relative;
  min-height: 40px;
  margin-top: 50px;
  margin-bottom: 20px;
  width: 100%;
  display: table; }
  .subscription-type .subscription-type-middle {
    text-align: left;
    width: 100%; }
  .subscription-type > div {
    display: table-row; }
    .subscription-type > div > div {
      display: table-cell;
      vertical-align: middle; }
  .subscription-type .subscription-selector-label-yearly, .subscription-type .subscription-selector-label-monthly {
    margin-right: 10px;
    font-size: 16px;
    font-weight: 600;
    margin-left: 5px; }
  .subscription-type .subscription-selector-label-yearly {
    color: #8DBC24; }
  .subscription-type .subscription-selector-div {
    margin-right: 10px; }

.subscription-type-save {
  color: #8DBC24;
  font-size: 12px;
  font-weight: 300;
  -webkit-transform: translate(110px, 0);
  transform: translate(110px, 0);
  text-transform: uppercase;
  border: 1px solid #8DBC24;
  padding: 5px 12px;
  line-height: 2;
  position: relative;
  margin-left: 10px; }
  .subscription-type-save strong {
    font-weight: 700; }
  .subscription-type-save::before {
    content: "";
    height: 12px;
    width: 12px;
    position: absolute;
    left: -7px;
    top: 5px;
    border-left: 1px solid #8DBC24;
    border-bottom: 1px solid #8DBC24;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: white; }

.subscription-type .mdi-chevron-down {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  pointer-events: none; }

.subscription-currency {
  padding: 0;
  text-align: right;
  color: #555;
  font-weight: 600;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
  margin-left: 20px;
  position: relative;
  cursor: pointer; }
  .subscription-currency select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    width: 40px;
    border: none;
    color: #565656;
    font: bold 18px "Proxima Nova", Arial, sans-serif;
    font-weight: 600;
    cursor: pointer;
    padding: 3px 6px 3px; }

.subscription-plans {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.subscription-plan {
  border: 1px solid #E7E7E7;
  color: #7a7a7a;
  font-size: 14px;
  margin: 0 5px;
  margin-top: 18px;
  text-align: center;
  width: 350px; }
  .subscription-plan.subscription-plan-highlight {
    -webkit-box-shadow: 0px 20px 20px 2px rgba(0, 0, 0, 0.19);
    box-shadow: 0px 20px 20px 2px rgba(0, 0, 0, 0.19);
    z-index: 3;
    position: relative;
    width: 500px;
    margin-top: 0; }
    .subscription-plan.subscription-plan-highlight .subscription-plan-header {
      border-top: 4px solid #8DBC24;
      padding-top: 9px; }
    .subscription-plan.subscription-plan-highlight .subscription-plan-list {
      -moz-column-count: 2;
      -webkit-column-count: 2;
      column-count: 2; }

.subscription-plan-header {
  padding: 20px 20px 10px; }
  .subscription-plan-header h3 {
    color: #1f9aed;
    font-size: 19px;
    line-height: normal;
    margin: 0;
    text-transform: capitalize;
    font-weight: 700; }
  .subscription-plan-header p {
    font-size: 13px;
    color: #8DBC24;
    margin-bottom: 9px;
    font-weight: 700; }

.subscription-plan-price {
  color: #1f9aed;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -2;
  line-height: normal;
  padding: 9px 9px 9px;
  min-height: 70px; }
  .subscription-plan-price sup {
    font-size: 18px;
    vertical-align: top;
    line-height: 1.5;
    font-weight: 300;
    position: relative;
    top: -3px;
    left: 3px; }
    .subscription-plan-price sup.plan-prefix {
      top: 10px;
      left: 0; }
  .subscription-plan-price span {
    color: #023082; }
  .subscription-plan-price .timeframe {
    color: #023082;
    text-transform: lowercase; }
  .subscription-plan-price mark {
    font-size: 51px;
    color: #1f9aed;
    font-weight: 400;
    padding-left: 3px;
    line-height: 1; }

.subscription-plan-visitors {
  background: rgba(240, 242, 245, 0.34);
  font-size: 16px;
  padding: 15px;
  color: #023082;
  border-top: 1px solid #e6edf6;
  border-bottom: 1px solid #e6edf6;
  height: 80px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.subscription-plan-list {
  list-style: none;
  margin: 0;
  padding: 30px;
  text-align: left; }
  .subscription-plan-list .feature-badge {
    background-color: #dddddd;
    border-radius: 2px;
    padding: 2px 10px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 13px;
    font-weight: 400; }
  .subscription-plan-list .plan-list--tooltip-container {
    position: relative;
    display: inline-block; }
  .subscription-plan-list .sc-tooltip-right {
    width: 250px;
    left: 100% !important;
    white-space: normal;
    -webkit-transform: translate(10px, -50%);
    transform: translate(10px, -50%); }
    .subscription-plan-list .sc-tooltip-right:after {
      border-right-color: rgba(39, 39, 39, 0.85); }
  .subscription-plan-list .tooltip-trigger:hover + .sc-tooltip-right {
    background: rgba(39, 39, 39, 0.85);
    opacity: 1; }

.subscription-plan-list-item {
  padding-left: 2.5em;
  position: relative;
  font-weight: 300;
  color: #565656; }
  .subscription-plan-list-item:before {
    color: #b9b9b9;
    font: 20px 'convertize';
    position: absolute;
    left: 0;
    vertical-align: text-bottom; }
  .subscription-plan-list-item.yes:before {
    color: #8DBC24; }
  .subscription-plan-list-item a {
    color: #2b669a; }
  .subscription-plan-list-item .tooltip-trigger {
    border-bottom: 1px dashed #3c3c3c; }

.subscription-plan-footer button {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 20px auto 20px;
  width: calc(100% - 100px);
  padding: 3px 15px;
  height: 42px;
  font-weight: 400;
  -webkit-transition: background-color .5s ease;
  transition: background-color .5s ease;
  font-size: 16px;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .subscription-plan-footer button p {
    margin: 0;
    line-height: 19px; }
  .subscription-plan-footer button strong {
    font-size: 14px;
    font-weight: 700;
    display: block;
    margin-bottom: -3px; }
  .subscription-plan-footer button .upgrade {
    position: relative;
    top: -7px;
    line-height: 36px;
    font-weight: 700;
    font-size: 14px; }
  .subscription-plan-footer button .cta-text-small {
    font-weight: 300; }
  .subscription-plan-footer button:hover {
    background-color: #a8d93a; }

.subscription-modal-close {
  color: #7a7a7a;
  display: block;
  position: absolute;
  right: 30px;
  top: 30px;
  font-size: 48px;
  line-height: 0.75;
  text-align: center;
  text-decoration: none;
  width: 50px; }
  .subscription-modal-close small {
    display: block;
    font-size: 10px;
    letter-spacing: .1em;
    text-transform: uppercase; }

.subscription-plan-title {
  font-size: 26px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 0;
  text-align: center;
  text-transform: uppercase; }
  .subscription-plan-title sup {
    font-size: 14px; }
  .subscription-plan-title small {
    color: #243D56;
    text-transform: none; }

.subscription-plan-change {
  margin: .5em 0 3em;
  text-align: center; }
  .subscription-plan-change a {
    color: #2b669a; }

.subscription-payment {
  max-width: 700px;
  margin: 0 auto 3em;
  border: 1px solid #E7E7E7;
  background-color: #FAFAFC; }
  .subscription-payment form {
    margin: 20px 1em;
    min-width: 667px; }
  .subscription-payment .mdl-grid--inner {
    padding: 0 20px; }
    .subscription-payment .mdl-grid--inner.grid-spaced {
      padding-bottom: 25px; }
  .subscription-payment .ca-field-icon {
    font-size: 24px; }

.subscription-payment .sc-select button {
  padding-left: 20px;
  padding-right: 20px;
  height: 31px; }

.subscription-payment .sc-select .mdl-menu__container {
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 82px; }

.subscription-payment .sc-select .ca-icon, .subscription-payment .sc-select .mdi-blog-news {
  position: absolute;
  left: 0; }

.subscription-payment .sc-select .sc-select__options {
  min-width: 82px; }

.subscription-payment .sc-select .sc-select__option .ca-icon, .subscription-payment .sc-select .sc-select__option .mdi-blog-news {
  top: 50%;
  left: 5px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%); }

.subscription-payment .sc-select .sc-select__selector {
  min-width: 82px;
  max-width: 82px; }

.subscription-payment .sc-select .sc-select__selector-content span {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

.subscription-payment .sc-select .sc-select__selector-icon {
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%); }

.subscription-payment-heading {
  background-color: #FFF;
  padding: 29px; }
  .subscription-payment-heading b {
    font-size: 20px;
    font-weight: 600; }

.subscription-payment-title {
  font-size: 26px;
  font-weight: bold;
  line-height: 1;
  padding-left: 40px;
  position: relative; }
  .subscription-payment-title:before {
    content: "\e90c";
    font: 26px 'convertize';
    position: absolute;
    left: 10px; }
  .subscription-payment-title small {
    color: #243D56;
    display: block;
    font-size: 14px;
    font-family: inherit;
    margin-top: .25em; }

.subscription-form-label {
  display: inline-block;
  font-weight: bold;
  line-height: 2; }

.subscription-form-input {
  background: #FFF;
  border: 1px solid #E7E7E7;
  -webkit-box-shadow: inset 0 4px 5px 0 rgba(185, 185, 185, 0.2);
  box-shadow: inset 0 4px 5px 0 rgba(185, 185, 185, 0.2);
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  font: 14px "Proxima Nova", Arial, sans-serif;
  margin-top: 0;
  padding: 7px;
  width: 100%; }
  .subscription-form-input:invalid {
    color: #b9b9b9; }
  .subscription-form-input:focus {
    color: inherit; }

.input-with-icon {
  position: relative; }
  .input-with-icon .subscription-form-input {
    padding-left: 30px; }
  .input-with-icon select.subscription-form-input {
    padding-left: 25px; }
  .input-with-icon .ca-icon, .input-with-icon .mdi-blog-news {
    color: #b9b9b9;
    pointer-events: none; }
  .input-with-icon.ca-invalid .mdl-textfield__error {
    visibility: visible; }

.subscription-form-creditcards {
  margin-top: 20px; }

.ccv-texfield .mdl-textfield {
  padding: 0; }
  .ccv-texfield .mdl-textfield input {
    padding: 4px 21px;
    text-align: center; }

.ccv-selectfield select {
  -moz-text-align-last: center;
  text-align-last: center; }
  .ccv-selectfield select:hover, .ccv-selectfield select.ng-valid {
    border-bottom: 1px solid #b9b9b9;
    cursor: pointer; }
  .ccv-selectfield select.ng-invalid.ng-touched, .ccv-selectfield select.ng-invalid.ng-touched:hover {
    border-bottom: 1px solid #de3226; }

.ccv-selectfield .mdl-selectfield {
  padding: 0; }
  .ccv-selectfield .mdl-selectfield:before {
    bottom: 7px; }

.ccv-selectfield select {
  -moz-text-align-last: center;
  text-align-last: center; }
  .ccv-selectfield select:hover, .ccv-selectfield select.ng-valid {
    border-bottom: 1px solid #b9b9b9;
    cursor: pointer; }
  .ccv-selectfield select.ng-invalid.ng-touched, .ccv-selectfield select.ng-invalid.ng-touched:hover {
    border-bottom: 1px solid #de3226; }

.ccv-selectfield .mdl-selectfield {
  padding: 0; }
  .ccv-selectfield .mdl-selectfield:before {
    bottom: 7px; }

.subscription-cta-container {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.subscription-cta-container div:first-child button {
  float: right; }

.subscription-select li {
  text-align: center; }

.subscription-select.ng-touched .sc-select__selector {
  border-bottom: 1px solid #d50000; }

.subscription-select.is-valid .sc-select__selector {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12); }

.subscription-payment-cardnumber .subscription-form-label {
  margin-top: 20px; }

.choose-traffic {
  border-radius: 2px;
  max-width: 600px;
  margin: 0 auto;
  margin-top: 10px;
  width: 100%; }
  .choose-traffic .slider {
    position: relative; }
    .choose-traffic .slider .rzslider {
      width: calc(100% - 40px);
      margin: 0 20px; }
    .choose-traffic .slider .slider-spacing--container {
      position: absolute;
      left: 25px;
      right: 25px;
      height: 4px;
      top: 8px;
      pointer-events: none; }
      .choose-traffic .slider .slider-spacing--container .slider-point {
        position: absolute;
        top: 0;
        height: 6px;
        width: 2px;
        -webkit-transform: translate(-2px, 0);
        transform: translate(-2px, 0);
        background-color: #fff;
        z-index: 5;
        pointer-events: none; }
        .choose-traffic .slider .slider-spacing--container .slider-point:first-child, .choose-traffic .slider .slider-spacing--container .slider-point:last-child {
          display: none; }
    .choose-traffic .slider .mdl-slider.is-lowest-value::-webkit-slider-thumb {
      background-color: #8DBC24;
      border-color: #8DBC24; }
    .choose-traffic .slider .mdl-slider.is-lowest-value::-moz-range-thumb {
      background-color: red;
      border-color: red; }
    .choose-traffic .slider .mdl-slider__background-flex {
      height: 5px;
      -webkit-transform: translate(0, -2px);
      transform: translate(0, -2px);
      background: #dadae9; }
    .choose-traffic .slider .mdl-slider__background-upper {
      background: none !important; }

.subscription-modal .mdl-layout-title {
  position: absolute;
  left: 40px;
  top: 40px; }
  .subscription-modal .mdl-layout-title img {
    width: 150px; }

.subscription-modal .mdl-layout__header-row {
  padding: 0; }

.choose-traffic p, .choose-traffic .plan-type, .choose-traffic .back, .choose-traffic .pricing {
  display: inline-block; }

.choose-traffic .header {
  border-bottom: 2px solid #f4f4f8;
  padding: 10px 0; }

.choose-traffic .back {
  border-radius: 100px;
  border: 2px solid #f4f4f8;
  width: 30px;
  height: 30px;
  margin: 20px;
  position: relative;
  top: -5px; }
  .choose-traffic .back:focus {
    outline: none; }
  .choose-traffic .back i {
    font-size: 17px;
    position: relative;
    left: -2px;
    color: #707070; }

.choose-traffic .plan-type h2, .choose-traffic .pricing h2 {
  font-size: 28px;
  font-weight: 700;
  color: #1f9aed;
  margin-top: 0; }

.choose-traffic .plan-type p {
  margin-bottom: 0;
  font-size: 16px;
  color: #707070;
  position: relative;
  top: 5px; }

.choose-traffic .plan-type {
  position: relative;
  top: 5px; }
  .choose-traffic .plan-type h2 {
    margin-bottom: 0; }

.choose-traffic .pricing {
  float: right;
  margin: 25px; }
  .choose-traffic .pricing p, .choose-traffic .pricing h2 {
    display: inline-block; }
  .choose-traffic .pricing h2 {
    font-size: 40px;
    font-weight: 500; }
  .choose-traffic .pricing .currency {
    position: relative;
    top: -25px;
    font-size: 16px;
    color: #1f9aed; }
  .choose-traffic .pricing p {
    color: #707070; }
  .choose-traffic .pricing .billing {
    text-transform: lowercase; }

.choose-traffic .main {
  text-align: center;
  padding-bottom: 60px; }
  .choose-traffic .main p {
    margin: 60px auto 30px;
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #707070; }
    .choose-traffic .main p strong {
      color: #1f9aed; }
  .choose-traffic .main button {
    text-transform: uppercase !important;
    letter-spacing: 2px;
    padding: 0 50px;
    font-size: 12px; }

#wizard-tactics-fav {
  color: #FFF;
  position: relative;
  text-align: center;
  width: auto; }
  #wizard-tactics-fav .close-modal {
    position: absolute;
    right: 0;
    top: 25px;
    display: block;
    width: 40px;
    height: 40px;
    overflow: hidden;
    text-indent: -999px; }
    #wizard-tactics-fav .close-modal:before, #wizard-tactics-fav .close-modal:after {
      content: "";
      display: block;
      position: absolute;
      background: #FFF;
      width: 30px;
      height: 3px;
      -webkit-transform-origin: center;
      transform-origin: center;
      left: 0;
      top: 20px; }
    #wizard-tactics-fav .close-modal:before {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    #wizard-tactics-fav .close-modal:after {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
  #wizard-tactics-fav .mdl-card {
    color: #7a7a7a;
    min-height: 0;
    width: 100%; }

.tactics--heading {
  font-size: 32px;
  font-weight: bold; }

.tactics--loading {
  margin: 1em 0 2em;
  text-align: center; }
  .tactics--loading .mdl-spinner, .tactics--loading .ca-button .ca-button-spinner, .ca-button .tactics--loading .ca-button-spinner, .tactics--loading .ca-button--colour .ca-button-spinner, .ca-button--colour .tactics--loading .ca-button-spinner, .tactics--loading .ca-button--downgrade .ca-button-spinner, .ca-button--downgrade .tactics--loading .ca-button-spinner, .tactics--loading .ca-button--accent .ca-button-spinner, .ca-button--accent .tactics--loading .ca-button-spinner, .tactics--loading .ca-button--secondary .ca-button-spinner, .ca-button--secondary .tactics--loading .ca-button-spinner, .tactics--loading .ca-button--tertiary .ca-button-spinner, .ca-button--tertiary .tactics--loading .ca-button-spinner, .tactics--loading .ca-button--outline .ca-button-spinner, .ca-button--outline .tactics--loading .ca-button-spinner, .tactics--loading .scenario-checkup__check button .ca-button-spinner, .scenario-checkup__check button .tactics--loading .ca-button-spinner, .tactics--loading .ca-button--fab .ca-button-spinner, .ca-button--fab .tactics--loading .ca-button-spinner, .tactics--loading .ca-button--cta .ca-button-spinner, .ca-button--cta .tactics--loading .ca-button-spinner, .tactics--loading .ca-button--cta--accent .ca-button-spinner, .ca-button--cta--accent .tactics--loading .ca-button-spinner, .tactics--loading .ca-button--cta--secondary .ca-button-spinner, .ca-button--cta--secondary .tactics--loading .ca-button-spinner, .tactics--loading .ca-button--cta--tertiary .ca-button-spinner, .ca-button--cta--tertiary .tactics--loading .ca-button-spinner, .tactics--loading .ca-button--cta--cancel .ca-button-spinner, .ca-button--cta--cancel .tactics--loading .ca-button-spinner, .tactics--loading .ca-button--cta--outline-primary .ca-button-spinner, .ca-button--cta--outline-primary .tactics--loading .ca-button-spinner, .tactics--loading .ca-button--cta--outline .ca-button-spinner, .ca-button--cta--outline .tactics--loading .ca-button-spinner {
    width: 48px;
    height: 48px; }
  .tactics--loading .mdl-spinner__circle {
    border-color: #FFF;
    border-width: 5px; }

.tactics--favlist-arrow {
  font-size: 60px;
  position: absolute;
  width: 80px;
  height: 60px;
  margin-top: -30px;
  top: 50%;
  color: #FFF; }
  .tactics--favlist-arrow[disabled] {
    cursor: default;
    opacity: .4; }
  .tactics--favlist-arrow.tactics--favlist-prev {
    left: -80px; }
  .tactics--favlist-arrow.tactics--favlist-next {
    right: -80px; }

.tactics--favlist-scroll {
  overflow: hidden;
  position: relative; }

.tactics--favlist-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  max-height: 650px;
  padding: 0;
  position: relative;
  left: 0;
  top: 0;
  -webkit-transition: left .25s;
  transition: left .25s; }
  .tactics--favlist-list.tactics--favlist-2-col {
    width: 900px; }
  .tactics--favlist-list.tactics--favlist-3-col {
    width: 1230px; }

.tactics--favlist-item {
  margin-bottom: 10px;
  text-align: left;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .tactics--favlist-item:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    background-color: #ECECEC;
    z-index: 10;
    -webkit-box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.5); }
  .tactics--favlist-2-col .tactics--favlist-item {
    width: 48.75% !important;
    margin: 5px; }
  .tactics--favlist-3-col .tactics--favlist-item {
    width: 400px !important;
    margin: 5px; }
  .tactics--favlist-item .mdl-grid {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%; }
  .tactics--favlist-item h3 {
    color: #000;
    font-size: 18px;
    line-height: 1.5;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .tactics--favlist-item p {
    font-size: 14px;
    line-height: 1;
    margin: 0; }

.tactics--favlist-item-icon {
  width: 80px;
  max-width: 100%; }

.tactics--favlist-all {
  font-size: 20px;
  margin-bottom: 20px;
  text-align: center; }
  .tactics--favlist-all a {
    color: #FFF;
    display: block;
    padding: 10px; }

.tactics--rating {
  padding-top: 10px; }

.tactics--action {
  text-align: right; }

.tactics--unlock {
  text-align: center; }
  .tactics--unlock .mdi, .tactics--unlock .ca-icon, .tactics--unlock .mdi-blog-news, .tactics--unlock .ca-modal .ca-modal__message > div.error:before, .ca-modal .tactics--unlock .ca-modal__message > div.error:before, .tactics--unlock .ca-modal .ca-modal__message > div.warning:before, .ca-modal .tactics--unlock .ca-modal__message > div.warning:before, .tactics--unlock .ca-modal .ca-modal__message > div.success:before, .ca-modal .tactics--unlock .ca-modal__message > div.success:before, .tactics--unlock .ca-modal .ca-modal__message > div.info:before, .ca-modal .tactics--unlock .ca-modal__message > div.info:before, .tactics--unlock .ca-pixel__message > div.error:before, .tactics--unlock .ca-pixel__message > div.warning:before, .tactics--unlock .ca-pixel__message > div.success:before, .tactics--unlock .ca-pixel__message > div.info:before, .tactics--unlock .mdi-funnel-1, .tactics--unlock .mdi-funnel-2, .tactics--unlock .mdi-funnel-3, .tactics--unlock .mdi-funnel-4, .tactics--unlock .mdi-funnel-5, .tactics--unlock .mdi-funnel-6, .tactics--unlock .mdi-funnel-7, .tactics--unlock .mdi-funnel-8, .tactics--unlock .mdi-funnel-9, .tactics--unlock .mdi-funnel-10, .tactics--unlock .mdi-funnel-11, .tactics--unlock .mdi-funnel-12, .tactics--unlock .mdi-funnel-13, .tactics--unlock .mdi-funnel-14, .tactics--unlock .mdi-funnel-15, .tactics--unlock .mdi-funnel-16, .tactics--unlock .mdi-funnel-17, .tactics--unlock .mdi-funnel-18, .tactics--unlock .mdi-funnel-19, .tactics--unlock .mdi-funnel-20, .tactics--unlock .mdi-funnel-21, .tactics--unlock .mdi-funnel-22, .tactics--unlock .mdi-funnel-23, .tactics--unlock .mdi-funnel-24, .tactics--unlock .mdi-funnel-25, .tactics--unlock .mdi-funnel-26, .tactics--unlock .mdi-funnel-27, .tactics--unlock .mdi-funnel-28, .tactics--unlock .mdi-funnel-29, .tactics--unlock .mdi-funnel-30, .tactics--unlock .mdi-funnel-31, .tactics--unlock .mdi-funnel-32, .tactics--unlock .mdi-funnel-33, .tactics--unlock .mdi-funnel-34, .tactics--unlock .mdi-funnel-35, .tactics--unlock .mdi-funnel-36, .tactics--unlock .mdi-funnel-37, .tactics--unlock .mdi-funnel-38, .tactics--unlock .mdi-funnel-39, .tactics--unlock .mdi-funnel-40, .tactics--unlock .mdi-funnel-41, .tactics--unlock .mdi-funnel-42 {
    font-size: 32px;
    margin-bottom: 10px; }
  .tactics--unlock p {
    font-size: 18px; }

#wizard-tactics-detail {
  width: 1200px; }
  #wizard-tactics-detail .mdl-card__title {
    background: #FAFAFC; }
    #wizard-tactics-detail .mdl-card__title .mdl-grid {
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
    #wizard-tactics-detail .mdl-card__title b {
      color: #243D56;
      margin-right: .5em;
      text-transform: uppercase; }
  #wizard-tactics-detail .mdl-card__supporting-text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%; }
  #wizard-tactics-detail .mdl-grid {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 0;
    padding-right: 0;
    max-width: 100%;
    width: 100%; }

.tactics--detail-back {
  padding-top: 20px; }

.tactics--detail-icon {
  margin: 0 20px;
  width: 150px;
  border: 2px solid rgba(153, 153, 153, 0.3);
  -webkit-box-shadow: 0 0 13px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 13px 3px rgba(0, 0, 0, 0.1);
  text-align: center;
  max-height: 100%;
  height: 150px;
  min-height: 100%;
  line-height: 150px;
  border-radius: 10px; }
  .tactics--detail-icon img {
    border-radius: 10px;
    max-width: 80%; }
  .tactics--detail-icon span {
    background: #333;
    border-radius: 10px;
    display: block;
    width: 150px;
    height: 150px; }

.tactics--detail-description {
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  padding: 30px 72px;
  color: #243D56;
  position: relative; }
  .tactics--detail-description img {
    max-width: 950px;
    width: 100%;
    margin: auto;
    display: block; }
  .tactics--detail-description h3 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: .25em;
    margin-top: 35px; }
    .tactics--detail-description h3.tactics--main-title {
      font-size: 24px;
      font-weight: 600;
      margin-bottom: .25em;
      margin-top: 0;
      line-height: 1.4; }
  .tactics--detail-description h4 {
    margin: 10px 0 0;
    font-size: 18px;
    font-weight: bold; }
  .tactics--detail-description p {
    color: #243D56;
    font-size: 16px;
    line-height: 22px; }
  .tactics--detail-description .tactics--detail-error {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .tactics--detail-description .tactics--detail-error .tactics--detail-error-text {
      width: 100%;
      text-align: center; }
    .tactics--detail-description .tactics--detail-error img {
      width: auto;
      max-width: 210px;
      margin: auto;
      display: block; }

.tactics--detail-principles {
  font-size: 18px;
  line-height: 22px;
  margin: 0 0 1em; }

#wizard-tactics-all {
  width: 1200px; }
  #wizard-tactics-all .mdl-grid {
    max-width: 100%;
    width: 100%; }
  #wizard-tactics-all .tactics--loading {
    margin: 2em 0; }
    #wizard-tactics-all .tactics--loading .mdl-spinner, #wizard-tactics-all .tactics--loading .ca-button .ca-button-spinner, .ca-button #wizard-tactics-all .tactics--loading .ca-button-spinner, #wizard-tactics-all .tactics--loading .ca-button--colour .ca-button-spinner, .ca-button--colour #wizard-tactics-all .tactics--loading .ca-button-spinner, #wizard-tactics-all .tactics--loading .ca-button--downgrade .ca-button-spinner, .ca-button--downgrade #wizard-tactics-all .tactics--loading .ca-button-spinner, #wizard-tactics-all .tactics--loading .ca-button--accent .ca-button-spinner, .ca-button--accent #wizard-tactics-all .tactics--loading .ca-button-spinner, #wizard-tactics-all .tactics--loading .ca-button--secondary .ca-button-spinner, .ca-button--secondary #wizard-tactics-all .tactics--loading .ca-button-spinner, #wizard-tactics-all .tactics--loading .ca-button--tertiary .ca-button-spinner, .ca-button--tertiary #wizard-tactics-all .tactics--loading .ca-button-spinner, #wizard-tactics-all .tactics--loading .ca-button--outline .ca-button-spinner, .ca-button--outline #wizard-tactics-all .tactics--loading .ca-button-spinner, #wizard-tactics-all .tactics--loading .scenario-checkup__check button .ca-button-spinner, .scenario-checkup__check button #wizard-tactics-all .tactics--loading .ca-button-spinner, #wizard-tactics-all .tactics--loading .ca-button--fab .ca-button-spinner, .ca-button--fab #wizard-tactics-all .tactics--loading .ca-button-spinner, #wizard-tactics-all .tactics--loading .ca-button--cta .ca-button-spinner, .ca-button--cta #wizard-tactics-all .tactics--loading .ca-button-spinner, #wizard-tactics-all .tactics--loading .ca-button--cta--accent .ca-button-spinner, .ca-button--cta--accent #wizard-tactics-all .tactics--loading .ca-button-spinner, #wizard-tactics-all .tactics--loading .ca-button--cta--secondary .ca-button-spinner, .ca-button--cta--secondary #wizard-tactics-all .tactics--loading .ca-button-spinner, #wizard-tactics-all .tactics--loading .ca-button--cta--tertiary .ca-button-spinner, .ca-button--cta--tertiary #wizard-tactics-all .tactics--loading .ca-button-spinner, #wizard-tactics-all .tactics--loading .ca-button--cta--cancel .ca-button-spinner, .ca-button--cta--cancel #wizard-tactics-all .tactics--loading .ca-button-spinner, #wizard-tactics-all .tactics--loading .ca-button--cta--outline-primary .ca-button-spinner, .ca-button--cta--outline-primary #wizard-tactics-all .tactics--loading .ca-button-spinner, #wizard-tactics-all .tactics--loading .ca-button--cta--outline .ca-button-spinner, .ca-button--cta--outline #wizard-tactics-all .tactics--loading .ca-button-spinner {
      width: 48px;
      height: 48px; }
    #wizard-tactics-all .tactics--loading .mdl-spinner__circle {
      border-color: #7a7a7a;
      border-width: 5px; }

.tactics--list-header {
  border-bottom: 1px solid #7a7a7a;
  margin: 0;
  width: calc(100% - 16px) !important; }
  .tactics--list-header .mdl-cell {
    font-weight: bold;
    padding: 9px; }

.tactics--all-header h2 {
  font-weight: bold; }

.tactics--all-display {
  text-align: right; }
  .tactics--all-display select {
    padding: 5px; }

.tactics--search-icon {
  font-size: 24px;
  line-height: 50px;
  width: 30px !important; }

.tactics--search-field {
  margin: 0; }

.tactics--list-rows {
  max-height: 460px;
  overflow-y: auto; }
  .tactics--list-rows .mdl-grid {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #FAFAFC; }
  .tactics--list-rows .mdl-cell {
    padding: 9px; }

.tactics--column-name {
  width: 40% !important; }

.tactics--column-category {
  width: 17% !important; }

.tactics--column-score {
  width: 12% !important; }
  .tactics--column-score .mdi, .tactics--column-score .ca-icon, .tactics--column-score .mdi-blog-news, .tactics--column-score .ca-modal .ca-modal__message > div.error:before, .ca-modal .tactics--column-score .ca-modal__message > div.error:before, .tactics--column-score .ca-modal .ca-modal__message > div.warning:before, .ca-modal .tactics--column-score .ca-modal__message > div.warning:before, .tactics--column-score .ca-modal .ca-modal__message > div.success:before, .ca-modal .tactics--column-score .ca-modal__message > div.success:before, .tactics--column-score .ca-modal .ca-modal__message > div.info:before, .ca-modal .tactics--column-score .ca-modal__message > div.info:before, .tactics--column-score .ca-pixel__message > div.error:before, .tactics--column-score .ca-pixel__message > div.warning:before, .tactics--column-score .ca-pixel__message > div.success:before, .tactics--column-score .ca-pixel__message > div.info:before, .tactics--column-score .mdi-funnel-1, .tactics--column-score .mdi-funnel-2, .tactics--column-score .mdi-funnel-3, .tactics--column-score .mdi-funnel-4, .tactics--column-score .mdi-funnel-5, .tactics--column-score .mdi-funnel-6, .tactics--column-score .mdi-funnel-7, .tactics--column-score .mdi-funnel-8, .tactics--column-score .mdi-funnel-9, .tactics--column-score .mdi-funnel-10, .tactics--column-score .mdi-funnel-11, .tactics--column-score .mdi-funnel-12, .tactics--column-score .mdi-funnel-13, .tactics--column-score .mdi-funnel-14, .tactics--column-score .mdi-funnel-15, .tactics--column-score .mdi-funnel-16, .tactics--column-score .mdi-funnel-17, .tactics--column-score .mdi-funnel-18, .tactics--column-score .mdi-funnel-19, .tactics--column-score .mdi-funnel-20, .tactics--column-score .mdi-funnel-21, .tactics--column-score .mdi-funnel-22, .tactics--column-score .mdi-funnel-23, .tactics--column-score .mdi-funnel-24, .tactics--column-score .mdi-funnel-25, .tactics--column-score .mdi-funnel-26, .tactics--column-score .mdi-funnel-27, .tactics--column-score .mdi-funnel-28, .tactics--column-score .mdi-funnel-29, .tactics--column-score .mdi-funnel-30, .tactics--column-score .mdi-funnel-31, .tactics--column-score .mdi-funnel-32, .tactics--column-score .mdi-funnel-33, .tactics--column-score .mdi-funnel-34, .tactics--column-score .mdi-funnel-35, .tactics--column-score .mdi-funnel-36, .tactics--column-score .mdi-funnel-37, .tactics--column-score .mdi-funnel-38, .tactics--column-score .mdi-funnel-39, .tactics--column-score .mdi-funnel-40, .tactics--column-score .mdi-funnel-41, .tactics--column-score .mdi-funnel-42 {
    font-size: 20px; }

.tactics--column-read {
  width: 14% !important; }

.tactics--column-favourite {
  width: 17% !important; }

.install-plugin {
  display: inline-block;
  position: relative;
  margin-left: -5px; }
  .install-plugin:hover .sc-tooltip {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }

.tactic-type {
  font-size: 14px;
  font-weight: 600;
  margin: 15px 15px 5px;
  background-color: #FAFAFC; }
  .tactic-type sup {
    font-size: 8px; }

.wizard-tactics-single .tactic-header .tactic-title.smart-plugin-header {
  top: 0; }

.tactic-category-description {
  margin-top: 3px; }

.tactics--detail-actions .ng-popover .ng-popover-wrapper.top::after {
  right: 60px; }

.tactics--detail-actions .tactic-options {
  display: inline-block; }

.plugin-tactic-header, .tactics-list--icon.plugin-tactic {
  background-color: white;
  border: 2px solid #e8e8ea;
  vertical-align: top; }
  .plugin-tactic-header img, .tactics-list--icon.plugin-tactic img {
    width: 30px;
    height: 30px;
    margin: 7px 9px; }

.plugin-tactic-header {
  border: none; }
  .plugin-tactic-header img {
    position: relative;
    top: -7px;
    left: -2px; }

.wizard-tactics-list .mdl-tabs__panel, .wizard-tactics-list .ca-tabs .ca-tabs--panel, .ca-tabs .wizard-tactics-list .ca-tabs--panel {
  background: #FAFAFC; }