@charset "UTF-8";
/**
 * 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.
 */
/* Material Design Lite */
/**
 * 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.
 */
/**
 * 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), (-o-min-device-pixel-ratio: 5/4), (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, .fs-common .fs-btn-tran, .fs-common .fs-btn-run, .fs-common .fs-btn-retry, .fs-common .fs-btn-family-tree, .fs-common .fs-btn-add-1row, .fs-common .fs-btn-search, .fs-common .fs-btn-draft, .fs-common .fs-btn-delete, .fs-common .fs-btn-print, a.fs-tool-btn-add, #fs-matter-customer-info #fs-customer-info-agree #btn-area .fs-btn-agree, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
.mdl-icon-toggle, .mdl-item, .mdl-radio, .mdl-slider, .mdl-switch, .mdl-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,64,129);
  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: '\201C'; }
  blockquote:after {
    content: '\201D';
    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, .fs-common div.fs-confirm-alert-message {
  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, .fs-common div.fs-confirm-alert-message {
  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, article.fs-notice .fs-paragraph .notice-users .already-read {
  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, article.fs-notice .fs-paragraph .notice-users .unread {
  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, .fs-common div.fs-annotation-item-bottom, .fs-common #fs-matters div.fs-annotation-reward-setting, #fs-matters .fs-common div.fs-annotation-reward-setting, article.fs-notice .fs-paragraph .notice-select-users .fs-user-exchange i {
  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, article.fs-notice .fs-paragraph .notice-select-users .fs-user-list {
  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, .fs-common .fs-tbl-list table td i.fa-minus {
  color: rgb(158,158,158) !important; }

.mdl-color--grey-500 {
  background-color: rgb(158,158,158) !important; }

.mdl-color-text--grey-600, .fs-common .fs-exposition, .fs-common div.fs-info-message, .fs-common div.fs-info-message-for-account, .fs-common div.fs-annotation-mid, .fs-common div.fs-annotation-block, #fs-top div.fs-unread-block, #fs-matter-customer-info #fs-customer-info-agree #attention-area, #fs-matter-hearing #fs-invite-ex-message {
  color: rgb(117,117,117) !important; }

.mdl-color--grey-600, .fs-common .fs-btn-add-1row {
  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(63,81,181) !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,64,129) !important; }

.mdl-color--accent-contrast {
  background-color: rgb(255,255,255) !important; }

.mdl-color-text--primary {
  color: rgb(63,81,181) !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,64,129) !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%);
      -ms-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);
    -o-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);
    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);
       -o-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);
       -o-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);
       -o-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);
       -o-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: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: 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,64,129);
    color: rgb(255,255,255); }
    .mdl-button .mdl-badge[data-badge]:after, .fs-common .fs-btn-tran .mdl-badge[data-badge]:after, .fs-common .fs-btn-run .mdl-badge[data-badge]:after, .fs-common .fs-btn-retry .mdl-badge[data-badge]:after, .fs-common .fs-btn-family-tree .mdl-badge[data-badge]:after, .fs-common .fs-btn-add-1row .mdl-badge[data-badge]:after, .fs-common .fs-btn-search .mdl-badge[data-badge]:after, .fs-common .fs-btn-draft .mdl-badge[data-badge]:after, .fs-common .fs-btn-delete .mdl-badge[data-badge]:after, .fs-common .fs-btn-print .mdl-badge[data-badge]:after, a.fs-tool-btn-add .mdl-badge[data-badge]:after, #fs-matter-customer-info #fs-customer-info-agree #btn-area .fs-btn-agree .mdl-badge[data-badge]:after {
      top: -10px;
      right: -5px; }
  .mdl-badge.mdl-badge--no-background[data-badge]:after {
    color: rgb(255,64,129);
    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, .fs-common .fs-btn-tran, .fs-common .fs-btn-run, .fs-common .fs-btn-retry, .fs-common .fs-btn-family-tree, .fs-common .fs-btn-add-1row, .fs-common .fs-btn-search, .fs-common .fs-btn-draft, .fs-common .fs-btn-delete, .fs-common .fs-btn-print, a.fs-tool-btn-add, #fs-matter-customer-info #fs-customer-info-agree #btn-area .fs-btn-agree {
  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);
  -o-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);
  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, .fs-common .fs-btn-tran::-moz-focus-inner, .fs-common .fs-btn-run::-moz-focus-inner, .fs-common .fs-btn-retry::-moz-focus-inner, .fs-common .fs-btn-family-tree::-moz-focus-inner, .fs-common .fs-btn-add-1row::-moz-focus-inner, .fs-common .fs-btn-search::-moz-focus-inner, .fs-common .fs-btn-draft::-moz-focus-inner, .fs-common .fs-btn-delete::-moz-focus-inner, .fs-common .fs-btn-print::-moz-focus-inner, a.fs-tool-btn-add::-moz-focus-inner, #fs-matter-customer-info #fs-customer-info-agree #btn-area .fs-btn-agree::-moz-focus-inner {
    border: 0; }
  .mdl-button:hover, .fs-common .fs-btn-tran:hover, .fs-common .fs-btn-run:hover, .fs-common .fs-btn-retry:hover, .fs-common .fs-btn-family-tree:hover, .fs-common .fs-btn-add-1row:hover, .fs-common .fs-btn-search:hover, .fs-common .fs-btn-draft:hover, .fs-common .fs-btn-delete:hover, .fs-common .fs-btn-print:hover, a.fs-tool-btn-add:hover, #fs-matter-customer-info #fs-customer-info-agree #btn-area .fs-btn-agree:hover {
    background-color: rgba(158,158,158, 0.20); }
  .mdl-button:focus:not(:active), .fs-common .fs-btn-tran:focus:not(:active), .fs-common .fs-btn-run:focus:not(:active), .fs-common .fs-btn-retry:focus:not(:active), .fs-common .fs-btn-family-tree:focus:not(:active), .fs-common .fs-btn-add-1row:focus:not(:active), .fs-common .fs-btn-search:focus:not(:active), .fs-common .fs-btn-draft:focus:not(:active), .fs-common .fs-btn-delete:focus:not(:active), .fs-common .fs-btn-print:focus:not(:active), a.fs-tool-btn-add:focus:not(:active), #fs-matter-customer-info #fs-customer-info-agree #btn-area .fs-btn-agree:focus:not(:active) {
    background-color: rgba(0,0,0, 0.12); }
  .mdl-button:active, .fs-common .fs-btn-tran:active, .fs-common .fs-btn-run:active, .fs-common .fs-btn-retry:active, .fs-common .fs-btn-family-tree:active, .fs-common .fs-btn-add-1row:active, .fs-common .fs-btn-search:active, .fs-common .fs-btn-draft:active, .fs-common .fs-btn-delete:active, .fs-common .fs-btn-print:active, a.fs-tool-btn-add:active, #fs-matter-customer-info #fs-customer-info-agree #btn-area .fs-btn-agree:active {
    background-color: rgba(158,158,158, 0.40); }
  .mdl-button.mdl-button--colored, .fs-common .fs-btn-tran, .fs-common .fs-btn-run, .fs-common .fs-btn-retry, .fs-common .fs-btn-family-tree, .fs-common .fs-btn-add-1row, .fs-common .mdl-button--colored.fs-btn-search, .fs-common a.fs-btn-search.fs-tool-btn-add-md, .fs-common a.fs-btn-search.fs-tool-btn-edit, .fs-common .fs-btn-draft, .fs-common .mdl-button--colored.fs-btn-delete, .fs-common a.fs-btn-delete.fs-tool-btn-add-md, .fs-common a.fs-btn-delete.fs-tool-btn-edit, .fs-common .fs-btn-print, a.mdl-button--colored.fs-tool-btn-add, a.fs-tool-btn-add.fs-tool-btn-add-md, a.fs-tool-btn-add.fs-tool-btn-edit, a.mdl-button.fs-tool-btn-add-md, a.mdl-button.fs-tool-btn-edit, #fs-matter-customer-info #fs-customer-info-agree #btn-area .fs-btn-agree {
    color: rgb(63,81,181); }
    .mdl-button.mdl-button--colored:focus:not(:active), .fs-common .fs-btn-tran:focus:not(:active), .fs-common .fs-btn-run:focus:not(:active), .fs-common .fs-btn-retry:focus:not(:active), .fs-common .fs-btn-family-tree:focus:not(:active), .fs-common .fs-btn-add-1row:focus:not(:active), .fs-common .mdl-button--colored.fs-btn-search:focus:not(:active), .fs-common a.fs-btn-search.fs-tool-btn-add-md:focus:not(:active), .fs-common a.fs-btn-search.fs-tool-btn-edit:focus:not(:active), .fs-common .fs-btn-draft:focus:not(:active), .fs-common .mdl-button--colored.fs-btn-delete:focus:not(:active), .fs-common a.fs-btn-delete.fs-tool-btn-add-md:focus:not(:active), .fs-common a.fs-btn-delete.fs-tool-btn-edit:focus:not(:active), .fs-common .fs-btn-print:focus:not(:active), a.mdl-button--colored.fs-tool-btn-add:focus:not(:active), a.fs-tool-btn-add.fs-tool-btn-add-md:focus:not(:active), a.fs-tool-btn-add.fs-tool-btn-edit:focus:not(:active), a.mdl-button.fs-tool-btn-add-md:focus:not(:active), a.mdl-button.fs-tool-btn-edit:focus:not(:active), #fs-matter-customer-info #fs-customer-info-agree #btn-area .fs-btn-agree:focus:not(:active) {
      background-color: rgba(0,0,0, 0.12); }

input.mdl-button[type="submit"], .fs-common input.fs-btn-tran[type="submit"], .fs-common input.fs-btn-run[type="submit"], .fs-common input.fs-btn-retry[type="submit"], .fs-common input.fs-btn-family-tree[type="submit"], .fs-common input.fs-btn-add-1row[type="submit"], .fs-common input.fs-btn-search[type="submit"], .fs-common input.fs-btn-draft[type="submit"], .fs-common input.fs-btn-delete[type="submit"], .fs-common input.fs-btn-print[type="submit"], #fs-matter-customer-info #fs-customer-info-agree #btn-area input.fs-btn-agree[type="submit"] {
  -webkit-appearance: none; }

.mdl-button--raised, .fs-common .fs-btn-tran, .fs-common .fs-btn-run, .fs-common .fs-btn-retry, .fs-common .fs-btn-family-tree, .fs-common .fs-btn-add-1row, .fs-common .fs-btn-search, .fs-common .fs-btn-draft, .fs-common .fs-btn-delete, .fs-common .fs-btn-print, a.fs-tool-btn-add, a.fs-tool-btn-add-md, a.fs-tool-btn-add-ex, a.fs-tool-btn-edit, #fs-matter-customer-info #fs-customer-info-agree #btn-area .fs-btn-agree {
  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, .fs-common .fs-btn-tran:active, .fs-common .fs-btn-run:active, .fs-common .fs-btn-retry:active, .fs-common .fs-btn-family-tree:active, .fs-common .fs-btn-add-1row:active, .fs-common .fs-btn-search:active, .fs-common .fs-btn-draft:active, .fs-common .fs-btn-delete:active, .fs-common .fs-btn-print:active, a.fs-tool-btn-add:active, a.fs-tool-btn-add-md:active, a.fs-tool-btn-add-ex:active, a.fs-tool-btn-edit:active, #fs-matter-customer-info #fs-customer-info-agree #btn-area .fs-btn-agree: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), .fs-common .fs-btn-tran:focus:not(:active), .fs-common .fs-btn-run:focus:not(:active), .fs-common .fs-btn-retry:focus:not(:active), .fs-common .fs-btn-family-tree:focus:not(:active), .fs-common .fs-btn-add-1row:focus:not(:active), .fs-common .fs-btn-search:focus:not(:active), .fs-common .fs-btn-draft:focus:not(:active), .fs-common .fs-btn-delete:focus:not(:active), .fs-common .fs-btn-print:focus:not(:active), a.fs-tool-btn-add:focus:not(:active), a.fs-tool-btn-add-md:focus:not(:active), a.fs-tool-btn-add-ex:focus:not(:active), a.fs-tool-btn-edit:focus:not(:active), #fs-matter-customer-info #fs-customer-info-agree #btn-area .fs-btn-agree: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, .fs-common .fs-btn-tran, .fs-common .fs-btn-run, .fs-common .fs-btn-retry, .fs-common .fs-btn-family-tree, .fs-common .fs-btn-add-1row, .fs-common .mdl-button--colored.fs-btn-search, .fs-common a.fs-btn-search.fs-tool-btn-add-md, .fs-common a.fs-btn-search.fs-tool-btn-edit, .fs-common .fs-btn-draft, .fs-common .mdl-button--colored.fs-btn-delete, .fs-common a.fs-btn-delete.fs-tool-btn-add-md, .fs-common a.fs-btn-delete.fs-tool-btn-edit, .fs-common .fs-btn-print, a.mdl-button--colored.fs-tool-btn-add, a.fs-tool-btn-add-md, a.mdl-button--colored.fs-tool-btn-add-ex, a.fs-tool-btn-edit, #fs-matter-customer-info #fs-customer-info-agree #btn-area .fs-btn-agree {
    background: rgb(63,81,181);
    color: rgb(255,255,255); }
    .mdl-button--raised.mdl-button--colored:hover, .fs-common .fs-btn-tran:hover, .fs-common .fs-btn-run:hover, .fs-common .fs-btn-retry:hover, .fs-common .fs-btn-family-tree:hover, .fs-common .fs-btn-add-1row:hover, .fs-common .mdl-button--colored.fs-btn-search:hover, .fs-common .fs-btn-draft:hover, .fs-common .mdl-button--colored.fs-btn-delete:hover, .fs-common .fs-btn-print:hover, a.mdl-button--colored.fs-tool-btn-add:hover, a.fs-tool-btn-add-md:hover, a.mdl-button--colored.fs-tool-btn-add-ex:hover, a.fs-tool-btn-edit:hover, #fs-matter-customer-info #fs-customer-info-agree #btn-area .fs-btn-agree:hover {
      background-color: rgb(63,81,181); }
    .mdl-button--raised.mdl-button--colored:active, .fs-common .fs-btn-tran:active, .fs-common .fs-btn-run:active, .fs-common .fs-btn-retry:active, .fs-common .fs-btn-family-tree:active, .fs-common .fs-btn-add-1row:active, .fs-common .mdl-button--colored.fs-btn-search:active, .fs-common .fs-btn-draft:active, .fs-common .mdl-button--colored.fs-btn-delete:active, .fs-common .fs-btn-print:active, a.mdl-button--colored.fs-tool-btn-add:active, a.fs-tool-btn-add-md:active, a.mdl-button--colored.fs-tool-btn-add-ex:active, a.fs-tool-btn-edit:active, #fs-matter-customer-info #fs-customer-info-agree #btn-area .fs-btn-agree:active {
      background-color: rgb(63,81,181); }
    .mdl-button--raised.mdl-button--colored:focus:not(:active), .fs-common .fs-btn-tran:focus:not(:active), .fs-common .fs-btn-run:focus:not(:active), .fs-common .fs-btn-retry:focus:not(:active), .fs-common .fs-btn-family-tree:focus:not(:active), .fs-common .fs-btn-add-1row:focus:not(:active), .fs-common .mdl-button--colored.fs-btn-search:focus:not(:active), .fs-common .fs-btn-draft:focus:not(:active), .fs-common .mdl-button--colored.fs-btn-delete:focus:not(:active), .fs-common .fs-btn-print:focus:not(:active), a.mdl-button--colored.fs-tool-btn-add:focus:not(:active), a.fs-tool-btn-add-md:focus:not(:active), a.mdl-button--colored.fs-tool-btn-add-ex:focus:not(:active), a.fs-tool-btn-edit:focus:not(:active), #fs-matter-customer-info #fs-customer-info-agree #btn-area .fs-btn-agree:focus:not(:active) {
      background-color: rgb(63,81,181); }
    .mdl-button--raised.mdl-button--colored .mdl-ripple, .fs-common .fs-btn-tran .mdl-ripple, .fs-common .fs-btn-run .mdl-ripple, .fs-common .fs-btn-retry .mdl-ripple, .fs-common .fs-btn-family-tree .mdl-ripple, .fs-common .fs-btn-add-1row .mdl-ripple, .fs-common .mdl-button--colored.fs-btn-search .mdl-ripple, .fs-common a.fs-btn-search.fs-tool-btn-add-md .mdl-ripple, .fs-common a.fs-btn-search.fs-tool-btn-edit .mdl-ripple, .fs-common .fs-btn-draft .mdl-ripple, .fs-common .mdl-button--colored.fs-btn-delete .mdl-ripple, .fs-common a.fs-btn-delete.fs-tool-btn-add-md .mdl-ripple, .fs-common a.fs-btn-delete.fs-tool-btn-edit .mdl-ripple, .fs-common .fs-btn-print .mdl-ripple, a.mdl-button--colored.fs-tool-btn-add .mdl-ripple, a.fs-tool-btn-add.fs-tool-btn-add-md .mdl-ripple, a.fs-tool-btn-add.fs-tool-btn-edit .mdl-ripple, a.fs-tool-btn-add-md .mdl-ripple, a.mdl-button--colored.fs-tool-btn-add-ex .mdl-ripple, a.fs-tool-btn-add-ex.fs-tool-btn-add-md .mdl-ripple, a.fs-tool-btn-add-ex.fs-tool-btn-edit .mdl-ripple, a.fs-tool-btn-edit .mdl-ripple, #fs-matter-customer-info #fs-customer-info-agree #btn-area .fs-btn-agree .mdl-ripple {
      background: rgb(255,255,255); }

.mdl-button--fab, a.fs-tool-btn-add {
  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, a.fs-tool-btn-add .material-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-12px, -12px);
        -ms-transform: translate(-12px, -12px);
            transform: translate(-12px, -12px);
    line-height: 24px;
    width: 24px; }
  .mdl-button--fab.mdl-button--mini-fab, a.mdl-button--mini-fab.fs-tool-btn-add {
    height: 40px;
    min-width: 40px;
    width: 40px; }
  .mdl-button--fab .mdl-button__ripple-container, a.fs-tool-btn-add .mdl-button__ripple-container {
    border-radius: 50%;
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
  .mdl-button--fab:active, a.fs-tool-btn-add: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), a.fs-tool-btn-add: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, .fs-common .mdl-button--fab.fs-btn-tran, .fs-common a.fs-btn-tran.fs-tool-btn-add, .fs-common .mdl-button--fab.fs-btn-run, .fs-common a.fs-btn-run.fs-tool-btn-add, .fs-common .mdl-button--fab.fs-btn-retry, .fs-common a.fs-btn-retry.fs-tool-btn-add, .fs-common .mdl-button--fab.fs-btn-family-tree, .fs-common a.fs-btn-family-tree.fs-tool-btn-add, .fs-common .mdl-button--fab.fs-btn-add-1row, .fs-common a.fs-btn-add-1row.fs-tool-btn-add, .fs-common .mdl-button--fab.fs-btn-draft, .fs-common a.fs-btn-draft.fs-tool-btn-add, .fs-common .mdl-button--fab.fs-btn-print, .fs-common a.fs-btn-print.fs-tool-btn-add, a.mdl-button--colored.fs-tool-btn-add, a.fs-tool-btn-add.fs-tool-btn-add-md, a.fs-tool-btn-add.fs-tool-btn-edit, #fs-matter-customer-info #fs-customer-info-agree #btn-area a.fs-tool-btn-add.fs-btn-agree, a.mdl-button--fab.fs-tool-btn-add-md, a.mdl-button--fab.fs-tool-btn-edit, #fs-matter-customer-info #fs-customer-info-agree #btn-area .mdl-button--fab.fs-btn-agree {
    background: rgb(255,64,129);
    color: rgb(255,255,255); }
    .mdl-button--fab.mdl-button--colored:hover, .fs-common .mdl-button--fab.fs-btn-tran:hover, .fs-common a.fs-btn-tran.fs-tool-btn-add:hover, .fs-common .mdl-button--fab.fs-btn-run:hover, .fs-common a.fs-btn-run.fs-tool-btn-add:hover, .fs-common .mdl-button--fab.fs-btn-retry:hover, .fs-common a.fs-btn-retry.fs-tool-btn-add:hover, .fs-common .mdl-button--fab.fs-btn-family-tree:hover, .fs-common a.fs-btn-family-tree.fs-tool-btn-add:hover, .fs-common .mdl-button--fab.fs-btn-add-1row:hover, .fs-common a.fs-btn-add-1row.fs-tool-btn-add:hover, .fs-common .mdl-button--fab.fs-btn-draft:hover, .fs-common a.fs-btn-draft.fs-tool-btn-add:hover, .fs-common .mdl-button--fab.fs-btn-print:hover, .fs-common a.fs-btn-print.fs-tool-btn-add:hover, a.mdl-button--colored.fs-tool-btn-add:hover, a.fs-tool-btn-add.fs-tool-btn-add-md:hover, a.fs-tool-btn-add.fs-tool-btn-edit:hover, #fs-matter-customer-info #fs-customer-info-agree #btn-area a.fs-tool-btn-add.fs-btn-agree:hover, a.mdl-button--fab.fs-tool-btn-add-md:hover, a.mdl-button--fab.fs-tool-btn-edit:hover, #fs-matter-customer-info #fs-customer-info-agree #btn-area .mdl-button--fab.fs-btn-agree:hover {
      background-color: rgb(255,64,129); }
    .mdl-button--fab.mdl-button--colored:focus:not(:active), .fs-common .mdl-button--fab.fs-btn-tran:focus:not(:active), .fs-common a.fs-btn-tran.fs-tool-btn-add:focus:not(:active), .fs-common .mdl-button--fab.fs-btn-run:focus:not(:active), .fs-common a.fs-btn-run.fs-tool-btn-add:focus:not(:active), .fs-common .mdl-button--fab.fs-btn-retry:focus:not(:active), .fs-common a.fs-btn-retry.fs-tool-btn-add:focus:not(:active), .fs-common .mdl-button--fab.fs-btn-family-tree:focus:not(:active), .fs-common a.fs-btn-family-tree.fs-tool-btn-add:focus:not(:active), .fs-common .mdl-button--fab.fs-btn-add-1row:focus:not(:active), .fs-common a.fs-btn-add-1row.fs-tool-btn-add:focus:not(:active), .fs-common .mdl-button--fab.fs-btn-draft:focus:not(:active), .fs-common a.fs-btn-draft.fs-tool-btn-add:focus:not(:active), .fs-common .mdl-button--fab.fs-btn-print:focus:not(:active), .fs-common a.fs-btn-print.fs-tool-btn-add:focus:not(:active), a.mdl-button--colored.fs-tool-btn-add:focus:not(:active), a.fs-tool-btn-add.fs-tool-btn-add-md:focus:not(:active), a.fs-tool-btn-add.fs-tool-btn-edit:focus:not(:active), #fs-matter-customer-info #fs-customer-info-agree #btn-area a.fs-tool-btn-add.fs-btn-agree:focus:not(:active), a.mdl-button--fab.fs-tool-btn-add-md:focus:not(:active), a.mdl-button--fab.fs-tool-btn-edit:focus:not(:active), #fs-matter-customer-info #fs-customer-info-agree #btn-area .mdl-button--fab.fs-btn-agree:focus:not(:active) {
      background-color: rgb(255,64,129); }
    .mdl-button--fab.mdl-button--colored:active, .fs-common .mdl-button--fab.fs-btn-tran:active, .fs-common a.fs-btn-tran.fs-tool-btn-add:active, .fs-common .mdl-button--fab.fs-btn-run:active, .fs-common a.fs-btn-run.fs-tool-btn-add:active, .fs-common .mdl-button--fab.fs-btn-retry:active, .fs-common a.fs-btn-retry.fs-tool-btn-add:active, .fs-common .mdl-button--fab.fs-btn-family-tree:active, .fs-common a.fs-btn-family-tree.fs-tool-btn-add:active, .fs-common .mdl-button--fab.fs-btn-add-1row:active, .fs-common a.fs-btn-add-1row.fs-tool-btn-add:active, .fs-common .mdl-button--fab.fs-btn-draft:active, .fs-common a.fs-btn-draft.fs-tool-btn-add:active, .fs-common .mdl-button--fab.fs-btn-print:active, .fs-common a.fs-btn-print.fs-tool-btn-add:active, a.mdl-button--colored.fs-tool-btn-add:active, a.fs-tool-btn-add.fs-tool-btn-add-md:active, a.fs-tool-btn-add.fs-tool-btn-edit:active, #fs-matter-customer-info #fs-customer-info-agree #btn-area a.fs-tool-btn-add.fs-btn-agree:active, a.mdl-button--fab.fs-tool-btn-add-md:active, a.mdl-button--fab.fs-tool-btn-edit:active, #fs-matter-customer-info #fs-customer-info-agree #btn-area .mdl-button--fab.fs-btn-agree:active {
      background-color: rgb(255,64,129); }
    .mdl-button--fab.mdl-button--colored .mdl-ripple, .fs-common .mdl-button--fab.fs-btn-tran .mdl-ripple, .fs-common a.fs-btn-tran.fs-tool-btn-add .mdl-ripple, .fs-common .mdl-button--fab.fs-btn-run .mdl-ripple, .fs-common a.fs-btn-run.fs-tool-btn-add .mdl-ripple, .fs-common .mdl-button--fab.fs-btn-retry .mdl-ripple, .fs-common a.fs-btn-retry.fs-tool-btn-add .mdl-ripple, .fs-common .mdl-button--fab.fs-btn-family-tree .mdl-ripple, .fs-common a.fs-btn-family-tree.fs-tool-btn-add .mdl-ripple, .fs-common .mdl-button--fab.fs-btn-add-1row .mdl-ripple, .fs-common a.fs-btn-add-1row.fs-tool-btn-add .mdl-ripple, .fs-common .mdl-button--fab.fs-btn-draft .mdl-ripple, .fs-common a.fs-btn-draft.fs-tool-btn-add .mdl-ripple, .fs-common .mdl-button--fab.fs-btn-print .mdl-ripple, .fs-common a.fs-btn-print.fs-tool-btn-add .mdl-ripple, a.mdl-button--colored.fs-tool-btn-add .mdl-ripple, a.fs-tool-btn-add.fs-tool-btn-add-md .mdl-ripple, a.fs-tool-btn-add.fs-tool-btn-edit .mdl-ripple, #fs-matter-customer-info #fs-customer-info-agree #btn-area a.fs-tool-btn-add.fs-btn-agree .mdl-ripple, a.mdl-button--fab.fs-tool-btn-add-md .mdl-ripple, a.mdl-button--fab.fs-tool-btn-edit .mdl-ripple, #fs-matter-customer-info #fs-customer-info-agree #btn-area .mdl-button--fab.fs-btn-agree .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);
        -ms-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, .fs-common .fs-btn-tran[disabled] .mdl-button__ripple-container .mdl-ripple, .fs-common .fs-btn-run[disabled] .mdl-button__ripple-container .mdl-ripple, .fs-common .fs-btn-retry[disabled] .mdl-button__ripple-container .mdl-ripple, .fs-common .fs-btn-family-tree[disabled] .mdl-button__ripple-container .mdl-ripple, .fs-common .fs-btn-add-1row[disabled] .mdl-button__ripple-container .mdl-ripple, .fs-common .fs-btn-search[disabled] .mdl-button__ripple-container .mdl-ripple, .fs-common .fs-btn-draft[disabled] .mdl-button__ripple-container .mdl-ripple, .fs-common .fs-btn-delete[disabled] .mdl-button__ripple-container .mdl-ripple, .fs-common .fs-btn-print[disabled] .mdl-button__ripple-container .mdl-ripple, a.fs-tool-btn-add[disabled] .mdl-button__ripple-container .mdl-ripple, #fs-matter-customer-info #fs-customer-info-agree #btn-area .fs-btn-agree[disabled] .mdl-button__ripple-container .mdl-ripple,
  .mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple,
  .fs-common .mdl-button--disabled.fs-btn-tran .mdl-button__ripple-container .mdl-ripple,
  .fs-common .mdl-button--disabled.fs-btn-run .mdl-button__ripple-container .mdl-ripple,
  .fs-common .mdl-button--disabled.fs-btn-retry .mdl-button__ripple-container .mdl-ripple,
  .fs-common .mdl-button--disabled.fs-btn-family-tree .mdl-button__ripple-container .mdl-ripple,
  .fs-common .mdl-button--disabled.fs-btn-add-1row .mdl-button__ripple-container .mdl-ripple,
  .fs-common .mdl-button--disabled.fs-btn-search .mdl-button__ripple-container .mdl-ripple,
  .fs-common .mdl-button--disabled.fs-btn-draft .mdl-button__ripple-container .mdl-ripple,
  .fs-common .mdl-button--disabled.fs-btn-delete .mdl-button__ripple-container .mdl-ripple,
  .fs-common .mdl-button--disabled.fs-btn-print .mdl-button__ripple-container .mdl-ripple,
  a.mdl-button--disabled.fs-tool-btn-add .mdl-button__ripple-container .mdl-ripple,
  #fs-matter-customer-info #fs-customer-info-agree #btn-area .mdl-button--disabled.fs-btn-agree .mdl-button__ripple-container .mdl-ripple {
    background-color: transparent; }

.mdl-button--primary.mdl-button--primary {
  color: rgb(63,81,181); }
  .mdl-button--primary.mdl-button--primary .mdl-ripple {
    background: rgb(255,255,255); }
  .mdl-button--primary.mdl-button--primary.mdl-button--raised, .fs-common .mdl-button--primary.mdl-button--primary.fs-btn-tran, .fs-common .mdl-button--primary.mdl-button--primary.fs-btn-run, .fs-common .mdl-button--primary.mdl-button--primary.fs-btn-retry, .fs-common .mdl-button--primary.mdl-button--primary.fs-btn-family-tree, .fs-common .mdl-button--primary.mdl-button--primary.fs-btn-add-1row, .fs-common .mdl-button--primary.mdl-button--primary.fs-btn-search, .fs-common .mdl-button--primary.mdl-button--primary.fs-btn-draft, .fs-common .mdl-button--primary.mdl-button--primary.fs-btn-delete, .fs-common .mdl-button--primary.mdl-button--primary.fs-btn-print, a.mdl-button--primary.mdl-button--primary.fs-tool-btn-add, a.mdl-button--primary.mdl-button--primary.fs-tool-btn-add-md, a.mdl-button--primary.mdl-button--primary.fs-tool-btn-add-ex, a.mdl-button--primary.mdl-button--primary.fs-tool-btn-edit, #fs-matter-customer-info #fs-customer-info-agree #btn-area .mdl-button--primary.mdl-button--primary.fs-btn-agree, .mdl-button--primary.mdl-button--primary.mdl-button--fab, a.mdl-button--primary.mdl-button--primary.fs-tool-btn-add {
    color: rgb(255,255,255);
    background-color: rgb(63,81,181); }

.mdl-button--accent.mdl-button--accent, .fs-common .fs-btn-run, .fs-common .fs-btn-retry, .fs-common .fs-btn-search, a.fs-tool-btn-add, a.fs-tool-btn-add-ex, #fs-matter-customer-info #fs-customer-info-agree #btn-area .fs-btn-agree {
  color: rgb(255,64,129); }
  .mdl-button--accent.mdl-button--accent .mdl-ripple, .fs-common .fs-btn-run .mdl-ripple, .fs-common .fs-btn-retry .mdl-ripple, .fs-common .fs-btn-search .mdl-ripple, a.fs-tool-btn-add .mdl-ripple, a.fs-tool-btn-add-ex .mdl-ripple, #fs-matter-customer-info #fs-customer-info-agree #btn-area .fs-btn-agree .mdl-ripple {
    background: rgb(255,255,255); }
  .mdl-button--accent.mdl-button--accent.mdl-button--raised, .fs-common .mdl-button--accent.mdl-button--accent.fs-btn-tran, .fs-common a.fs-btn-tran.fs-tool-btn-add, .fs-common a.fs-btn-tran.fs-tool-btn-add-ex, .fs-common .fs-btn-run, .fs-common .fs-btn-retry, .fs-common .mdl-button--accent.mdl-button--accent.fs-btn-family-tree, .fs-common a.fs-btn-family-tree.fs-tool-btn-add, .fs-common a.fs-btn-family-tree.fs-tool-btn-add-ex, .fs-common .mdl-button--accent.mdl-button--accent.fs-btn-add-1row, .fs-common a.fs-btn-add-1row.fs-tool-btn-add, .fs-common a.fs-btn-add-1row.fs-tool-btn-add-ex, .fs-common .fs-btn-search, .fs-common .mdl-button--accent.mdl-button--accent.fs-btn-draft, .fs-common a.fs-btn-draft.fs-tool-btn-add, .fs-common a.fs-btn-draft.fs-tool-btn-add-ex, .fs-common .mdl-button--accent.mdl-button--accent.fs-btn-delete, .fs-common a.fs-btn-delete.fs-tool-btn-add, .fs-common a.fs-btn-delete.fs-tool-btn-add-ex, .fs-common .mdl-button--accent.mdl-button--accent.fs-btn-print, .fs-common a.fs-btn-print.fs-tool-btn-add, .fs-common a.fs-btn-print.fs-tool-btn-add-ex, a.fs-tool-btn-add, a.mdl-button--accent.mdl-button--accent.fs-tool-btn-add-md, a.fs-tool-btn-add-ex, a.mdl-button--accent.mdl-button--accent.fs-tool-btn-edit, #fs-matter-customer-info #fs-customer-info-agree #btn-area .fs-btn-agree, .mdl-button--accent.mdl-button--accent.mdl-button--fab, .fs-common .mdl-button--fab.fs-btn-run, .fs-common a.fs-btn-run.fs-tool-btn-add, .fs-common .mdl-button--fab.fs-btn-retry, .fs-common a.fs-btn-retry.fs-tool-btn-add, .fs-common .mdl-button--fab.fs-btn-search, .fs-common a.fs-btn-search.fs-tool-btn-add, a.fs-tool-btn-add, a.mdl-button--fab.fs-tool-btn-add-ex, #fs-matter-customer-info #fs-customer-info-agree #btn-area .mdl-button--fab.fs-btn-agree, #fs-matter-customer-info #fs-customer-info-agree #btn-area a.fs-btn-agree.fs-tool-btn-add {
    color: rgb(255,255,255);
    background-color: rgb(255,64,129); }

.mdl-button[disabled][disabled], .fs-common .fs-btn-tran[disabled][disabled], .fs-common .fs-btn-run[disabled][disabled], .fs-common .fs-btn-retry[disabled][disabled], .fs-common .fs-btn-family-tree[disabled][disabled], .fs-common .fs-btn-add-1row[disabled][disabled], .fs-common .fs-btn-search[disabled][disabled], .fs-common .fs-btn-draft[disabled][disabled], .fs-common .fs-btn-delete[disabled][disabled], .fs-common .fs-btn-print[disabled][disabled], a.fs-tool-btn-add[disabled][disabled], #fs-matter-customer-info #fs-customer-info-agree #btn-area .fs-btn-agree[disabled][disabled], .mdl-button.mdl-button--disabled.mdl-button--disabled, .fs-common .mdl-button--disabled.mdl-button--disabled.fs-btn-tran, .fs-common .mdl-button--disabled.mdl-button--disabled.fs-btn-run, .fs-common .mdl-button--disabled.mdl-button--disabled.fs-btn-retry, .fs-common .mdl-button--disabled.mdl-button--disabled.fs-btn-family-tree, .fs-common .mdl-button--disabled.mdl-button--disabled.fs-btn-add-1row, .fs-common .mdl-button--disabled.mdl-button--disabled.fs-btn-search, .fs-common .mdl-button--disabled.mdl-button--disabled.fs-btn-draft, .fs-common .mdl-button--disabled.mdl-button--disabled.fs-btn-delete, .fs-common .mdl-button--disabled.mdl-button--disabled.fs-btn-print, a.mdl-button--disabled.mdl-button--disabled.fs-tool-btn-add, #fs-matter-customer-info #fs-customer-info-agree #btn-area .mdl-button--disabled.mdl-button--disabled.fs-btn-agree {
  color: rgba(0,0,0, 0.26);
  cursor: default;
  background-color: transparent; }

.mdl-button--fab[disabled][disabled], a.fs-tool-btn-add[disabled][disabled], .mdl-button--fab.mdl-button--disabled.mdl-button--disabled, a.mdl-button--disabled.mdl-button--disabled.fs-tool-btn-add {
  background-color: rgba(0,0,0, 0.12);
  color: rgba(0,0,0, 0.26); }

.mdl-button--raised[disabled][disabled], .fs-common .fs-btn-tran[disabled][disabled], .fs-common .fs-btn-run[disabled][disabled], .fs-common .fs-btn-retry[disabled][disabled], .fs-common .fs-btn-family-tree[disabled][disabled], .fs-common .fs-btn-add-1row[disabled][disabled], .fs-common .fs-btn-search[disabled][disabled], .fs-common .fs-btn-draft[disabled][disabled], .fs-common .fs-btn-delete[disabled][disabled], .fs-common .fs-btn-print[disabled][disabled], a.fs-tool-btn-add[disabled][disabled], a.fs-tool-btn-add-md[disabled][disabled], a.fs-tool-btn-add-ex[disabled][disabled], a.fs-tool-btn-edit[disabled][disabled], #fs-matter-customer-info #fs-customer-info-agree #btn-area .fs-btn-agree[disabled][disabled], .mdl-button--raised.mdl-button--disabled.mdl-button--disabled, .fs-common .mdl-button--disabled.mdl-button--disabled.fs-btn-tran, .fs-common .mdl-button--disabled.mdl-button--disabled.fs-btn-run, .fs-common .mdl-button--disabled.mdl-button--disabled.fs-btn-retry, .fs-common .mdl-button--disabled.mdl-button--disabled.fs-btn-family-tree, .fs-common .mdl-button--disabled.mdl-button--disabled.fs-btn-add-1row, .fs-common .mdl-button--disabled.mdl-button--disabled.fs-btn-search, .fs-common .mdl-button--disabled.mdl-button--disabled.fs-btn-draft, .fs-common .mdl-button--disabled.mdl-button--disabled.fs-btn-delete, .fs-common .mdl-button--disabled.mdl-button--disabled.fs-btn-print, a.mdl-button--disabled.mdl-button--disabled.fs-tool-btn-add, a.mdl-button--disabled.mdl-button--disabled.fs-tool-btn-add-md, a.mdl-button--disabled.mdl-button--disabled.fs-tool-btn-add-ex, a.mdl-button--disabled.mdl-button--disabled.fs-tool-btn-edit, #fs-matter-customer-info #fs-customer-info-agree #btn-area .mdl-button--disabled.mdl-button--disabled.fs-btn-agree {
  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], .fs-common .fs-btn-tran[disabled][disabled], .fs-common .fs-btn-run[disabled][disabled], .fs-common .fs-btn-retry[disabled][disabled], .fs-common .fs-btn-family-tree[disabled][disabled], .fs-common .fs-btn-add-1row[disabled][disabled], .fs-common .fs-btn-draft[disabled][disabled], .fs-common .fs-btn-print[disabled][disabled], a.fs-tool-btn-add-md[disabled][disabled], a.fs-tool-btn-edit[disabled][disabled], #fs-matter-customer-info #fs-customer-info-agree #btn-area .fs-btn-agree[disabled][disabled], .mdl-button--colored.mdl-button--disabled.mdl-button--disabled, .fs-common .mdl-button--disabled.mdl-button--disabled.fs-btn-tran, .fs-common .mdl-button--disabled.mdl-button--disabled.fs-btn-run, .fs-common .mdl-button--disabled.mdl-button--disabled.fs-btn-retry, .fs-common .mdl-button--disabled.mdl-button--disabled.fs-btn-family-tree, .fs-common .mdl-button--disabled.mdl-button--disabled.fs-btn-add-1row, .fs-common .mdl-button--disabled.mdl-button--disabled.fs-btn-draft, .fs-common .mdl-button--disabled.mdl-button--disabled.fs-btn-print, a.mdl-button--disabled.mdl-button--disabled.fs-tool-btn-add-md, a.mdl-button--disabled.mdl-button--disabled.fs-tool-btn-edit, #fs-matter-customer-info #fs-customer-info-agree #btn-area .mdl-button--disabled.mdl-button--disabled.fs-btn-agree {
  color: rgba(0,0,0, 0.26); }

.mdl-button .material-icons, .fs-common .fs-btn-tran .material-icons, .fs-common .fs-btn-run .material-icons, .fs-common .fs-btn-retry .material-icons, .fs-common .fs-btn-family-tree .material-icons, .fs-common .fs-btn-add-1row .material-icons, .fs-common .fs-btn-search .material-icons, .fs-common .fs-btn-draft .material-icons, .fs-common .fs-btn-delete .material-icons, .fs-common .fs-btn-print .material-icons, a.fs-tool-btn-add .material-icons, #fs-matter-customer-info #fs-customer-info-agree #btn-area .fs-btn-agree .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: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -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,64,129);
  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;
      -ms-flex-align: center;
          align-items: center;
  color: rgb(0,0,0);
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: 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;
      -ms-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 {
  -ms-flex-item-align: end;
      align-self: flex-end;
  color: inherit;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 24px;
  font-weight: 300;
  line-height: normal;
  overflow: hidden;
  -webkit-transform-origin: 149px 48px;
      -ms-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__supporting-text.mdl-card--border {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.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;
      -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(63,81,181); }
  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(63,81,181, 0.26);
            box-shadow: 0 0 0px 8px rgba(63,81,181, 0.26);
    background-color: rgba(63,81,181, 0.26); }

.mdl-checkbox__tick-outline {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-mask: url("/images/tick-mask.svg?embed");
          mask: url("/images/tick-mask.svg?embed");
  background: transparent;
  -webkit-transition-duration: 0.28s;
       -o-transition-duration: 0.28s;
          transition-duration: 0.28s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
       -o-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;
  -o-transition-property: background;
  transition-property: background; }
  .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background: rgb(63,81,181) url("/images/tick.svg?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("/images/tick.svg?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(63,81,181); }
  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-chip, article.fs-notice .fs-paragraph .notice-select-users .fs-user-list ul li {
  height: 32px;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  line-height: 32px;
  padding: 0 12px;
  border: 0;
  border-radius: 16px;
  background-color: #dedede;
  display: inline-block;
  color: rgba(0,0,0, 0.87);
  margin: 2px 0;
  font-size: 0;
  white-space: nowrap; }
  .mdl-chip__text, article.fs-notice .fs-paragraph .notice-select-users .fs-user-list ul li span {
    font-size: 13px;
    vertical-align: middle;
    display: inline-block; }
  .mdl-chip__action, article.fs-notice .fs-paragraph .notice-select-users .fs-user-list ul li button {
    height: 24px;
    width: 24px;
    background: transparent;
    opacity: 0.54;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    margin: 0 0 0 4px;
    font-size: 13px;
    text-decoration: none;
    color: rgba(0,0,0, 0.87);
    border: none;
    outline: none;
    overflow: hidden; }
  .mdl-chip__contact {
    height: 32px;
    width: 32px;
    border-radius: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    overflow: hidden;
    text-align: center;
    font-size: 18px;
    line-height: 32px; }
  .mdl-chip:focus, article.fs-notice .fs-paragraph .notice-select-users .fs-user-list ul li:focus {
    outline: 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); }
  .mdl-chip:active, article.fs-notice .fs-paragraph .notice-select-users .fs-user-list ul li:active {
    background-color: #d6d6d6; }
  .mdl-chip--deletable {
    padding-right: 4px; }
  .mdl-chip--contact {
    padding-left: 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-data-table, .fs-common .fs-tbl-list 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, .fs-common .fs-tbl-list table thead {
    padding-bottom: 3px; }
    .mdl-data-table thead .mdl-data-table__select, .fs-common .fs-tbl-list table thead .mdl-data-table__select {
      margin-top: 0; }
  .mdl-data-table tbody tr, .fs-common .fs-tbl-list table tbody tr {
    position: relative;
    height: 48px;
    -webkit-transition-duration: 0.28s;
         -o-transition-duration: 0.28s;
            transition-duration: 0.28s;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
         -o-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;
    -o-transition-property: background-color;
    transition-property: background-color; }
    .mdl-data-table tbody tr.is-selected, .fs-common .fs-tbl-list table tbody tr.is-selected {
      background-color: #e0e0e0; }
    .mdl-data-table tbody tr:hover, .fs-common .fs-tbl-list table tbody tr:hover {
      background-color: #eeeeee; }
  .mdl-data-table td, .fs-common .fs-tbl-list table td, .mdl-data-table th, .fs-common .fs-tbl-list table th {
    padding: 0 18px 12px 18px;
    text-align: right; }
    .mdl-data-table td:first-of-type, .fs-common .fs-tbl-list table td:first-of-type, .mdl-data-table th:first-of-type, .fs-common .fs-tbl-list table th:first-of-type {
      padding-left: 24px; }
    .mdl-data-table td:last-of-type, .fs-common .fs-tbl-list table td:last-of-type, .mdl-data-table th:last-of-type, .fs-common .fs-tbl-list table th:last-of-type {
      padding-right: 24px; }
  .mdl-data-table td, .fs-common .fs-tbl-list 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, .fs-common .fs-tbl-list table td .mdl-data-table__select {
      vertical-align: middle; }
  .mdl-data-table th, .fs-common .fs-tbl-list table th {
    position: relative;
    vertical-align: bottom;
    -o-text-overflow: ellipsis;
       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, .fs-common .fs-tbl-list table th.mdl-data-table__header--sorted-ascending, .mdl-data-table th.mdl-data-table__header--sorted-descending, .fs-common .fs-tbl-list 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, .fs-common .fs-tbl-list table th.mdl-data-table__header--sorted-ascending:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:before, .fs-common .fs-tbl-list 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, .fs-common .fs-tbl-list table th.mdl-data-table__header--sorted-ascending:hover, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover, .fs-common .fs-tbl-list table th.mdl-data-table__header--sorted-descending:hover {
        cursor: pointer; }
        .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before, .fs-common .fs-tbl-list table th.mdl-data-table__header--sorted-ascending:hover:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before, .fs-common .fs-tbl-list 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, .fs-common .fs-tbl-list 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 */
/**
 * 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-dialog {
  border: none;
  -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);
  width: 280px; }
  .mdl-dialog__title {
    padding: 24px 24px 0;
    margin: 0;
    font-size: 2.5rem; }
  .mdl-dialog__actions {
    padding: 8px 8px 8px 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .mdl-dialog__actions > * {
      margin-right: 8px;
      height: 36px; }
      .mdl-dialog__actions > *:first-child {
        margin-right: 0; }
    .mdl-dialog__actions--full-width {
      padding: 0 0 8px 0; }
      .mdl-dialog__actions--full-width > * {
        height: 48px;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        padding-right: 16px;
        margin-right: 0;
        text-align: right; }
  .mdl-dialog__content {
    padding: 20px 24px 24px 24px;
    color: rgba(0,0,0, 0.54); }

/**
 * 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-mega-footer {
  padding: 16px 40px;
  color: rgb(158,158,158);
  background-color: rgb(66,66,66); }

.mdl-mega-footer--top-section:after,
.mdl-mega-footer--middle-section:after,
.mdl-mega-footer--bottom-section:after,
.mdl-mega-footer__top-section:after,
.mdl-mega-footer__middle-section:after,
.mdl-mega-footer__bottom-section:after {
  content: '';
  display: block;
  clear: both; }

.mdl-mega-footer--left-section,
.mdl-mega-footer__left-section {
  margin-bottom: 16px; }

.mdl-mega-footer--right-section,
.mdl-mega-footer__right-section {
  margin-bottom: 16px; }

.mdl-mega-footer--right-section a,
.mdl-mega-footer__right-section a {
  display: block;
  margin-bottom: 16px;
  color: inherit;
  text-decoration: none; }

@media screen and (min-width: 760px) {
  .mdl-mega-footer--left-section,
  .mdl-mega-footer__left-section {
    float: left; }
  .mdl-mega-footer--right-section,
  .mdl-mega-footer__right-section {
    float: right; }
  .mdl-mega-footer--right-section a,
  .mdl-mega-footer__right-section a {
    display: inline-block;
    margin-left: 16px;
    line-height: 36px;
    vertical-align: middle; } }

.mdl-mega-footer--social-btn,
.mdl-mega-footer__social-btn {
  width: 36px;
  height: 36px;
  padding: 0;
  margin: 0;
  background-color: rgb(158,158,158);
  border: none; }

.mdl-mega-footer--drop-down-section,
.mdl-mega-footer__drop-down-section {
  display: block;
  position: relative; }

@media screen and (min-width: 760px) {
  .mdl-mega-footer--drop-down-section,
  .mdl-mega-footer__drop-down-section {
    width: 33%; }
  .mdl-mega-footer--drop-down-section:nth-child(1),
  .mdl-mega-footer--drop-down-section:nth-child(2),
  .mdl-mega-footer__drop-down-section:nth-child(1),
  .mdl-mega-footer__drop-down-section:nth-child(2) {
    float: left; }
  .mdl-mega-footer--drop-down-section:nth-child(3),
  .mdl-mega-footer__drop-down-section:nth-child(3) {
    float: right; }
    .mdl-mega-footer--drop-down-section:nth-child(3):after,
    .mdl-mega-footer__drop-down-section:nth-child(3):after {
      clear: right; }
  .mdl-mega-footer--drop-down-section:nth-child(4),
  .mdl-mega-footer__drop-down-section:nth-child(4) {
    clear: right;
    float: right; }
  .mdl-mega-footer--middle-section:after,
  .mdl-mega-footer__middle-section:after {
    content: '';
    display: block;
    clear: both; }
  .mdl-mega-footer--bottom-section,
  .mdl-mega-footer__bottom-section {
    padding-top: 0; } }

@media screen and (min-width: 1024px) {
  .mdl-mega-footer--drop-down-section,
  .mdl-mega-footer--drop-down-section:nth-child(3),
  .mdl-mega-footer--drop-down-section:nth-child(4),
  .mdl-mega-footer__drop-down-section,
  .mdl-mega-footer__drop-down-section:nth-child(3),
  .mdl-mega-footer__drop-down-section:nth-child(4) {
    width: 24%;
    float: left; } }

.mdl-mega-footer--heading-checkbox,
.mdl-mega-footer__heading-checkbox {
  position: absolute;
  width: 100%;
  height: 55.8px;
  padding: 32px;
  margin: 0;
  margin-top: -16px;
  cursor: pointer;
  z-index: 1;
  opacity: 0; }
  .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after,
  .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after,
  .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after,
  .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {
    font-family: 'Material Icons';
    content: '\E5CE'; }

.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list,
.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list,
.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
.mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list,
.mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list,
.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list {
  display: none; }

.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after,
.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after,
.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after,
.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {
  font-family: 'Material Icons';
  content: '\E5CF'; }

.mdl-mega-footer--heading,
.mdl-mega-footer__heading {
  position: relative;
  width: 100%;
  padding-right: 39.8px;
  margin-bottom: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  line-height: 23.8px;
  font-weight: 500;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  color: rgb(224,224,224); }

.mdl-mega-footer--heading:after,
.mdl-mega-footer__heading:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 23.8px;
  height: 23.8px;
  background-size: cover; }

.mdl-mega-footer--link-list,
.mdl-mega-footer__link-list {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 32px; }
  .mdl-mega-footer--link-list:after,
  .mdl-mega-footer__link-list:after {
    clear: both;
    display: block;
    content: ''; }

.mdl-mega-footer--link-list li,
.mdl-mega-footer__link-list li {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  line-height: 20px; }

.mdl-mega-footer--link-list a,
.mdl-mega-footer__link-list a {
  color: inherit;
  text-decoration: none;
  white-space: nowrap; }

@media screen and (min-width: 760px) {
  .mdl-mega-footer--heading-checkbox,
  .mdl-mega-footer__heading-checkbox {
    display: none; }
    .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after,
    .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after,
    .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after,
    .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {
      content: ''; }
  .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list,
  .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list,
  .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
  .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
  .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list,
  .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list,
  .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
  .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list {
    display: block; }
  .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after,
  .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after,
  .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after,
  .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {
    content: ''; } }

.mdl-mega-footer--bottom-section,
.mdl-mega-footer__bottom-section {
  padding-top: 16px;
  margin-bottom: 16px; }

.mdl-logo {
  margin-bottom: 16px;
  color: white; }

.mdl-mega-footer--bottom-section .mdl-mega-footer--link-list li,
.mdl-mega-footer__bottom-section .mdl-mega-footer__link-list li {
  float: left;
  margin-bottom: 0;
  margin-right: 16px; }

@media screen and (min-width: 760px) {
  .mdl-logo {
    float: left;
    margin-bottom: 0;
    margin-right: 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 */
.mdl-mini-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -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: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -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;
      -ms-flex-order: 0;
          order: 0; }

.mdl-mini-footer--right-section,
.mdl-mini-footer__right-section {
  display: inline-block;
  -webkit-box-ordinal-group: 2;
      -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);
  -o-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(63,81,181); }
  .mdl-icon-toggle.is-disabled .mdl-icon-toggle__label {
    color: rgba(0,0,0, 0.26);
    cursor: auto;
    -webkit-transition: none;
    -o-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(63,81,181, 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-list {
  display: block;
  padding: 8px 0;
  list-style: none; }

.mdl-list__item {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
  cursor: default;
  color: rgba(0,0,0, 0.87);
  overflow: hidden; }
  .mdl-list__item .mdl-list__item-primary-content {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
    text-decoration: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .mdl-list__item .mdl-list__item-primary-content .mdl-list__item-icon {
      margin-right: 32px; }
    .mdl-list__item .mdl-list__item-primary-content .mdl-list__item-avatar {
      margin-right: 16px; }
  .mdl-list__item .mdl-list__item-secondary-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-left: 16px; }
    .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-action label {
      display: inline; }
    .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-info {
      font-size: 12px;
      font-weight: 400;
      line-height: 1;
      letter-spacing: 0;
      color: rgba(0,0,0, 0.54); }
    .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-sub-header {
      padding: 0 0 0 16px; }

.mdl-list__item-icon,
.mdl-list__item-icon.material-icons {
  height: 24px;
  width: 24px;
  font-size: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: rgb(117,117,117); }

.mdl-list__item-avatar,
.mdl-list__item-avatar.material-icons {
  height: 40px;
  width: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 50%;
  background-color: rgb(117,117,117);
  font-size: 40px;
  color: white; }

.mdl-list__item--two-line {
  height: 72px; }
  .mdl-list__item--two-line .mdl-list__item-primary-content {
    height: 36px;
    line-height: 20px;
    display: block; }
    .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-avatar {
      float: left; }
    .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-icon {
      float: left;
      margin-top: 6px; }
    .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-secondary-content {
      height: 36px; }
    .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-sub-title {
      font-size: 14px;
      font-weight: 400;
      line-height: 24px;
      letter-spacing: 0;
      line-height: 18px;
      color: rgba(0,0,0, 0.54);
      display: block;
      padding: 0; }

.mdl-list__item--three-line {
  height: 88px; }
  .mdl-list__item--three-line .mdl-list__item-primary-content {
    height: 52px;
    line-height: 20px;
    display: block; }
    .mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-avatar,
    .mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-icon {
      float: left; }
  .mdl-list__item--three-line .mdl-list__item-secondary-content {
    height: 52px; }
  .mdl-list__item--three-line .mdl-list__item-text-body {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    line-height: 18px;
    height: 52px;
    color: rgba(0,0,0, 0.54);
    display: block;
    padding: 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-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);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: 0 0;
      -ms-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);
  -o-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);
  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);
        -ms-transform: scale(1);
            transform: scale(1);
    z-index: 999; }
  .mdl-menu__outline.mdl-menu--bottom-right {
    -webkit-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
            transform-origin: 100% 0; }
  .mdl-menu__outline.mdl-menu--top-left {
    -webkit-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
            transform-origin: 0 100%; }
  .mdl-menu__outline.mdl-menu--top-right {
    -webkit-transform-origin: 100% 100%;
        -ms-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);
    -o-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);
  -o-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);
  -o-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(63,81,181);
  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(63,81,181)), to(rgb(63,81,181)));
  background-image: -webkit-linear-gradient(left, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), -webkit-linear-gradient(left, rgb(63,81,181), rgb(63,81,181));
  background-image: -o-linear-gradient(left, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), -o-linear-gradient(left, rgb(63,81,181), rgb(63,81,181));
  background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181));
  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(63,81,181)), to(rgb(63,81,181)));
    background-image: -webkit-linear-gradient(left, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), -webkit-linear-gradient(left, rgb(63,81,181), rgb(63,81,181));
    background-image: -o-linear-gradient(left, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), -o-linear-gradient(left, rgb(63,81,181), rgb(63,81,181));
    background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181));
    -webkit-mask: url("/images/buffer.svg?embed");
            mask: url("/images/buffer.svg?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(63,81,181)), to(rgb(63,81,181)));
  background-image: -webkit-linear-gradient(left, rgba(255,255,255, 0.9), rgba(255,255,255, 0.9)), -webkit-linear-gradient(left, rgb(63,81,181), rgb(63,81,181));
  background-image: -o-linear-gradient(left, rgba(255,255,255, 0.9), rgba(255,255,255, 0.9)), -o-linear-gradient(left, rgb(63,81,181), rgb(63,81,181));
  background-image: linear-gradient(to right, rgba(255,255,255, 0.9), rgba(255,255,255, 0.9)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181)); }

.mdl-progress.mdl-progress--indeterminate > .bar1,
.mdl-progress.mdl-progress__indeterminate > .bar1 {
  background-color: rgb(63,81,181);
  -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(63,81,181);
  -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: -ms-flexbox;
  display: flex;
  -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: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -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;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.mdl-layout__drawer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -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);
      -ms-transform: translateX(-250px);
          transform: translateX(-250px);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  will-change: transform;
  -webkit-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
       -o-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;
  -o-transition-property: 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);
        -ms-transform: translateX(0);
            transform: translateX(0); }
    .mdl-layout__drawer.is-visible ~ .mdl-layout__content.mdl-layout__content {
      overflow: hidden; }
  .mdl-layout__drawer > * {
    -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;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding-top: 16px; }
    .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
      display: block;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      padding: 10px 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);
          -ms-transform: translateX(0);
              transform: translateX(0); } }

.mdl-layout__drawer-button {
  display: block;
  position: absolute;
  height: 48px;
  width: 48px;
  border: 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); }
  .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: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -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(63,81,181);
  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;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
       -o-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;
  -o-transition-property: max-height, 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: -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;
        -ms-flex-pack: end;
            justify-content: flex-end; }

.mdl-layout__header-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-align: 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 > * {
    -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;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: 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;
  -o-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
       -o-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;
      -o-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;
      -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: -ms-flexbox;
  display: flex;
  background-color: rgb(63,81,181);
  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;
      -ms-flex-positive: 0;
          flex-grow: 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(63,81,181);
  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;
      -ms-flex-positive: 0;
          flex-grow: 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;
        -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,64,129);
    -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);
    -o-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;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 24px;
  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(63,81,181); }
  .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;
       -o-transition-duration: 0.28s;
          transition-duration: 0.28s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
       -o-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;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
          transform: scale(0, 0);
  border-radius: 50%;
  background: rgb(63,81,181); }
  .mdl-radio.is-checked .mdl-radio__inner-circle {
    -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
            transform: scale(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(63,81,181); }
  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: rgb(63,81,181);
    -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, rgb(63,81,181) 16px, rgb(63,81,181) 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: rgb(63,81,181);
      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);
      -o-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);
      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: rgb(63,81,181);
      border: none; }
    .mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb {
      -webkit-box-shadow: 0 0 0 10px rgba(63,81,181, 0.26);
              box-shadow: 0 0 0 10px rgba(63,81,181, 0.26); }
    .mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {
      box-shadow: 0 0 0 10px rgba(63,81,181, 0.26); }
    .mdl-slider.is-upgraded:active::-webkit-slider-thumb {
      background-image: none;
      background: rgb(63,81,181);
      -webkit-transform: scale(1.5);
              transform: scale(1.5); }
    .mdl-slider.is-upgraded:active::-moz-range-thumb {
      background-image: none;
      background: rgb(63,81,181);
      transform: scale(1.5); }
    .mdl-slider.is-upgraded::-ms-thumb {
      width: 32px;
      height: 32px;
      border: none;
      border-radius: 50%;
      background: rgb(63,81,181);
      -ms-transform: scale(0.375);
          transform: scale(0.375);
      -webkit-transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
      transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
      -o-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);
      transition: transform 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); }
    .mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb {
      background: radial-gradient(circle closest-side, rgb(63,81,181) 0%, rgb(63,81,181) 37.5%, rgba(63,81,181, 0.26) 37.5%, rgba(63,81,181, 0.26) 100%);
      -ms-transform: scale(1);
          transform: scale(1); }
    .mdl-slider.is-upgraded:active::-ms-thumb {
      background: rgb(63,81,181);
      -ms-transform: scale(0.5625);
          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%);
      -ms-transform: scale(1);
          transform: scale(1); }
    .mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb {
      -ms-transform: scale(0.5625);
          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 {
      -ms-transform: scale(0.25);
          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 {
      -ms-transform: scale(0.25);
          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: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -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: -ms-flexbox;
  display: flex;
  overflow: hidden;
  border: 0;
  padding: 0;
  -webkit-transform: translate(0, -1px);
      -ms-transform: translate(0, -1px);
          transform: translate(0, -1px); }

.mdl-slider__background-lower {
  background: rgb(63,81,181);
  -webkit-box-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;
      -ms-flex: 0;
          flex: 0;
  position: relative;
  border: 0;
  padding: 0;
  -webkit-transition: left 0.18s cubic-bezier(0.4, 0, 0.2, 1);
  -o-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: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  will-change: transform;
  -webkit-transform: translate(0, 80px);
      -ms-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);
  -o-transition: 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);
          -ms-transform: translate(-50%, 80px);
              transform: translate(-50%, 80px); } }
  .mdl-snackbar--active {
    -webkit-transform: translate(0, 0);
        -ms-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);
    -o-transition: 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);
            -ms-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,64,129);
    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;
    -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 {
  display: inline-block;
  position: relative;
  width: 28px;
  height: 28px; }
  .mdl-spinner:not(.is-upgraded).is-active:after {
    content: "Loading..."; }
  .mdl-spinner.is-upgraded.is-active {
    -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(63,81,181); }
  .mdl-spinner.is-active .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(63,81,181); }
  .mdl-spinner.is-active .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(63,81,181); }
  .mdl-spinner.is-active .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(63,81,181); }
  .mdl-spinner.is-active .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__left {
    float: left; }
  .mdl-spinner__circle-clipper.mdl-spinner__right {
    float: right; }
  .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);
        -ms-transform: rotate(129deg);
            transform: rotate(129deg); }
    .mdl-spinner.is-active .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);
        -ms-transform: rotate(-129deg);
            transform: rotate(-129deg); }
    .mdl-spinner.is-active .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(63,81,181, 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;
       -o-transition-duration: 0.28s;
          transition-duration: 0.28s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
       -o-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;
  -o-transition-property: left;
  transition-property: left; }
  .mdl-switch.is-checked .mdl-switch__thumb {
    background: rgb(63,81,181);
    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);
      -ms-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(63,81,181, 0.26);
            box-shadow: 0 0 0px 20px rgba(63,81,181, 0.26);
    background-color: rgba(63,81,181, 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;
       -o-transition-duration: 0.40s;
          transition-duration: 0.40s;
  -webkit-transition-timing-function: step-end;
       -o-transition-timing-function: step-end;
          transition-timing-function: step-end;
  -webkit-transition-property: left;
  -o-transition-property: left;
  transition-property: left; }
  .mdl-switch__ripple-container .mdl-ripple {
    background: rgb(63,81,181); }
  .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 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  -webkit-box-align: 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 {
  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 {
    color: rgba(0,0,0, 0.87); }
  .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
    height: 2px;
    width: 100%;
    display: block;
    content: " ";
    bottom: 0px;
    left: 0px;
    position: absolute;
    background: rgb(63,81,181);
    -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);
    -o-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 {
    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 {
      background: rgb(63,81,181); }

.mdl-tabs__panel {
  display: block; }
  .mdl-tabs.is-upgraded .mdl-tabs__panel {
    display: none; }
  .mdl-tabs.is-upgraded .mdl-tabs__panel.is-active {
    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 .fs-common .fs-btn-tran, .fs-common .mdl-textfield .fs-btn-tran, .mdl-textfield .fs-common .fs-btn-run, .fs-common .mdl-textfield .fs-btn-run, .mdl-textfield .fs-common .fs-btn-retry, .fs-common .mdl-textfield .fs-btn-retry, .mdl-textfield .fs-common .fs-btn-family-tree, .fs-common .mdl-textfield .fs-btn-family-tree, .mdl-textfield .fs-common .fs-btn-add-1row, .fs-common .mdl-textfield .fs-btn-add-1row, .mdl-textfield .fs-common .fs-btn-search, .fs-common .mdl-textfield .fs-btn-search, .mdl-textfield .fs-common .fs-btn-draft, .fs-common .mdl-textfield .fs-btn-draft, .mdl-textfield .fs-common .fs-btn-delete, .fs-common .mdl-textfield .fs-btn-delete, .mdl-textfield .fs-common .fs-btn-print, .fs-common .mdl-textfield .fs-btn-print, .mdl-textfield a.fs-tool-btn-add, .mdl-textfield #fs-matter-customer-info #fs-customer-info-agree #btn-area .fs-btn-agree, #fs-matter-customer-info #fs-customer-info-agree #btn-area .mdl-textfield .fs-btn-agree {
    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 {
  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;
         -o-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
         -o-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;
    -o-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(63,81,181);
    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(63,81,181);
    bottom: 20px;
    content: '';
    height: 2px;
    left: 45%;
    position: absolute;
    -webkit-transition-duration: 0.2s;
         -o-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
         -o-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;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
       -o-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);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: top center;
      -ms-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, .fs-common .fs-tbl-list table {
  -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: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin: 0 auto 0 auto;
  -webkit-box-align: 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 {
  -ms-flex-item-align: start;
      align-self: flex-start; }

.mdl-cell--middle {
  -ms-flex-item-align: center;
      align-self: center; }

.mdl-cell--bottom {
  -ms-flex-item-align: end;
      align-self: flex-end; }

.mdl-cell--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;
      -ms-flex-order: 1;
          order: 1; }

.mdl-cell--order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2; }

.mdl-cell--order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3; }

.mdl-cell--order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4; }

.mdl-cell--order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5; }

.mdl-cell--order-6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6; }

.mdl-cell--order-7 {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7; }

.mdl-cell--order-8 {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8; }

.mdl-cell--order-9 {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9; }

.mdl-cell--order-10 {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10; }

.mdl-cell--order-11 {
  -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
          order: 11; }

.mdl-cell--order-12 {
  -webkit-box-ordinal-group: 13;
      -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;
        -ms-flex-order: 1;
            order: 1; }
  .mdl-cell--order-2-phone.mdl-cell--order-2-phone {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .mdl-cell--order-3-phone.mdl-cell--order-3-phone {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .mdl-cell--order-4-phone.mdl-cell--order-4-phone {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .mdl-cell--order-5-phone.mdl-cell--order-5-phone {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .mdl-cell--order-6-phone.mdl-cell--order-6-phone {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; }
  .mdl-cell--order-7-phone.mdl-cell--order-7-phone {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7; }
  .mdl-cell--order-8-phone.mdl-cell--order-8-phone {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8; }
  .mdl-cell--order-9-phone.mdl-cell--order-9-phone {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9; }
  .mdl-cell--order-10-phone.mdl-cell--order-10-phone {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10; }
  .mdl-cell--order-11-phone.mdl-cell--order-11-phone {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11; }
  .mdl-cell--order-12-phone.mdl-cell--order-12-phone {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12; }
  .mdl-cell--1-col,
  .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
    width: calc(25% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--1-col, .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,
  .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--5-col, .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,
  .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--10-col, .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,
  .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--12-col, .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;
        -ms-flex-order: 1;
            order: 1; }
  .mdl-cell--order-2-tablet.mdl-cell--order-2-tablet {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .mdl-cell--order-3-tablet.mdl-cell--order-3-tablet {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .mdl-cell--order-4-tablet.mdl-cell--order-4-tablet {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .mdl-cell--order-5-tablet.mdl-cell--order-5-tablet {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .mdl-cell--order-6-tablet.mdl-cell--order-6-tablet {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; }
  .mdl-cell--order-7-tablet.mdl-cell--order-7-tablet {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7; }
  .mdl-cell--order-8-tablet.mdl-cell--order-8-tablet {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8; }
  .mdl-cell--order-9-tablet.mdl-cell--order-9-tablet {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9; }
  .mdl-cell--order-10-tablet.mdl-cell--order-10-tablet {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10; }
  .mdl-cell--order-11-tablet.mdl-cell--order-11-tablet {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11; }
  .mdl-cell--order-12-tablet.mdl-cell--order-12-tablet {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12; }
  .mdl-cell--1-col,
  .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
    width: calc(12.5% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--1-col, .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,
  .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
    width: calc(62.5% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--5-col, .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,
  .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--10-col, .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,
  .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--12-col, .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;
        -ms-flex-order: 1;
            order: 1; }
  .mdl-cell--order-2-desktop.mdl-cell--order-2-desktop {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .mdl-cell--order-3-desktop.mdl-cell--order-3-desktop {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .mdl-cell--order-4-desktop.mdl-cell--order-4-desktop {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .mdl-cell--order-5-desktop.mdl-cell--order-5-desktop {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .mdl-cell--order-6-desktop.mdl-cell--order-6-desktop {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; }
  .mdl-cell--order-7-desktop.mdl-cell--order-7-desktop {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7; }
  .mdl-cell--order-8-desktop.mdl-cell--order-8-desktop {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8; }
  .mdl-cell--order-9-desktop.mdl-cell--order-9-desktop {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9; }
  .mdl-cell--order-10-desktop.mdl-cell--order-10-desktop {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10; }
  .mdl-cell--order-11-desktop.mdl-cell--order-11-desktop {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11; }
  .mdl-cell--order-12-desktop.mdl-cell--order-12-desktop {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12; }
  .mdl-cell--1-col,
  .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
    width: calc(8.33333% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--1-col, .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,
  .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
    width: calc(41.66667% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--5-col, .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,
  .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
    width: calc(83.33333% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--10-col, .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,
  .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--12-col, .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%; } }

/* normalize */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

*,
*:after,
*:before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  margin: 0;
  padding: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
  padding: 0;
  margin: 0; }

audio,
canvas,
video {
  display: inline-block; }

[hidden],
template {
  display: none; }

audio:not([controls]) {
  display: none;
  height: 0; }

mark {
  background: #ff0;
  color: #000; }

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre-wrap; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

small {
  font-size: 70%; }

sub,
sup {
  font-size: 70%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid #ccc;
  margin: 0;
  padding: 0; }

legend {
  border: 0;
  padding: 0; }

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  vertical-align: middle;
  position: relative; }

input[type="number"] {
  text-align: right; }

button,
input {
  line-height: normal; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

html,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

table {
  font-size: 100%;
  border-collapse: collapse;
  border-spacing: 0; }

html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0; }

ul {
  list-style-type: none; }

a {
  background: transparent; }

a:active,
a:hover {
  outline: 0; }

b,
strong {
  font-weight: bold; }

hr {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0; }

/* base */
*,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Muli", "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, sans-serif;
  margin: 0;
  padding: 0; }

html {
  font-size: 62.5%;
  /*1rem = 10px*/
  color: #333;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }

body,
form {
  line-height: 1.7;
  letter-spacing: 0.1rem;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  color: inherit; }

a:link {
  text-decoration: none; }

a:visited {
  text-decoration: none; }

a:hover {
  text-decoration: none; }

a:hover img {
  opacity: 1; }

a:active {
  text-decoration: none; }

img {
  font-size: 0;
  line-height: 0;
  border: 0;
  display: block;
  width: 100%; }

.fa {
  width: 1em;
  /*fontawesome setting*/
  text-align: center; }

a.mdl-button.mdl-js-button.mdl-button--raised.mdl-js-ripple-effect.mdl-button--accent.l-fitwidth, .fs-common a.mdl-button--accent.l-fitwidth.fs-btn-tran, .fs-common a.l-fitwidth.fs-btn-tran.fs-btn-run, .fs-common a.l-fitwidth.fs-btn-tran.fs-btn-retry, .fs-common a.l-fitwidth.fs-btn-tran.fs-btn-search, .fs-common a.l-fitwidth.fs-btn-tran.fs-tool-btn-add, .fs-common a.l-fitwidth.fs-btn-tran.fs-tool-btn-add-ex, .fs-common #fs-matter-customer-info #fs-customer-info-agree #btn-area a.l-fitwidth.fs-btn-tran.fs-btn-agree, #fs-matter-customer-info #fs-customer-info-agree #btn-area .fs-common a.l-fitwidth.fs-btn-tran.fs-btn-agree, .fs-common a.l-fitwidth.fs-btn-run, .fs-common a.l-fitwidth.fs-btn-retry, .fs-common a.mdl-button--accent.l-fitwidth.fs-btn-family-tree, .fs-common a.l-fitwidth.fs-btn-family-tree.fs-btn-run, .fs-common a.l-fitwidth.fs-btn-family-tree.fs-btn-retry, .fs-common a.l-fitwidth.fs-btn-family-tree.fs-btn-search, .fs-common a.l-fitwidth.fs-btn-family-tree.fs-tool-btn-add, .fs-common a.l-fitwidth.fs-btn-family-tree.fs-tool-btn-add-ex, .fs-common #fs-matter-customer-info #fs-customer-info-agree #btn-area a.l-fitwidth.fs-btn-family-tree.fs-btn-agree, #fs-matter-customer-info #fs-customer-info-agree #btn-area .fs-common a.l-fitwidth.fs-btn-family-tree.fs-btn-agree, .fs-common a.mdl-button--accent.l-fitwidth.fs-btn-add-1row, .fs-common a.l-fitwidth.fs-btn-add-1row.fs-btn-run, .fs-common a.l-fitwidth.fs-btn-add-1row.fs-btn-retry, .fs-common a.l-fitwidth.fs-btn-add-1row.fs-btn-search, .fs-common a.l-fitwidth.fs-btn-add-1row.fs-tool-btn-add, .fs-common a.l-fitwidth.fs-btn-add-1row.fs-tool-btn-add-ex, .fs-common #fs-matter-customer-info #fs-customer-info-agree #btn-area a.l-fitwidth.fs-btn-add-1row.fs-btn-agree, #fs-matter-customer-info #fs-customer-info-agree #btn-area .fs-common a.l-fitwidth.fs-btn-add-1row.fs-btn-agree, .fs-common a.l-fitwidth.fs-btn-search, .fs-common a.mdl-button--accent.l-fitwidth.fs-btn-draft, .fs-common a.l-fitwidth.fs-btn-draft.fs-btn-run, .fs-common a.l-fitwidth.fs-btn-draft.fs-btn-retry, .fs-common a.l-fitwidth.fs-btn-draft.fs-btn-search, .fs-common a.l-fitwidth.fs-btn-draft.fs-tool-btn-add, .fs-common a.l-fitwidth.fs-btn-draft.fs-tool-btn-add-ex, .fs-common #fs-matter-customer-info #fs-customer-info-agree #btn-area a.l-fitwidth.fs-btn-draft.fs-btn-agree, #fs-matter-customer-info #fs-customer-info-agree #btn-area .fs-common a.l-fitwidth.fs-btn-draft.fs-btn-agree, .fs-common a.mdl-button--accent.l-fitwidth.fs-btn-delete, .fs-common a.l-fitwidth.fs-btn-delete.fs-btn-run, .fs-common a.l-fitwidth.fs-btn-delete.fs-btn-retry, .fs-common a.l-fitwidth.fs-btn-delete.fs-btn-search, .fs-common a.l-fitwidth.fs-btn-delete.fs-tool-btn-add, .fs-common a.l-fitwidth.fs-btn-delete.fs-tool-btn-add-ex, .fs-common #fs-matter-customer-info #fs-customer-info-agree #btn-area a.l-fitwidth.fs-btn-delete.fs-btn-agree, #fs-matter-customer-info #fs-customer-info-agree #btn-area .fs-common a.l-fitwidth.fs-btn-delete.fs-btn-agree, .fs-common a.mdl-button--accent.l-fitwidth.fs-btn-print, .fs-common a.l-fitwidth.fs-btn-print.fs-btn-run, .fs-common a.l-fitwidth.fs-btn-print.fs-btn-retry, .fs-common a.l-fitwidth.fs-btn-print.fs-btn-search, .fs-common a.l-fitwidth.fs-btn-print.fs-tool-btn-add, .fs-common a.l-fitwidth.fs-btn-print.fs-tool-btn-add-ex, .fs-common #fs-matter-customer-info #fs-customer-info-agree #btn-area a.l-fitwidth.fs-btn-print.fs-btn-agree, #fs-matter-customer-info #fs-customer-info-agree #btn-area .fs-common a.l-fitwidth.fs-btn-print.fs-btn-agree, a.mdl-js-ripple-effect.l-fitwidth.fs-tool-btn-add, .fs-common a.l-fitwidth.fs-tool-btn-add.fs-btn-run, .fs-common a.l-fitwidth.fs-tool-btn-add.fs-btn-retry, .fs-common a.l-fitwidth.fs-tool-btn-add.fs-btn-search, #fs-matter-customer-info #fs-customer-info-agree #btn-area a.l-fitwidth.fs-tool-btn-add.fs-btn-agree, a.mdl-button.mdl-js-ripple-effect.mdl-button--accent.l-fitwidth.fs-tool-btn-add-md, .fs-common a.mdl-button--accent.l-fitwidth.fs-tool-btn-add-md.fs-btn-tran, .fs-common a.l-fitwidth.fs-tool-btn-add-md.fs-btn-tran.fs-tool-btn-add, .fs-common a.l-fitwidth.fs-tool-btn-add-md.fs-btn-tran.fs-tool-btn-add-ex, .fs-common a.l-fitwidth.fs-tool-btn-add-md.fs-btn-run, .fs-common a.l-fitwidth.fs-tool-btn-add-md.fs-btn-retry, .fs-common a.mdl-button--accent.l-fitwidth.fs-tool-btn-add-md.fs-btn-family-tree, .fs-common a.l-fitwidth.fs-tool-btn-add-md.fs-btn-family-tree.fs-tool-btn-add, .fs-common a.l-fitwidth.fs-tool-btn-add-md.fs-btn-family-tree.fs-tool-btn-add-ex, .fs-common a.mdl-button--accent.l-fitwidth.fs-tool-btn-add-md.fs-btn-add-1row, .fs-common a.l-fitwidth.fs-tool-btn-add-md.fs-btn-add-1row.fs-tool-btn-add, .fs-common a.l-fitwidth.fs-tool-btn-add-md.fs-btn-add-1row.fs-tool-btn-add-ex, .fs-common a.l-fitwidth.fs-tool-btn-add-md.fs-btn-search, .fs-common a.mdl-button--accent.l-fitwidth.fs-tool-btn-add-md.fs-btn-draft, .fs-common a.l-fitwidth.fs-tool-btn-add-md.fs-btn-draft.fs-tool-btn-add, .fs-common a.l-fitwidth.fs-tool-btn-add-md.fs-btn-draft.fs-tool-btn-add-ex, .fs-common a.mdl-button--accent.l-fitwidth.fs-tool-btn-add-md.fs-btn-delete, .fs-common a.l-fitwidth.fs-tool-btn-add-md.fs-btn-delete.fs-tool-btn-add, .fs-common a.l-fitwidth.fs-tool-btn-add-md.fs-btn-delete.fs-tool-btn-add-ex, .fs-common a.mdl-button--accent.l-fitwidth.fs-tool-btn-add-md.fs-btn-print, .fs-common a.l-fitwidth.fs-tool-btn-add-md.fs-btn-print.fs-tool-btn-add, .fs-common a.l-fitwidth.fs-tool-btn-add-md.fs-btn-print.fs-tool-btn-add-ex, a.mdl-js-ripple-effect.l-fitwidth.fs-tool-btn-add-md.fs-tool-btn-add, a.mdl-button.mdl-js-ripple-effect.l-fitwidth.fs-tool-btn-add-md.fs-tool-btn-add-ex, #fs-matter-customer-info #fs-customer-info-agree #btn-area a.l-fitwidth.fs-tool-btn-add-md.fs-btn-agree, a.mdl-button.mdl-js-ripple-effect.l-fitwidth.fs-tool-btn-add-ex, .fs-common a.l-fitwidth.fs-tool-btn-add-ex.fs-btn-run, .fs-common a.l-fitwidth.fs-tool-btn-add-ex.fs-btn-retry, .fs-common a.l-fitwidth.fs-tool-btn-add-ex.fs-btn-search, a.mdl-js-ripple-effect.l-fitwidth.fs-tool-btn-add-ex.fs-tool-btn-add, #fs-matter-customer-info #fs-customer-info-agree #btn-area a.l-fitwidth.fs-tool-btn-add-ex.fs-btn-agree, a.mdl-button.mdl-js-ripple-effect.mdl-button--accent.l-fitwidth.fs-tool-btn-edit, .fs-common a.mdl-button--accent.l-fitwidth.fs-tool-btn-edit.fs-btn-tran, .fs-common a.l-fitwidth.fs-tool-btn-edit.fs-btn-tran.fs-tool-btn-add, .fs-common a.l-fitwidth.fs-tool-btn-edit.fs-btn-tran.fs-tool-btn-add-ex, .fs-common a.l-fitwidth.fs-tool-btn-edit.fs-btn-run, .fs-common a.l-fitwidth.fs-tool-btn-edit.fs-btn-retry, .fs-common a.mdl-button--accent.l-fitwidth.fs-tool-btn-edit.fs-btn-family-tree, .fs-common a.l-fitwidth.fs-tool-btn-edit.fs-btn-family-tree.fs-tool-btn-add, .fs-common a.l-fitwidth.fs-tool-btn-edit.fs-btn-family-tree.fs-tool-btn-add-ex, .fs-common a.mdl-button--accent.l-fitwidth.fs-tool-btn-edit.fs-btn-add-1row, .fs-common a.l-fitwidth.fs-tool-btn-edit.fs-btn-add-1row.fs-tool-btn-add, .fs-common a.l-fitwidth.fs-tool-btn-edit.fs-btn-add-1row.fs-tool-btn-add-ex, .fs-common a.l-fitwidth.fs-tool-btn-edit.fs-btn-search, .fs-common a.mdl-button--accent.l-fitwidth.fs-tool-btn-edit.fs-btn-draft, .fs-common a.l-fitwidth.fs-tool-btn-edit.fs-btn-draft.fs-tool-btn-add, .fs-common a.l-fitwidth.fs-tool-btn-edit.fs-btn-draft.fs-tool-btn-add-ex, .fs-common a.mdl-button--accent.l-fitwidth.fs-tool-btn-edit.fs-btn-delete, .fs-common a.l-fitwidth.fs-tool-btn-edit.fs-btn-delete.fs-tool-btn-add, .fs-common a.l-fitwidth.fs-tool-btn-edit.fs-btn-delete.fs-tool-btn-add-ex, .fs-common a.mdl-button--accent.l-fitwidth.fs-tool-btn-edit.fs-btn-print, .fs-common a.l-fitwidth.fs-tool-btn-edit.fs-btn-print.fs-tool-btn-add, .fs-common a.l-fitwidth.fs-tool-btn-edit.fs-btn-print.fs-tool-btn-add-ex, a.mdl-js-ripple-effect.l-fitwidth.fs-tool-btn-edit.fs-tool-btn-add, a.mdl-button.mdl-js-ripple-effect.l-fitwidth.fs-tool-btn-edit.fs-tool-btn-add-ex, #fs-matter-customer-info #fs-customer-info-agree #btn-area a.l-fitwidth.fs-tool-btn-edit.fs-btn-agree, #fs-matter-customer-info #fs-customer-info-agree #btn-area a.l-fitwidth.fs-btn-agree {
  height: 43px; }

/*font-family*/
.t-font-family--normal {
  font-family: "Muli", sans-serif; }

.t-font-family--bold {
  font-family: "Bowlby One", cursive; }

.t-font-family--thin {
  font-family: "Oswald", sans-serif; }

/*font-size*/
.t-font-size, pre, body > div.message {
  font-size: 1.6rem; }
  .t-font-size--mini, .c-circle--small, .p-annotation, #fs-matter-trust-agreements .fs-file-annotation, .p-annotation--grey, .fs-common div.fs-annotation-item-bottom, .fs-common #fs-matters div.fs-annotation-reward-setting, #fs-matters .fs-common div.fs-annotation-reward-setting {
    font-size: 1.1rem; }
  .t-font-size--small, .c-inputtag--tag__str, .c-inputtag--tag__close, div.error-message, .p-notation, .fs-common div.fs-confirm-alert-message, .p-notation--thin, .fs-common .fs-exposition, .fs-common div.fs-info-message, .fs-common div.fs-info-message-for-account, .fs-common div.fs-annotation-mid, .fs-common div.fs-annotation-block, #fs-top div.fs-unread-block, #fs-matter-customer-info #fs-customer-info-agree #attention-area, #fs-matter-hearing #fs-invite-ex-message, #fs-tag-oem-md-setting-modal-select-md-main-user table#fs-tbl-search-users .fs-select-user a {
    font-size: 1.3rem; }
    .t-font-size--small--forced {
      font-size: 1.3rem !important; }
  .t-font-size--smaller, .mdl-button-str, a.fs-tool-btn-add-md, a.fs-tool-btn-add-ex, a.fs-tool-btn-edit {
    font-size: 1.5rem; }
  .t-font-size--middle, .c-card__head, .c-circle--minimum, .p-custom-header__circle--minimum, .c-circle--large, .fs-common .fs-tbl-list table td i.fa-trash, .fs-common .fs-tbl-list table td i.fa-minus, .fs-common .fs-tbl-list table td i.fa-square,
  .fs-common .fs-tbl-list table td i.fa-check-square, .fs-common .fs-tbl-list table td i.fa-share-square, .fs-common .fs-tbl-list table td i.fa-edit, .fs-common .fs-tbl-list table td i.fa-plus-square, .fs-common .fs-tbl-list table td i.fa-file-download, #fs-videorooms-modal-select-guest-user table#fs-tbl-search-users .fs-add-guest a {
    font-size: 2rem; }
  .t-font-size--large, .c-heading--bar, .c-pagination .c-pagination__prev i, .fs-common .fs-paginate-num .c-pagination__prev i, .fs-common .fs-paginate-link .c-pagination__prev i,
  .c-pagination .c-pagination__next i,
  .fs-common .fs-paginate-num .c-pagination__next i,
  .fs-common .fs-paginate-link .c-pagination__next i, .p-heading, .fs-common h1, article.fs-notice .fs-paragraph .notice-select-users .fs-user-exchange i {
    font-size: 2.25rem;
    line-height: 1.7; }
  .t-font-size--big, .c-circle i.fa, .p-custom-header__circle i.fa, .p-custom-header__circle--minimum i.fa {
    font-size: 3.8rem;
    line-height: 1.7; }
  .t-font-size--biggest {
    font-size: 5rem;
    line-height: 1.7; }

/*colors*/
.t-color {
  color: #333; }
  .t-color--primary, .fs-common .fs-tbl-list table th a {
    color: #00496e; }
    .t-color--primary--light {
      color: #007cbb; }
    .t-color--primary--dark {
      color: #001622; }
  .t-color--secondary {
    color: #b32034; }
    .t-color--secondary--light {
      color: #e1586b; }
    .t-color--secondary--dark {
      color: #5c111b; }
  .t-color--tertiary {
    color: #ddb505; }
    .t-color--tertiary--light {
      color: #fbdb4d; }
    .t-color--tertiary--dark {
      color: #796303; }
  .t-color--quaternary {
    color: #002537; }
    .t-color--quaternary--light {
      color: #006a9d; }
    .t-color--quaternary--dark {
      color: black; }
  .t-color--white {
    color: white; }
  .t-color--gray, .p-back-btn, .fs-common .fs-btn-cancel, .fs-common .fs-btn-return, .p-annotation--grey {
    color: #666; }
    .t-color--gray--light {
      color: #888; }
  .t-color--red, .p-annotation, #fs-matter-trust-agreements .fs-file-annotation {
    color: #d93131; }
    .t-color--red--mid, #fs-matter-customer-info div.fs-desc-family-relation {
      color: #db5a5a; }
  .t-color--ccc {
    color: #ddd; }

/*bg-colors*/
.t-bg--primary {
  background-color: #00496e; }
  .t-bg--primary--light {
    background-color: #007cbb; }
  .t-bg--primary--dark {
    background-color: #001622; }
  .t-bg--primary--alpha {
    background-color: rgba(0, 124, 187, 0.3); }
  .t-bg--primary--grad {
    background-color: linear-gradient(to bottom, #6eceff 0%, #008dd4 5%, #00496e 95%, black 100%); }

.t-bg--secondary {
  background-color: #b32034; }
  .t-bg--secondary--light {
    background-color: #e1586b; }
  .t-bg--secondary--dark {
    background-color: #5c111b; }
  .t-bg--secondary--alpha {
    background-color: rgba(225, 88, 107, 0.3); }
  .t-bg--secondary--grad {
    background-color: linear-gradient(to bottom, #f8dade 0%, #e1586b 5%, #b32034 95%, black 100%); }

.t-bg--tertiary {
  background-color: #ddb505; }
  .t-bg--tertiary--light {
    background-color: #fbdb4d; }
  .t-bg--tertiary--dark {
    background-color: #796303; }
  .t-bg--tertiary--alpha {
    background-color: rgba(251, 219, 77, 0.3); }
  .t-bg--tertiary--grad {
    background-color: linear-gradient(to bottom, #fef9e3 0%, #fbdb4d 5%, #ddb505 95%, black 100%); }

.t-bg--quaternary {
  background-color: #002537; }
  .t-bg--quaternary--light {
    background-color: #006a9d; }
  .t-bg--quaternary--dark {
    background-color: black; }
  .t-bg--quaternary--alpha {
    background-color: rgba(0, 106, 157, 0.3); }

.t-bg--red {
  background-color: #d93131; }

.t-bg--white {
  background-color: white; }

.t-bg--gray {
  background-color: #666; }

.t-bg--ccc {
  background-color: #ddd; }

.t-bg--white-silver {
  background-color: #f9f9f9; }

.t-bg--black {
  background-color: #333; }

.t-bg--none {
  background-color: transparent; }

.t-bg--accent {
  background-color: #f1ede4; }

.t-bg--accent-light {
  background-color: lightyellow !important; }

/*borders*/
.t-border {
  border: 1px solid #ddd; }
  .t-border--primary {
    border-color: #00496e; }
  .t-border--secondary {
    border-color: #b32034; }
  .t-border--tertiary {
    border-color: #ddb505; }
  .t-border--quaternary {
    border-color: #002537; }
  .t-border--red {
    border-color: #d93131; }
  .t-border--radius {
    border-radius: 2px; }

/*shadows*/
.t-text-shadow {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }
  .t-text-shadow--inset {
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3); }
  .t-text-shadow--white-border {
    text-shadow: 2px 2px 5px #fff, -2px 2px 5px #fff, 2px -2px 5px #fff, -2px -2px 5px #fff, 3px 3px 3px rgba(0, 0, 0, 0.3); }
  .t-text-shadow--emboss {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5), -1px -1px 1px rgba(255, 255, 255, 0.5); }

.t-box-shadow, .c-card, .p-notation, .fs-common div.fs-confirm-alert-message, .p-notation--thin, .c-circle, .p-custom-header__circle, .p-custom-header__circle--minimum, .p-heading, .fs-common h1 {
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
          box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); }
  .t-box-shadow--white-border {
    -webkit-box-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 2px 2px 1px rgba(0, 0, 0, 0.4);
            box-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 2px 2px 1px rgba(0, 0, 0, 0.4); }
  .t-box-shadow--inset, article.fs-notice .fs-paragraph .notice-select-users .fs-user-list {
    -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4) inset;
            box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4) inset; }
  .t-box-shadow--float, .c-flatbtn, .p-back-btn, .fs-common .fs-btn-cancel, .fs-common .fs-btn-return {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(128, 128, 128, 0) inset;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(128, 128, 128, 0) inset; }
  .t-box-shadow--paper {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    position: relative; }
    .t-box-shadow--paper:after {
      content: "";
      position: absolute;
      z-index: -999;
      width: 30%;
      height: 50%;
      right: 2%;
      bottom: 30%;
      -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
              box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
      background-color: transparent;
      -webkit-transform: rotate(3deg);
          -ms-transform: rotate(3deg);
              transform: rotate(3deg); }

/*base*/
.l-container, .fs-common div.fs-wrap {
  max-width: 90vw;
  margin: 0 auto; }

.l-fullwidth {
  width: 100%;
  min-width: 90vw;
  margin: 0 auto; }

.l-fitwidth, dl.p-inputitem--fit input,
dl.p-inputitem--fit select,
dl.p-inputitem--fit textarea, .p-form-input input, .fs-common article.fs-view dl input, .fs-common article.fs-add dl input, .fs-common article.fs-edit dl input, .fs-common article.fs-account dl input,
.p-form-input select,
.fs-common article.fs-view dl select,
.fs-common article.fs-add dl select,
.fs-common article.fs-edit dl select,
.fs-common article.fs-account dl select,
.p-form-input textarea,
.fs-common article.fs-view dl textarea,
.fs-common article.fs-add dl textarea,
.fs-common article.fs-edit dl textarea,
.fs-common article.fs-account dl textarea, .fs-common .fs-tbl-list table {
  width: 100%;
  margin: 0 auto; }
  .l-fitwidth .a-delete--file, dl.p-inputitem--fit input .a-delete--file, dl.p-inputitem--fit select .a-delete--file, dl.p-inputitem--fit textarea .a-delete--file, .p-form-input input .a-delete--file, .fs-common article.fs-view dl input .a-delete--file, .fs-common article.fs-add dl input .a-delete--file, .fs-common article.fs-edit dl input .a-delete--file, .fs-common article.fs-account dl input .a-delete--file, .p-form-input select .a-delete--file, .fs-common article.fs-view dl select .a-delete--file, .fs-common article.fs-add dl select .a-delete--file, .fs-common article.fs-edit dl select .a-delete--file, .fs-common article.fs-account dl select .a-delete--file, .p-form-input textarea .a-delete--file, .fs-common article.fs-view dl textarea .a-delete--file, .fs-common article.fs-add dl textarea .a-delete--file, .fs-common article.fs-edit dl textarea .a-delete--file, .fs-common article.fs-account dl textarea .a-delete--file, .fs-common .fs-tbl-list table .a-delete--file {
    height: 43px !important; }

/*use maxwidth*/
.l-maxwidth {
  max-width: 100%;
  margin: 0 auto; }

.l-maxwidth--main {
  max-width: 75%;
  margin: 0 auto; }

.l-maxwidth--sub {
  max-width: 25%;
  margin: 0 auto; }

.l-maxwidth--half {
  max-width: 50%;
  margin: 0 auto; }

/*don't use maxwidth*/
.l-minwidth {
  min-width: 90vw;
  margin: 0 auto; }

.l-width {
  width: 90vw;
  margin: 0 auto; }

.l-width--main {
  width: 75%;
  margin: 0 auto; }

.l-width--sub, .fs-common .fs-btn-search {
  width: 25%;
  margin: 0 auto; }

.l-width--half {
  width: 50%;
  margin: 0 auto; }

/*margin&padding*/
.l-inner, dl.p-inputitem--fit input,
dl.p-inputitem--fit select,
dl.p-inputitem--fit textarea, .p-heading, .fs-common h1, .p-back-btn, .fs-common .fs-btn-cancel, .fs-common .fs-btn-return, .p-form-input input, .fs-common article.fs-view dl input, .fs-common article.fs-add dl input, .fs-common article.fs-edit dl input, .fs-common article.fs-account dl input,
.p-form-input select,
.fs-common article.fs-view dl select,
.fs-common article.fs-add dl select,
.fs-common article.fs-edit dl select,
.fs-common article.fs-account dl select,
.p-form-input textarea,
.fs-common article.fs-view dl textarea,
.fs-common article.fs-add dl textarea,
.fs-common article.fs-edit dl textarea,
.fs-common article.fs-account dl textarea, article.fs-notice .fs-paragraph .notice-select-users .fs-user-list {
  padding: 0.5rem; }
  .l-inner--min {
    padding: 0.25rem; }

.l-padding, .p-notation, .fs-common div.fs-confirm-alert-message, .p-notation--thin, .fs-common div.fs-wrap, .fs-common .fs-paginate-link {
  padding: 2rem !important; }

.l-p0 {
  padding: 0 !important; }

.l-pl {
  padding-left: 2rem !important; }
  .l-pl0 {
    padding-left: 0 !important; }
  .l-pl1 {
    padding-left: 1rem !important; }
  .l-pl2 {
    padding-left: 2rem !important; }
  .l-plx2 {
    padding-left: 4rem !important; }

.l-pr {
  padding-right: 2rem !important; }
  .l-pr0 {
    padding-right: 0 !important; }
  .l-pr1, .fs-common .fs-paginate-num {
    padding-right: 1rem !important; }
  .l-pr2 {
    padding-right: 2rem !important; }
  .l-prx2 {
    padding-right: 4rem !important; }

.l-pt {
  padding-top: 2rem !important; }
  .l-pt0 {
    padding-top: 0 !important; }
  .l-pt1 {
    padding-top: 1rem !important; }
  .l-pt2 {
    padding-top: 2rem !important; }
  .l-ptx2 {
    padding-top: 4rem !important; }

.l-pb {
  padding-bottom: 2rem !important; }
  .l-pb0 {
    padding-bottom: 0 !important; }
  .l-pb1 {
    padding-bottom: 1rem !important; }
  .l-pb2 {
    padding-bottom: 2rem !important; }
  .l-pbx2 {
    padding-bottom: 4rem !important; }

.l-margin {
  margin: 3rem !important; }

.l-ml {
  margin-left: 3rem !important; }
  .l-ml0 {
    margin-left: 0 !important; }
  .l-ml1 {
    margin-left: 1rem !important; }
  .l-ml2 {
    margin-left: 2rem !important; }
  .l-mlx2 {
    margin-left: 6rem !important; }

.l-mr {
  margin-right: 3rem !important; }
  .l-mr0 {
    margin-right: 0 !important; }
  .l-mr1 {
    margin-right: 1rem !important; }
  .l-mr2 {
    margin-right: 2rem !important; }
  .l-mrx2 {
    margin-right: 6rem !important; }

.l-mt {
  margin-top: 3rem !important; }
  .l-mt0 {
    margin-top: 0 !important; }
  .l-mt1, .fs-common .fs-paginate-num, #fs-matter-customer-info div.fs-desc-family-relation {
    margin-top: 1rem !important; }
  .l-mt2 {
    margin-top: 2rem !important; }
  .l-mtx2 {
    margin-top: 6rem !important; }

.l-mb, .p-heading, .fs-common h1, .fs-common div.fs-confirm-alert-message, .fs-common div.fs-info-message, .fs-common div.fs-info-message-for-account, .fs-common div.fs-annotation-block, #fs-top div.fs-unread-block {
  margin-bottom: 3rem !important; }
  .l-mb0 {
    margin-bottom: 0 !important; }
  .l-mb1 {
    margin-bottom: 1rem !important; }
  .l-mb2, .p-form-header, #fs-top h2, #fs-tools h4, #fs-matter-hearing #fs-invite-ex-message {
    margin-bottom: 2rem !important; }
  .l-mbx2 {
    margin-bottom: 6rem !important; }

/**
 * design components
 */
/*c-heading*/
.c-heading--underline {
  margin-bottom: 1rem;
  padding: 0.5rem;
  padding-left: 0;
  border-bottom: 1px dashed #ddd;
  color: #666; }

.c-heading--bar {
  border-left: 1px solid #b32034;
  margin-bottom: 2rem;
  padding: 0;
  padding-left: 2rem;
  color: #666;
  font-weight: bold; }

.c-heading--highlight {
  margin: 0 0 1rem;
  padding: 0.3rem 1rem;
  border-radius: 2px; }

.c-heading--lead {
  padding: 0.75em 1em;
  position: relative;
  color: #666;
  margin: 1rem 0 2rem;
  text-shadow: -1px 1px 0 white; }
  .c-heading--lead::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 0 white;
            box-shadow: 0 1px 0 white; }
  .c-heading--lead::after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 0 white;
            box-shadow: 0 1px 0 white; }

.c-heading--center-horizon {
  margin: 2rem 0 2rem;
  width: 100%;
  color: #666;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .c-heading--center-horizon:before, .c-heading--center-horizon:after {
    content: "";
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    height: 1px; }
  .c-heading--center-horizon:before {
    margin-right: 0.4em;
    background: -webkit-gradient(linear, right top, left top, from(#888), to(transparent));
    background: -webkit-linear-gradient(right, #888, transparent);
    background: -o-linear-gradient(right, #888, transparent);
    background: linear-gradient(-90deg, #888, transparent); }
  .c-heading--center-horizon:after {
    margin-left: 0.4em;
    background: -webkit-gradient(linear, left top, right top, from(#888), to(transparent));
    background: -webkit-linear-gradient(left, #888, transparent);
    background: -o-linear-gradient(left, #888, transparent);
    background: linear-gradient(90deg, #888, transparent); }

.c-heading--highlight-bar {
  position: relative;
  width: 100%;
  padding: 1rem 1rem;
  margin: 1.3rem auto 2.3rem;
  font-size: 1.8rem; }
  .c-heading--highlight-bar:before {
    display: block;
    content: "";
    position: absolute;
    top: -0.3rem;
    left: 0;
    background: inherit;
    width: 100%;
    height: 1px; }
  .c-heading--highlight-bar:after {
    display: block;
    content: "";
    position: absolute;
    bottom: -0.3rem;
    left: 0;
    background: inherit;
    width: 100%;
    height: 1px; }
  .c-heading--highlight-bar .fa {
    font-size: 1.4em;
    vertical-align: bottom;
    margin-right: 0.5rem; }

/*c-card*/
.c-card, .p-notation, .fs-common div.fs-confirm-alert-message, .p-notation--thin {
  border-radius: 4px;
  overflow: hidden;
  background: white; }
  .c-card__img {
    border-radius: 4px 4px 0 0;
    max-width: 100%;
    height: auto; }
  .c-card__head {
    padding: 2rem;
    padding-bottom: 0.75rem;
    text-align: center;
    font-weight: bold;
    line-height: 1;
    color: #666; }
  .c-card__body {
    padding: 0.5rem;
    padding-top: 0;
    color: #666; }
  .c-card__foot {
    padding: 0.5rem;
    border-top: 1px solid #eee;
    text-align: center; }
    .c-card__foot > a {
      color: #00496e;
      margin: 0 2rem; }
  .c-card--min {
    margin: 0;
    -webkit-box-shadow: none;
            box-shadow: none; }
    .c-card--min img {
      border-radius: 4px; }

/*c-circle*/
.c-circle, .p-custom-header__circle, .p-custom-header__circle--minimum {
  display: table-cell;
  position: relative;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: middle;
  text-align: center;
  color: white; }
  .c-circle--minimum, .p-custom-header__circle--minimum {
    width: 2.8rem;
    height: 2.8rem; }
    .c-circle--minimum i.fa, .p-custom-header__circle--minimum i.fa {
      font-size: 1.8rem; }
  .c-circle--small {
    width: 85px;
    height: 85px; }
    .c-circle--small i.fa {
      font-size: 2.5rem; }
  .c-circle--large {
    width: 250px;
    height: 250px; }
    .c-circle--large i.fa {
      font-size: 4rem; }

/*c-letter*/
.c-first-letter:first-letter {
  font-size: 1.5em; }

/*c-wrapper*/
.c-wrapper {
  position: relative;
  width: 100%;
  height: auto !important;
  height: 100%;
  min-height: 100%;
  padding-bottom: 62px; }

@media screen and (max-width: 769px) {
  .c-wrapper {
    padding-bottom: 62px; } }

.c-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1; }

/*c-table*/
.c-table {
  border-collapse: collapse;
  width: 100%; }
  .c-table__top--gray {
    border-top: #666 4px solid; }
  .c-table__top--blue {
    border-top: #3285d9 4px solid; }
  .c-table__top--red {
    border-top: #d93131 4px solid; }
  .c-table__top--yellow {
    border-top: #f8b752 4px solid; }
  .c-table th,
  .c-table td {
    text-align: inherit;
    padding: 0.5rem; }
  .c-table tr {
    border-bottom: #ccc 1px dashed; }
  .c-table tr:nth-of-type(odd):not(1) {
    background-color: #fcfcfc; }
  .c-table tr:last-child {
    border-bottom: none; }

.c-table.c-table--min tr {
  border-bottom: none; }
  .c-table.c-table--min tr th,
  .c-table.c-table--min tr td {
    padding: 0.5rem; }

/*c-bq*/
.c-bq, .fs-common .fs-exposition, .fs-common div.fs-info-message, .fs-common div.fs-info-message-for-account, .fs-common div.fs-annotation-mid, #fs-matter-customer-info #fs-customer-info-agree #attention-area, #fs-matter-hearing #fs-invite-ex-message {
  border-radius: 5px;
  background-color: #f0f0f0;
  padding: 4rem 2rem 2rem 2rem;
  border: 1px solid #dedede;
  position: relative; }
  .c-bq:before, .fs-common .fs-exposition:before, .fs-common div.fs-info-message:before, .fs-common div.fs-info-message-for-account:before, .fs-common div.fs-annotation-mid:before, #fs-matter-customer-info #fs-customer-info-agree #attention-area:before, #fs-matter-hearing #fs-invite-ex-message:before {
    content: "\201C";
    font-size: 6rem;
    line-height: 1em;
    font-family: Verdana, serif;
    font-weight: bold;
    color: #999;
    position: absolute;
    left: 1rem;
    top: 0.5rem; }

/*c-pre*/
.c-pre {
  border: 1px solid #ddd;
  padding: 1rem;
  margin: 2rem auto;
  width: 100%; }

/*c-label*/
.c-label {
  display: inline-block;
  padding: 0.1rem 0.5rem;
  background: #eee;
  border: 1px solid #bbb;
  text-align: center;
  font-size: 0.8em; }
  .c-label--hilight {
    color: white;
    background: #666; }
  .c-label--primary {
    color: white;
    text-shadow: 1px 1px 1px #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#6eceff), color-stop(5%, #008dd4), color-stop(95%, #00496e), to(black));
    background: -webkit-linear-gradient(top, #6eceff 0%, #008dd4 5%, #00496e 95%, black 100%);
    background: -o-linear-gradient(top, #6eceff 0%, #008dd4 5%, #00496e 95%, black 100%);
    background: linear-gradient(to bottom, #6eceff 0%, #008dd4 5%, #00496e 95%, black 100%); }
  .c-label--secondary {
    color: white;
    text-shadow: 1px 1px 1px #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8dade), color-stop(5%, #e1586b), color-stop(95%, #b32034), to(black));
    background: -webkit-linear-gradient(top, #f8dade 0%, #e1586b 5%, #b32034 95%, black 100%);
    background: -o-linear-gradient(top, #f8dade 0%, #e1586b 5%, #b32034 95%, black 100%);
    background: linear-gradient(to bottom, #f8dade 0%, #e1586b 5%, #b32034 95%, black 100%); }
  .c-label--tertiary {
    color: white;
    text-shadow: 1px 1px 1px #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#fef9e3), color-stop(5%, #fbdb4d), color-stop(95%, #ddb505), to(black));
    background: -webkit-linear-gradient(top, #fef9e3 0%, #fbdb4d 5%, #ddb505 95%, black 100%);
    background: -o-linear-gradient(top, #fef9e3 0%, #fbdb4d 5%, #ddb505 95%, black 100%);
    background: linear-gradient(to bottom, #fef9e3 0%, #fbdb4d 5%, #ddb505 95%, black 100%); }
  .c-label--aqua {
    color: white;
    text-shadow: 1px 1px 1px #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#e5f6fc), color-stop(5%, #87e0fd), color-stop(40%, #53cbf1), color-stop(95%, #05abe0), to(#047293));
    background: -webkit-linear-gradient(top, #e5f6fc 0%, #87e0fd 5%, #53cbf1 40%, #05abe0 95%, #047293 100%);
    background: -o-linear-gradient(top, #e5f6fc 0%, #87e0fd 5%, #53cbf1 40%, #05abe0 95%, #047293 100%);
    background: linear-gradient(to bottom, #e5f6fc 0%, #87e0fd 5%, #53cbf1 40%, #05abe0 95%, #047293 100%); }
  .c-label--blue {
    color: white;
    text-shadow: 1px 1px 1px #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#80cce6), color-stop(5%, #80cce6), color-stop(5%, #09c), color-stop(95%, #069), color-stop(95%, #069), to(#00293d));
    background: -webkit-linear-gradient(top, #80cce6 0%, #80cce6 5%, #09c 5%, #069 95%, #069 95%, #00293d 100%);
    background: -o-linear-gradient(top, #80cce6 0%, #80cce6 5%, #09c 5%, #069 95%, #069 95%, #00293d 100%);
    background: linear-gradient(to bottom, #80cce6 0%, #80cce6 5%, #09c 5%, #069 95%, #069 95%, #00293d 100%); }
  .c-label--navy {
    color: white;
    text-shadow: 1px 1px 1px #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#e1e5ef), color-stop(8%, #96a8d3), color-stop(95%, #6879a0), to(#3a4663));
    background: -webkit-linear-gradient(top, #e1e5ef 0%, #96a8d3 8%, #6879a0 95%, #3a4663 100%);
    background: -o-linear-gradient(top, #e1e5ef 0%, #96a8d3 8%, #6879a0 95%, #3a4663 100%);
    background: linear-gradient(to bottom, #e1e5ef 0%, #96a8d3 8%, #6879a0 95%, #3a4663 100%); }
  .c-label--orange {
    color: white;
    text-shadow: 1px 1px 1px #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffecd1), color-stop(5%, #ffb76b), color-stop(50%, #ffa73d), color-stop(51%, #ff7c00), color-stop(95%, #ff7f04), to(#b25503));
    background: -webkit-linear-gradient(top, #ffecd1 0%, #ffb76b 5%, #ffa73d 50%, #ff7c00 51%, #ff7f04 95%, #b25503 100%);
    background: -o-linear-gradient(top, #ffecd1 0%, #ffb76b 5%, #ffa73d 50%, #ff7c00 51%, #ff7f04 95%, #b25503 100%);
    background: linear-gradient(to bottom, #ffecd1 0%, #ffb76b 5%, #ffa73d 50%, #ff7c00 51%, #ff7f04 95%, #b25503 100%); }
  .c-label--red {
    color: white;
    text-shadow: 1px 1px 1px #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa199), color-stop(5%, #ff6051), color-stop(95%, #ce3b06), to(#990303));
    background: -webkit-linear-gradient(top, #ffa199 0%, #ff6051 5%, #ce3b06 95%, #990303 100%);
    background: -o-linear-gradient(top, #ffa199 0%, #ff6051 5%, #ce3b06 95%, #990303 100%);
    background: linear-gradient(to bottom, #ffa199 0%, #ff6051 5%, #ce3b06 95%, #990303 100%); }
  .c-label--maroon {
    color: white;
    text-shadow: 1px 1px 1px #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2c4c4), color-stop(5%, #cc4f4f), color-stop(95%, #cc0000), color-stop(95%, #cc0000), to(#890606));
    background: -webkit-linear-gradient(top, #f2c4c4 0%, #cc4f4f 5%, #cc0000 95%, #cc0000 95%, #890606 100%);
    background: -o-linear-gradient(top, #f2c4c4 0%, #cc4f4f 5%, #cc0000 95%, #cc0000 95%, #890606 100%);
    background: linear-gradient(to bottom, #f2c4c4 0%, #cc4f4f 5%, #cc0000 95%, #cc0000 95%, #890606 100%); }
  .c-label--pink {
    color: white;
    text-shadow: 1px 1px 1px #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#fce0e0), color-stop(5%, #febbbb), color-stop(45%, #fe9090), color-stop(95%, #ff5c5c), to(#bf4646));
    background: -webkit-linear-gradient(top, #fce0e0 0%, #febbbb 5%, #fe9090 45%, #ff5c5c 95%, #bf4646 100%);
    background: -o-linear-gradient(top, #fce0e0 0%, #febbbb 5%, #fe9090 45%, #ff5c5c 95%, #bf4646 100%);
    background: linear-gradient(to bottom, #fce0e0 0%, #febbbb 5%, #fe9090 45%, #ff5c5c 95%, #bf4646 100%); }
  .c-label--purple {
    color: white;
    text-shadow: 1px 1px 1px #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#f9d9f2), color-stop(5%, #cb60b3), color-stop(50%, #c146a1), color-stop(50%, #c146a1), color-stop(50%, #a80077), color-stop(95%, #db36a4), to(#992672));
    background: -webkit-linear-gradient(top, #f9d9f2 0%, #cb60b3 5%, #c146a1 50%, #c146a1 50%, #a80077 50%, #db36a4 95%, #992672 100%);
    background: -o-linear-gradient(top, #f9d9f2 0%, #cb60b3 5%, #c146a1 50%, #c146a1 50%, #a80077 50%, #db36a4 95%, #992672 100%);
    background: linear-gradient(to bottom, #f9d9f2 0%, #cb60b3 5%, #c146a1 50%, #c146a1 50%, #a80077 50%, #db36a4 95%, #992672 100%); }
  .c-label--lime {
    color: white;
    text-shadow: 1px 1px 1px #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#9dd53a), color-stop(5%, #d5eaad), color-stop(50%, #bde878), color-stop(52%, #abd36b), color-stop(95%, #7cbc0a), to(#537c07));
    background: -webkit-linear-gradient(top, #9dd53a 0%, #d5eaad 5%, #bde878 50%, #abd36b 52%, #7cbc0a 95%, #537c07 100%);
    background: -o-linear-gradient(top, #9dd53a 0%, #d5eaad 5%, #bde878 50%, #abd36b 52%, #7cbc0a 95%, #537c07 100%);
    background: linear-gradient(to bottom, #9dd53a 0%, #d5eaad 5%, #bde878 50%, #abd36b 52%, #7cbc0a 95%, #537c07 100%); }
  .c-label--green {
    color: white;
    text-shadow: 1px 1px 1px #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#e1efe3), color-stop(7%, #8db58f), color-stop(96%, #61a865), to(#417043));
    background: -webkit-linear-gradient(top, #e1efe3 0%, #8db58f 7%, #61a865 96%, #417043 100%);
    background: -o-linear-gradient(top, #e1efe3 0%, #8db58f 7%, #61a865 96%, #417043 100%);
    background: linear-gradient(to bottom, #e1efe3 0%, #8db58f 7%, #61a865 96%, #417043 100%); }
  .c-label--yellow {
    color: white;
    text-shadow: 1px 1px 1px #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffe2b2), color-stop(5%, #f9c667), color-stop(95%, #f79621), to(#bf7e07));
    background: -webkit-linear-gradient(top, #ffe2b2 0%, #f9c667 5%, #f79621 95%, #bf7e07 100%);
    background: -o-linear-gradient(top, #ffe2b2 0%, #f9c667 5%, #f79621 95%, #bf7e07 100%);
    background: linear-gradient(to bottom, #ffe2b2 0%, #f9c667 5%, #f79621 95%, #bf7e07 100%); }
  .c-label--bronze {
    color: white;
    text-shadow: 1px 1px 1px #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7ecd9), color-stop(5%, #ead9c0), color-stop(50%, #c19e67), color-stop(51%, #b68d4c), color-stop(95%, #e9d4b3), to(#b7a68d));
    background: -webkit-linear-gradient(top, #f7ecd9 0%, #ead9c0 5%, #c19e67 50%, #b68d4c 51%, #e9d4b3 95%, #b7a68d 100%);
    background: -o-linear-gradient(top, #f7ecd9 0%, #ead9c0 5%, #c19e67 50%, #b68d4c 51%, #e9d4b3 95%, #b7a68d 100%);
    background: linear-gradient(to bottom, #f7ecd9 0%, #ead9c0 5%, #c19e67 50%, #b68d4c 51%, #e9d4b3 95%, #b7a68d 100%); }
  .c-label--gold {
    color: white;
    text-shadow: 1px 1px 1px #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#f4e3b7), color-stop(5%, #f9d068), color-stop(36%, #fccd4d), color-stop(57%, #f8b500), color-stop(95%, #f9d068), to(#c4a452));
    background: -webkit-linear-gradient(top, #f4e3b7 0%, #f9d068 5%, #fccd4d 36%, #f8b500 57%, #f9d068 95%, #c4a452 100%);
    background: -o-linear-gradient(top, #f4e3b7 0%, #f9d068 5%, #fccd4d 36%, #f8b500 57%, #f9d068 95%, #c4a452 100%);
    background: linear-gradient(to bottom, #f4e3b7 0%, #f9d068 5%, #fccd4d 36%, #f8b500 57%, #f9d068 95%, #c4a452 100%); }
  .c-label--black {
    color: white;
    text-shadow: 1px 1px 1px #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), color-stop(5%, #aebcbf), color-stop(5%, #aebcbf), color-stop(50%, #6e7774), color-stop(50%, #383637), color-stop(95%, #383637), to(#000000));
    background: -webkit-linear-gradient(top, #e8e8e8 0%, #aebcbf 5%, #aebcbf 5%, #6e7774 50%, #383637 50%, #383637 95%, #000000 100%);
    background: -o-linear-gradient(top, #e8e8e8 0%, #aebcbf 5%, #aebcbf 5%, #6e7774 50%, #383637 50%, #383637 95%, #000000 100%);
    background: linear-gradient(to bottom, #e8e8e8 0%, #aebcbf 5%, #aebcbf 5%, #6e7774 50%, #383637 50%, #383637 95%, #000000 100%); }
  .c-label--silver {
    color: white;
    text-shadow: 1px 1px 1px #000;
    background: -webkit-gradient(linear, left top, left bottom, from(#fcfff4), color-stop(10%, #d2d2d0), color-stop(50%, #e5e5e5), color-stop(50%, #d3d3d3), color-stop(50%, #d3d3d3), color-stop(55%, #d3d3d3), color-stop(96%, #d0d3cb), to(#7b8277));
    background: -webkit-linear-gradient(top, #fcfff4 0%, #d2d2d0 10%, #e5e5e5 50%, #d3d3d3 50%, #d3d3d3 50%, #d3d3d3 55%, #d0d3cb 96%, #7b8277 100%);
    background: -o-linear-gradient(top, #fcfff4 0%, #d2d2d0 10%, #e5e5e5 50%, #d3d3d3 50%, #d3d3d3 50%, #d3d3d3 55%, #d0d3cb 96%, #7b8277 100%);
    background: linear-gradient(to bottom, #fcfff4 0%, #d2d2d0 10%, #e5e5e5 50%, #d3d3d3 50%, #d3d3d3 50%, #d3d3d3 55%, #d0d3cb 96%, #7b8277 100%); }
  .c-label--begginer {
    color: white;
    text-shadow: 1px 1px 1px #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#f6f9ac), color-stop(5%, #ffe735), color-stop(49%, #ffe735), color-stop(51%, #accc10), color-stop(95%, #73880a), to(#59680f));
    background: -webkit-linear-gradient(top, #f6f9ac 0%, #ffe735 5%, #ffe735 49%, #accc10 51%, #73880a 95%, #59680f 100%);
    background: -o-linear-gradient(top, #f6f9ac 0%, #ffe735 5%, #ffe735 49%, #accc10 51%, #73880a 95%, #59680f 100%);
    background: linear-gradient(to bottom, #f6f9ac 0%, #ffe735 5%, #ffe735 49%, #accc10 51%, #73880a 95%, #59680f 100%); }
  .c-label--gray {
    color: white;
    text-shadow: 1px 1px 1px #000;
    background: -webkit-gradient(linear, left top, left bottom, from(#fcfff4), color-stop(40%, #dfe5d7), to(#adadad));
    background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #adadad 100%);
    background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #adadad 100%);
    background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #adadad 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#adadad',GradientType=0 );
    /* IE6-9 */ }

/*c-list*/
.c-list, article.fs-notice .fs-paragraph .notice-users ul {
  font-size: 15px; }
  .c-list li, article.fs-notice .fs-paragraph .notice-users ul li {
    position: relative;
    list-style-type: none;
    margin-top: 0.3rem;
    margin-bottom: 2rem; }
    .c-list li:before, article.fs-notice .fs-paragraph .notice-users ul li:before {
      position: absolute;
      display: block;
      top: 0.3rem;
      left: 0.3rem;
      font-size: 1rem; }

ul.c-list, article.fs-notice .fs-paragraph .notice-users ul {
  margin: 2rem 0; }

/*c-dlist*/
dl.c-dlist {
  font-size: 0.9em;
  line-height: 2;
  width: 100%;
  overflow: hidden; }
  dl.c-dlist dt {
    width: 30%;
    height: 100%;
    padding: 0.8rem 0.5rem;
    float: left;
    overflow: visible;
    font-weight: bold;
    color: #666;
    word-wrap: break-word; }
  dl.c-dlist dd {
    word-wrap: break-word;
    padding: 0.8rem 0.5rem;
    margin: 0 0 0 30%; }
    dl.c-dlist dd::after {
      content: "";
      display: block;
      clear: both; }

.c-dlist--min dt {
  width: 20% !important; }

.c-dlist--min dd {
  margin: 0 0 0 20% !important; }

.c-dlist--long dt {
  width: 45% !important; }

.c-dlist--long dd {
  margin: 0 0 0 45% !important; }

.c-dlist--half dt {
  width: 50% !important; }

.c-dlist--half dd {
  margin: 0 0 0 50% !important; }

/*c-mlist*/
.c-mlist {
  width: 100%; }
  .c-mlist__media {
    float: left;
    width: 100px;
    height: 100px; }
    .c-mlist__media img {
      width: 100%;
      height: 100%; }
  .c-mlist__text {
    margin-left: 100px;
    padding-left: 2rem; }
    .c-mlist__text:after {
      content: "";
      display: block;
      clear: both; }
  .c-mlist--half .c-mlist__media {
    width: 50%;
    height: auto; }
  .c-mlist--half .c-mlist__text {
    margin-left: 50%; }

/*c-tag*/
.c-tag {
  display: inline-block;
  padding: 0.5rem 0;
  margin: 1rem auto;
  width: 125px;
  border-radius: 5%;
  text-align: center; }

/*c-txt*/
.c-txt p {
  margin: 1rem auto; }
  .c-txt p::after {
    content: "";
    display: block;
    clear: both; }
  .c-txt p img {
    float: left;
    height: auto;
    width: auto;
    max-width: 50%;
    padding: 0.5rem 0.5rem 0.5rem 0rem; }

.c-txt hr {
  border: none;
  border-top: 1px dotted #ddd;
  margin: 3rem auto;
  padding: 0px;
  width: 85%;
  height: 0; }

.c-txt h1,
.c-txt h2,
.c-txt h3,
.c-txt h4,
.c-txt h5,
.c-txt h6 {
  margin: 2rem auto 1rem; }

.c-txt h1 {
  font-size: 2rem;
  text-decoration: underline; }

.c-txt h2 {
  font-size: 1.8rem; }

.c-txt h3 {
  font-size: 1.6rem; }

.c-txt h4 {
  font-size: 1.4rem; }

.c-txt ul,
.c-txt ol,
.c-txt li,
.c-txt blockquote,
.c-txt dl,
.c-txt dt,
.c-txt dd {
  all: initial; }

/*c-paper*/
.c-paper, .fs-common div.fs-wrap article {
  padding: 3rem;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.05) inset;
          box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.05) inset;
  background-color: #f9f9f9;
  border-radius: 1px; }

/*c-nav*/
.c-nav > * {
  display: block;
  padding: 0.6em 0;
  -webkit-box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.3);
          box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.3);
  border-bottom: 3px solid rgba(225, 88, 107, 0.3);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  text-align: center; }
  .c-nav > *:last-child {
    border-right: none; }
  .c-nav > *:hover {
    border-bottom-color: rgba(225, 88, 107, 0.9); }

/*c-btn*/
.c-flatbtn, .p-back-btn, .fs-common .fs-btn-cancel, .fs-common .fs-btn-return {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  border: 1px solid #ccc; }
  .c-flatbtn--primary {
    background-color: #00496e;
    color: white;
    padding: 0.5rem 0.5rem; }
  .c-flatbtn--secondary {
    background-color: #b32034;
    color: white;
    padding: 0.5rem 0.5rem; }

.c-btn {
  display: block;
  height: 6rem;
  width: auto;
  padding: 0;
  margin: 0 auto;
  line-height: 5.5rem;
  letter-spacing: 0.3rem;
  text-indent: 0.3rem;
  text-align: center;
  border-radius: 3px;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 5px solid rgba(0, 0, 0, 0.2); }
  .c-btn:hover {
    border-bottom-width: 3px;
    -webkit-transform: translate3d(0, 1px, 0);
            transform: translate3d(0, 1px, 0); }
  .c-btn--primary {
    width: 30rem; }
  .c-btn--secondary {
    width: 20rem; }
  .c-btn--tertiary {
    width: 15rem; }
  .c-btn--disable {
    color: #999;
    background: #ccc; }
  .c-btn--disable:hover {
    border-bottom-width: 5px;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }

@media all and (max-width: 769px) {
  .c-btn--primary, .c-btn--secondary, .c-btn--tertiary {
    width: 100%; } }

/*c-bookmark*/
.c-bookmark {
  position: absolute;
  top: -1rem;
  right: -1rem;
  z-index: 1000 !important; }

/*c-breadcrumbs */
.c-breadcrumbs {
  background-color: #f5f5f5;
  border-width: 1px;
  border-style: solid;
  border-color: #ddd;
  overflow: hidden;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 2rem; }
  .c-breadcrumbs li {
    list-style: none;
    display: table-cell;
    white-space: nowrap; }
  .c-breadcrumbs li.current {
    font-weight: bold; }
  .c-breadcrumbs a,
  .c-breadcrumbs li.current {
    padding: 5px 15px 5px 20px;
    display: table-cell;
    white-space: nowrap;
    text-decoration: none;
    color: #555;
    position: relative;
    background-color: #f5f5f5; }
  .c-breadcrumbs li:first-child a {
    padding-left: 1em;
    border-radius: 5px 0 0 5px; }
  .c-breadcrumbs a:hover {
    background: #fff; }
  .c-breadcrumbs a::after,
  .c-breadcrumbs a::before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1.5em;
    border-top: 1.5em solid transparent;
    border-bottom: 1.5em solid transparent;
    border-left: 1em solid;
    right: -0.71em; }
  .c-breadcrumbs a::after {
    z-index: 2;
    border-left-color: #f5f5f5; }
  .c-breadcrumbs a::before {
    border-left-color: #c1c1c1;
    right: -0.8em;
    z-index: 1; }
  .c-breadcrumbs a:hover::after {
    border-left-color: #fff; }

/*c-visual*/
.c-visual {
  position: relative;
  text-shadow: 1px 1px 2px #333; }
  .c-visual__heading {
    letter-spacing: 6px;
    color: white;
    position: absolute;
    right: 2%;
    left: 2%;
    top: 50%;
    margin: auto;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%); }
    .c-visual__heading span {
      display: block;
      position: absolute;
      bottom: -1rem;
      left: 0;
      right: 0;
      margin: auto; }

/*c-pagination*/
.c-pagination .c-pagination__pages.current, .fs-common .fs-paginate-num .c-pagination__pages.current, .fs-common .fs-paginate-link .c-pagination__pages.current {
  display: inline-block;
  width: 1.2em;
  text-align: center;
  margin: 0px -1rem 0.3rem;
  padding: 0;
  background-color: #666;
  border-radius: 50%;
  color: white;
  line-height: 1.2;
  text-decoration: none; }

.c-pagination .c-pagination__pages, .fs-common .fs-paginate-num .c-pagination__pages, .fs-common .fs-paginate-link .c-pagination__pages,
.c-pagination .c-pagination__prev,
.fs-common .fs-paginate-num .c-pagination__prev,
.fs-common .fs-paginate-link .c-pagination__prev,
.c-pagination .c-pagination__next,
.fs-common .fs-paginate-num .c-pagination__next,
.fs-common .fs-paginate-link .c-pagination__next {
  color: #666;
  border-bottom: 1px dotted #b32034; }
  .c-pagination .c-pagination__pages a, .fs-common .fs-paginate-num .c-pagination__pages a, .fs-common .fs-paginate-link .c-pagination__pages a,
  .c-pagination .c-pagination__prev a,
  .fs-common .fs-paginate-num .c-pagination__prev a,
  .fs-common .fs-paginate-link .c-pagination__prev a,
  .c-pagination .c-pagination__next a,
  .fs-common .fs-paginate-num .c-pagination__next a,
  .fs-common .fs-paginate-link .c-pagination__next a {
    color: #e1586b; }

.c-pagination .c-pagination__counter, .fs-common .fs-paginate-num .c-pagination__counter, .fs-common .fs-paginate-link .c-pagination__counter {
  display: block;
  text-align: right; }

/**
 * layout components
 */
/*c-section*/
.c-section {
  padding-top: 9rem;
  padding-bottom: 9rem; }
  @media screen and (max-width: 769px) {
    .c-section {
      padding-top: 4.5rem;
      padding-bottom: 4.5rem; } }

/*c-flex*/
.c-flex, .p-form-input--date, .p-form-input--dateJp, .fs-common .fs-paginate-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-line-pack: distribute;
      align-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .c-flex--flex-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .c-flex--flex-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .c-flex--nowrap, .p-form-input--date, .p-form-input--dateJp, .fs-common .fs-paginate-link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap; }
  .c-flex--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap; }
  .c-flex--between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .c-flex--around {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .c-flex--center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .c-flex--start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .c-flex--stretch {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .c-flex__items {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }
  .c-flex__items--max {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
  .c-flex__grid1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 6.5%;
            flex: 0 1 6.5%;
    max-width: 6.5%;
    margin: 0 0 2rem 0; }
  .c-flex__grid2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 15%;
            flex: 0 1 15%;
    max-width: 15%;
    margin: 0 0 2rem 0; }
  .c-flex__grid3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 23.5%;
            flex: 0 1 23.5%;
    max-width: 23.5%;
    margin: 0 0 2rem 0; }
  .c-flex__grid4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 32%;
            flex: 0 1 32%;
    max-width: 32%;
    margin: 0 0 2rem 0; }
  .c-flex__grid5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 40.5%;
            flex: 0 1 40.5%;
    max-width: 40.5%;
    margin: 0 0 2rem 0; }
  .c-flex__grid6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 49%;
            flex: 0 1 49%;
    max-width: 49%;
    margin: 0 0 2rem 0; }
  .c-flex__grid7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 57.5%;
            flex: 0 1 57.5%;
    max-width: 57.5%;
    margin: 0 0 2rem 0; }
  .c-flex__grid8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 66%;
            flex: 0 1 66%;
    max-width: 66%;
    margin: 0 0 2rem 0; }
  .c-flex__grid9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 74.5%;
            flex: 0 1 74.5%;
    max-width: 74.5%;
    margin: 0 0 2rem 0; }
  .c-flex__grid10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 83%;
            flex: 0 1 83%;
    max-width: 83%;
    margin: 0 0 2rem 0; }
  .c-flex__grid11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 91.5%;
            flex: 0 1 91.5%;
    max-width: 91.5%;
    margin: 0 0 2rem 0; }
  .c-flex__grid12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    max-width: 100%;
    margin: 0 0 2rem 0; }

@media all and (max-width: 769px) {
  .c-flex--wrap [class*="c-flex__grid"] {
    min-width: 100%;
    padding: 0;
    margin: 2rem auto 0; }
  .c-flex--wrap [class*="c-grid__"]:first-child {
    margin: 0 auto 0; } }

/*c-grid*/
.c-grid {
  margin: 0;
  padding: 0 2rem;
  text-align: left; }
  .c-grid::after {
    content: "";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0; }
  .c-grid__1 {
    width: 6.5%; }
  .c-grid__2 {
    width: 15%; }
  .c-grid__3 {
    width: 23.5%; }
  .c-grid__4 {
    width: 32%; }
  .c-grid__5 {
    width: 40.5%; }
  .c-grid__6 {
    width: 49%; }
  .c-grid__7 {
    width: 57.5%; }
  .c-grid__8 {
    width: 66%; }
  .c-grid__9 {
    width: 74.5%; }
  .c-grid__10 {
    width: 83%; }
  .c-grid__11 {
    width: 91.5%; }
  .c-grid__12 {
    width: 100%; }
  .c-grid__1, .c-grid__2, .c-grid__3, .c-grid__4, .c-grid__5, .c-grid__6, .c-grid__7, .c-grid__8, .c-grid__9, .c-grid__10, .c-grid__11, .c-grid__12 {
    float: left;
    overflow: hidden;
    padding: 0;
    margin: 0 2% 0 0; }
  .c-grid__1:nth-last-child(2), .c-grid__2:nth-last-child(2), .c-grid__3:nth-last-child(2), .c-grid__4:nth-last-child(2), .c-grid__5:nth-last-child(2), .c-grid__6:nth-last-child(2), .c-grid__7:nth-last-child(2), .c-grid__8:nth-last-child(2), .c-grid__9:nth-last-child(2), .c-grid__10:nth-last-child(2), .c-grid__11:nth-last-child(2) {
    margin: 0; }
  .c-grid__1:last-child, .c-grid__2:last-child, .c-grid__3:last-child, .c-grid__4:last-child, .c-grid__5:last-child, .c-grid__6:last-child, .c-grid__7:last-child, .c-grid__8:last-child, .c-grid__9:last-child, .c-grid__10:last-child, .c-grid__11:last-child {
    float: right;
    margin: 0; }

@media all and (max-width: 769px) {
  .c-grid {
    margin: 0.3em auto 0;
    padding: 0; }
    .c-grid [class*="c-grid__"] {
      width: 100%;
      padding: 0;
      margin: 0.3em auto 0; }
    .c-grid [class*="c-grid__"]:first-child {
      margin: 0 auto 0; }
    .c-grid [class*="c-grid__"]:last-child {
      float: left; } }

/*c-box*/
.c-box {
  margin-left: auto;
  margin-right: auto; }
  .c-box--1 {
    width: 6.5%; }
  .c-box--2 {
    width: 15%; }
  .c-box--3 {
    width: 23.5%; }
  .c-box--4 {
    width: 32%; }
  .c-box--5 {
    width: 40.5%; }
  .c-box--6 {
    width: 49%; }
  .c-box--7 {
    width: 57.5%; }
  .c-box--8 {
    width: 66%; }
  .c-box--9 {
    width: 74.5%; }
  .c-box--10 {
    width: 83%; }
  .c-box--11 {
    width: 91.5%; }
  .c-box--12 {
    width: 100%; }

/**
 * animation components
 */
.c-trans--bg-color {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .c-trans--bg-color:hover {
    background-color: #e1586b; }

.c-loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  z-index: 9999;
  margin: auto;
  background: rgba(0, 0, 0, 0.2); }
  .c-loading--active {
    display: block; }
  .c-loading--absolute {
    position: absolute; }
  .c-loading .c-loading__wave {
    opacity: 0.4;
    position: relative;
    margin: 25% auto;
    width: 7rem;
    height: 7rem; }
    .c-loading .c-loading__wave:before, .c-loading .c-loading__wave:after {
      content: ""; }
    .c-loading .c-loading__wave span, .c-loading .c-loading__wave:before, .c-loading .c-loading__wave:after {
      position: absolute;
      display: block;
      border-radius: 5px;
      width: 1.2rem;
      height: 100%;
      -webkit-transition: 0.2s;
      -o-transition: 0.2s;
      transition: 0.2s;
      background: #007cbb; }
    .c-loading .c-loading__wave:before {
      top: 50%;
      left: 0;
      -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
              transform: translate(0, -50%);
      -webkit-animation: wave 0.9s linear infinite;
              animation: wave 0.9s linear infinite; }
    .c-loading .c-loading__wave:after {
      top: 50%;
      right: 0;
      -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
              transform: translate(0, -50%);
      -webkit-animation: wave 0.9s linear infinite 0.6s;
              animation: wave 0.9s linear infinite 0.6s; }
    .c-loading .c-loading__wave span {
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      -webkit-animation: wave 0.9s linear infinite 0.3s;
              animation: wave 0.9s linear infinite 0.3s; }

@-webkit-keyframes wave {
  0% {
    height: 100%;
    background-color: #3bbdff; }
  40% {
    height: 10%;
    background-color: #bbe8ff; }
  80% {
    height: 100%;
    background-color: #3bbdff; }
  100% {
    height: 100%;
    background-color: #007cbb; } }

@keyframes wave {
  0% {
    height: 100%;
    background-color: #3bbdff; }
  40% {
    height: 10%;
    background-color: #bbe8ff; }
  80% {
    height: 100%;
    background-color: #3bbdff; }
  100% {
    height: 100%;
    background-color: #007cbb; } }

.c-inputtag {
  width: 100%;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  min-height: 45px;
  height: auto; }
  .c-inputtag--tag {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0 10px;
    margin: 3px;
    background-color: #f6f6f6; }
    .c-inputtag--tag__close {
      color: #09f;
      cursor: pointer; }

/* 上側にツールチップ表示 */
.c-tooltip-top {
  display: inline-block;
  position: relative; }
  .c-tooltip-top::before, .c-tooltip-top::after {
    -webkit-transition: all 0.2s;
    opacity: 0;
    position: absolute;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    visibility: hidden;
    z-index: 11; }
  .c-tooltip-top:hover {
    cursor: pointer; }
  .c-tooltip-top:hover::before {
    opacity: 1;
    visibility: visible; }
  .c-tooltip-top:hover::after {
    opacity: 1;
    visibility: visible; }
  .c-tooltip-top::before {
    border-color: #000 transparent transparent transparent;
    border-style: solid;
    border-width: 10px 17px 0px 5px;
    content: "";
    height: 0;
    left: 12px;
    top: -33%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 0; }
  .c-tooltip-top::after {
    background: #000;
    border-radius: 5px;
    color: #fff;
    content: attr(data-tooltip);
    /* ここでdata-tooltipの内容を呼び出している */
    display: block;
    font-size: 13px;
    font-weight: 600;
    padding: 5px 10px;
    top: -120%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    white-space: nowrap; }

/* 右側にツールチップ表示 */
.c-tooltip-right {
  display: inline-block;
  position: relative; }
  .c-tooltip-right::before, .c-tooltip-right::after {
    -webkit-transition: all 0.2s;
    opacity: 0;
    position: absolute;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    visibility: hidden;
    z-index: 11; }
  .c-tooltip-right:hover {
    cursor: pointer; }
  .c-tooltip-right:hover::before {
    opacity: 1;
    visibility: visible; }
  .c-tooltip-right:hover::after {
    opacity: 1;
    visibility: visible; }
  .c-tooltip-right::before {
    border-color: transparent #000 transparent transparent;
    border-style: solid;
    border-width: 3px 7px 3px 0;
    content: "";
    height: 0;
    left: calc(100% + 6px);
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 0; }
  .c-tooltip-right::after {
    background: #000;
    border-radius: 5px;
    color: #fff;
    content: attr(data-tooltip);
    /* ここでdata-tooltipの内容を呼び出している */
    display: block;
    font-size: 13px;
    font-weight: 600;
    left: calc(100% + 13px);
    padding: 0px 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    white-space: nowrap; }

.c-list li:before, article.fs-notice .fs-paragraph .notice-users ul li:before {
  top: 0rem; }

table td a:not(.u-link):not(.u-link__normal) {
  width: 100%;
  height: 100%; }

.p-readonly, input[readonly="readonly"], select[readonly="readonly"], textarea[readonly="readonly"] {
  padding: 0;
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  user-select: none;
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer */
  -khtml-user-select: none;
  /* KHTML browsers (e.g. Konqueror) */
  -webkit-user-select: none;
  /* Chrome, Safari, and Opera */
  -webkit-touch-callout: none;
  /* Disable Android and iOS callouts*/
  background: transparent; }

div.error-message {
  border-radius: 2px;
  border: 1px dashed #d93131;
  border-top: 3px solid #d93131;
  padding: 0.5rem;
  background: white;
  color: #d93131; }

pre {
  font-family: "Muli", "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, sans-serif;
  overflow: visible;
  word-break: break-all;
  word-wrap: break-word; }

.c-pagination .c-pagination__pages.current, .fs-common .fs-paginate-num .c-pagination__pages.current, .fs-common .fs-paginate-link .c-pagination__pages.current {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  text-align: center;
  /* margin: 0px -1rem 0.3rem; */
  background-color: #666;
  border-radius: 50%;
  font-size: 0.95em;
  color: white;
  line-height: 1.6;
  text-decoration: none; }

a {
  font-weight: inherit; }

body > div.message {
  cursor: pointer;
  position: fixed;
  z-index: 999;
  top: 3%;
  left: 0;
  right: 0;
  width: 55%;
  margin: auto;
  padding: 3rem 6rem;
  border: 2px groove whitesmoke;
  border-radius: 5px;
  color: white;
  font-weight: bold;
  text-align: center; }
  body > div.message i {
    position: absolute;
    top: -2rem;
    left: 1rem;
    opacity: 0.3;
    -webkit-transform: rotateZ(-25deg);
        -ms-transform: rotate(-25deg);
            transform: rotateZ(-25deg);
    font-size: 15rem;
    overflow: hidden; }

.p-custom-header {
  -webkit-box-shadow: -3px 10px 3px -9px rgba(0, 0, 0, 0.5) inset;
          box-shadow: -3px 10px 3px -9px rgba(0, 0, 0, 0.5) inset;
  min-height: 244px;
  overflow: hidden;
  position: relative;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  margin-bottom: 3rem !important; }
  .p-custom-header > div {
    min-height: 244px; }
  .p-custom-header__circle {
    display: inline-block;
    background-size: cover; }
  .p-custom-header__circle--minimum {
    background-size: cover; }

.p-iconbtn {
  margin: 0.5rem;
  position: relative;
  display: block;
  border-radius: 3px;
  z-index: 0;
  padding: 2rem;
  overflow: hidden; }
  .p-iconbtn > i.fa {
    overflow: hidden;
    font-size: 6em;
    color: rgba(255, 255, 255, 0.2);
    z-index: -1;
    position: absolute;
    top: -25%;
    right: 5%;
    margin: auto;
    -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
            transform: rotate(10deg); }

/*c-dlist*/
dl.p-inputitem {
  font-size: 0.9em;
  width: 100%;
  overflow: hidden; }
  dl.p-inputitem dt {
    width: 100%;
    height: 100%;
    overflow: visible;
    font-weight: normal;
    color: #666;
    word-wrap: break-word;
    word-break: break-all; }
  dl.p-inputitem dd {
    word-wrap: break-word;
    word-break: break-all; }
    dl.p-inputitem dd::after {
      content: "";
      display: block;
      clear: both; }
  dl.p-inputitem--fit label {
    display: none; }

dl.p-labelitem, dl.p-form-input, .fs-common article.fs-view dl, .fs-common article.fs-add dl, .fs-common article.fs-edit dl, .fs-common article.fs-account dl {
  margin-bottom: 1rem;
  width: 100%;
  overflow: hidden; }
  dl.p-labelitem dt, dl.p-form-input dt, .fs-common article.fs-view dl dt, .fs-common article.fs-add dl dt, .fs-common article.fs-edit dl dt, .fs-common article.fs-account dl dt {
    padding: 0 0 0.3rem;
    width: 100%;
    height: 100%;
    font-size: 1.4rem;
    overflow: visible;
    font-weight: bold;
    color: #1b3a88;
    word-wrap: break-word;
    word-break: break-all; }
  dl.p-labelitem dd, dl.p-form-input dd, .fs-common article.fs-view dl dd, .fs-common article.fs-add dl dd, .fs-common article.fs-edit dl dd, .fs-common article.fs-account dl dd {
    line-height: 3rem;
    word-wrap: break-word;
    word-break: break-all; }
    dl.p-labelitem dd::after, dl.p-form-input dd::after, .fs-common article.fs-view dl dd::after, .fs-common article.fs-add dl dd::after, .fs-common article.fs-edit dl dd::after, .fs-common article.fs-account dl dd::after {
      content: "";
      display: block;
      clear: both; }

.p-labelitem--border-bottom, body.p-agent[class*="p-agents__index"] dl.p-labelitem dd, body.p-agent[class*="p-agents__index"] dl.p-form-input dd, body.p-agent[class*="p-agents__index"] .fs-common article.fs-view dl dd, .fs-common article.fs-view body.p-agent[class*="p-agents__index"] dl dd, body.p-agent[class*="p-agents__index"] .fs-common article.fs-add dl dd, .fs-common article.fs-add body.p-agent[class*="p-agents__index"] dl dd, body.p-agent[class*="p-agents__index"] .fs-common article.fs-edit dl dd, .fs-common article.fs-edit body.p-agent[class*="p-agents__index"] dl dd, body.p-agent[class*="p-agents__index"] .fs-common article.fs-account dl dd, .fs-common article.fs-account body.p-agent[class*="p-agents__index"] dl dd, body[class*="view"] dl.p-labelitem dd, body[class*="view"] dl.p-form-input dd, body[class*="view"] .fs-common article.fs-view dl dd, .fs-common article.fs-view body[class*="view"] dl dd, body[class*="view"] .fs-common article.fs-add dl dd, .fs-common article.fs-add body[class*="view"] dl dd, body[class*="view"] .fs-common article.fs-edit dl dd, .fs-common article.fs-edit body[class*="view"] dl dd, body[class*="view"] .fs-common article.fs-account dl dd, .fs-common article.fs-account body[class*="view"] dl dd, body[class*="profile"] dl.p-labelitem dd, body[class*="profile"] dl.p-form-input dd, body[class*="profile"] .fs-common article.fs-view dl dd, .fs-common article.fs-view body[class*="profile"] dl dd, body[class*="profile"] .fs-common article.fs-add dl dd, .fs-common article.fs-add body[class*="profile"] dl dd, body[class*="profile"] .fs-common article.fs-edit dl dd, .fs-common article.fs-edit body[class*="profile"] dl dd, body[class*="profile"] .fs-common article.fs-account dl dd, .fs-common article.fs-account body[class*="profile"] dl dd, body[class*="confirm"] dl.p-labelitem dd, body[class*="confirm"] dl.p-form-input dd, body[class*="confirm"] .fs-common article.fs-view dl dd, .fs-common article.fs-view body[class*="confirm"] dl dd, body[class*="confirm"] .fs-common article.fs-add dl dd, .fs-common article.fs-add body[class*="confirm"] dl dd, body[class*="confirm"] .fs-common article.fs-edit dl dd, .fs-common article.fs-edit body[class*="confirm"] dl dd, body[class*="confirm"] .fs-common article.fs-account dl dd, .fs-common article.fs-account body[class*="confirm"] dl dd, div[class*="confirm"] dl.p-labelitem dd, div[class*="confirm"] dl.p-form-input dd, div[class*="confirm"] .fs-common article.fs-view dl dd, .fs-common article.fs-view div[class*="confirm"] dl dd, div[class*="confirm"] .fs-common article.fs-add dl dd, .fs-common article.fs-add div[class*="confirm"] dl dd, div[class*="confirm"] .fs-common article.fs-edit dl dd, .fs-common article.fs-edit div[class*="confirm"] dl dd, div[class*="confirm"] .fs-common article.fs-account dl dd, .fs-common article.fs-account div[class*="confirm"] dl dd, .fs-common article.fs-view dd {
  padding-bottom: 0rem;
  border-bottom: 1px dashed #ddd; }

body.p-notices__view dl.p-labelitem dd, body.p-notices__view dl.p-form-input dd, body.p-notices__view .fs-common article.fs-view dl dd, .fs-common article.fs-view body.p-notices__view dl dd, body.p-notices__view .fs-common article.fs-add dl dd, .fs-common article.fs-add body.p-notices__view dl dd, body.p-notices__view .fs-common article.fs-edit dl dd, .fs-common article.fs-edit body.p-notices__view dl dd, body.p-notices__view .fs-common article.fs-account dl dd, .fs-common article.fs-account body.p-notices__view dl dd {
  border-bottom: none; }

body.p-notices__confirm dl.p-labelitem dd, body.p-notices__confirm dl.p-form-input dd, body.p-notices__confirm .fs-common article.fs-view dl dd, .fs-common article.fs-view body.p-notices__confirm dl dd, body.p-notices__confirm .fs-common article.fs-add dl dd, .fs-common article.fs-add body.p-notices__confirm dl dd, body.p-notices__confirm .fs-common article.fs-edit dl dd, .fs-common article.fs-edit body.p-notices__confirm dl dd, body.p-notices__confirm .fs-common article.fs-account dl dd, .fs-common article.fs-account body.p-notices__confirm dl dd {
  border-bottom: none; }

.p-no-border {
  border: none !important; }

.p-shortcut {
  position: fixed;
  bottom: 3rem;
  right: 3rem;
  z-index: 999 !important; }
  .p-shortcut span.p-shortcut__label {
    display: inline-block;
    position: absolute;
    top: -1.5rem;
    left: 2rem;
    margin: auto;
    background: #007cbb;
    color: white;
    font-weight: bold;
    padding: 0.3rem 0.5rem;
    border-radius: 3px; }
  .p-shortcut-menu {
    display: none;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    -webkit-box-shadow: 0px -2px 3px 1px rgba(0, 0, 0, 0.2);
            box-shadow: 0px -2px 3px 1px rgba(0, 0, 0, 0.2);
    background-color: #fafafc; }

/** chat design */
.p-chat {
  border: 1px solid #cfd8dc;
  margin-bottom: 15px; }
  .p-chat--read {
    color: #00c853; }
  .p-chat--noread {
    color: #f44336; }

html {
  -ms-overflow-style: auto; }

header.mdl-layout__header {
  z-index: 0 !important; }

.c-wrapper > footer.c-footer {
  z-index: -1; }

main {
  padding-bottom: 6rem; }

#ssl-site-seal {
  width: 100px;
  height: 50px;
  position: relative;
  margin: 0 auto;
  margin-top: 10px; }

.p-heading, .fs-common h1 {
  border-radius: 2px;
  font-weight: bold;
  border-bottom: none; }

.c-paper .c-heading--lead, .fs-common div.fs-wrap article .c-heading--lead {
  padding: 0.45em 0.5em 0.4em;
  position: relative;
  color: #666;
  margin: 1rem 0 3rem;
  text-shadow: -1px 1px 0 white; }

.p-title-logo {
  margin-top: -5px;
  margin-left: 10px;
  max-height: 40px;
  width: 185px; }

.p-system-logo {
  margin-left: 10px;
  margin-right: 35px;
  max-height: 40px;
  width: 100px; }

.p-system-logo-staging-mark {
  background-color: crimson;
  border-radius: 3px;
  color: white;
  font-size: 9px;
  opacity: 0.7;
  padding: 3px 7px 1px 7px;
  position: fixed;
  top: 8px; }

.p-customer-mypage,
.p-md-sales-agent {
  color: #546aa5;
  background-color: #fff;
  border-radius: 7px;
  font-size: 0.9em;
  font-weight: bold;
  margin-left: 15px;
  padding: 3px 13px;
  position: relative;
  top: 4px; }

.p-ssl-notation {
  padding: 1rem 2rem;
  width: 90vw;
  max-width: 769px;
  font-size: 12px;
  color: #999;
  margin: 0 auto;
  text-align: center; }

.c-heading--lead {
  margin-top: 1rem;
  margin-left: 1rem;
  margin-right: 1rem; }

.p-back-btn, .fs-common .fs-btn-cancel, .fs-common .fs-btn-return {
  background: #eee;
  border: 1px solid transparent;
  display: inline-block; }
  .p-back-btn:active, .fs-common .fs-btn-cancel:active, .fs-common .fs-btn-return:active {
    background: #efefef;
    border: 1px solid #ccc; }

.p-notation, .fs-common div.fs-confirm-alert-message {
  font-weight: bold;
  margin-bottom: 4rem; }

.p-notation--thin {
  margin-bottom: 4rem; }

.p-form-submit {
  margin: 5rem 0 3rem;
  text-align: center; }

.p-form-submit--thin {
  margin-top: 2rem;
  text-align: center; }

.p-form-header, #fs-top h2, #fs-tools h4 {
  font-weight: bold;
  margin-top: 2rem;
  font-size: 2rem;
  border-radius: 3px;
  color: #fff;
  background: #888;
  padding: 0.5rem 1rem; }

.p-form-input label, .fs-common article.fs-view dl label, .fs-common article.fs-add dl label, .fs-common article.fs-edit dl label, .fs-common article.fs-account dl label {
  display: none; }

.p-form-input label.mdl-checkbox, .fs-common article.fs-view dl label.mdl-checkbox, .fs-common article.fs-add dl label.mdl-checkbox, .fs-common article.fs-edit dl label.mdl-checkbox, .fs-common article.fs-account dl label.mdl-checkbox,
.p-form-input label.mdl-radio,
.fs-common article.fs-view dl label.mdl-radio,
.fs-common article.fs-add dl label.mdl-radio,
.fs-common article.fs-edit dl label.mdl-radio,
.fs-common article.fs-account dl label.mdl-radio {
  display: inline; }

.p-form-input.p-form-input--label label, .fs-common article.fs-view dl.p-form-input--label label, .fs-common article.fs-add dl.p-form-input--label label, .fs-common article.fs-edit dl.p-form-input--label label, .fs-common article.fs-account dl.p-form-input--label label {
  display: block; }

.p-form-input input, .fs-common article.fs-view dl input, .fs-common article.fs-add dl input, .fs-common article.fs-edit dl input, .fs-common article.fs-account dl input,
.p-form-input select,
.fs-common article.fs-view dl select,
.fs-common article.fs-add dl select,
.fs-common article.fs-edit dl select,
.fs-common article.fs-account dl select,
.p-form-input textarea,
.fs-common article.fs-view dl textarea,
.fs-common article.fs-add dl textarea,
.fs-common article.fs-edit dl textarea,
.fs-common article.fs-account dl textarea {
  border: 1px solid #d0d0d0;
  -webkit-box-shadow: 1px 1px 1px #f0f0f0 inset;
          box-shadow: 1px 1px 1px #f0f0f0 inset; }

.p-form-input--date select {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 33%;
          flex: 0 1 33%; }

.p-form-input--dateJp select {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 33%;
          flex: 0 1 33%; }

.p-form-input--inline {
  white-space: nowrap; }
  .p-form-input--inline div.input {
    display: inline; }

.p-container, .p-heading, .fs-common h1, .fs-common div.fs-wrap article, .fs-common nav, .fs-common .fs-tbl-list, .fs-common .fs-paginate-num, .fs-common .fs-paginate-link, .fs-common div.fs-confirm-alert-message, .fs-common div.fs-info-message, .fs-common div.fs-info-message-for-account, .fs-common div.fs-annotation-block, #fs-top div.fs-unread-block, #fs-tools .fs-tool-type-name-view, #fs-matters #fs-statusbar, #fs-matter-hearing #fs-invite-ex-message {
  margin: 0 auto;
  max-width: 1029px;
  position: relative; }

.page-content {
  padding-top: 2rem; }
  .page-content .l-container, .page-content .fs-common div.fs-wrap, .fs-common .page-content div.fs-wrap {
    position: relative; }

/*
 * mdl customise.
 */
.mdl-button, .fs-common .fs-btn-tran, .fs-common .fs-btn-run, .fs-common .fs-btn-retry, .fs-common .fs-btn-family-tree, .fs-common .fs-btn-add-1row, .fs-common .fs-btn-search, .fs-common .fs-btn-draft, .fs-common .fs-btn-delete, .fs-common .fs-btn-print, a.fs-tool-btn-add, #fs-matter-customer-info #fs-customer-info-agree #btn-area .fs-btn-agree {
  padding: 1.5rem !important;
  height: initial; }

.mdl-button--fab, a.fs-tool-btn-add {
  height: 56px;
  width: 56px; }

.mdl-badge {
  margin: 0 auto; }
  .mdl-badge::after {
    right: initial;
    left: -2.3rem; }

.mdl-layout__drawer {
  border-right: 0; }

.mdl-layout__drawer .fs-user-info {
  padding: 1em 2em;
  background-color: #333;
  color: #fff; }

.mdl-layout__drawer .mdl-navigation {
  padding-top: 0; }

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
  color: #333; }

.mdl-navigation .mdl-badge {
  margin: 0; }
  .mdl-navigation .mdl-badge::after {
    top: 1.3rem;
    left: 3rem;
    z-index: 1; }

.mdl-navigation .mdl-badge[data-badge]::after {
  width: 10px;
  height: 10px; }

.mdl-layout--large-screen-only .mdl-badge::after {
  top: 0.4rem;
  left: 0.4rem; }

.mdl-layout--large-screen-only .mdl-badge[data-badge]::after {
  width: 10px;
  height: 10px; }

.mdl-layout__title {
  padding-bottom: 3px; }

.mdl-layout__drawer-button {
  height: 55px;
  width: 55px;
  line-height: 62px;
  margin: 0 !important; }

.mdl-layout__header-row {
  padding: 3rem 2rem 2.5rem; }

.mdl-layout__drawer-button + .mdl-layout__header-row {
  padding: 3rem 2rem 2.5rem 5rem; }

.mdl-button, .fs-common .fs-btn-tran, .fs-common .fs-btn-run, .fs-common .fs-btn-retry, .fs-common .fs-btn-family-tree, .fs-common .fs-btn-add-1row, .fs-common .fs-btn-search, .fs-common .fs-btn-draft, .fs-common .fs-btn-delete, .fs-common .fs-btn-print, a.fs-tool-btn-add, #fs-matter-customer-info #fs-customer-info-agree #btn-area .fs-btn-agree {
  font-size: inherit;
  line-height: 1;
  padding: 1.5rem 2.5rem 3rem; }

.mdl-button-str, a.fs-tool-btn-add-md, a.fs-tool-btn-add-ex, a.fs-tool-btn-edit {
  padding: 1.5rem;
  border-radius: 25px; }

.mdl-layout__header .mdl-layout__drawer-button {
  color: #333; }

.mdl-layout__header-row .mdl-navigation__link {
  color: #1b3a88;
  line-height: 37px;
  padding: 0 12px;
  border-radius: 34px; }
  .mdl-layout__header-row .mdl-navigation__link:hover {
    background-color: #ddd; }

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
  background-color: #ddd; }

.mdl-checkbox__box-outline {
  top: 5px;
  border: 1px solid rgba(0, 0, 0, 0.54);
  border: 1px solid #00496e; }

.mdl-checkbox {
  height: auto;
  display: inline;
  line-height: 18px;
  cursor: pointer; }
  .mdl-checkbox span {
    top: 3px; }
  .mdl-checkbox span.mdl-checkbox__tick-outline {
    top: 0px; }

.mdl-checkbox__label {
  top: 2px; }

.mdl-chip, article.fs-notice .fs-paragraph .notice-select-users .fs-user-list ul li {
  height: auto;
  white-space: normal;
  line-height: normal;
  padding: 5px 12px; }

.mdl-data-table tbody tr:not(.no-accent):hover, .fs-common .fs-tbl-list table tbody tr:not(.no-accent):hover {
  background-color: lightyellow !important; }

.mdl-accordion.mdl-accordion--opened {
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  margin-top: -1px;
  background-color: #ffffef; }

.mdl-accordion .mdl-navigation__link {
  cursor: pointer; }

.mdl-accordion.mdl-accordion--opened + .mdl-accordion.mdl-accordion--opened {
  border-top: none;
  margin-top: 0; }

.mdl-accordion .mdl-accordion__content-wrapper {
  overflow: hidden; }

.mdl-accordion .mdl-accordion__content {
  -webkit-transition-property: margin-top;
  -o-transition-property: margin-top;
  transition-property: margin-top;
  -webkit-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s; }

.mdl-accordion .mdl-accordion__icon {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
  color: #dadada;
  position: absolute;
  right: 6px;
  margin-top: -3px; }

.mdl-accordion.mdl-accordion--opened .mdl-accordion__icon {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg); }

.mdl-accordion.mdl-accordion--opened .mdl-accordion__button {
  color: #5090a3;
  font-weight: bold; }

.mdl-accordion.mdl-accordion--opened .mdl-accordion__content {
  margin-top: 0 !important; }

.u-link, .u-link__normal, #fs-top div.fs-unread-block div.fs-unread-block-inner a, #fs-chatrooms-wrap #fs-chatrooms #chat-timeline div#read-further a {
  cursor: pointer;
  color: #007cbb;
  border-bottom: 1px dotted #007cbb; }
  .u-link:hover, .u-link__normal:hover, #fs-top div.fs-unread-block div.fs-unread-block-inner a:hover, #fs-chatrooms-wrap #fs-chatrooms #chat-timeline div#read-further a:hover, .u-link:active, .u-link__normal:active, #fs-top div.fs-unread-block div.fs-unread-block-inner a:active, #fs-chatrooms-wrap #fs-chatrooms #chat-timeline div#read-further a:active {
    opacity: 0.8; }

.u-link__normal, #fs-top div.fs-unread-block div.fs-unread-block-inner a {
  border-bottom: 0; }

.u-text-align--left {
  text-align: left !important; }

.u-text-align--right {
  text-align: right !important; }

.u-text-align--center {
  text-align: center !important; }

.u-file-drop-area {
  background-color: #f3f7fd;
  padding: 10px;
  border: 3px dotted #808080;
  border-radius: 5px;
  text-align: center; }

.u-file-drop-area input {
  border: 0 !important;
  -webkit-box-shadow: 0px 0px 0px !important;
          box-shadow: 0px 0px 0px !important;
  width: auto !important;
  font-weight: bold;
  color: #5090a3; }

.u-file-drop-area button {
  padding: 2px 4px; }

.u-file-drop-area div[id^="js-add-filename-area"] {
  font-weight: bold;
  color: #5090a3;
  display: inline-block;
  margin-left: -4px;
  min-width: 235px;
  text-align: left; }

.u-file-upload-desc {
  color: #888;
  font-size: 0.7em;
  line-height: 20px;
  margin-top: 5px;
  text-align: center; }

.u-grap {
  cursor: move !important;
  cursor: grab !important;
  cursor: -moz-grab !important;
  cursor: -webkit-grab !important; }

.u-grap:active {
  cursor: grabbing !important;
  cursor: -moz-grabbing !important;
  cursor: -webkit-grabbing !important; }

.u-ch-select-non {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

#js-pagetop {
  bottom: 3rem;
  color: white;
  font-size: 4rem;
  display: block;
  opacity: 1;
  position: fixed;
  right: 3rem;
  text-align: center;
  z-index: 999; }

#js-pagetop a:hover,
#js-pagetop a:active {
  background: #e03849; }

#js-pagetop a.mdl-button--colored:hover, #js-pagetop .fs-common a.fs-btn-tran:hover, .fs-common #js-pagetop a.fs-btn-tran:hover, #js-pagetop .fs-common a.fs-btn-run:hover, .fs-common #js-pagetop a.fs-btn-run:hover, #js-pagetop .fs-common a.fs-btn-retry:hover, .fs-common #js-pagetop a.fs-btn-retry:hover, #js-pagetop .fs-common a.fs-btn-family-tree:hover, .fs-common #js-pagetop a.fs-btn-family-tree:hover, #js-pagetop .fs-common a.fs-btn-add-1row:hover, .fs-common #js-pagetop a.fs-btn-add-1row:hover, #js-pagetop .fs-common a.fs-btn-draft:hover, .fs-common #js-pagetop a.fs-btn-draft:hover, #js-pagetop .fs-common a.fs-btn-print:hover, .fs-common #js-pagetop a.fs-btn-print:hover, #js-pagetop a.fs-tool-btn-add-md:hover, #js-pagetop a.fs-tool-btn-edit:hover, #js-pagetop #fs-matter-customer-info #fs-customer-info-agree #btn-area a.fs-btn-agree:hover, #fs-matter-customer-info #fs-customer-info-agree #btn-area #js-pagetop a.fs-btn-agree:hover,
#js-pagetop a.mdl-button--colored:active,
#js-pagetop .fs-common a.fs-btn-tran:active,
.fs-common #js-pagetop a.fs-btn-tran:active,
#js-pagetop .fs-common a.fs-btn-run:active,
.fs-common #js-pagetop a.fs-btn-run:active,
#js-pagetop .fs-common a.fs-btn-retry:active,
.fs-common #js-pagetop a.fs-btn-retry:active,
#js-pagetop .fs-common a.fs-btn-family-tree:active,
.fs-common #js-pagetop a.fs-btn-family-tree:active,
#js-pagetop .fs-common a.fs-btn-add-1row:active,
.fs-common #js-pagetop a.fs-btn-add-1row:active,
#js-pagetop .fs-common a.fs-btn-draft:active,
.fs-common #js-pagetop a.fs-btn-draft:active,
#js-pagetop .fs-common a.fs-btn-print:active,
.fs-common #js-pagetop a.fs-btn-print:active,
#js-pagetop a.fs-tool-btn-add-md:active,
#js-pagetop a.fs-tool-btn-edit:active,
#js-pagetop #fs-matter-customer-info #fs-customer-info-agree #btn-area a.fs-btn-agree:active,
#fs-matter-customer-info #fs-customer-info-agree #btn-area #js-pagetop a.fs-btn-agree:active {
  background: #414a85; }

/* mdl button responsive */
.button-responsive {
  padding-left: 4rem !important;
  padding-right: 4rem !important; }

/* mdl data-table wrapping responsive */
.table-responsive, .fs-common .fs-tbl-list {
  min-height: 0.01%;
  overflow-x: auto; }

@media screen and (max-width: 769px) {
  .table-responsive, .fs-common .fs-tbl-list {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden; } }

/* mdl navigation link */
@media screen and (max-width: 1024px) {
  .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
    padding: 10px 5px 10px 23px; }
  .mdl-navigation .mdl-badge::after {
    top: 0.9rem;
    left: 1.5rem; }
  .mdl-layout__drawer .fs-user-info {
    padding: 0.7em 1.5em; } }

@media screen and (max-width: 769px) {
  .mdl-button:not(.mdl-button--fab):not(a.fs-tool-btn-add), .fs-common .fs-btn-tran:not(.mdl-button--fab):not(a.fs-tool-btn-add), .fs-common .fs-btn-run:not(.mdl-button--fab):not(a.fs-tool-btn-add), .fs-common .fs-btn-retry:not(.mdl-button--fab):not(a.fs-tool-btn-add), .fs-common .fs-btn-family-tree:not(.mdl-button--fab):not(a.fs-tool-btn-add), .fs-common .fs-btn-add-1row:not(.mdl-button--fab):not(a.fs-tool-btn-add), .fs-common .fs-btn-search:not(.mdl-button--fab):not(a.fs-tool-btn-add), .fs-common .fs-btn-draft:not(.mdl-button--fab):not(a.fs-tool-btn-add), .fs-common .fs-btn-delete:not(.mdl-button--fab):not(a.fs-tool-btn-add), .fs-common .fs-btn-print:not(.mdl-button--fab):not(a.fs-tool-btn-add), a.fs-tool-btn-add:not(.mdl-button--fab):not(a.fs-tool-btn-add), #fs-matter-customer-info #fs-customer-info-agree #btn-area .fs-btn-agree:not(.mdl-button--fab):not(a.fs-tool-btn-add) {
    width: 100% !important; }
  body > div.message {
    width: 90% !important; }
  .p-title-logo {
    margin-left: 5px; }
  .p-system-logo {
    display: none; }
  .p-customer-mypage,
  .p-md-sales-agent {
    font-size: 0.6em;
    margin-left: 5px;
    padding: 0; }
  .p-form-input--dateJp {
    font-size: 0.9em; }
  .c-breadcrumbs::-webkit-scrollbar {
    display: none;
    -webkit-appearance: none; }
  section.l-padding, section.p-notation, section.p-notation--thin, .fs-common section.fs-paginate-link {
    padding: 0.5rem 1rem !important; }
  .u-file-drop-area {
    padding: 15px 10px; }
    .u-file-drop-area .js-pc-message {
      display: none; }
    .u-file-drop-area button {
      margin-left: 0px; }
    .u-file-drop-area div[id^="js-add-filename-area"] {
      min-width: 0px; }
  #js-pagetop {
    bottom: 4rem; } }

@media print {
  .mdl-layout {
    display: contents; }
  a[href]:after {
    content: "" !important; }
  abbr[title]:after {
    content: "" !important; }
  main {
    width: 100%; }
  pre {
    border: none; }
  .mdl-navigation {
    display: none; }
  .c-footer {
    display: none; } }

.fs-common {
  padding-bottom: 80px;
  /** -----------------------------
     * レイアウト
     * ----------------------------- */
  /** -----------------------------
     * 見出し
     * ----------------------------- */
  /** -----------------------------
     * 段落
     * ----------------------------- */
  /** -----------------------------
     * ボタン
     * ----------------------------- */
  /** -----------------------------
     * その他
     * ----------------------------- */ }
  .fs-common article.fs-view dd {
    min-height: 31px; }
  .fs-common article.fs-view dd.non-dashed {
    border-bottom: 0 !important; }
  .fs-common article.fs-account {
    max-width: 769px !important; }
  .fs-common h1 {
    border-radius: 20px;
    width: 375px;
    text-align: center;
    background-color: #546aa5;
    color: #fff;
    margin-bottom: 1em !important; }
  .fs-common h1.fs-font-over-size {
    font-size: 1.2em; }
  .fs-common h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 3rem; }
    .fs-common h2 div.fs-header-inner {
      background-color: #5090a3;
      line-height: 25px;
      height: 31px;
      border-radius: 3px;
      color: #fff;
      padding: 0.5rem 1.3rem;
      font-size: 1.8rem;
      min-width: 350px;
      font-weight: bold; }
    .fs-common h2 i.fa-question-circle {
      margin-left: 3px;
      margin-top: 2px; }
    .fs-common h2 i.fa-plus-square,
    .fs-common h2 i.fa-minus-square {
      cursor: pointer; }
    .fs-common h2 div.fs-header-subuser {
      background-color: #db7665; }
  .fs-common h3 {
    border: solid 1px #ddd;
    padding-left: 10px;
    background-color: #ddd;
    color: #555;
    font-size: 16px;
    line-height: 33px;
    height: 31px;
    font-weight: bold; }
    .fs-common h3 span.operation {
      float: right;
      margin-right: 10px; }
      .fs-common h3 span.operation i {
        cursor: pointer; }
      .fs-common h3 span.operation i:not(:first-child) {
        margin-left: 20px; }
  .fs-common .fs-paragraph {
    border: solid 1px #ddd;
    padding: 1em 0 0.5em 0;
    background-color: #fff;
    display: block; }
  .fs-common .fs-exposition {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .fs-common .fs-tbl-list table thead tr {
    background-color: #f9f9f9; }
  .fs-common .fs-tbl-list table th,
  .fs-common .fs-tbl-list table td {
    text-align: left; }
  .fs-common .fs-tbl-list table th a {
    position: relative;
    opacity: 0.7;
    display: block; }
  .fs-common .fs-tbl-list table th a::before {
    content: "\F0DC";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: relative;
    top: -1rem;
    left: -1rem;
    margin: auto;
    font-size: 12px;
    opacity: 0.5; }
  .fs-common .fs-tbl-list table td span.fs-attention {
    color: #db5a5a;
    font-weight: bold; }
  .fs-common .fs-tbl-list table td i.fa-trash {
    color: #db5a5a; }
  .fs-common .fs-tbl-list table td i.fa-square,
  .fs-common .fs-tbl-list table td i.fa-check-square {
    color: #3285d9; }
  .fs-common .fs-tbl-list table td i.fa-share-square {
    color: #3285d9; }
  .fs-common .fs-tbl-list table td i.fa-edit {
    color: #3285d9; }
  .fs-common .fs-tbl-list table td i.fa-plus-square {
    color: #1b3a88; }
  .fs-common .fs-tbl-list table td i.fa-file-download {
    color: #546aa5; }
  .fs-common .fs-paginate-num-message {
    margin-top: -11px !important; }
    .fs-common .fs-paginate-num-message .fs-message-contents {
      position: relative;
      top: 26px;
      padding-left: 1rem;
      color: #db5a5a; }
  .fs-common .fs-btn-tran {
    height: 45px;
    width: 32%;
    background-color: #546aa5; }
    .fs-common .fs-btn-tran:hover {
      background-color: #1b3a88; }
  .fs-common .fs-btn-run {
    height: 45px;
    width: 32%;
    background-color: #f27b7b; }
    .fs-common .fs-btn-run:hover {
      background-color: #db5a5a; }
  .fs-common .fs-btn-retry {
    height: 45px;
    width: 32%;
    background-color: #f99a73; }
    .fs-common .fs-btn-retry:hover {
      background-color: #db7665; }
  .fs-common .fs-btn-cancel {
    background-color: #eee; }
    .fs-common .fs-btn-cancel:hover {
      background-color: #dadada; }
    .fs-common .fs-btn-cancel:focus {
      outline: none; }
  .fs-common .fs-btn-return {
    background-color: #eee; }
    .fs-common .fs-btn-return:hover {
      background-color: #dadada; }
  .fs-common .fs-btn-family-tree {
    background-color: #b29e6b;
    border-radius: 18px;
    font-size: 21px;
    font-weight: bold; }
    .fs-common .fs-btn-family-tree:disabled {
      background-color: #eee;
      color: #dadada; }
  .fs-common .fs-btn-general {
    padding: 0 12px;
    background-color: #546aa5;
    border-color: transparent;
    color: #ffffff;
    border-radius: 2px;
    white-space: nowrap; }
    .fs-common .fs-btn-general:hover {
      background-color: #1b3a88; }
    .fs-common .fs-btn-general:focus {
      outline: none; }
    .fs-common .fs-btn-general:disabled {
      background-color: #eee;
      color: #dadada; }
  .fs-common a.fs-btn-general {
    cursor: pointer;
    line-height: 36px;
    padding-top: 2px; }
  .fs-common .fs-btn-search {
    height: 45px;
    width: 32%;
    background-color: #546aa5; }
    .fs-common .fs-btn-search:hover {
      background-color: #1b3a88; }
  .fs-common .fs-btn-draft {
    height: 45px;
    width: 32%;
    background-color: #f8b752; }
    .fs-common .fs-btn-draft:hover {
      background-color: #f8b752; }
  .fs-common .fs-btn-delete {
    height: 45px;
    width: 32%;
    background-color: #eee;
    color: #555; }
    .fs-common .fs-btn-delete:hover {
      background-color: #dadada; }
  .fs-common .fs-btn-print {
    height: 45px;
    width: 32%;
    background-color: #5090a3; }
  .fs-common div.fs-info-message, .fs-common div.fs-info-message-for-account {
    background-color: #edf2fd; }
    .fs-common div.fs-info-message ul, .fs-common div.fs-info-message-for-account ul {
      list-style: disc;
      margin: 0px 20px; }
    .fs-common div.fs-info-message ul.fs-li-interval li, .fs-common div.fs-info-message-for-account ul.fs-li-interval li {
      margin-bottom: 17px; }
    .fs-common div.fs-info-message ul.fs-li-interval li:last-child, .fs-common div.fs-info-message-for-account ul.fs-li-interval li:last-child {
      margin-bottom: 0px; }
  .fs-common div.fs-info-message-for-account {
    max-width: 769px !important; }
  .fs-common div.fs-annotation-mid {
    background-color: #edf2fd;
    color: #db5a5a !important; }
    .fs-common div.fs-annotation-mid ul {
      list-style: disc;
      margin: 0px 20px; }
    .fs-common div.fs-annotation-mid ul.fs-li-interval li {
      margin-bottom: 17px; }
    .fs-common div.fs-annotation-mid ul.fs-li-interval li:last-child {
      margin-bottom: 0px; }
  .fs-common div.fs-annotation-block {
    margin-bottom: 10px;
    text-align: left; }
    .fs-common div.fs-annotation-block div.fs-annotation-block-inner {
      background-color: #ffffd6;
      display: block;
      border-radius: 5px;
      border: 1px solid #ccccab;
      padding: 2px 20px;
      margin: 0 auto;
      max-width: 65%; }
  .fs-common div.fs-annotation-btn-run {
    color: #888; }
  .fs-common i.fs-question {
    color: #db5a5a !important;
    cursor: pointer;
    font-size: 27px; }
  .fs-common i.fs-question-mini {
    color: #1b3a88 !important;
    cursor: pointer;
    font-size: 19px;
    position: relative;
    top: 1px; }
  .fs-common input.fs-text-number {
    text-align: right; }
  .fs-common .fs-sticky {
    position: fixed;
    bottom: 70px;
    width: 65%;
    max-width: 732px;
    margin-left: -60px;
    z-index: 2; }
    .fs-common .fs-sticky .fs-header-inner {
      min-width: 100% !important;
      background-color: #5090a3; }
    .fs-common .fs-sticky .fs-sticky-content {
      background-color: lightyellow; }
  .fs-common div.fs-example {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .fs-common div.fs-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .fs-common label.fs-radio {
    display: inline !important;
    cursor: pointer; }
    .fs-common label.fs-radio input[type="radio"] {
      width: 15px !important;
      -webkit-box-shadow: none !important;
              box-shadow: none !important; }
  .fs-common label.fs-checkbox {
    display: inline !important;
    cursor: pointer; }
    .fs-common label.fs-checkbox input[type="checkbox"] {
      width: 15px !important;
      -webkit-box-shadow: none !important;
              box-shadow: none !important; }
  .fs-common img.fs-thumb {
    background-color: transparent;
    width: 150px;
    height: 84.375px;
    -o-object-fit: contain;
       object-fit: contain; }
  .fs-common section.fs-oem-info {
    margin-bottom: 3rem; }
    .fs-common section.fs-oem-info div.fs-header-inner {
      background-color: #666; }
    .fs-common section.fs-oem-info div.fs-paragraph {
      background-color: #ffffef; }

/** -----------------------------
* コンテンツ領域外
* ----------------------------- */
a.fs-tool-btn-add {
  background-color: #f27b7b; }
  a.fs-tool-btn-add:hover {
    background-color: #db5a5a; }

a.fs-tool-btn-add-md {
  width: 110px;
  display: block;
  background-color: #546aa5; }
  a.fs-tool-btn-add-md:hover {
    background-color: #1b3a88; }

a.fs-tool-btn-add-ex {
  width: 110px;
  display: block;
  background-color: #f27b7b; }
  a.fs-tool-btn-add-ex:hover {
    background-color: #db5a5a; }

a.fs-tool-btn-edit {
  width: 150px;
  display: block;
  background-color: #546aa5; }
  a.fs-tool-btn-edit:hover {
    background-color: #1b3a88; }

/** -----------------------------
* カレンダー
* ----------------------------- */
dd.fs-dateJp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.ui-datepicker-header .ui-datepicker-title {
  margin-top: 2px !important; }
  .ui-datepicker-header .ui-datepicker-title select {
    position: relative;
    top: -2px; }
  .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
    margin-right: 3px; }
  .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
    width: 35%;
    margin-left: 10px; }

.ui-datepicker-header .ui-corner-all {
  margin-top: 2px;
  cursor: pointer; }

.ui-datepicker-calendar {
  font-size: 16px !important; }
  .ui-datepicker-calendar .is-sunday a,
  .ui-datepicker-calendar .is-holiday a {
    background-color: #fff0f5 !important;
    color: red !important; }
  .ui-datepicker-calendar .is-sunday a:hover,
  .ui-datepicker-calendar .is-holiday a:hover {
    background-color: #ffe2ec !important; }
  .ui-datepicker-calendar .is-saturday a {
    background-color: #f0f8ff !important;
    color: blue !important; }
  .ui-datepicker-calendar .is-saturday a:hover {
    background-color: #d7edff !important; }
  .ui-datepicker-calendar td {
    padding-bottom: 2px !important; }
  .ui-datepicker-calendar a.ui-state-active {
    border: 1px solid #003eff;
    background: #0080ff9f !important; }

.mdl-ripple {
  background: #000;
  opacity: 0.001; }

/*
 * FIT用スマートフォン・印刷デザイン調整
 * fs-common.scss に存在するスタイル定義が対象
 * 画面専用のscssがある場合は、各ファイル内でスマートフォン・印刷定義をする
 */
@media screen and (max-width: 769px) {
  .fs-common div.fs-wrap {
    padding: 0.7em !important;
    max-width: 769px; }
    .fs-common div.fs-wrap article {
      padding: 0.7em 0.5em; }
  .fs-common h1,
  .fs-common h1.fs-font-over-size {
    font-size: 1.2em;
    width: 100%; }
  .fs-common h2 div.fs-header-inner {
    line-height: 24px;
    font-size: 1.5rem;
    width: 100%;
    min-width: 80%; }
  .fs-common h2 i.fa-question-circle {
    width: 7%; }
  .fs-common .fs-paragraph {
    padding: 1em; }
  .fs-common .fs-button-responsive, .fs-common .fs-btn-tran, .fs-common .fs-btn-run, .fs-common .fs-btn-retry, .fs-common .fs-btn-family-tree, .fs-common .fs-btn-add-1row, .fs-common .fs-btn-search, .fs-common .fs-btn-draft, .fs-common .fs-btn-delete, .fs-common .fs-btn-print, .fs-common #fs-matter-customer-info #fs-customer-info-agree #btn-area .fs-btn-agree, #fs-matter-customer-info #fs-customer-info-agree #btn-area .fs-common .fs-btn-agree {
    width: 90%;
    margin-bottom: 15px; }
  .fs-common .fs-paragraph {
    padding: 0.1em 0.3em 0.5em 0.3em; }
    .fs-common .fs-paragraph dl {
      margin-bottom: 0.3em; }
    .fs-common .fs-paragraph dt,
    .fs-common .fs-paragraph dd {
      padding: 0 7px !important; }
  .fs-common .fs-tbl-list th,
  .fs-common .fs-tbl-list td {
    padding: 8px !important; }
  .fs-common .fs-tbl-list th {
    height: 40px !important; }
  .fs-common .fs-paginate-num {
    padding-right: 0 !important; }
  .fs-common .fs-paginate-num-message {
    font-size: 0.9em;
    margin-top: 5px !important; }
    .fs-common .fs-paginate-num-message .fs-message-contents {
      padding-left: 0;
      position: -webkit-sticky;
      position: sticky;
      top: 0px; }
  .fs-common .fs-btn-general {
    font-size: 0.8em; }
  .fs-common div.fs-annotation-block div.fs-annotation-block-inner {
    max-width: 100%; }
  .fs-common .fs-sticky {
    width: 64%;
    margin-left: -10px;
    opacity: 0.9;
    font-size: 0.8em; }
    .fs-common .fs-sticky .fs-header-inner {
      min-width: 64% !important;
      font-size: 1.2em;
      height: 24px;
      padding: 0.2rem 1rem; }
    .fs-common .fs-sticky .fs-paragraph {
      padding: 0.3em 0.8em; }
      .fs-common .fs-sticky .fs-paragraph dl {
        margin-bottom: 0.5rem; }
        .fs-common .fs-sticky .fs-paragraph dl dt {
          font-size: 1.2rem; }
        .fs-common .fs-sticky .fs-paragraph dl dd {
          line-height: 2rem; }
  .fs-common .operation .fa-sort {
    display: none; }
  .fs-common img.fs-thumb {
    width: 100%; } }

@media print {
  .fs-common nav {
    max-width: none; }
  .fs-common div.fs-wrap {
    max-width: none;
    padding: 0 10px; }
    .fs-common div.fs-wrap article {
      max-width: none;
      padding: 0; }
  .fs-common .fs-paragraph {
    padding: 10px 20px; }
    .fs-common .fs-paragraph .c-grid {
      width: 100%; }
  .fs-common .fs-tbl-list {
    max-width: none; }
  .fs-common .fs-paginate-num {
    max-width: none; }
  .fs-common .fs-paginate-link {
    max-width: none; }
  .fs-common div.fs-confirm-alert-message {
    max-width: none; }
  .fs-common div.fs-info-message, .fs-common div.fs-info-message-for-account {
    max-width: none; } }

#fs-top {
  font-size: 13px;
  /**
     * スマホ対応
     */ }
  #fs-top .notices {
    margin: 0 2em 2em 0.5em; }
    #fs-top .notices span.attention {
      color: #db5a5a;
      font-weight: bold; }
    #fs-top .notices .no-results {
      padding: 8px 20px; }
    #fs-top .notices table {
      margin-left: 10px; }
      #fs-top .notices table td {
        padding: 8px 10px;
        vertical-align: top; }
        #fs-top .notices table td pre {
          font-size: 13px; }
  #fs-top h2 {
    font-size: 17px;
    border-radius: 20px;
    display: inline-block;
    min-width: 300px;
    text-align: center;
    line-height: 25px;
    padding-top: 8px;
    padding-left: 23px;
    padding-right: 23px; }
  #fs-top h2#notice-from-lf {
    background-color: #546aa5; }
  #fs-top h2#notice-from-ex {
    background-color: #5090a3; }
  #fs-top h2#notice-from-md {
    background-color: #f27b7b; }
  #fs-top div.fs-unread-block {
    margin-bottom: 10px !important; }
    #fs-top div.fs-unread-block div.fs-unread-block-inner {
      background-color: #ffffd6;
      display: inline-block;
      border-radius: 5px;
      border: 1px solid #ccccab;
      padding: 2px 20px; }
      #fs-top div.fs-unread-block div.fs-unread-block-inner i.fa-exclamation-circle {
        color: #db5a5a; }
  #fs-top div.fs-matter-notice h2 {
    background-color: #f27b7b; }
  #fs-top div.fs-matter-notice .fs-matter-notice-contents {
    margin: 0 2em 2em 0.5em; }
    #fs-top div.fs-matter-notice .fs-matter-notice-contents table {
      margin-left: 10px; }
      #fs-top div.fs-matter-notice .fs-matter-notice-contents table th {
        color: #666;
        text-align: left; }
      #fs-top div.fs-matter-notice .fs-matter-notice-contents table td {
        text-align: left;
        padding: 8px 0px 8px 10px;
        vertical-align: top; }
      #fs-top div.fs-matter-notice .fs-matter-notice-contents table .fs-td-matter-name {
        white-space: nowrap; }
    #fs-top div.fs-matter-notice .fs-matter-notice-contents .no-results {
      padding: 8px 20px; }
  @media screen and (max-width: 769px) {
    #fs-top h2 {
      width: 100%;
      margin: 15px 0px;
      padding-left: 20px;
      padding-right: 20px; }
    #fs-top .notices table td:first-child {
      padding-right: 10px;
      width: 35%;
      white-space: normal; }
    #fs-top .notices table td {
      padding: 8px 0px; }
    #fs-top div.fs-matter-notice .fs-matter-notice-contents table td:first-child {
      padding-right: 10px;
      width: 45%;
      white-space: normal; }
    #fs-top div.fs-matter-notice .fs-matter-notice-contents table td {
      padding: 8px 0px; } }

#fs-chatrooms-wrap #fs-chatrooms {
  margin: 0 auto;
  max-width: 1029px;
  position: relative;
  background-color: #f7fbff;
  margin-bottom: -20px !important; }
  #fs-chatrooms-wrap #fs-chatrooms #chat-timeline {
    overflow-y: auto; }
    #fs-chatrooms-wrap #fs-chatrooms #chat-timeline div#no-message {
      padding: 8px 25px; }
    #fs-chatrooms-wrap #fs-chatrooms #chat-timeline div#read-further-loader {
      margin: 0 auto;
      background-size: contain;
      height: 50px;
      width: 50px; }
    #fs-chatrooms-wrap #fs-chatrooms #chat-timeline div#read-further {
      text-align: center; }
      #fs-chatrooms-wrap #fs-chatrooms #chat-timeline div#read-further a {
        border-bottom: 0; }
    #fs-chatrooms-wrap #fs-chatrooms #chat-timeline div.date-header {
      margin: 10px 0px;
      text-align: center;
      font-size: 12px; }
      #fs-chatrooms-wrap #fs-chatrooms #chat-timeline div.date-header span {
        background-color: #5090a3;
        color: #fff;
        padding: 2px 10px;
        border-radius: 30px; }
    #fs-chatrooms-wrap #fs-chatrooms #chat-timeline div.section {
      padding: 8px 35px; }
    #fs-chatrooms-wrap #fs-chatrooms #chat-timeline div.section:hover {
      background-color: lightyellow; }
    #fs-chatrooms-wrap #fs-chatrooms #chat-timeline div.section-my {
      margin-left: 68px;
      padding: 8px 35px 8px 10px; }
      #fs-chatrooms-wrap #fs-chatrooms #chat-timeline div.section-my .user-image {
        color: #77ace0; }
    #fs-chatrooms-wrap #fs-chatrooms #chat-timeline div.user-image {
      font-size: 40px;
      color: #666;
      float: left;
      line-height: 50px;
      height: 50px; }
    #fs-chatrooms-wrap #fs-chatrooms #chat-timeline div.message {
      padding: 0px 0px 0px 70px; }
      #fs-chatrooms-wrap #fs-chatrooms #chat-timeline div.message div.user-name {
        font-weight: bold;
        color: #436475; }
      #fs-chatrooms-wrap #fs-chatrooms #chat-timeline div.message div.state-attr {
        color: #6b6b6b;
        font-size: 13px;
        float: right;
        top: -25px;
        position: relative; }
        #fs-chatrooms-wrap #fs-chatrooms #chat-timeline div.message div.state-attr div.change-area {
          text-align: right; }
          #fs-chatrooms-wrap #fs-chatrooms #chat-timeline div.message div.state-attr div.change-area a {
            text-decoration: underline; }
      #fs-chatrooms-wrap #fs-chatrooms #chat-timeline div.message div.contents {
        clear: both;
        position: relative;
        top: -20px; }
        #fs-chatrooms-wrap #fs-chatrooms #chat-timeline div.message div.contents div.contents-file {
          margin-top: 10px; }
          #fs-chatrooms-wrap #fs-chatrooms #chat-timeline div.message div.contents div.contents-file table th {
            background-color: lightblue;
            font-weight: normal;
            padding: 0px 10px;
            border-radius: 10px;
            white-space: nowrap;
            font-size: 12px; }
          #fs-chatrooms-wrap #fs-chatrooms #chat-timeline div.message div.contents div.contents-file table td {
            padding-left: 10px; }
            #fs-chatrooms-wrap #fs-chatrooms #chat-timeline div.message div.contents div.contents-file table td a {
              border: 0; }
  #fs-chatrooms-wrap #fs-chatrooms #chat-send-area {
    margin: 0 auto;
    max-width: 1029px;
    padding: 5px 20px;
    background-color: #f7fbff;
    border-top: 1px solid rgba(69, 113, 198, 0.25);
    position: fixed;
    bottom: 0;
    width: calc(85% + 10px); }
    #fs-chatrooms-wrap #fs-chatrooms #chat-send-area div#send-area-header div#file-area {
      font-size: 13px;
      color: #6b6b6b;
      float: left;
      margin-top: 5px; }
      #fs-chatrooms-wrap #fs-chatrooms #chat-send-area div#send-area-header div#file-area i {
        color: #546aa5;
        font-size: 20px;
        cursor: pointer; }
      #fs-chatrooms-wrap #fs-chatrooms #chat-send-area div#send-area-header div#file-area span#upload-file-name {
        position: relative;
        top: -2px; }
      #fs-chatrooms-wrap #fs-chatrooms #chat-send-area div#send-area-header div#file-area button#file-clear-button {
        padding: 0 12px;
        top: -3px;
        background-color: #7287ad;
        border-color: transparent;
        color: #ffffff;
        border-radius: 2px;
        margin-left: 10px; }
        #fs-chatrooms-wrap #fs-chatrooms #chat-send-area div#send-area-header div#file-area button#file-clear-button:focus {
          outline: none; }
    #fs-chatrooms-wrap #fs-chatrooms #chat-send-area div#send-area-header div#mail-area {
      font-size: 13px;
      color: #6b6b6b;
      float: right;
      margin-top: 5px; }
      #fs-chatrooms-wrap #fs-chatrooms #chat-send-area div#send-area-header div#mail-area label.mdl-checkbox span.mdl-checkbox__box-outline {
        top: 1px; }
    #fs-chatrooms-wrap #fs-chatrooms #chat-send-area div#send-area-header div#btn-area {
      float: right;
      margin-left: 20px; }
      #fs-chatrooms-wrap #fs-chatrooms #chat-send-area div#send-area-header div#btn-area button.send-button {
        background-color: #546aa5;
        border-color: transparent;
        color: #fff;
        padding: 0 12px;
        border-radius: 2px; }
        #fs-chatrooms-wrap #fs-chatrooms #chat-send-area div#send-area-header div#btn-area button.send-button__disabled {
          background-color: rgba(69, 113, 198, 0.25);
          border-color: transparent;
          color: rgba(255, 255, 255, 0.7);
          fill: rgba(255, 255, 255, 0.7);
          cursor: not-allowed; }
        #fs-chatrooms-wrap #fs-chatrooms #chat-send-area div#send-area-header div#btn-area button.send-button:focus {
          outline: none; }
    #fs-chatrooms-wrap #fs-chatrooms #chat-send-area div#send-area-body {
      clear: both;
      padding: 8px 0; }
      #fs-chatrooms-wrap #fs-chatrooms #chat-send-area div#send-area-body textarea#chat-input-textarea {
        width: 100%;
        overflow-y: scroll;
        border-radius: 0;
        border: 1px solid #d0d0d0;
        -webkit-box-shadow: 1px 1px 1px #f0f0f0 inset;
                box-shadow: 1px 1px 1px #f0f0f0 inset;
        padding: 5px; }
      #fs-chatrooms-wrap #fs-chatrooms #chat-send-area div#send-area-body textarea#chat-input-textarea:focus {
        outline: none; }

@media screen and (max-width: 769px) {
  #fs-chatrooms-wrap {
    margin-top: -20px !important;
    padding-top: 10px !important; }
    #fs-chatrooms-wrap h1 {
      margin-bottom: 0.4em !important; }
    #fs-chatrooms-wrap #fs-chatrooms #chat-timeline div.section {
      padding: 8px 10px;
      padding-bottom: 20px; }
    #fs-chatrooms-wrap #fs-chatrooms #chat-timeline div.section-my {
      margin-left: 15px; }
    #fs-chatrooms-wrap #fs-chatrooms #chat-timeline div.user-image {
      font-size: 27px;
      position: relative;
      top: -13px; }
    #fs-chatrooms-wrap #fs-chatrooms #chat-timeline div.message {
      padding: 0px 0px 0px 33px; }
      #fs-chatrooms-wrap #fs-chatrooms #chat-timeline div.message div.user-name {
        font-size: 0.9em; }
      #fs-chatrooms-wrap #fs-chatrooms #chat-timeline div.message div.state-attr {
        clear: both; }
      #fs-chatrooms-wrap #fs-chatrooms #chat-timeline div.message div.contents {
        left: -33px; }
        #fs-chatrooms-wrap #fs-chatrooms #chat-timeline div.message div.contents div.contents-file table th {
          padding: 0px 5px; }
        #fs-chatrooms-wrap #fs-chatrooms #chat-timeline div.message div.contents div.contents-file table td {
          font-size: 12px; }
    #fs-chatrooms-wrap #fs-chatrooms #chat-send-area {
      padding: 3px 10px; }
      #fs-chatrooms-wrap #fs-chatrooms #chat-send-area div#send-area-header div#mail-area {
        margin-top: 0; }
      #fs-chatrooms-wrap #fs-chatrooms #chat-send-area div#send-area-body {
        padding: 0;
        padding-top: 2px; } }

article.fs-notice {
  /**
     * スマホ対応
     */ }
  article.fs-notice .fs-paragraph {
    padding: 30px; }
    article.fs-notice .fs-paragraph .notice-attention {
      color: #db5a5a;
      font-weight: bold;
      padding-left: 10px; }
    article.fs-notice .fs-paragraph h3.notice-subject {
      height: auto;
      background-color: #fff;
      border: 0;
      font-size: 24px; }
    article.fs-notice .fs-paragraph .notice-inner {
      padding: 10px; }
      article.fs-notice .fs-paragraph .notice-inner .notice-attr {
        font-size: 1.3rem;
        text-align: right; }
        article.fs-notice .fs-paragraph .notice-inner .notice-attr span {
          font-weight: bold;
          color: #1b3a88;
          position: relative;
          top: 1px;
          cursor: pointer; }
      article.fs-notice .fs-paragraph .notice-inner .notice-body {
        margin: 20px 0; }
      article.fs-notice .fs-paragraph .notice-inner .notice-file {
        margin-bottom: 20px; }
        article.fs-notice .fs-paragraph .notice-inner .notice-file span {
          white-space: nowrap; }
        article.fs-notice .fs-paragraph .notice-inner .notice-file span.tmp-file {
          background-color: lightblue;
          font-weight: normal;
          padding: 5px 10px;
          border-radius: 10px;
          white-space: nowrap;
          font-size: 12px;
          margin-right: 10px; }
      article.fs-notice .fs-paragraph .notice-inner .notice-important {
        border-top: dashed 1px #ddd; }
    article.fs-notice .fs-paragraph .notice-users {
      overflow-x: hidden;
      overflow-y: scroll;
      min-height: 10rem;
      max-height: 30rem;
      padding: 0 10px; }
      article.fs-notice .fs-paragraph .notice-users span.fs-oem {
        background-color: #db5a5a;
        border-radius: 5px;
        color: white;
        font-size: 11px;
        font-weight: bold;
        padding: 2px 7px 1px 6px;
        position: relative;
        top: -2px;
        margin-left: 8px;
        white-space: nowrap; }
    article.fs-notice .fs-paragraph .notice-select-users .fs-checkbox-user-type label {
      margin-left: 20px; }
    article.fs-notice .fs-paragraph .notice-select-users h5 {
      background-color: #757575;
      border-radius: 2px;
      padding: 0.5rem;
      color: #fff;
      font-size: 15px; }
    article.fs-notice .fs-paragraph .notice-select-users dt {
      font-weight: normal !important; }
    article.fs-notice .fs-paragraph .notice-select-users .fs-user-list {
      border-radius: 2px;
      overflow-x: hidden;
      overflow-y: scroll; }
      article.fs-notice .fs-paragraph .notice-select-users .fs-user-list ul {
        height: 250px; }
        article.fs-notice .fs-paragraph .notice-select-users .fs-user-list ul li {
          width: 100%;
          margin-bottom: 0.5rem;
          cursor: move;
          /* fallback if grab cursor is unsupported */
          cursor: grab;
          cursor: -moz-grab;
          cursor: -webkit-grab; }
          article.fs-notice .fs-paragraph .notice-select-users .fs-user-list ul li:active {
            cursor: grabbing;
            cursor: -moz-grabbing;
            cursor: -webkit-grabbing; }
          article.fs-notice .fs-paragraph .notice-select-users .fs-user-list ul li span {
            width: 85%;
            overflow: hidden;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
               text-overflow: ellipsis; }
    article.fs-notice .fs-paragraph .notice-select-users .fs-user-exchange {
      text-align: center; }
  @media screen and (max-width: 769px) {
    article.fs-notice .fs-paragraph {
      padding: 10px 5px; }
      article.fs-notice .fs-paragraph h3.notice-subject {
        font-size: 20px;
        line-height: 29px; }
      article.fs-notice .fs-paragraph .notice-inner .notice-attr {
        font-size: 12px; }
      article.fs-notice .fs-paragraph .notice-inner .notice-body {
        margin-top: 30px; }
      article.fs-notice .fs-paragraph .notice-users ul li {
        margin-bottom: 7px; } }

#fs-tools {
  /**
     * スマホ対応
     */ }
  #fs-tools .c-list li, #fs-tools article.fs-notice .fs-paragraph .notice-users ul li, article.fs-notice .fs-paragraph .notice-users #fs-tools ul li {
    margin-bottom: 1rem; }
  #fs-tools h4 {
    color: #1b3a88;
    background-color: #546aa53b;
    cursor: pointer;
    margin-bottom: 0 !important; }
  #fs-tools .fs-tool-body-default {
    padding: 20px;
    padding-bottom: 0; }
  #fs-tools .fs-tool-body {
    padding: 0 20px; }
  #fs-tools .fs-file-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 600px; }
    #fs-tools .fs-file-area .fs-file-comment {
      margin-top: 5px;
      text-indent: 15px; }
  #fs-tools table.fs-tbl-list-tool th {
    white-space: nowrap; }
  #fs-tools table.fs-tbl-list-tool td {
    white-space: normal; }
  #fs-tools .fs-tool-type-name-view {
    text-align: center; }
    #fs-tools .fs-tool-type-name-view .mdl-chip, #fs-tools .fs-tool-type-name-view article.fs-notice .fs-paragraph .notice-select-users .fs-user-list ul li, article.fs-notice .fs-paragraph .notice-select-users .fs-user-list ul #fs-tools .fs-tool-type-name-view li {
      border-radius: 8px;
      padding: 1px 15px 1px 0px; }
      #fs-tools .fs-tool-type-name-view .mdl-chip .mdl-chip__contact, #fs-tools .fs-tool-type-name-view article.fs-notice .fs-paragraph .notice-select-users .fs-user-list ul li .mdl-chip__contact, article.fs-notice .fs-paragraph .notice-select-users .fs-user-list ul #fs-tools .fs-tool-type-name-view li .mdl-chip__contact {
        background-color: #5090a3;
        border-radius: 8px 0px 0px 8px;
        color: white;
        font-size: 14px;
        font-weight: bold;
        width: 100px; }
      #fs-tools .fs-tool-type-name-view .mdl-chip .mdl-chip__text, #fs-tools .fs-tool-type-name-view article.fs-notice .fs-paragraph .notice-select-users .fs-user-list ul li .mdl-chip__text, article.fs-notice .fs-paragraph .notice-select-users .fs-user-list ul #fs-tools .fs-tool-type-name-view li .mdl-chip__text, article.fs-notice .fs-paragraph .notice-select-users .fs-user-list ul li #fs-tools .fs-tool-type-name-view .mdl-chip span, #fs-tools .fs-tool-type-name-view article.fs-notice .fs-paragraph .notice-select-users .fs-user-list ul li span, article.fs-notice .fs-paragraph .notice-select-users .fs-user-list ul #fs-tools .fs-tool-type-name-view li span {
        font-size: 16px; }
  @media screen and (max-width: 769px) {
    #fs-tools h4 {
      font-size: 16px; }
    #fs-tools .fs-tool-body-default {
      padding: 10px; }
    #fs-tools .fs-tool-body {
      padding: 0 10px; }
    #fs-tools .fs-file-area {
      display: block; }
      #fs-tools .fs-file-area .fs-file-comment {
        text-indent: 0;
        margin-bottom: 5px; } }

#fs-customers .fs-matter-link {
  position: relative;
  top: -3px;
  margin-right: 3px; }

#fs-matters {
  /**
     * 案件ステータスバー
     */
  /**
     * 案件メニュー
     */
  /**
     * スマホ対応
     */ }
  #fs-matters .user-name-withdraw {
    color: #db5a5a; }
  #fs-matters .edit-matter-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    #fs-matters .edit-matter-area i.fa-edit {
      cursor: pointer; }
    #fs-matters .edit-matter-area #js-edit-matter-area {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      #fs-matters .edit-matter-area #js-edit-matter-area .fs-btn-general {
        margin-left: 10px; }
  #fs-matters .ex-login-id-area {
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  #fs-matters .edit-loader {
    display: inline; }
    #fs-matters .edit-loader img {
      height: 30px;
      width: 30px; }
  #fs-matters #js-result-ex-user-name {
    display: block;
    height: 31px; }
  #fs-matters .fs-inviting-ex {
    color: #db5a5a; }
  #fs-matters .fs-remand-invite-ex {
    color: #3285d9; }
  #fs-matters #fs-edit-link {
    line-height: 30px;
    margin: 0 15px;
    white-space: nowrap; }
  #fs-matters #fs-statusbar #fs-statusbar-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    width: 80%;
    margin-right: auto;
    margin-left: auto; }
  #fs-matters #fs-statusbar .fs-circle {
    border: solid 3px #aaa;
    background-color: #ddd;
    color: #fff;
    font-weight: bold;
    font-size: 2em;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 30px; }
  #fs-matters #fs-statusbar .fs-circle-active {
    border: solid 3px #db7665;
    background-color: #f99a73;
    color: #fff8f6; }
  #fs-matters #fs-statusbar .fs-status-name {
    font-size: 0.8em;
    position: relative;
    margin-right: -70px;
    margin-top: 6px; }
  #fs-matters #fs-statusbar .fs-line {
    width: 16%; }
  #fs-matters #fs-statusbar .fs-line div {
    border: solid 2px #aaa;
    background-color: #aaa;
    margin: 29px 0; }
  #fs-matters #fs-statusbar .fs-line-active div {
    border: solid 2px #db7665;
    background-color: #db7665; }
  #fs-matters #fs-statusbar #fs-ex-request {
    font-weight: bold;
    font-size: 0.8em;
    color: #db5a5a;
    width: 125px;
    left: 35%;
    position: absolute;
    top: 4px; }
  #fs-matters .fs-gird-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 20px 10px 40px; }
    #fs-matters .fs-gird-links .fs-panel {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 48%;
              flex: 0 0 48%;
      margin: 3px;
      border: 1px solid #d5dbdb;
      border-radius: 0.4rem; }
      #fs-matters .fs-gird-links .fs-panel a {
        color: #546aa5; }
      #fs-matters .fs-gird-links .fs-panel .fs-panel-inner {
        padding: 0.8rem; }
        #fs-matters .fs-gird-links .fs-panel .fs-panel-inner .fs-panel-status {
          float: right;
          margin-right: 4px;
          font-size: 0.8em;
          line-height: 29px;
          color: #888; }
          #fs-matters .fs-gird-links .fs-panel .fs-panel-inner .fs-panel-status .unregistered {
            color: #db7665;
            font-weight: bold; }
    #fs-matters .fs-gird-links .fs-panel-active:hover {
      background-color: lightyellow !important; }
    #fs-matters .fs-gird-links .fs-panel-active:hover a {
      text-decoration: underline; }
    #fs-matters .fs-gird-links .fs-panel-disabled {
      color: #bbb;
      background-color: #eee; }
  #fs-matters .fs-annotation-reward-setting {
    color: crimson !important;
    font-weight: bold; }
  @media screen and (max-width: 769px) {
    #fs-matters #js-edit-matter-area .fs-btn-general {
      margin-left: 5px !important; }
    #fs-matters #fs-edit-link {
      margin: 0 5px; }
    #fs-matters #fs-statusbar {
      display: none; }
    #fs-matters .fs-gird-links {
      margin: 5px 6px 5px 4px !important; }
      #fs-matters .fs-gird-links .fs-panel {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        margin: 2px; } }

#fs-helps {
  padding: 30px; }
  #fs-helps h1 {
    font-size: 24px; }
  #fs-helps h2 {
    font-size: 20px;
    border-bottom: 1px solid #eee; }
  #fs-helps h3 {
    font-size: 18px; }
  #fs-helps h4 {
    font-size: 16px; }
  #fs-helps h1,
  #fs-helps h2,
  #fs-helps h3,
  #fs-helps h4 {
    font-weight: bold; }
  #fs-helps h1 {
    margin-bottom: 30px; }
  #fs-helps h2,
  #fs-helps h3,
  #fs-helps h4 {
    margin-bottom: 15px; }
  #fs-helps p {
    padding: 20px 0px; }

#fs-matter-customer-info {
  /**
     * スマホ対応
     */ }
  #fs-matter-customer-info div.fs-family-tree-related {
    background-color: rgba(149, 181, 245, 0.6);
    color: #333;
    font-weight: bold;
    width: 20px;
    text-align: center;
    border-radius: 2px;
    font-size: 13px;
    height: 25px;
    line-height: 28px;
    margin-left: 5px;
    display: inline-block;
    cursor: pointer; }
    #fs-matter-customer-info div.fs-family-tree-related:hover {
      background-color: #97a7b8;
      color: #fff; }
  #fs-matter-customer-info div.fs-desc-family-relation {
    font-weight: bold;
    font-size: 0.8em; }
  #fs-matter-customer-info #fs-customer-info-agree {
    margin-bottom: 40px; }
    #fs-matter-customer-info #fs-customer-info-agree #btn-area {
      text-align: center;
      padding: 0px 20px 15px 20px; }
      #fs-matter-customer-info #fs-customer-info-agree #btn-area .fs-btn-agree {
        height: 45px;
        width: 32%;
        background-color: #546aa5; }
        #fs-matter-customer-info #fs-customer-info-agree #btn-area .fs-btn-agree:hover {
          background-color: #1b3a88; }
    #fs-matter-customer-info #fs-customer-info-agree #attention-area {
      background-color: #edf2fd;
      color: #888 !important;
      text-align: center; }
      #fs-matter-customer-info #fs-customer-info-agree #attention-area #attention-area-header {
        color: #db5a5a;
        font-weight: bold; }
    #fs-matter-customer-info #fs-customer-info-agree #check-area {
      text-align: center;
      margin-top: 10px; }
  #fs-matter-customer-info .fs-property-estate-file {
    text-align: center; }
    #fs-matter-customer-info .fs-property-estate-file input[type="file"] {
      border: none;
      -webkit-box-shadow: none;
              box-shadow: none;
      width: auto; }
  #fs-matter-customer-info .fs-ci-sticky {
    position: fixed;
    bottom: 70px;
    max-width: 400px;
    width: 100%;
    z-index: 1; }
    #fs-matter-customer-info .fs-ci-sticky .fs-ci-sticky-inner {
      background: rgba(249, 249, 249, 0.8);
      border: 1px solid #999;
      border-radius: 5px;
      padding: 20px;
      text-align: center;
      width: 80%; }
      #fs-matter-customer-info .fs-ci-sticky .fs-ci-sticky-inner .fs-btn-draft {
        width: 80%; }
  @media screen and (max-width: 769px) {
    #fs-matter-customer-info .fs-ci-sticky {
      bottom: 40px;
      max-width: 300px;
      margin-left: -10px; }
      #fs-matter-customer-info .fs-ci-sticky .fs-ci-sticky-inner {
        padding: 10px;
        padding-bottom: 0;
        width: 50%; } }

#fs-matter-hearing {
  /**
     * スマホ対応
     */ }
  #fs-matter-hearing #fs-invite-ex-message {
    background-color: #edf2fd;
    color: #888 !important;
    text-align: center; }
    #fs-matter-hearing #fs-invite-ex-message .fs-header {
      font-size: 1.5em;
      color: #db5a5a;
      font-weight: bold; }
    #fs-matter-hearing #fs-invite-ex-message .fs-body {
      font-weight: normal; }
  #fs-matter-hearing .fs-supplement-text {
    display: inline;
    margin-bottom: -30px; }
    #fs-matter-hearing .fs-supplement-text .fs-office-name-area {
      width: 40%; }
    #fs-matter-hearing .fs-supplement-text .fs-obtain-reason {
      width: 60%; }
  #fs-matter-hearing .fs-supplement-radio {
    padding-left: 20px;
    margin-bottom: -30px; }
  @media screen and (max-width: 769px) {
    #fs-matter-hearing .fs-supplement-text {
      display: grid; }
      #fs-matter-hearing .fs-supplement-text .fs-office-name-area {
        width: 100%; }
      #fs-matter-hearing .fs-supplement-text .fs-obtain-reason {
        width: 100%; } }

article.fs-matter-minutes {
  /**
     * スマホ対応
     */ }
  article.fs-matter-minutes .fs-paragraph {
    padding: 30px; }
    article.fs-matter-minutes .fs-paragraph h3.minute-title {
      height: auto;
      background-color: #fff;
      border: 0;
      font-size: 24px; }
    article.fs-matter-minutes .fs-paragraph .minute-inner {
      padding: 10px; }
      article.fs-matter-minutes .fs-paragraph .minute-inner .minute-attr {
        font-size: 1.3rem;
        text-align: right; }
        article.fs-matter-minutes .fs-paragraph .minute-inner .minute-attr span {
          font-weight: bold;
          color: #1b3a88;
          position: relative;
          top: 1px;
          cursor: pointer; }
      article.fs-matter-minutes .fs-paragraph .minute-inner .minute-body {
        margin: 20px 0; }
  @media screen and (max-width: 769px) {
    article.fs-matter-minutes .fs-paragraph {
      padding: 10px 5px; }
      article.fs-matter-minutes .fs-paragraph h3.minute-subject {
        font-size: 20px;
        line-height: 29px; }
      article.fs-matter-minutes .fs-paragraph .minute-inner .minute-attr {
        font-size: 12px; }
      article.fs-matter-minutes .fs-paragraph .minute-inner .minute-body {
        margin-top: 30px; } }

#fs-matter-estimate-and-invoice #fs-consult-reward {
  padding: 20px 15px;
  font-size: 0.9em; }
  #fs-matter-estimate-and-invoice #fs-consult-reward table {
    width: 100%;
    border: 1px solid #1b3a88; }
    #fs-matter-estimate-and-invoice #fs-consult-reward table th {
      font-size: 0.9em;
      border: 1px solid #1b3a88;
      background-color: #546aa5;
      color: #fff; }
    #fs-matter-estimate-and-invoice #fs-consult-reward table td {
      font-size: 0.9em;
      border: 1px solid #1b3a88;
      border-top: 1px dashed #1b3a88;
      border-bottom: 1px dashed #1b3a88;
      padding: 3px 5px; }
    #fs-matter-estimate-and-invoice #fs-consult-reward table td:last-child {
      white-space: nowrap; }

#fs-matter-estimate-and-invoice #fs-subtotal-property-price {
  border-top: 0; }
  #fs-matter-estimate-and-invoice #fs-subtotal-property-price dd {
    font-weight: bold; }

#fs-matter-estimate-and-invoice #fs-total-content {
  background-color: lightyellow; }
  #fs-matter-estimate-and-invoice #fs-total-content dd {
    white-space: nowrap; }
  #fs-matter-estimate-and-invoice #fs-total-content #fs-subtotal-consult-price dt {
    white-space: nowrap; }
  #fs-matter-estimate-and-invoice #fs-total-content #fs-total-price dd {
    font-weight: bold;
    font-size: 1.8em; }

#fs-matter-estimate-and-invoice #fs-ref-consult-reward {
  text-align: right;
  margin-top: 5px;
  font-size: 0.9em; }

#fs-matter-trust-forms {
  /**
     * スマホ対応
     */ }
  #fs-matter-trust-forms #fs-edit-link {
    line-height: 30px;
    margin: 0 15px;
    white-space: nowrap; }
  #fs-matter-trust-forms .fs-tf-sticky {
    position: fixed;
    bottom: 70px;
    max-width: 732px;
    width: 100%;
    z-index: 2; }
    #fs-matter-trust-forms .fs-tf-sticky .fs-tf-sticky-inner {
      background: rgba(249, 249, 249, 0.8);
      border: 1px solid #999;
      border-radius: 5px;
      padding: 20px;
      padding-bottom: 5px;
      text-align: center;
      width: 80%; }
      #fs-matter-trust-forms .fs-tf-sticky .fs-tf-sticky-inner #fs-tf-save-description {
        color: #888; }
  @media screen and (max-width: 769px) {
    #fs-matter-trust-forms #fs-edit-link {
      margin: 0 5px; }
    #fs-matter-trust-forms .fs-tf-sticky {
      max-width: 525px;
      margin-left: -10px; }
      #fs-matter-trust-forms .fs-tf-sticky .fs-tf-sticky-inner {
        padding: 10px 20px;
        padding-bottom: 10px;
        width: 55%; }
        #fs-matter-trust-forms .fs-tf-sticky .fs-tf-sticky-inner #fs-tf-save-description {
          display: none; } }

#fs-matter-trust-agreements {
  /**
     * スマホ対応
     */ }
  #fs-matter-trust-agreements .fs-tbl-list {
    padding: 0px 20px 20px 20px;
    max-height: 400px;
    overflow-y: auto; }
    #fs-matter-trust-agreements .fs-tbl-list table {
      -webkit-box-shadow: none;
              box-shadow: none; }
  #fs-matter-trust-agreements .fs-file-annotation {
    text-align: right;
    font-size: 0.9em;
    margin-right: 10px; }
  @media screen and (max-width: 769px) {
    #fs-matter-trust-agreements .fs-tbl-list {
      padding: 0px;
      margin-bottom: 20px; }
    #fs-matter-trust-agreements .fs-file-annotation {
      margin-right: 0px; } }

#fs-videorooms table#fs-tbl-registed-users {
  width: 70%; }
  #fs-videorooms table#fs-tbl-registed-users td {
    padding: 2px 0px; }

#fs-videorooms .fs-status-starting {
  color: #db5a5a;
  font-weight: bold; }

#fs-videorooms .fs-tbl-list td {
  white-space: normal; }
  #fs-videorooms .fs-tbl-list td .fa-user-alt {
    color: lightslategrey; }

#fs-videorooms dd .fa-user-alt {
  color: lightslategrey;
  margin-left: 20px; }

body#fs-videoroom-view-only {
  background-color: #000;
  color: #fff; }

body#fs-videoroom-view-only {
  /**
     * スマホ対応
     */ }
  body#fs-videoroom-view-only main {
    padding-bottom: 0; }
  body#fs-videoroom-view-only #fs-videoroom-name {
    padding: 20px;
    padding-bottom: 0; }
  body#fs-videoroom-view-only #inPreparation,
  body#fs-videoroom-view-only #inClosedMessage {
    padding: 50px;
    font-size: 1.3em; }
  body#fs-videoroom-view-only #inVideoLoader {
    display: inline;
    text-align: center; }
    body#fs-videoroom-view-only #inVideoLoader img {
      height: 80px;
      width: 80px;
      margin: auto; }
  body#fs-videoroom-view-only #inSession {
    opacity: 0;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s; }
  body#fs-videoroom-view-only .p-room {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%; }
    body#fs-videoroom-view-only .p-room__inner {
      position: relative;
      display: block;
      margin: 0;
      padding: 0;
      width: 100%;
      top: -30px; }
    body#fs-videoroom-view-only .p-room__time {
      position: relative;
      display: block;
      margin: 0;
      width: 100%;
      text-align: center;
      color: #fff; }
    body#fs-videoroom-view-only .p-room__videos {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin: 0;
      padding: 0;
      width: 100%; }
      body#fs-videoroom-view-only .p-room__videos__inner {
        position: relative;
        display: block;
        margin: 0;
        padding: 0;
        width: 100%; }
      body#fs-videoroom-view-only .p-room__videos__videos {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start !important;
            -ms-flex-align: start !important;
                align-items: flex-start !important;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; }
      body#fs-videoroom-view-only .p-room__videos__user-video {
        background-color: #333; }
      body#fs-videoroom-view-only .p-room__videos__underscore {
        background: #000;
        color: white;
        font-size: 16px;
        padding: 3px 0px 0px 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end; }
      body#fs-videoroom-view-only .p-room__videos__user-name {
        display: inline;
        margin-right: auto;
        overflow: hidden;
        white-space: nowrap;
        scrollbar-width: thin; }
      body#fs-videoroom-view-only .p-room__videos__status-area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end; }
      body#fs-videoroom-view-only .p-room__videos__video-status {
        width: 30px; }
        body#fs-videoroom-view-only .p-room__videos__video-status i.off {
          color: gray; }
      body#fs-videoroom-view-only .p-room__videos__audio-status {
        margin-left: 8px;
        width: 30px; }
        body#fs-videoroom-view-only .p-room__videos__audio-status i.off {
          color: gray; }
      body#fs-videoroom-view-only .p-room__videos__share-status {
        width: 30px; }
        body#fs-videoroom-view-only .p-room__videos__share-status i.off {
          color: gray; }
    body#fs-videoroom-view-only .p-room__ui {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -webkit-box-pack: left;
          -ms-flex-pack: left;
              justify-content: left;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin: 10px auto;
      padding: 20px;
      width: 100%; }
      body#fs-videoroom-view-only .p-room__ui__button {
        margin: 0 5px; }
      body#fs-videoroom-view-only .p-room__ui__button:last-child {
        margin-left: auto; }
  body#fs-videoroom-view-only .videosSpotlightBar {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow-x: auto;
    margin: 0 15px; }
    body#fs-videoroom-view-only .videosSpotlightBar .p-room__videos__underscore {
      font-size: 0.8em;
      line-height: 15px; }
    body#fs-videoroom-view-only .videosSpotlightBar .p-room__videos__status-area {
      margin-left: 20px; }
      body#fs-videoroom-view-only .videosSpotlightBar .p-room__videos__status-area div {
        width: 20px; }
  body#fs-videoroom-view-only .spotlightFrame {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #000;
    height: auto;
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: auto;
    margin-top: 10px; }
    body#fs-videoroom-view-only .spotlightFrame .p-room__videos__user-video {
      background-color: #000;
      width: 100%;
      margin: auto;
      padding: 0px 15px; }
      body#fs-videoroom-view-only .spotlightFrame .p-room__videos__user-video video {
        min-height: 300px; }
    body#fs-videoroom-view-only .spotlightFrame .p-room__videos__status-area {
      margin-left: 30px; }
      body#fs-videoroom-view-only .spotlightFrame .p-room__videos__status-area div {
        width: 30px !important; }
  body#fs-videoroom-view-only .videoStreamFrame {
    position: relative;
    display: block;
    height: auto;
    margin: 2px;
    max-width: 800px;
    max-height: 800px;
    min-width: 200px;
    width: 49%;
    border: solid 3px #000; }
  body#fs-videoroom-view-only .mainSpeaker {
    border: 2px red solid; }
  body#fs-videoroom-view-only .normalVideoStream {
    position: relative;
    display: block;
    width: 100%; }
  body#fs-videoroom-view-only .spotlightVideoStream {
    position: relative;
    display: block;
    width: 100%; }
  body#fs-videoroom-view-only video.mirror {
    -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
            transform: scaleX(-1); }
  body#fs-videoroom-view-only #snackBar {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #2f587c;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 99999;
    left: 50%;
    bottom: 30px;
    font-size: larger; }
  body#fs-videoroom-view-only .showSnack {
    visibility: visible !important;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s; }
  body#fs-videoroom-view-only .c-button-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    white-space: nowrap;
    margin: 0;
    height: 93px;
    position: fixed;
    bottom: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.3); }
  body#fs-videoroom-view-only .c-button {
    height: 60px;
    width: 85px;
    font-size: 22px;
    background-color: #555;
    color: #fff;
    border-radius: 5px;
    border: solid 1px #555; }
    body#fs-videoroom-view-only .c-button i.off {
      color: #333; }
    body#fs-videoroom-view-only .c-button .explain {
      font-size: 16px; }
    body#fs-videoroom-view-only .c-button:hover {
      background-color: #272422; }
    body#fs-videoroom-view-only .c-button:focus {
      outline: none; }
    body#fs-videoroom-view-only .c-button:disabled {
      background-color: #555;
      color: #333; }
    body#fs-videoroom-view-only .c-button__left {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-right: 0; }
  body#fs-videoroom-view-only .c-button-option {
    height: 60px;
    width: 30px;
    border-left: 0;
    background-color: #555;
    color: #fff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: solid 1px #555;
    border-left: solid 1px #999; }
    body#fs-videoroom-view-only .c-button-option:hover {
      background-color: #272422; }
    body#fs-videoroom-view-only .c-button-option:focus {
      outline: none; }
    body#fs-videoroom-view-only .c-button-option:disabled {
      background-color: #555;
      color: #333;
      border-left: solid 1px #333; }
  body#fs-videoroom-view-only button#makeCall {
    background-color: #009c25;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    height: 45px;
    border-radius: 5px; }
    body#fs-videoroom-view-only button#makeCall:hover {
      background-color: #34ac50; }
  body#fs-videoroom-view-only button#leaveRoom {
    background-color: #e81123;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    height: 45px;
    border-radius: 5px; }
    body#fs-videoroom-view-only button#leaveRoom:hover {
      background-color: #ca3844; }
  body#fs-videoroom-view-only #fs-contextmenu-video,
  body#fs-videoroom-view-only #fs-contextmenu-audio-speaker,
  body#fs-videoroom-view-only #fs-contextmenu-spotlight {
    position: fixed;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    background-color: #eee;
    z-index: 2; }
    body#fs-videoroom-view-only #fs-contextmenu-video .h,
    body#fs-videoroom-view-only #fs-contextmenu-audio-speaker .h,
    body#fs-videoroom-view-only #fs-contextmenu-spotlight .h {
      color: #333; }
    body#fs-videoroom-view-only #fs-contextmenu-video li,
    body#fs-videoroom-view-only #fs-contextmenu-audio-speaker li,
    body#fs-videoroom-view-only #fs-contextmenu-spotlight li {
      cursor: pointer;
      white-space: nowrap;
      margin-left: 15px;
      padding-top: 2px;
      padding-bottom: 2px;
      padding-left: 10px;
      padding-right: 10px;
      color: #333; }
    body#fs-videoroom-view-only #fs-contextmenu-video li:hover,
    body#fs-videoroom-view-only #fs-contextmenu-audio-speaker li:hover,
    body#fs-videoroom-view-only #fs-contextmenu-spotlight li:hover {
      background-color: #3285d9;
      color: #fff;
      border-radius: 5px; }
    body#fs-videoroom-view-only #fs-contextmenu-video li.fs-selected::before,
    body#fs-videoroom-view-only #fs-contextmenu-audio-speaker li.fs-selected::before,
    body#fs-videoroom-view-only #fs-contextmenu-spotlight li.fs-selected::before {
      content: "\F0DA";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      margin-right: 10px; }
    body#fs-videoroom-view-only #fs-contextmenu-video li.fs-checked::before,
    body#fs-videoroom-view-only #fs-contextmenu-audio-speaker li.fs-checked::before,
    body#fs-videoroom-view-only #fs-contextmenu-spotlight li.fs-checked::before {
      content: "\F058";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      margin-right: 10px; }
  body#fs-videoroom-view-only .fs-contextmenu-separate {
    border-top: 1px dashed #ccc;
    margin-top: 10px;
    padding-top: 10px; }
  @media screen and (max-width: 769px) {
    body#fs-videoroom-view-only .p-room__inner {
      top: 0px; }
    body#fs-videoroom-view-only .p-room__videos__underscore {
      font-size: 12px;
      padding: 0; }
    body#fs-videoroom-view-only .p-room__videos__user-name {
      overflow-x: auto; }
    body#fs-videoroom-view-only .p-room__videos__video-status {
      width: 20px; }
    body#fs-videoroom-view-only .p-room__videos__audio-status {
      width: 20px; }
    body#fs-videoroom-view-only .p-room__videos__share-status {
      width: 20px !important; }
    body#fs-videoroom-view-only .c-button {
      height: 50px;
      width: 70px;
      font-size: 19px; }
      body#fs-videoroom-view-only .c-button .explain {
        font-size: 14px; }
    body#fs-videoroom-view-only .c-button-option {
      height: 50px;
      width: 25px; } }

.fs-tag-matters-use-sales-agent {
  /**
     * スマホ対応
     */ }
  .fs-tag-matters-use-sales-agent #fs-use-sales-agent-view-area .fa-edit {
    cursor: pointer;
    position: relative;
    left: 8px;
    top: 6px; }
  .fs-tag-matters-use-sales-agent #fs-use-sales-agent-view-area .mdl-chip__text, .fs-tag-matters-use-sales-agent #fs-use-sales-agent-view-area article.fs-notice .fs-paragraph .notice-select-users .fs-user-list ul li span, article.fs-notice .fs-paragraph .notice-select-users .fs-user-list ul li .fs-tag-matters-use-sales-agent #fs-use-sales-agent-view-area span {
    font-size: 1.8rem;
    margin-top: 2px; }
  .fs-tag-matters-use-sales-agent #fs-use-sales-agent-view-area .mdl-chip__on {
    color: white;
    font-weight: 900;
    background-color: #db5a5a; }
  .fs-tag-matters-use-sales-agent #fs-use-sales-agent-edit-area #sel-is-use-sales-agent {
    max-width: 210px; }
  .fs-tag-matters-use-sales-agent #fs-use-sales-agent-edit-area #js-edit-loader {
    position: relative;
    left: 5px;
    top: 8px;
    margin: -3px; }
  @media screen and (max-width: 769px) {
    .fs-tag-matters-use-sales-agent #fs-use-sales-agent-view-area .mdl-chip__text, .fs-tag-matters-use-sales-agent #fs-use-sales-agent-view-area article.fs-notice .fs-paragraph .notice-select-users .fs-user-list ul li span, article.fs-notice .fs-paragraph .notice-select-users .fs-user-list ul li .fs-tag-matters-use-sales-agent #fs-use-sales-agent-view-area span {
      font-size: 1.5rem; }
    .fs-tag-matters-use-sales-agent #fs-use-sales-agent-edit-area #sel-is-use-sales-agent {
      max-width: 190px; } }

.fs-tag-matters-reward-setting {
  /**
     * スマホ対応
     */ }
  .fs-tag-matters-reward-setting #fs-reward-setting-view-area .fa-edit {
    cursor: pointer;
    position: relative;
    left: 8px; }
  .fs-tag-matters-reward-setting #fs-reward-setting-view-area .mdl-chip__text, .fs-tag-matters-reward-setting #fs-reward-setting-view-area article.fs-notice .fs-paragraph .notice-select-users .fs-user-list ul li span, article.fs-notice .fs-paragraph .notice-select-users .fs-user-list ul li .fs-tag-matters-reward-setting #fs-reward-setting-view-area span {
    font-size: 16px;
    margin-top: 2px; }
  .fs-tag-matters-reward-setting #fs-reward-setting-edit-area #sel-reward-setting {
    max-width: 420px; }
  @media screen and (max-width: 769px) {
    .fs-tag-matters-reward-setting #fs-reward-setting-view-area .mdl-chip__text, .fs-tag-matters-reward-setting #fs-reward-setting-view-area article.fs-notice .fs-paragraph .notice-select-users .fs-user-list ul li span, article.fs-notice .fs-paragraph .notice-select-users .fs-user-list ul li .fs-tag-matters-reward-setting #fs-reward-setting-view-area span {
      font-size: 1.5rem; }
    .fs-tag-matters-reward-setting #fs-reward-setting-edit-area #sel-reward-setting {
      font-size: 12px; } }

/**
 * OEM提供設定
 * 会員不動産会社メインユーザ検索専用スタイル
 */
#fs-tag-oem-md-setting-modal-select-md-main-user {
  /**
     * スマホ対応
     */ }
  #fs-tag-oem-md-setting-modal-select-md-main-user .fs-tag-modal-select .fs-modal {
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2; }
  #fs-tag-oem-md-setting-modal-select-md-main-user .fs-tag-modal-select .fs-modal__bg {
    background: rgba(0, 0, 0, 0.7);
    height: 100vh;
    width: 100%; }
  #fs-tag-oem-md-setting-modal-select-md-main-user .fs-tag-modal-select .fs-modal__content {
    background: #fff;
    left: 50%;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 80%;
    height: 60%;
    max-width: 1100px; }
    #fs-tag-oem-md-setting-modal-select-md-main-user .fs-tag-modal-select .fs-modal__content .fs-modal__main {
      height: 100%;
      width: 100%;
      overflow: auto; }
  #fs-tag-oem-md-setting-modal-select-md-main-user .fs-tag-modal-select .fs-modal__content_close {
    margin-top: 20px;
    text-align: center;
    font-size: 22px; }
    #fs-tag-oem-md-setting-modal-select-md-main-user .fs-tag-modal-select .fs-modal__content_close a {
      cursor: pointer; }
  #fs-tag-oem-md-setting-modal-select-md-main-user #fs-search-user {
    margin: 5px; }
  #fs-tag-oem-md-setting-modal-select-md-main-user #fs-search-conditions-area {
    padding: 20px 20px 0px; }
  #fs-tag-oem-md-setting-modal-select-md-main-user table#fs-tbl-search-users {
    margin: 10px;
    width: 95%; }
    #fs-tag-oem-md-setting-modal-select-md-main-user table#fs-tbl-search-users th,
    #fs-tag-oem-md-setting-modal-select-md-main-user table#fs-tbl-search-users td {
      border: 1px solid #ddd;
      padding: 2px 5px; }
    #fs-tag-oem-md-setting-modal-select-md-main-user table#fs-tbl-search-users th {
      background-color: #f1ede4; }
    #fs-tag-oem-md-setting-modal-select-md-main-user table#fs-tbl-search-users .fs-select-user {
      text-align: center; }
      #fs-tag-oem-md-setting-modal-select-md-main-user table#fs-tbl-search-users .fs-select-user a {
        color: #1b3a88;
        cursor: pointer;
        font-weight: bold; }
  @media screen and (max-width: 769px) {
    #fs-tag-oem-md-setting-modal-select-md-main-user .fs-tag-modal-select .fs-modal__content {
      height: 50%;
      width: 93%;
      font-size: 0.8em; }
    #fs-tag-oem-md-setting-modal-select-md-main-user .fs-tag-modal-select .fs-modal__content_close {
      margin-top: 5px; }
    #fs-tag-oem-md-setting-modal-select-md-main-user #fs-search-conditions-area .fs-btn-general {
      font-size: 1em; } }

.fs-tag-modal-iframe {
  /**
     * スマホ対応
     */ }
  .fs-tag-modal-iframe .fs-modal {
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2; }
  .fs-tag-modal-iframe .fs-modal__bg {
    background: rgba(0, 0, 0, 0.7);
    height: 100vh;
    width: 100%; }
  .fs-tag-modal-iframe .fs-modal__content {
    background: #fff;
    left: 50%;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 80%;
    height: 60%;
    max-width: 1100px; }
  .fs-tag-modal-iframe .fs-modal__content iframe {
    height: 100%;
    width: 100%; }
  .fs-tag-modal-iframe .fs-modal__content_close {
    margin-top: 20px;
    text-align: center;
    font-size: 22px; }
    .fs-tag-modal-iframe .fs-modal__content_close a {
      cursor: pointer; }
  @media screen and (max-width: 769px) {
    .fs-tag-modal-iframe .fs-modal__content {
      height: 50%;
      width: 93%; }
    .fs-tag-modal-iframe .fs-modal__content_close {
      margin-top: 5px; } }

.fs-tag-modal-img {
  /**
     * スマホ対応
     */ }
  .fs-tag-modal-img .fs-modal {
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2; }
  .fs-tag-modal-img .fs-modal__bg {
    background: rgba(0, 0, 0, 0.7);
    height: 100vh;
    width: 100%; }
  .fs-tag-modal-img .fs-modal__content {
    background: transparent;
    left: 50%;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 80%;
    height: 60%;
    max-width: 1100px; }
  .fs-tag-modal-img .fs-modal__content img {
    width: 100%;
    height: 56.25%;
    -o-object-fit: contain;
       object-fit: contain; }
  .fs-tag-modal-img .fs-modal__content_close {
    margin-top: 20px;
    text-align: center;
    font-size: 22px; }
    .fs-tag-modal-img .fs-modal__content_close a {
      cursor: pointer; }
  @media screen and (max-width: 769px) {
    .fs-tag-modal-img .fs-modal__content {
      height: 50%;
      width: 93%; }
    .fs-tag-modal-img .fs-modal__content_close {
      margin-top: 5px; } }

#fs-videorooms-modal-select-guest-user {
  /**
     * スマホ対応
     */ }
  #fs-videorooms-modal-select-guest-user .fs-tag-modal-select .fs-modal {
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2; }
  #fs-videorooms-modal-select-guest-user .fs-tag-modal-select .fs-modal__bg {
    background: rgba(0, 0, 0, 0.7);
    height: 100vh;
    width: 100%; }
  #fs-videorooms-modal-select-guest-user .fs-tag-modal-select .fs-modal__content {
    background: #fff;
    left: 50%;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 80%;
    height: 60%;
    max-width: 1100px; }
    #fs-videorooms-modal-select-guest-user .fs-tag-modal-select .fs-modal__content .fs-modal__main {
      height: 100%;
      width: 100%;
      overflow: auto; }
  #fs-videorooms-modal-select-guest-user .fs-tag-modal-select .fs-modal__content_close {
    margin-top: 20px;
    text-align: center;
    font-size: 22px; }
    #fs-videorooms-modal-select-guest-user .fs-tag-modal-select .fs-modal__content_close a {
      cursor: pointer; }
  #fs-videorooms-modal-select-guest-user #fs-search-guestuser {
    margin: 5px; }
  #fs-videorooms-modal-select-guest-user #fs-search-conditions-area {
    padding: 20px 20px 0px; }
  #fs-videorooms-modal-select-guest-user table#fs-tbl-selected-users {
    width: 70%; }
    #fs-videorooms-modal-select-guest-user table#fs-tbl-selected-users td {
      padding: 2px 0px; }
    #fs-videorooms-modal-select-guest-user table#fs-tbl-selected-users td.fs-delete-guest {
      padding-left: 0px;
      width: 10%;
      text-align: center; }
      #fs-videorooms-modal-select-guest-user table#fs-tbl-selected-users td.fs-delete-guest a {
        color: #b32034;
        cursor: pointer; }
  #fs-videorooms-modal-select-guest-user table#fs-tbl-search-users {
    margin: 10px;
    width: 95%; }
    #fs-videorooms-modal-select-guest-user table#fs-tbl-search-users th,
    #fs-videorooms-modal-select-guest-user table#fs-tbl-search-users td {
      border: 1px solid #ddd;
      padding: 2px 5px; }
    #fs-videorooms-modal-select-guest-user table#fs-tbl-search-users th {
      background-color: #f1ede4; }
    #fs-videorooms-modal-select-guest-user table#fs-tbl-search-users .fs-add-guest {
      text-align: center; }
      #fs-videorooms-modal-select-guest-user table#fs-tbl-search-users .fs-add-guest .fs-add-guest-selected {
        color: #5090a3;
        font-weight: bold; }
      #fs-videorooms-modal-select-guest-user table#fs-tbl-search-users .fs-add-guest a {
        color: #1b3a88;
        cursor: pointer; }
  @media screen and (max-width: 769px) {
    #fs-videorooms-modal-select-guest-user table#fs-tbl-selected-users {
      width: 100%; }
    #fs-videorooms-modal-select-guest-user .fs-tag-modal-select .fs-modal__content {
      height: 50%;
      width: 93%;
      font-size: 0.8em; }
    #fs-videorooms-modal-select-guest-user .fs-tag-modal-select .fs-modal__content_close {
      margin-top: 5px; }
    #fs-videorooms-modal-select-guest-user #fs-search-conditions-area .fs-btn-general {
      font-size: 1em; } }