[data-focus='file-upload'] {
  min-height: 100px;
  min-width: 150px;
  padding: 5px; }
  [data-focus='file-upload'] [data-focus='file-upload-dropzone'] {
    width: 100%;
    height: 100%;
    border: 1px dashed black; }
  [data-focus='file-upload'] [data-focus='file-upload-dropzone'].dz-drag-hover {
      background-color: #EEE; }
  [data-focus='file-upload'] [data-focus='file-upload-dropzone'].dz-started .dz-message {
      display: none; }
/*

 This file is part of the ZippyUI Framework

 Copyright (c) 2011 ZippyUI.com

 All rights reserved to zippyui.com
 This software cannot be used/copied/distributed without the express permission from staff at zippyui.com

 */
.date-picker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto; }
.date-picker,
.date-picker * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
.date-picker .dp-footer {
  -ms-flex-flow: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
.date-picker .dp-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1 1; }
.date-picker .dp-table {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1 1; }
.date-picker .dp-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1 1; }
.date-picker .dp-cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1 1; }
.date-picker .dp-nav-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1 1;
  width: 100%; }
.date-picker .dp-nav-table .dp-cell {
  -webkit-box-flex: 7;
  -ms-flex: 7;
  flex: 7 1; }
.date-picker .dp-nav-table .dp-nav-cell {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1 1; }
.date-picker {
  overflow: hidden;
  background: #fff;
  font-size: 14px;
  width: 100%;
  height: 100%;
  border: 1px solid #a8a8a8; }
.date-picker .dp-table {
  border-color: #a8a8a8; }
.date-picker .dp-table .dp-row {
  border-top: 1px solid #a8a8a8; }
.date-picker .dp-table .dp-row:last-child {
  border-bottom: 1px solid #a8a8a8; }
.date-picker .dp-table .dp-cell {
  cursor: pointer;
  padding: 5px;
  background: inherit; }
.date-picker .dp-table .dp-cell:not(:first-child) {
  border-left: 1px solid #a8a8a8; }
.date-picker .dp-table .dp-cell.dp-prev,
.date-picker .dp-table .dp-cell.dp-next {
  color: #5c5c5c;
  background: inherit; }
.date-picker .dp-table .dp-cell.dp-in-range {
  background: #e2f0ff; }
.date-picker .dp-table .dp-cell:hover {
  color: inherit;
  font-weight: inherit;
  background: #eee; }
.date-picker .dp-table .dp-cell.dp-disabled {
  cursor: default;
  color: #adadad;
  background: inherit; }
.date-picker .dp-table .dp-cell.dp-value {
  color: #000;
  font-weight: bold;
  background: #eee; }
.date-picker .dp-table .dp-cell.dp-current {
  color: #2e99eb;
  background: inherit; }
.date-picker .dp-table .dp-cell.dp-in-range.dp-current,
.date-picker .dp-table .dp-cell.dp-in-range.dp-value {
  background: #e2f0ff; }
.date-picker .dp-table .dp-cell.dp-month {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }
.date-picker .dp-table .dp-cell.dp-week-day-name {
  font-weight: bold;
  cursor: default;
  background: inherit; }
.date-picker .dp-footer {
  padding: 3px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top-width: 0px; }
.date-picker .dp-footer .dp-footer-selected,
.date-picker .dp-footer .dp-footer-today {
  padding: 5px 15px;
  border-width: 1px;
  cursor: pointer; }
.date-picker .dp-body {
  overflow: hidden; }
.date-picker .dp-nav-view,
.date-picker .dp-nav-cell,
.date-picker .dp-week-day-name {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
.date-picker .dp-nav-view,
.date-picker .dp-nav-cell {
  cursor: pointer; }
.date-picker .dp-nav-cell {
  background: inherit; }
.date-picker .dp-nav-cell:hover {
  background: #eee; }
.date-picker .dp-nav-view {
  background: inherit; }
.date-picker .dp-nav-view:hover {
  background: #eee; }
.date-picker .dp-nav-table .dp-cell {
  border-top-width: 0px;
  border-bottom-width: 0px;
  padding: 8px;
  font-weight: bold; }
.date-picker .dp-decade-view,
.date-picker .dp-year-view,
.date-picker .dp-month-view {
  touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
@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
 *
 * 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 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT 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
 *
 * 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 */
/*
 * 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, .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, .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
 *
 * 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 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT 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
 *
 * 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 */
.mdl-color-text--red {
  color: rgb(244, 67, 54) !important; }
.mdl-color--red {
  background-color: rgb(244, 67, 54) !important; }
.mdl-color-text--red-50 {
  color: rgb(255, 235, 238) !important; }
.mdl-color--red-50 {
  background-color: rgb(255, 235, 238) !important; }
.mdl-color-text--red-100 {
  color: rgb(255, 205, 210) !important; }
.mdl-color--red-100 {
  background-color: rgb(255, 205, 210) !important; }
.mdl-color-text--red-200 {
  color: rgb(239, 154, 154) !important; }
.mdl-color--red-200 {
  background-color: rgb(239, 154, 154) !important; }
.mdl-color-text--red-300 {
  color: rgb(229, 115, 115) !important; }
.mdl-color--red-300 {
  background-color: rgb(229, 115, 115) !important; }
.mdl-color-text--red-400 {
  color: rgb(239, 83, 80) !important; }
.mdl-color--red-400 {
  background-color: rgb(239, 83, 80) !important; }
.mdl-color-text--red-500 {
  color: rgb(244, 67, 54) !important; }
.mdl-color--red-500 {
  background-color: rgb(244, 67, 54) !important; }
.mdl-color-text--red-600 {
  color: rgb(229, 57, 53) !important; }
.mdl-color--red-600 {
  background-color: rgb(229, 57, 53) !important; }
.mdl-color-text--red-700 {
  color: rgb(211, 47, 47) !important; }
.mdl-color--red-700 {
  background-color: rgb(211, 47, 47) !important; }
.mdl-color-text--red-800 {
  color: rgb(198, 40, 40) !important; }
.mdl-color--red-800 {
  background-color: rgb(198, 40, 40) !important; }
.mdl-color-text--red-900 {
  color: rgb(183, 28, 28) !important; }
.mdl-color--red-900 {
  background-color: rgb(183, 28, 28) !important; }
.mdl-color-text--red-A100 {
  color: rgb(255, 138, 128) !important; }
.mdl-color--red-A100 {
  background-color: rgb(255, 138, 128) !important; }
.mdl-color-text--red-A200 {
  color: rgb(255, 82, 82) !important; }
.mdl-color--red-A200 {
  background-color: rgb(255, 82, 82) !important; }
.mdl-color-text--red-A400 {
  color: rgb(255, 23, 68) !important; }
.mdl-color--red-A400 {
  background-color: rgb(255, 23, 68) !important; }
.mdl-color-text--red-A700 {
  color: rgb(213, 0, 0) !important; }
.mdl-color--red-A700 {
  background-color: rgb(213, 0, 0) !important; }
.mdl-color-text--pink {
  color: rgb(233, 30, 99) !important; }
.mdl-color--pink {
  background-color: rgb(233, 30, 99) !important; }
.mdl-color-text--pink-50 {
  color: rgb(252, 228, 236) !important; }
.mdl-color--pink-50 {
  background-color: rgb(252, 228, 236) !important; }
.mdl-color-text--pink-100 {
  color: rgb(248, 187, 208) !important; }
.mdl-color--pink-100 {
  background-color: rgb(248, 187, 208) !important; }
.mdl-color-text--pink-200 {
  color: rgb(244, 143, 177) !important; }
.mdl-color--pink-200 {
  background-color: rgb(244, 143, 177) !important; }
.mdl-color-text--pink-300 {
  color: rgb(240, 98, 146) !important; }
.mdl-color--pink-300 {
  background-color: rgb(240, 98, 146) !important; }
.mdl-color-text--pink-400 {
  color: rgb(236, 64, 122) !important; }
.mdl-color--pink-400 {
  background-color: rgb(236, 64, 122) !important; }
.mdl-color-text--pink-500 {
  color: rgb(233, 30, 99) !important; }
.mdl-color--pink-500 {
  background-color: rgb(233, 30, 99) !important; }
.mdl-color-text--pink-600 {
  color: rgb(216, 27, 96) !important; }
.mdl-color--pink-600 {
  background-color: rgb(216, 27, 96) !important; }
.mdl-color-text--pink-700 {
  color: rgb(194, 24, 91) !important; }
.mdl-color--pink-700 {
  background-color: rgb(194, 24, 91) !important; }
.mdl-color-text--pink-800 {
  color: rgb(173, 20, 87) !important; }
.mdl-color--pink-800 {
  background-color: rgb(173, 20, 87) !important; }
.mdl-color-text--pink-900 {
  color: rgb(136, 14, 79) !important; }
.mdl-color--pink-900 {
  background-color: rgb(136, 14, 79) !important; }
.mdl-color-text--pink-A100 {
  color: rgb(255, 128, 171) !important; }
.mdl-color--pink-A100 {
  background-color: rgb(255, 128, 171) !important; }
.mdl-color-text--pink-A200 {
  color: rgb(255, 64, 129) !important; }
.mdl-color--pink-A200 {
  background-color: rgb(255, 64, 129) !important; }
.mdl-color-text--pink-A400 {
  color: rgb(245, 0, 87) !important; }
.mdl-color--pink-A400 {
  background-color: rgb(245, 0, 87) !important; }
.mdl-color-text--pink-A700 {
  color: rgb(197, 17, 98) !important; }
.mdl-color--pink-A700 {
  background-color: rgb(197, 17, 98) !important; }
.mdl-color-text--purple {
  color: rgb(156, 39, 176) !important; }
.mdl-color--purple {
  background-color: rgb(156, 39, 176) !important; }
.mdl-color-text--purple-50 {
  color: rgb(243, 229, 245) !important; }
.mdl-color--purple-50 {
  background-color: rgb(243, 229, 245) !important; }
.mdl-color-text--purple-100 {
  color: rgb(225, 190, 231) !important; }
.mdl-color--purple-100 {
  background-color: rgb(225, 190, 231) !important; }
.mdl-color-text--purple-200 {
  color: rgb(206, 147, 216) !important; }
.mdl-color--purple-200 {
  background-color: rgb(206, 147, 216) !important; }
.mdl-color-text--purple-300 {
  color: rgb(186, 104, 200) !important; }
.mdl-color--purple-300 {
  background-color: rgb(186, 104, 200) !important; }
.mdl-color-text--purple-400 {
  color: rgb(171, 71, 188) !important; }
.mdl-color--purple-400 {
  background-color: rgb(171, 71, 188) !important; }
.mdl-color-text--purple-500 {
  color: rgb(156, 39, 176) !important; }
.mdl-color--purple-500 {
  background-color: rgb(156, 39, 176) !important; }
.mdl-color-text--purple-600 {
  color: rgb(142, 36, 170) !important; }
.mdl-color--purple-600 {
  background-color: rgb(142, 36, 170) !important; }
.mdl-color-text--purple-700 {
  color: rgb(123, 31, 162) !important; }
.mdl-color--purple-700 {
  background-color: rgb(123, 31, 162) !important; }
.mdl-color-text--purple-800 {
  color: rgb(106, 27, 154) !important; }
.mdl-color--purple-800 {
  background-color: rgb(106, 27, 154) !important; }
.mdl-color-text--purple-900 {
  color: rgb(74, 20, 140) !important; }
.mdl-color--purple-900 {
  background-color: rgb(74, 20, 140) !important; }
.mdl-color-text--purple-A100 {
  color: rgb(234, 128, 252) !important; }
.mdl-color--purple-A100 {
  background-color: rgb(234, 128, 252) !important; }
.mdl-color-text--purple-A200 {
  color: rgb(224, 64, 251) !important; }
.mdl-color--purple-A200 {
  background-color: rgb(224, 64, 251) !important; }
.mdl-color-text--purple-A400 {
  color: rgb(213, 0, 249) !important; }
.mdl-color--purple-A400 {
  background-color: rgb(213, 0, 249) !important; }
.mdl-color-text--purple-A700 {
  color: rgb(170, 0, 255) !important; }
.mdl-color--purple-A700 {
  background-color: rgb(170, 0, 255) !important; }
.mdl-color-text--deep-purple {
  color: rgb(103, 58, 183) !important; }
.mdl-color--deep-purple {
  background-color: rgb(103, 58, 183) !important; }
.mdl-color-text--deep-purple-50 {
  color: rgb(237, 231, 246) !important; }
.mdl-color--deep-purple-50 {
  background-color: rgb(237, 231, 246) !important; }
.mdl-color-text--deep-purple-100 {
  color: rgb(209, 196, 233) !important; }
.mdl-color--deep-purple-100 {
  background-color: rgb(209, 196, 233) !important; }
.mdl-color-text--deep-purple-200 {
  color: rgb(179, 157, 219) !important; }
.mdl-color--deep-purple-200 {
  background-color: rgb(179, 157, 219) !important; }
.mdl-color-text--deep-purple-300 {
  color: rgb(149, 117, 205) !important; }
.mdl-color--deep-purple-300 {
  background-color: rgb(149, 117, 205) !important; }
.mdl-color-text--deep-purple-400 {
  color: rgb(126, 87, 194) !important; }
.mdl-color--deep-purple-400 {
  background-color: rgb(126, 87, 194) !important; }
.mdl-color-text--deep-purple-500 {
  color: rgb(103, 58, 183) !important; }
.mdl-color--deep-purple-500 {
  background-color: rgb(103, 58, 183) !important; }
.mdl-color-text--deep-purple-600 {
  color: rgb(94, 53, 177) !important; }
.mdl-color--deep-purple-600 {
  background-color: rgb(94, 53, 177) !important; }
.mdl-color-text--deep-purple-700 {
  color: rgb(81, 45, 168) !important; }
.mdl-color--deep-purple-700 {
  background-color: rgb(81, 45, 168) !important; }
.mdl-color-text--deep-purple-800 {
  color: rgb(69, 39, 160) !important; }
.mdl-color--deep-purple-800 {
  background-color: rgb(69, 39, 160) !important; }
.mdl-color-text--deep-purple-900 {
  color: rgb(49, 27, 146) !important; }
.mdl-color--deep-purple-900 {
  background-color: rgb(49, 27, 146) !important; }
.mdl-color-text--deep-purple-A100 {
  color: rgb(179, 136, 255) !important; }
.mdl-color--deep-purple-A100 {
  background-color: rgb(179, 136, 255) !important; }
.mdl-color-text--deep-purple-A200 {
  color: rgb(124, 77, 255) !important; }
.mdl-color--deep-purple-A200 {
  background-color: rgb(124, 77, 255) !important; }
.mdl-color-text--deep-purple-A400 {
  color: rgb(101, 31, 255) !important; }
.mdl-color--deep-purple-A400 {
  background-color: rgb(101, 31, 255) !important; }
.mdl-color-text--deep-purple-A700 {
  color: rgb(98, 0, 234) !important; }
.mdl-color--deep-purple-A700 {
  background-color: rgb(98, 0, 234) !important; }
.mdl-color-text--indigo {
  color: rgb(63, 81, 181) !important; }
.mdl-color--indigo {
  background-color: rgb(63, 81, 181) !important; }
.mdl-color-text--indigo-50 {
  color: rgb(232, 234, 246) !important; }
.mdl-color--indigo-50 {
  background-color: rgb(232, 234, 246) !important; }
.mdl-color-text--indigo-100 {
  color: rgb(197, 202, 233) !important; }
.mdl-color--indigo-100 {
  background-color: rgb(197, 202, 233) !important; }
.mdl-color-text--indigo-200 {
  color: rgb(159, 168, 218) !important; }
.mdl-color--indigo-200 {
  background-color: rgb(159, 168, 218) !important; }
.mdl-color-text--indigo-300 {
  color: rgb(121, 134, 203) !important; }
.mdl-color--indigo-300 {
  background-color: rgb(121, 134, 203) !important; }
.mdl-color-text--indigo-400 {
  color: rgb(92, 107, 192) !important; }
.mdl-color--indigo-400 {
  background-color: rgb(92, 107, 192) !important; }
.mdl-color-text--indigo-500 {
  color: rgb(63, 81, 181) !important; }
.mdl-color--indigo-500 {
  background-color: rgb(63, 81, 181) !important; }
.mdl-color-text--indigo-600 {
  color: rgb(57, 73, 171) !important; }
.mdl-color--indigo-600 {
  background-color: rgb(57, 73, 171) !important; }
.mdl-color-text--indigo-700 {
  color: rgb(48, 63, 159) !important; }
.mdl-color--indigo-700 {
  background-color: rgb(48, 63, 159) !important; }
.mdl-color-text--indigo-800 {
  color: rgb(40, 53, 147) !important; }
.mdl-color--indigo-800 {
  background-color: rgb(40, 53, 147) !important; }
.mdl-color-text--indigo-900 {
  color: rgb(26, 35, 126) !important; }
.mdl-color--indigo-900 {
  background-color: rgb(26, 35, 126) !important; }
.mdl-color-text--indigo-A100 {
  color: rgb(140, 158, 255) !important; }
.mdl-color--indigo-A100 {
  background-color: rgb(140, 158, 255) !important; }
.mdl-color-text--indigo-A200 {
  color: rgb(83, 109, 254) !important; }
.mdl-color--indigo-A200 {
  background-color: rgb(83, 109, 254) !important; }
.mdl-color-text--indigo-A400 {
  color: rgb(61, 90, 254) !important; }
.mdl-color--indigo-A400 {
  background-color: rgb(61, 90, 254) !important; }
.mdl-color-text--indigo-A700 {
  color: rgb(48, 79, 254) !important; }
.mdl-color--indigo-A700 {
  background-color: rgb(48, 79, 254) !important; }
.mdl-color-text--blue {
  color: rgb(33, 150, 243) !important; }
.mdl-color--blue {
  background-color: rgb(33, 150, 243) !important; }
.mdl-color-text--blue-50 {
  color: rgb(227, 242, 253) !important; }
.mdl-color--blue-50 {
  background-color: rgb(227, 242, 253) !important; }
.mdl-color-text--blue-100 {
  color: rgb(187, 222, 251) !important; }
.mdl-color--blue-100 {
  background-color: rgb(187, 222, 251) !important; }
.mdl-color-text--blue-200 {
  color: rgb(144, 202, 249) !important; }
.mdl-color--blue-200 {
  background-color: rgb(144, 202, 249) !important; }
.mdl-color-text--blue-300 {
  color: rgb(100, 181, 246) !important; }
.mdl-color--blue-300 {
  background-color: rgb(100, 181, 246) !important; }
.mdl-color-text--blue-400 {
  color: rgb(66, 165, 245) !important; }
.mdl-color--blue-400 {
  background-color: rgb(66, 165, 245) !important; }
.mdl-color-text--blue-500 {
  color: rgb(33, 150, 243) !important; }
.mdl-color--blue-500 {
  background-color: rgb(33, 150, 243) !important; }
.mdl-color-text--blue-600 {
  color: rgb(30, 136, 229) !important; }
.mdl-color--blue-600 {
  background-color: rgb(30, 136, 229) !important; }
.mdl-color-text--blue-700 {
  color: rgb(25, 118, 210) !important; }
.mdl-color--blue-700 {
  background-color: rgb(25, 118, 210) !important; }
.mdl-color-text--blue-800 {
  color: rgb(21, 101, 192) !important; }
.mdl-color--blue-800 {
  background-color: rgb(21, 101, 192) !important; }
.mdl-color-text--blue-900 {
  color: rgb(13, 71, 161) !important; }
.mdl-color--blue-900 {
  background-color: rgb(13, 71, 161) !important; }
.mdl-color-text--blue-A100 {
  color: rgb(130, 177, 255) !important; }
.mdl-color--blue-A100 {
  background-color: rgb(130, 177, 255) !important; }
.mdl-color-text--blue-A200 {
  color: rgb(68, 138, 255) !important; }
.mdl-color--blue-A200 {
  background-color: rgb(68, 138, 255) !important; }
.mdl-color-text--blue-A400 {
  color: rgb(41, 121, 255) !important; }
.mdl-color--blue-A400 {
  background-color: rgb(41, 121, 255) !important; }
.mdl-color-text--blue-A700 {
  color: rgb(41, 98, 255) !important; }
.mdl-color--blue-A700 {
  background-color: rgb(41, 98, 255) !important; }
.mdl-color-text--light-blue {
  color: rgb(3, 169, 244) !important; }
.mdl-color--light-blue {
  background-color: rgb(3, 169, 244) !important; }
.mdl-color-text--light-blue-50 {
  color: rgb(225, 245, 254) !important; }
.mdl-color--light-blue-50 {
  background-color: rgb(225, 245, 254) !important; }
.mdl-color-text--light-blue-100 {
  color: rgb(179, 229, 252) !important; }
.mdl-color--light-blue-100 {
  background-color: rgb(179, 229, 252) !important; }
.mdl-color-text--light-blue-200 {
  color: rgb(129, 212, 250) !important; }
.mdl-color--light-blue-200 {
  background-color: rgb(129, 212, 250) !important; }
.mdl-color-text--light-blue-300 {
  color: rgb(79, 195, 247) !important; }
.mdl-color--light-blue-300 {
  background-color: rgb(79, 195, 247) !important; }
.mdl-color-text--light-blue-400 {
  color: rgb(41, 182, 246) !important; }
.mdl-color--light-blue-400 {
  background-color: rgb(41, 182, 246) !important; }
.mdl-color-text--light-blue-500 {
  color: rgb(3, 169, 244) !important; }
.mdl-color--light-blue-500 {
  background-color: rgb(3, 169, 244) !important; }
.mdl-color-text--light-blue-600 {
  color: rgb(3, 155, 229) !important; }
.mdl-color--light-blue-600 {
  background-color: rgb(3, 155, 229) !important; }
.mdl-color-text--light-blue-700 {
  color: rgb(2, 136, 209) !important; }
.mdl-color--light-blue-700 {
  background-color: rgb(2, 136, 209) !important; }
.mdl-color-text--light-blue-800 {
  color: rgb(2, 119, 189) !important; }
.mdl-color--light-blue-800 {
  background-color: rgb(2, 119, 189) !important; }
.mdl-color-text--light-blue-900 {
  color: rgb(1, 87, 155) !important; }
.mdl-color--light-blue-900 {
  background-color: rgb(1, 87, 155) !important; }
.mdl-color-text--light-blue-A100 {
  color: rgb(128, 216, 255) !important; }
.mdl-color--light-blue-A100 {
  background-color: rgb(128, 216, 255) !important; }
.mdl-color-text--light-blue-A200 {
  color: rgb(64, 196, 255) !important; }
.mdl-color--light-blue-A200 {
  background-color: rgb(64, 196, 255) !important; }
.mdl-color-text--light-blue-A400 {
  color: rgb(0, 176, 255) !important; }
.mdl-color--light-blue-A400 {
  background-color: rgb(0, 176, 255) !important; }
.mdl-color-text--light-blue-A700 {
  color: rgb(0, 145, 234) !important; }
.mdl-color--light-blue-A700 {
  background-color: rgb(0, 145, 234) !important; }
.mdl-color-text--cyan {
  color: rgb(0, 188, 212) !important; }
.mdl-color--cyan {
  background-color: rgb(0, 188, 212) !important; }
.mdl-color-text--cyan-50 {
  color: rgb(224, 247, 250) !important; }
.mdl-color--cyan-50 {
  background-color: rgb(224, 247, 250) !important; }
.mdl-color-text--cyan-100 {
  color: rgb(178, 235, 242) !important; }
.mdl-color--cyan-100 {
  background-color: rgb(178, 235, 242) !important; }
.mdl-color-text--cyan-200 {
  color: rgb(128, 222, 234) !important; }
.mdl-color--cyan-200 {
  background-color: rgb(128, 222, 234) !important; }
.mdl-color-text--cyan-300 {
  color: rgb(77, 208, 225) !important; }
.mdl-color--cyan-300 {
  background-color: rgb(77, 208, 225) !important; }
.mdl-color-text--cyan-400 {
  color: rgb(38, 198, 218) !important; }
.mdl-color--cyan-400 {
  background-color: rgb(38, 198, 218) !important; }
.mdl-color-text--cyan-500 {
  color: rgb(0, 188, 212) !important; }
.mdl-color--cyan-500 {
  background-color: rgb(0, 188, 212) !important; }
.mdl-color-text--cyan-600 {
  color: rgb(0, 172, 193) !important; }
.mdl-color--cyan-600 {
  background-color: rgb(0, 172, 193) !important; }
.mdl-color-text--cyan-700 {
  color: rgb(0, 151, 167) !important; }
.mdl-color--cyan-700 {
  background-color: rgb(0, 151, 167) !important; }
.mdl-color-text--cyan-800 {
  color: rgb(0, 131, 143) !important; }
.mdl-color--cyan-800 {
  background-color: rgb(0, 131, 143) !important; }
.mdl-color-text--cyan-900 {
  color: rgb(0, 96, 100) !important; }
.mdl-color--cyan-900 {
  background-color: rgb(0, 96, 100) !important; }
.mdl-color-text--cyan-A100 {
  color: rgb(132, 255, 255) !important; }
.mdl-color--cyan-A100 {
  background-color: rgb(132, 255, 255) !important; }
.mdl-color-text--cyan-A200 {
  color: rgb(24, 255, 255) !important; }
.mdl-color--cyan-A200 {
  background-color: rgb(24, 255, 255) !important; }
.mdl-color-text--cyan-A400 {
  color: rgb(0, 229, 255) !important; }
.mdl-color--cyan-A400 {
  background-color: rgb(0, 229, 255) !important; }
.mdl-color-text--cyan-A700 {
  color: rgb(0, 184, 212) !important; }
.mdl-color--cyan-A700 {
  background-color: rgb(0, 184, 212) !important; }
.mdl-color-text--teal {
  color: rgb(0, 150, 136) !important; }
.mdl-color--teal {
  background-color: rgb(0, 150, 136) !important; }
.mdl-color-text--teal-50 {
  color: rgb(224, 242, 241) !important; }
.mdl-color--teal-50 {
  background-color: rgb(224, 242, 241) !important; }
.mdl-color-text--teal-100 {
  color: rgb(178, 223, 219) !important; }
.mdl-color--teal-100 {
  background-color: rgb(178, 223, 219) !important; }
.mdl-color-text--teal-200 {
  color: rgb(128, 203, 196) !important; }
.mdl-color--teal-200 {
  background-color: rgb(128, 203, 196) !important; }
.mdl-color-text--teal-300 {
  color: rgb(77, 182, 172) !important; }
.mdl-color--teal-300 {
  background-color: rgb(77, 182, 172) !important; }
.mdl-color-text--teal-400 {
  color: rgb(38, 166, 154) !important; }
.mdl-color--teal-400 {
  background-color: rgb(38, 166, 154) !important; }
.mdl-color-text--teal-500 {
  color: rgb(0, 150, 136) !important; }
.mdl-color--teal-500 {
  background-color: rgb(0, 150, 136) !important; }
.mdl-color-text--teal-600 {
  color: rgb(0, 137, 123) !important; }
.mdl-color--teal-600 {
  background-color: rgb(0, 137, 123) !important; }
.mdl-color-text--teal-700 {
  color: rgb(0, 121, 107) !important; }
.mdl-color--teal-700 {
  background-color: rgb(0, 121, 107) !important; }
.mdl-color-text--teal-800 {
  color: rgb(0, 105, 92) !important; }
.mdl-color--teal-800 {
  background-color: rgb(0, 105, 92) !important; }
.mdl-color-text--teal-900 {
  color: rgb(0, 77, 64) !important; }
.mdl-color--teal-900 {
  background-color: rgb(0, 77, 64) !important; }
.mdl-color-text--teal-A100 {
  color: rgb(167, 255, 235) !important; }
.mdl-color--teal-A100 {
  background-color: rgb(167, 255, 235) !important; }
.mdl-color-text--teal-A200 {
  color: rgb(100, 255, 218) !important; }
.mdl-color--teal-A200 {
  background-color: rgb(100, 255, 218) !important; }
.mdl-color-text--teal-A400 {
  color: rgb(29, 233, 182) !important; }
.mdl-color--teal-A400 {
  background-color: rgb(29, 233, 182) !important; }
.mdl-color-text--teal-A700 {
  color: rgb(0, 191, 165) !important; }
.mdl-color--teal-A700 {
  background-color: rgb(0, 191, 165) !important; }
.mdl-color-text--green {
  color: rgb(76, 175, 80) !important; }
.mdl-color--green {
  background-color: rgb(76, 175, 80) !important; }
.mdl-color-text--green-50 {
  color: rgb(232, 245, 233) !important; }
.mdl-color--green-50 {
  background-color: rgb(232, 245, 233) !important; }
.mdl-color-text--green-100 {
  color: rgb(200, 230, 201) !important; }
.mdl-color--green-100 {
  background-color: rgb(200, 230, 201) !important; }
.mdl-color-text--green-200 {
  color: rgb(165, 214, 167) !important; }
.mdl-color--green-200 {
  background-color: rgb(165, 214, 167) !important; }
.mdl-color-text--green-300 {
  color: rgb(129, 199, 132) !important; }
.mdl-color--green-300 {
  background-color: rgb(129, 199, 132) !important; }
.mdl-color-text--green-400 {
  color: rgb(102, 187, 106) !important; }
.mdl-color--green-400 {
  background-color: rgb(102, 187, 106) !important; }
.mdl-color-text--green-500 {
  color: rgb(76, 175, 80) !important; }
.mdl-color--green-500 {
  background-color: rgb(76, 175, 80) !important; }
.mdl-color-text--green-600 {
  color: rgb(67, 160, 71) !important; }
.mdl-color--green-600 {
  background-color: rgb(67, 160, 71) !important; }
.mdl-color-text--green-700 {
  color: rgb(56, 142, 60) !important; }
.mdl-color--green-700 {
  background-color: rgb(56, 142, 60) !important; }
.mdl-color-text--green-800 {
  color: rgb(46, 125, 50) !important; }
.mdl-color--green-800 {
  background-color: rgb(46, 125, 50) !important; }
.mdl-color-text--green-900 {
  color: rgb(27, 94, 32) !important; }
.mdl-color--green-900 {
  background-color: rgb(27, 94, 32) !important; }
.mdl-color-text--green-A100 {
  color: rgb(185, 246, 202) !important; }
.mdl-color--green-A100 {
  background-color: rgb(185, 246, 202) !important; }
.mdl-color-text--green-A200 {
  color: rgb(105, 240, 174) !important; }
.mdl-color--green-A200 {
  background-color: rgb(105, 240, 174) !important; }
.mdl-color-text--green-A400 {
  color: rgb(0, 230, 118) !important; }
.mdl-color--green-A400 {
  background-color: rgb(0, 230, 118) !important; }
.mdl-color-text--green-A700 {
  color: rgb(0, 200, 83) !important; }
.mdl-color--green-A700 {
  background-color: rgb(0, 200, 83) !important; }
.mdl-color-text--light-green {
  color: rgb(139, 195, 74) !important; }
.mdl-color--light-green {
  background-color: rgb(139, 195, 74) !important; }
.mdl-color-text--light-green-50 {
  color: rgb(241, 248, 233) !important; }
.mdl-color--light-green-50 {
  background-color: rgb(241, 248, 233) !important; }
.mdl-color-text--light-green-100 {
  color: rgb(220, 237, 200) !important; }
.mdl-color--light-green-100 {
  background-color: rgb(220, 237, 200) !important; }
.mdl-color-text--light-green-200 {
  color: rgb(197, 225, 165) !important; }
.mdl-color--light-green-200 {
  background-color: rgb(197, 225, 165) !important; }
.mdl-color-text--light-green-300 {
  color: rgb(174, 213, 129) !important; }
.mdl-color--light-green-300 {
  background-color: rgb(174, 213, 129) !important; }
.mdl-color-text--light-green-400 {
  color: rgb(156, 204, 101) !important; }
.mdl-color--light-green-400 {
  background-color: rgb(156, 204, 101) !important; }
.mdl-color-text--light-green-500 {
  color: rgb(139, 195, 74) !important; }
.mdl-color--light-green-500 {
  background-color: rgb(139, 195, 74) !important; }
.mdl-color-text--light-green-600 {
  color: rgb(124, 179, 66) !important; }
.mdl-color--light-green-600 {
  background-color: rgb(124, 179, 66) !important; }
.mdl-color-text--light-green-700 {
  color: rgb(104, 159, 56) !important; }
.mdl-color--light-green-700 {
  background-color: rgb(104, 159, 56) !important; }
.mdl-color-text--light-green-800 {
  color: rgb(85, 139, 47) !important; }
.mdl-color--light-green-800 {
  background-color: rgb(85, 139, 47) !important; }
.mdl-color-text--light-green-900 {
  color: rgb(51, 105, 30) !important; }
.mdl-color--light-green-900 {
  background-color: rgb(51, 105, 30) !important; }
.mdl-color-text--light-green-A100 {
  color: rgb(204, 255, 144) !important; }
.mdl-color--light-green-A100 {
  background-color: rgb(204, 255, 144) !important; }
.mdl-color-text--light-green-A200 {
  color: rgb(178, 255, 89) !important; }
.mdl-color--light-green-A200 {
  background-color: rgb(178, 255, 89) !important; }
.mdl-color-text--light-green-A400 {
  color: rgb(118, 255, 3) !important; }
.mdl-color--light-green-A400 {
  background-color: rgb(118, 255, 3) !important; }
.mdl-color-text--light-green-A700 {
  color: rgb(100, 221, 23) !important; }
.mdl-color--light-green-A700 {
  background-color: rgb(100, 221, 23) !important; }
.mdl-color-text--lime {
  color: rgb(205, 220, 57) !important; }
.mdl-color--lime {
  background-color: rgb(205, 220, 57) !important; }
.mdl-color-text--lime-50 {
  color: rgb(249, 251, 231) !important; }
.mdl-color--lime-50 {
  background-color: rgb(249, 251, 231) !important; }
.mdl-color-text--lime-100 {
  color: rgb(240, 244, 195) !important; }
.mdl-color--lime-100 {
  background-color: rgb(240, 244, 195) !important; }
.mdl-color-text--lime-200 {
  color: rgb(230, 238, 156) !important; }
.mdl-color--lime-200 {
  background-color: rgb(230, 238, 156) !important; }
.mdl-color-text--lime-300 {
  color: rgb(220, 231, 117) !important; }
.mdl-color--lime-300 {
  background-color: rgb(220, 231, 117) !important; }
.mdl-color-text--lime-400 {
  color: rgb(212, 225, 87) !important; }
.mdl-color--lime-400 {
  background-color: rgb(212, 225, 87) !important; }
.mdl-color-text--lime-500 {
  color: rgb(205, 220, 57) !important; }
.mdl-color--lime-500 {
  background-color: rgb(205, 220, 57) !important; }
.mdl-color-text--lime-600 {
  color: rgb(192, 202, 51) !important; }
.mdl-color--lime-600 {
  background-color: rgb(192, 202, 51) !important; }
.mdl-color-text--lime-700 {
  color: rgb(175, 180, 43) !important; }
.mdl-color--lime-700 {
  background-color: rgb(175, 180, 43) !important; }
.mdl-color-text--lime-800 {
  color: rgb(158, 157, 36) !important; }
.mdl-color--lime-800 {
  background-color: rgb(158, 157, 36) !important; }
.mdl-color-text--lime-900 {
  color: rgb(130, 119, 23) !important; }
.mdl-color--lime-900 {
  background-color: rgb(130, 119, 23) !important; }
.mdl-color-text--lime-A100 {
  color: rgb(244, 255, 129) !important; }
.mdl-color--lime-A100 {
  background-color: rgb(244, 255, 129) !important; }
.mdl-color-text--lime-A200 {
  color: rgb(238, 255, 65) !important; }
.mdl-color--lime-A200 {
  background-color: rgb(238, 255, 65) !important; }
.mdl-color-text--lime-A400 {
  color: rgb(198, 255, 0) !important; }
.mdl-color--lime-A400 {
  background-color: rgb(198, 255, 0) !important; }
.mdl-color-text--lime-A700 {
  color: rgb(174, 234, 0) !important; }
.mdl-color--lime-A700 {
  background-color: rgb(174, 234, 0) !important; }
.mdl-color-text--yellow {
  color: rgb(255, 235, 59) !important; }
.mdl-color--yellow {
  background-color: rgb(255, 235, 59) !important; }
.mdl-color-text--yellow-50 {
  color: rgb(255, 253, 231) !important; }
.mdl-color--yellow-50 {
  background-color: rgb(255, 253, 231) !important; }
.mdl-color-text--yellow-100 {
  color: rgb(255, 249, 196) !important; }
.mdl-color--yellow-100 {
  background-color: rgb(255, 249, 196) !important; }
.mdl-color-text--yellow-200 {
  color: rgb(255, 245, 157) !important; }
.mdl-color--yellow-200 {
  background-color: rgb(255, 245, 157) !important; }
.mdl-color-text--yellow-300 {
  color: rgb(255, 241, 118) !important; }
.mdl-color--yellow-300 {
  background-color: rgb(255, 241, 118) !important; }
.mdl-color-text--yellow-400 {
  color: rgb(255, 238, 88) !important; }
.mdl-color--yellow-400 {
  background-color: rgb(255, 238, 88) !important; }
.mdl-color-text--yellow-500 {
  color: rgb(255, 235, 59) !important; }
.mdl-color--yellow-500 {
  background-color: rgb(255, 235, 59) !important; }
.mdl-color-text--yellow-600 {
  color: rgb(253, 216, 53) !important; }
.mdl-color--yellow-600 {
  background-color: rgb(253, 216, 53) !important; }
.mdl-color-text--yellow-700 {
  color: rgb(251, 192, 45) !important; }
.mdl-color--yellow-700 {
  background-color: rgb(251, 192, 45) !important; }
.mdl-color-text--yellow-800 {
  color: rgb(249, 168, 37) !important; }
.mdl-color--yellow-800 {
  background-color: rgb(249, 168, 37) !important; }
.mdl-color-text--yellow-900 {
  color: rgb(245, 127, 23) !important; }
.mdl-color--yellow-900 {
  background-color: rgb(245, 127, 23) !important; }
.mdl-color-text--yellow-A100 {
  color: rgb(255, 255, 141) !important; }
.mdl-color--yellow-A100 {
  background-color: rgb(255, 255, 141) !important; }
.mdl-color-text--yellow-A200 {
  color: rgb(255, 255, 0) !important; }
.mdl-color--yellow-A200 {
  background-color: rgb(255, 255, 0) !important; }
.mdl-color-text--yellow-A400 {
  color: rgb(255, 234, 0) !important; }
.mdl-color--yellow-A400 {
  background-color: rgb(255, 234, 0) !important; }
.mdl-color-text--yellow-A700 {
  color: rgb(255, 214, 0) !important; }
.mdl-color--yellow-A700 {
  background-color: rgb(255, 214, 0) !important; }
.mdl-color-text--amber {
  color: rgb(255, 193, 7) !important; }
.mdl-color--amber {
  background-color: rgb(255, 193, 7) !important; }
.mdl-color-text--amber-50 {
  color: rgb(255, 248, 225) !important; }
.mdl-color--amber-50 {
  background-color: rgb(255, 248, 225) !important; }
.mdl-color-text--amber-100 {
  color: rgb(255, 236, 179) !important; }
.mdl-color--amber-100 {
  background-color: rgb(255, 236, 179) !important; }
.mdl-color-text--amber-200 {
  color: rgb(255, 224, 130) !important; }
.mdl-color--amber-200 {
  background-color: rgb(255, 224, 130) !important; }
.mdl-color-text--amber-300 {
  color: rgb(255, 213, 79) !important; }
.mdl-color--amber-300 {
  background-color: rgb(255, 213, 79) !important; }
.mdl-color-text--amber-400 {
  color: rgb(255, 202, 40) !important; }
.mdl-color--amber-400 {
  background-color: rgb(255, 202, 40) !important; }
.mdl-color-text--amber-500 {
  color: rgb(255, 193, 7) !important; }
.mdl-color--amber-500 {
  background-color: rgb(255, 193, 7) !important; }
.mdl-color-text--amber-600 {
  color: rgb(255, 179, 0) !important; }
.mdl-color--amber-600 {
  background-color: rgb(255, 179, 0) !important; }
.mdl-color-text--amber-700 {
  color: rgb(255, 160, 0) !important; }
.mdl-color--amber-700 {
  background-color: rgb(255, 160, 0) !important; }
.mdl-color-text--amber-800 {
  color: rgb(255, 143, 0) !important; }
.mdl-color--amber-800 {
  background-color: rgb(255, 143, 0) !important; }
.mdl-color-text--amber-900 {
  color: rgb(255, 111, 0) !important; }
.mdl-color--amber-900 {
  background-color: rgb(255, 111, 0) !important; }
.mdl-color-text--amber-A100 {
  color: rgb(255, 229, 127) !important; }
.mdl-color--amber-A100 {
  background-color: rgb(255, 229, 127) !important; }
.mdl-color-text--amber-A200 {
  color: rgb(255, 215, 64) !important; }
.mdl-color--amber-A200 {
  background-color: rgb(255, 215, 64) !important; }
.mdl-color-text--amber-A400 {
  color: rgb(255, 196, 0) !important; }
.mdl-color--amber-A400 {
  background-color: rgb(255, 196, 0) !important; }
.mdl-color-text--amber-A700 {
  color: rgb(255, 171, 0) !important; }
.mdl-color--amber-A700 {
  background-color: rgb(255, 171, 0) !important; }
.mdl-color-text--orange {
  color: rgb(255, 152, 0) !important; }
.mdl-color--orange {
  background-color: rgb(255, 152, 0) !important; }
.mdl-color-text--orange-50 {
  color: rgb(255, 243, 224) !important; }
.mdl-color--orange-50 {
  background-color: rgb(255, 243, 224) !important; }
.mdl-color-text--orange-100 {
  color: rgb(255, 224, 178) !important; }
.mdl-color--orange-100 {
  background-color: rgb(255, 224, 178) !important; }
.mdl-color-text--orange-200 {
  color: rgb(255, 204, 128) !important; }
.mdl-color--orange-200 {
  background-color: rgb(255, 204, 128) !important; }
.mdl-color-text--orange-300 {
  color: rgb(255, 183, 77) !important; }
.mdl-color--orange-300 {
  background-color: rgb(255, 183, 77) !important; }
.mdl-color-text--orange-400 {
  color: rgb(255, 167, 38) !important; }
.mdl-color--orange-400 {
  background-color: rgb(255, 167, 38) !important; }
.mdl-color-text--orange-500 {
  color: rgb(255, 152, 0) !important; }
.mdl-color--orange-500 {
  background-color: rgb(255, 152, 0) !important; }
.mdl-color-text--orange-600 {
  color: rgb(251, 140, 0) !important; }
.mdl-color--orange-600 {
  background-color: rgb(251, 140, 0) !important; }
.mdl-color-text--orange-700 {
  color: rgb(245, 124, 0) !important; }
.mdl-color--orange-700 {
  background-color: rgb(245, 124, 0) !important; }
.mdl-color-text--orange-800 {
  color: rgb(239, 108, 0) !important; }
.mdl-color--orange-800 {
  background-color: rgb(239, 108, 0) !important; }
.mdl-color-text--orange-900 {
  color: rgb(230, 81, 0) !important; }
.mdl-color--orange-900 {
  background-color: rgb(230, 81, 0) !important; }
.mdl-color-text--orange-A100 {
  color: rgb(255, 209, 128) !important; }
.mdl-color--orange-A100 {
  background-color: rgb(255, 209, 128) !important; }
.mdl-color-text--orange-A200 {
  color: rgb(255, 171, 64) !important; }
.mdl-color--orange-A200 {
  background-color: rgb(255, 171, 64) !important; }
.mdl-color-text--orange-A400 {
  color: rgb(255, 145, 0) !important; }
.mdl-color--orange-A400 {
  background-color: rgb(255, 145, 0) !important; }
.mdl-color-text--orange-A700 {
  color: rgb(255, 109, 0) !important; }
.mdl-color--orange-A700 {
  background-color: rgb(255, 109, 0) !important; }
.mdl-color-text--deep-orange {
  color: rgb(255, 87, 34) !important; }
.mdl-color--deep-orange {
  background-color: rgb(255, 87, 34) !important; }
.mdl-color-text--deep-orange-50 {
  color: rgb(251, 233, 231) !important; }
.mdl-color--deep-orange-50 {
  background-color: rgb(251, 233, 231) !important; }
.mdl-color-text--deep-orange-100 {
  color: rgb(255, 204, 188) !important; }
.mdl-color--deep-orange-100 {
  background-color: rgb(255, 204, 188) !important; }
.mdl-color-text--deep-orange-200 {
  color: rgb(255, 171, 145) !important; }
.mdl-color--deep-orange-200 {
  background-color: rgb(255, 171, 145) !important; }
.mdl-color-text--deep-orange-300 {
  color: rgb(255, 138, 101) !important; }
.mdl-color--deep-orange-300 {
  background-color: rgb(255, 138, 101) !important; }
.mdl-color-text--deep-orange-400 {
  color: rgb(255, 112, 67) !important; }
.mdl-color--deep-orange-400 {
  background-color: rgb(255, 112, 67) !important; }
.mdl-color-text--deep-orange-500 {
  color: rgb(255, 87, 34) !important; }
.mdl-color--deep-orange-500 {
  background-color: rgb(255, 87, 34) !important; }
.mdl-color-text--deep-orange-600 {
  color: rgb(244, 81, 30) !important; }
.mdl-color--deep-orange-600 {
  background-color: rgb(244, 81, 30) !important; }
.mdl-color-text--deep-orange-700 {
  color: rgb(230, 74, 25) !important; }
.mdl-color--deep-orange-700 {
  background-color: rgb(230, 74, 25) !important; }
.mdl-color-text--deep-orange-800 {
  color: rgb(216, 67, 21) !important; }
.mdl-color--deep-orange-800 {
  background-color: rgb(216, 67, 21) !important; }
.mdl-color-text--deep-orange-900 {
  color: rgb(191, 54, 12) !important; }
.mdl-color--deep-orange-900 {
  background-color: rgb(191, 54, 12) !important; }
.mdl-color-text--deep-orange-A100 {
  color: rgb(255, 158, 128) !important; }
.mdl-color--deep-orange-A100 {
  background-color: rgb(255, 158, 128) !important; }
.mdl-color-text--deep-orange-A200 {
  color: rgb(255, 110, 64) !important; }
.mdl-color--deep-orange-A200 {
  background-color: rgb(255, 110, 64) !important; }
.mdl-color-text--deep-orange-A400 {
  color: rgb(255, 61, 0) !important; }
.mdl-color--deep-orange-A400 {
  background-color: rgb(255, 61, 0) !important; }
.mdl-color-text--deep-orange-A700 {
  color: rgb(221, 44, 0) !important; }
.mdl-color--deep-orange-A700 {
  background-color: rgb(221, 44, 0) !important; }
.mdl-color-text--brown {
  color: rgb(121, 85, 72) !important; }
.mdl-color--brown {
  background-color: rgb(121, 85, 72) !important; }
.mdl-color-text--brown-50 {
  color: rgb(239, 235, 233) !important; }
.mdl-color--brown-50 {
  background-color: rgb(239, 235, 233) !important; }
.mdl-color-text--brown-100 {
  color: rgb(215, 204, 200) !important; }
.mdl-color--brown-100 {
  background-color: rgb(215, 204, 200) !important; }
.mdl-color-text--brown-200 {
  color: rgb(188, 170, 164) !important; }
.mdl-color--brown-200 {
  background-color: rgb(188, 170, 164) !important; }
.mdl-color-text--brown-300 {
  color: rgb(161, 136, 127) !important; }
.mdl-color--brown-300 {
  background-color: rgb(161, 136, 127) !important; }
.mdl-color-text--brown-400 {
  color: rgb(141, 110, 99) !important; }
.mdl-color--brown-400 {
  background-color: rgb(141, 110, 99) !important; }
.mdl-color-text--brown-500 {
  color: rgb(121, 85, 72) !important; }
.mdl-color--brown-500 {
  background-color: rgb(121, 85, 72) !important; }
.mdl-color-text--brown-600 {
  color: rgb(109, 76, 65) !important; }
.mdl-color--brown-600 {
  background-color: rgb(109, 76, 65) !important; }
.mdl-color-text--brown-700 {
  color: rgb(93, 64, 55) !important; }
.mdl-color--brown-700 {
  background-color: rgb(93, 64, 55) !important; }
.mdl-color-text--brown-800 {
  color: rgb(78, 52, 46) !important; }
.mdl-color--brown-800 {
  background-color: rgb(78, 52, 46) !important; }
.mdl-color-text--brown-900 {
  color: rgb(62, 39, 35) !important; }
.mdl-color--brown-900 {
  background-color: rgb(62, 39, 35) !important; }
.mdl-color-text--grey {
  color: rgb(158, 158, 158) !important; }
.mdl-color--grey {
  background-color: rgb(158, 158, 158) !important; }
.mdl-color-text--grey-50 {
  color: rgb(250, 250, 250) !important; }
.mdl-color--grey-50 {
  background-color: rgb(250, 250, 250) !important; }
.mdl-color-text--grey-100 {
  color: rgb(245, 245, 245) !important; }
.mdl-color--grey-100 {
  background-color: rgb(245, 245, 245) !important; }
.mdl-color-text--grey-200 {
  color: rgb(238, 238, 238) !important; }
.mdl-color--grey-200 {
  background-color: rgb(238, 238, 238) !important; }
.mdl-color-text--grey-300 {
  color: rgb(224, 224, 224) !important; }
.mdl-color--grey-300 {
  background-color: rgb(224, 224, 224) !important; }
.mdl-color-text--grey-400 {
  color: rgb(189, 189, 189) !important; }
.mdl-color--grey-400 {
  background-color: rgb(189, 189, 189) !important; }
.mdl-color-text--grey-500 {
  color: rgb(158, 158, 158) !important; }
.mdl-color--grey-500 {
  background-color: rgb(158, 158, 158) !important; }
.mdl-color-text--grey-600 {
  color: rgb(117, 117, 117) !important; }
.mdl-color--grey-600 {
  background-color: rgb(117, 117, 117) !important; }
.mdl-color-text--grey-700 {
  color: rgb(97, 97, 97) !important; }
.mdl-color--grey-700 {
  background-color: rgb(97, 97, 97) !important; }
.mdl-color-text--grey-800 {
  color: rgb(66, 66, 66) !important; }
.mdl-color--grey-800 {
  background-color: rgb(66, 66, 66) !important; }
.mdl-color-text--grey-900 {
  color: rgb(33, 33, 33) !important; }
.mdl-color--grey-900 {
  background-color: rgb(33, 33, 33) !important; }
.mdl-color-text--blue-grey {
  color: rgb(96, 125, 139) !important; }
.mdl-color--blue-grey {
  background-color: rgb(96, 125, 139) !important; }
.mdl-color-text--blue-grey-50 {
  color: rgb(236, 239, 241) !important; }
.mdl-color--blue-grey-50 {
  background-color: rgb(236, 239, 241) !important; }
.mdl-color-text--blue-grey-100 {
  color: rgb(207, 216, 220) !important; }
.mdl-color--blue-grey-100 {
  background-color: rgb(207, 216, 220) !important; }
.mdl-color-text--blue-grey-200 {
  color: rgb(176, 190, 197) !important; }
.mdl-color--blue-grey-200 {
  background-color: rgb(176, 190, 197) !important; }
.mdl-color-text--blue-grey-300 {
  color: rgb(144, 164, 174) !important; }
.mdl-color--blue-grey-300 {
  background-color: rgb(144, 164, 174) !important; }
.mdl-color-text--blue-grey-400 {
  color: rgb(120, 144, 156) !important; }
.mdl-color--blue-grey-400 {
  background-color: rgb(120, 144, 156) !important; }
.mdl-color-text--blue-grey-500 {
  color: rgb(96, 125, 139) !important; }
.mdl-color--blue-grey-500 {
  background-color: rgb(96, 125, 139) !important; }
.mdl-color-text--blue-grey-600 {
  color: rgb(84, 110, 122) !important; }
.mdl-color--blue-grey-600 {
  background-color: rgb(84, 110, 122) !important; }
.mdl-color-text--blue-grey-700 {
  color: rgb(69, 90, 100) !important; }
.mdl-color--blue-grey-700 {
  background-color: rgb(69, 90, 100) !important; }
.mdl-color-text--blue-grey-800 {
  color: rgb(55, 71, 79) !important; }
.mdl-color--blue-grey-800 {
  background-color: rgb(55, 71, 79) !important; }
.mdl-color-text--blue-grey-900 {
  color: rgb(38, 50, 56) !important; }
.mdl-color--blue-grey-900 {
  background-color: rgb(38, 50, 56) !important; }
.mdl-color--black {
  background-color: rgb(0, 0, 0) !important; }
.mdl-color-text--black {
  color: rgb(0, 0, 0) !important; }
.mdl-color--white {
  background-color: rgb(255, 255, 255) !important; }
.mdl-color-text--white {
  color: rgb(255, 255, 255) !important; }
.mdl-color--primary {
  background-color: rgb(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
 *
 * 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 */
.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
 *
 * 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 */
.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
 *
 * 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 */
.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 {
      top: -10px;
      right: -5px; }
.mdl-badge.mdl-badge--no-background[data-badge]:after {
    color: rgb(255, 64, 129);
    background: rgba(255, 255, 255, .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
 *
 * 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 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT 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 {
  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 {
    border: 0; }
.mdl-button:hover {
    background-color: rgba(158, 158, 158, .20); }
.mdl-button:focus:not(:active) {
    background-color: rgba(0, 0, 0, .12); }
.mdl-button:active {
    background-color: rgba(158, 158, 158, .40); }
.mdl-button.mdl-button--colored {
    color: rgb(63, 81, 181); }
.mdl-button.mdl-button--colored:focus:not(:active) {
      background-color: rgba(0, 0, 0, .12); }
input.mdl-button[type="submit"] {
  -webkit-appearance: none; }
.mdl-button--raised {
  background: rgba(158, 158, 158, .20);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); }
.mdl-button--raised:active {
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
            box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
    background-color: rgba(158, 158, 158, .40); }
.mdl-button--raised:focus:not(:active) {
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .18), 0 8px 16px rgba(0, 0, 0, .36);
            box-shadow: 0 0 8px rgba(0, 0, 0, .18), 0 8px 16px rgba(0, 0, 0, .36);
    background-color: rgba(158, 158, 158, .40); }
.mdl-button--raised.mdl-button--colored {
    background: rgb(63, 81, 181);
    color: rgb(255, 255, 255); }
.mdl-button--raised.mdl-button--colored:hover {
      background-color: rgb(63, 81, 181); }
.mdl-button--raised.mdl-button--colored:active {
      background-color: rgb(63, 81, 181); }
.mdl-button--raised.mdl-button--colored:focus:not(:active) {
      background-color: rgb(63, 81, 181); }
.mdl-button--raised.mdl-button--colored .mdl-ripple {
      background: rgb(255, 255, 255); }
.mdl-button--fab {
  border-radius: 50%;
  font-size: 24px;
  height: 56px;
  margin: auto;
  min-width: 56px;
  width: 56px;
  padding: 0;
  overflow: hidden;
  background: rgba(158, 158, 158, .20);
  -webkit-box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, .12), 0 1px 1px 0 rgba(0, 0, 0, .24);
          box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, .12), 0 1px 1px 0 rgba(0, 0, 0, .24);
  position: relative;
  line-height: normal; }
.mdl-button--fab .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 {
    height: 40px;
    min-width: 40px;
    width: 40px; }
.mdl-button--fab .mdl-button__ripple-container {
    border-radius: 50%;
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }
.mdl-button--fab:active {
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
            box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
    background-color: rgba(158, 158, 158, .40); }
.mdl-button--fab:focus:not(:active) {
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .18), 0 8px 16px rgba(0, 0, 0, .36);
            box-shadow: 0 0 8px rgba(0, 0, 0, .18), 0 8px 16px rgba(0, 0, 0, .36);
    background-color: rgba(158, 158, 158, .40); }
.mdl-button--fab.mdl-button--colored {
    background: rgb(255, 64, 129);
    color: rgb(255, 255, 255); }
.mdl-button--fab.mdl-button--colored:hover {
      background-color: rgb(255, 64, 129); }
.mdl-button--fab.mdl-button--colored:focus:not(:active) {
      background-color: rgb(255, 64, 129); }
.mdl-button--fab.mdl-button--colored:active {
      background-color: rgb(255, 64, 129); }
.mdl-button--fab.mdl-button--colored .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,
  .mdl-button.mdl-button--disabled .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, .mdl-button--primary.mdl-button--primary.mdl-button--fab {
    color: rgb(255, 255, 255);
    background-color: rgb(63, 81, 181); }
.mdl-button--accent.mdl-button--accent {
  color: rgb(255, 64, 129); }
.mdl-button--accent.mdl-button--accent .mdl-ripple {
    background: rgb(255, 255, 255); }
.mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab {
    color: rgb(255, 255, 255);
    background-color: rgb(255, 64, 129); }
.mdl-button[disabled][disabled], .mdl-button.mdl-button--disabled.mdl-button--disabled {
  color: rgba(0, 0, 0, .26);
  cursor: default;
  background-color: transparent; }
.mdl-button--fab[disabled][disabled], .mdl-button--fab.mdl-button--disabled.mdl-button--disabled {
  background-color: rgba(0, 0, 0, .12);
  color: rgba(0, 0, 0, .26); }
.mdl-button--raised[disabled][disabled], .mdl-button--raised.mdl-button--disabled.mdl-button--disabled {
  background-color: rgba(0, 0, 0, .12);
  color: rgba(0, 0, 0, .26);
  -webkit-box-shadow: none;
          box-shadow: none; }
.mdl-button--colored[disabled][disabled], .mdl-button--colored.mdl-button--disabled.mdl-button--disabled {
  color: rgba(0, 0, 0, .26); }
.mdl-button .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
 *
 * 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 */
.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, .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, .54);
  margin: 0; }
.mdl-card__supporting-text {
  color: rgba(0, 0, 0, .54);
  font-size: 1rem;
  line-height: 18px;
  overflow: hidden;
  padding: 16px 16px;
  width: 90%; }
.mdl-card__actions {
  font-size: 16px;
  line-height: normal;
  width: 100%;
  background-color: transparent;
  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, .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
 *
 * 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 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT 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, .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, .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, .1);
            box-shadow: 0 0 0px 8px rgba(0, 0, 0, .1);
    background-color: rgba(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, .26);
            box-shadow: 0 0 0px 8px rgba(63, 81, 181, .26);
    background-color: rgba(63, 81, 181, .26); }
.mdl-checkbox__tick-outline {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==);
          mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==);
  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(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K); }
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, .26) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K); }
.mdl-checkbox__label {
  position: relative;
  cursor: pointer;
  font-size: 13px;
  line-height: 24px;
  margin: 0; }
fieldset[disabled] .mdl-checkbox .mdl-checkbox__label,
  .mdl-checkbox.is-disabled .mdl-checkbox__label {
    color: rgba(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
 *
 * 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 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-data-table {
  position: relative;
  border: 1px solid rgba(0, 0, 0, .12);
  border-collapse: collapse;
  white-space: nowrap;
  font-size: 13px;
  background-color: rgb(255, 255, 255); }
.mdl-data-table thead {
    padding-bottom: 3px; }
.mdl-data-table thead .mdl-data-table__select {
      margin-top: 0; }
.mdl-data-table tbody tr {
    position: relative;
    height: 48px;
    -webkit-transition-duration: 0.28s;
         -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 {
      background-color: #e0e0e0; }
.mdl-data-table tbody tr:hover {
      background-color: #eeeeee; }
.mdl-data-table td, .mdl-data-table th {
    padding: 0 18px 12px 18px;
    text-align: right; }
.mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type {
      padding-left: 24px; }
.mdl-data-table td:last-of-type, .mdl-data-table th:last-of-type {
      padding-right: 24px; }
.mdl-data-table td {
    position: relative;
    vertical-align: middle;
    height: 48px;
    border-top: 1px solid rgba(0, 0, 0, .12);
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    padding-top: 12px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
.mdl-data-table td .mdl-data-table__select {
      vertical-align: middle; }
.mdl-data-table th {
    position: relative;
    vertical-align: bottom;
    -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, .54);
    padding-bottom: 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
.mdl-data-table th.mdl-data-table__header--sorted-ascending, .mdl-data-table th.mdl-data-table__header--sorted-descending {
      color: rgba(0, 0, 0, .87); }
.mdl-data-table th.mdl-data-table__header--sorted-ascending:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:before {
        font-family: 'Material Icons';
        font-weight: normal;
        font-style: normal;
        font-size: 24px;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        word-wrap: normal;
        font-feature-settings: 'liga';
        -webkit-font-feature-settings: 'liga';
        -webkit-font-smoothing: antialiased;
        font-size: 16px;
        content: "\E5D8";
        margin-right: 5px;
        vertical-align: sub; }
.mdl-data-table th.mdl-data-table__header--sorted-ascending:hover, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover {
        cursor: pointer; }
.mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before {
          color: rgba(0, 0, 0, .26); }
.mdl-data-table th.mdl-data-table__header--sorted-descending:before {
      content: "\E5DB"; }
.mdl-data-table__select {
  width: 16px; }
.mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric {
  text-align: left; }
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 *
 * 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 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT 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, .14), 0 11px 15px -7px rgba(0, 0, 0, .12), 0 24px 38px 3px rgba(0, 0, 0, .2);
          box-shadow: 0 9px 46px 8px rgba(0, 0, 0, .14), 0 11px 15px -7px rgba(0, 0, 0, .12), 0 24px 38px 3px rgba(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, .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
 *
 * 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 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT 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
 *
 * 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 */
.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
 *
 * 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 */
.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, .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, .12); }
.mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label {
    background-color: rgba(63, 81, 181, .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
 *
 * 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 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT 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, .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, .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, .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, .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
 *
 * 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 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT 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, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(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, .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, .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
 *
 * 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 */
.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, .7)), to(rgba(255, 255, 255, .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, .7), rgba(255, 255, 255, .7)), -webkit-linear-gradient(left, rgb(63, 81, 181), rgb(63, 81, 181));
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), -o-linear-gradient(left, rgb(63, 81, 181), rgb(63, 81, 181));
  background-image: linear-gradient(to right, rgba(255, 255, 255, .7), rgba(255, 255, 255, .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, .7)), to(rgba(255, 255, 255, .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, .7), rgba(255, 255, 255, .7)), -webkit-linear-gradient(left, rgb(63, 81, 181), rgb(63, 81, 181));
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), -o-linear-gradient(left, rgb(63, 81, 181), rgb(63, 81, 181));
    background-image: linear-gradient(to right, rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), linear-gradient(to right, rgb(63, 81, 181), rgb(63, 81, 181));
    -webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=);
            mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=); } }
.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, .9)), to(rgba(255, 255, 255, .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, .9), rgba(255, 255, 255, .9)), -webkit-linear-gradient(left, rgb(63, 81, 181), rgb(63, 81, 181));
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, .9), rgba(255, 255, 255, .9)), -o-linear-gradient(left, rgb(63, 81, 181), rgb(63, 81, 181));
  background-image: linear-gradient(to right, rgba(255, 255, 255, .9), rgba(255, 255, 255, .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
 *
 * 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 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT 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, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(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: 16px 40px;
      margin: 0;
      color: #757575; }
@media screen and (max-width: 1024px) {
        .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
          padding: 16px 16px; } }
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
        background-color: rgb(224, 224, 224); }
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current {
        background-color: rgb(0, 0, 0);
        color: rgb(224, 224, 224); }
@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: 50px;
  font-family: Helvetica, Arial, sans-serif;
  margin: 10px 12px;
  top: 0;
  left: 0;
  color: rgb(255, 255, 255);
  z-index: 4; }
.mdl-layout__header .mdl-layout__drawer-button {
    position: absolute;
    color: rgb(255, 255, 255);
    background-color: inherit; }
@media screen and (max-width: 1024px) {
      .mdl-layout__header .mdl-layout__drawer-button {
        margin: 4px; } }
@media screen and (max-width: 1024px) {
    .mdl-layout__drawer-button {
      margin: 4px;
      color: rgba(0, 0, 0, .5); } }
@media screen and (min-width: 1025px) {
    .mdl-layout--fixed-drawer > .mdl-layout__drawer-button {
      display: none; }
    .mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button {
      display: none; } }
.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, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(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, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(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, .5);
    visibility: visible; }
@supports (pointer-events: auto) {
    .mdl-layout__obfuscator {
      background-color: rgba(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 {
      display: none;
      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, .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
 *
 * 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 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT 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: 13px;
  line-height: 24px;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding-left: 0; }
.mdl-radio.is-upgraded {
    padding-left: 24px; }
.mdl-radio__button {
  line-height: 24px; }
.mdl-radio.is-upgraded .mdl-radio__button {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none; }
.mdl-radio__outer-circle {
  position: absolute;
  top: 4px;
  left: 0;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 16px;
  height: 16px;
  margin: 0;
  cursor: pointer;
  border: 2px solid rgba(0, 0, 0, .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, .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: scale3d(0, 0, 0);
          transform: scale3d(0, 0, 0);
  border-radius: 50%;
  background: rgb(63, 81, 181); }
.mdl-radio.is-checked .mdl-radio__inner-circle {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
fieldset[disabled] .mdl-radio .mdl-radio__inner-circle,
  .mdl-radio.is-disabled .mdl-radio__inner-circle {
    background: rgba(0, 0, 0, .26);
    cursor: auto; }
.mdl-radio.is-focused .mdl-radio__inner-circle {
    -webkit-box-shadow: 0 0 0px 10px rgba(0, 0, 0, .1);
            box-shadow: 0 0 0px 10px rgba(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, .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
 *
 * 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 */
_:-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, .26) 16px, rgba(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, .26);
              box-shadow: 0 0 0 10px rgba(63, 81, 181, .26); }
.mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {
      box-shadow: 0 0 0 10px rgba(63, 81, 181, .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, .26) 37.5%, rgba(63, 81, 181, .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, .26);
      background: transparent; }
.mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb {
      border: 2px solid rgba(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, .12);
              box-shadow: 0 0 0 10px rgba(0, 0, 0, .12);
      background: rgba(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, .12);
      background: rgba(0, 0, 0, .12); }
.mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb {
      border: 1.6px solid rgba(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, .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, .26) 66.67%, rgba(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, .12) 0%, rgba(0, 0, 0, .12) 25%, rgba(0, 0, 0, .26) 25%, rgba(0, 0, 0, .26) 37.5%, rgba(0, 0, 0, .12) 37.5%, rgba(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, .26) 77.78%, rgba(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, .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, .26); }
.mdl-slider.is-upgraded:disabled +
.mdl-slider__background-flex > .mdl-slider__background-lower {
      background-color: rgba(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, .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, .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, .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, .26) 50%, rgba(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, .26) 25px, rgba(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 1;
          flex: 0 1;
  position: relative;
  border: 0;
  padding: 0; }
.mdl-slider__background-upper {
  background: rgba(0, 0, 0, .26);
  -webkit-box-flex: 0;
      -ms-flex: 0 1;
          flex: 0 1;
  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
 *
 * 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 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT 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
 *
 * 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 */
.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__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
 *
 * 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 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT 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, .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, .5); }
.mdl-switch__track fieldset[disabled] .mdl-switch,
  .mdl-switch.is-disabled .mdl-switch__track {
    background: rgba(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, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(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, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12);
            box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(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, .1);
            box-shadow: 0 0 0px 20px rgba(0, 0, 0, .1);
    background-color: rgba(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, .26);
            box-shadow: 0 0 0px 20px rgba(63, 81, 181, .26);
    background-color: rgba(63, 81, 181, .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
 *
 * 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 */
.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, .54);
  overflow: hidden; }
.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
    color: rgba(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
 *
 * 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 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT 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: 13px;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 300px;
  max-width: 100%;
  margin: 0;
  padding: 0px 0; }
.mdl-textfield .mdl-button {
    position: absolute;
    bottom: 0px; }
.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__input {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, .12);
  display: block;
  font-size: 13px;
  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, .12);
    color: rgba(0, 0, 0, .26); }
.mdl-textfield textarea.mdl-textfield__input {
  display: block; }
.mdl-textfield__label {
  bottom: 0;
  color: rgba(0, 0, 0, .26);
  font-size: 13px;
  left: 0;
  right: 0;
  pointer-events: none;
  position: absolute;
  display: block;
  top: 4px;
  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, .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: -16px;
    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: 0px;
    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
 *
 * 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 */
.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;
  will-change: transform;
  z-index: 999;
  background: rgba(97, 97, 97, .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
 *
 * 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 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-shadow--2dp {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); }
.mdl-shadow--3dp {
  -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12);
          box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12); }
.mdl-shadow--4dp {
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
          box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2); }
.mdl-shadow--6dp {
  -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .2);
          box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .2); }
.mdl-shadow--8dp {
  -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2);
          box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); }
.mdl-shadow--16dp {
  -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);
          box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2); }
.mdl-shadow--24dp {
  -webkit-box-shadow: 0 9px 46px 8px rgba(0, 0, 0, .14), 0 11px 15px -7px rgba(0, 0, 0, .12), 0 24px 38px 3px rgba(0, 0, 0, .2);
          box-shadow: 0 9px 46px 8px rgba(0, 0, 0, .14), 0 11px 15px -7px rgba(0, 0, 0, .12), 0 24px 38px 3px rgba(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
 *
 * 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 */
.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%; } }
[data-focus='bar'] {
  height: 60px;
  line-height: 40px;
  position: relative;
  padding: 10px;
  padding-left: 70px; }
  [data-focus='bar'] [data-focus='bar-content-left'] {
    float: left;
    height: 40px;
    line-height: 40px;
    width: 200px;
    overflow: hidden;
    white-space: nowrap; }
  [data-focus='bar'] [data-focus='bar-content-right'] {
    float: right;
    height: 40px;
    line-height: 40px;
    background: transparent;
    text-align: right;
    white-space: nowrap;
    padding-left: 20px; }
  [data-focus='bar'] [data-focus='bar-content-middle'] {
    height: 40px;
    line-height: 40px;
    background: transparent;
    margin: 0 0 0 200px;
    overflow: hidden;
    white-space: nowrap; }
[data-focus='cartridge'] {
  moz-box-shadow: 0px 1px 10px 2px #EAEAEA;
  -webkit-box-shadow: 0px 1px 10px 2px #EAEAEA;
  -o-box-shadow: 0px 1px 10px 2px #EAEAEA;
  box-shadow: 0px 1px 10px 2px #EAEAEA; }
[data-focus='confirmation-popin'] [data-focus='button-stack'] {
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%; }
  [data-focus='confirmation-popin'] [data-focus='button-stack'] button {
    margin: 20px; }
header [data-focus="content-actions"] button {
  margin: 0 5px; }
  header [data-focus="content-actions"] button.mdl-button--fab {
    background-color: #FFF !important; }
  header [data-focus="content-actions"] button:hover {
    background-color: #F9F9F9 !important; }
  header [data-focus="content-actions"] div {
  float: right;
  margin-left: 15px;
  position: relative;
  width: 60px;
  height: 56px; }
  header [data-focus="content-actions"] div .menu__container {
    margin-top: -50px; }
[data-focus='content-bar'] {
  -webkit-box-shadow: 0px 1px 10px 2px #EAEAEA;
  -o-box-shadow: 0px 1px 10px 2px #EAEAEA;
  box-shadow: 0px 1px 10px 2px #EAEAEA;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=$content-bar-shadow-color, Direction=180, Strength=10); }
[data-focus='error-center'] {
  position: fixed;
  bottom: 60px;
  right: 10px;
  z-index: 9999999;
  max-width: 300px;
  min-width: 200px;
  background-color: tomato;
  color: white;
  color: white; }
  [data-focus='error-center'] div[data-focus='error-counter'] {
    font-weight: bold;
    font-size: 3em;
    text-align: center; }
  [data-focus='error-center'] div[data-focus='error-actions'] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: bold;
    font-size: 2em;
    text-align: center;
    /* Then we define how is distributed the remaining space */
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  [data-focus='error-center'] ul[data-focus='error-stack'] {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  [data-focus='error-center'] ul[data-focus='error-stack'] li {
      background: transparent;
      padding: 5px;
      width: 300px;
      height: 92px;
      margin-top: 10px;
      line-height: 20px;
      color: white;
      font-weight: bold;
      font-size: 1em;
      text-align: center; }
/*@mixin transition($transition-property, $transition-time) {
  -webkit-transition: $transition-property $transition-time;
  -moz-transition: $transition-property $transition-time;
  -ms-transition: $transition-property $transition-time;
  -o-transition: $transition-property $transition-time;
  transition: $transition-property $transition-time;
}*/
/*
@keyframes shrink {
  from { height: auto; }
  to { height: 0; }
}

@keyframes expend {
  from { height: 0; }
  to { height: auto; }
}*/
/*---------------------------------------------------------------*/
header[data-focus='header'] {
  width: 100%;
  min-height: 60px;
  /*background-color: white;*/
  /*z-index: 1001;*/
  /*height: 64px;*/
  /*  display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: stretch;
    flex-wrap: wrap;*/
  /*div.entete-actions {
    position: relative;
    top: -$action-bar-height/2;
    float: right;
    height: $action-bar-height;
  }*/
  /*div.entete-tall {
      display: none;
    }*/
  /*@include transition(min-height, $duration);*/ }
header[data-focus='header'][data-size="medium"] [data-focus="content-bar"] div[data-focus="bar"] div[data-focus="bar-content-middle"] {
    display: none; }
header[data-focus='header'][data-size="medium"] [data-focus="content-bar"] div[data-focus="cartridge"] {
    display: block;
    /*transition-property: all;
        transition-duration: 3s;
        transition-timing-function: ease-in;
        transition-delay: 1s;*/ }
header[data-focus='header'][data-size="small"] {
    height: 120px; }
header[data-focus='header'][data-size="small"] [data-focus="content-bar"] div[data-focus="cartridge"] {
      display: none;
      /*transition-property: all;
        transition-duration: 3s;
        transition-timing-function: ease-in;
        transition-delay: 1s;*/ }
header[data-focus='header'][data-size="small"] [data-focus="content-bar"] div[data-focus="bar"] {
      -webkit-box-shadow: 0px 1px 10px 2px #EAEAEA;
      -o-box-shadow: 0px 1px 10px 2px #EAEAEA;
      box-shadow: 0px 1px 10px 2px #EAEAEA;
      filter: progid:DXImageTransform.Microsoft.Shadow(color=$header-shadow-color, Direction=180, Strength=10); }
header[data-focus='header'][data-size="small"] [data-focus="content-actions"] {
      position: fixed;
      top: 30px;
      right: 0;
      z-index: 1010; }
header[data-focus='header'] div[data-focus="content-bar"] {
    background-color: white;
    color: black; }
header[data-focus='header'] div[data-focus="content-bar"] div.real-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: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
header[data-focus='header'] div[data-focus="content-bar"] div[data-focus="cartridge"] {
      padding: 70px 50px 35px 110px; }
header[data-focus='header'] div[data-focus="bar"] {
    /*@include transition(min-height, $duration);*/
    position: fixed;
    width: 100%;
    padding-left: 70px;
    z-index: 1001;
    background-color: white; }
header[data-focus='header'] [data-focus="content-actions"] {
    margin: 0 0 0 60px;
    position: relative;
    top: -29px;
    text-align: right;
    padding-right: 200px; }
html {
  position: relative;
  min-height: 100%; }

body {
  /*min-width: 1300px;*/
  background-color: #FFF; }

[data-focus='page-content'] {
  margin-left: 60px;
  padding: 10px 25px; }

[data-focus='footer'] {
  position: fixed;
  bottom: 0;
  margin-top: 30px;
  padding: 10px;
  text-align: center;
  padding-left: 70px;
  width: 100%; }

/* color of the scrollbar */

::-webkit-scrollbar {
  width: 10px;
  height: 10px; }

::-webkit-scrollbar-track {
  background-color: #e2e2e2; }

::-webkit-scrollbar-thumb {
  background-color: #a1afb5; }

::-webkit-scrollbar-thumb:hover {
  background-color: #6AB2E5; }
[data-focus="loading-bar"] {
  position: fixed;
  z-index: 999999;
  width: 100%; }
  [data-focus="loading-bar"] [data-focus="progress-bar"] {
    margin: 0;
    background-color: transparent;
    overflow: visible; }
  [data-focus="loading-bar"] [data-focus="progress-bar"] .progress-bar {
      -webkit-box-shadow: 0px 0px 6px 0px #03A9F4;
      -o-box-shadow: 0px 0px 6px 0px #03A9F4;
      box-shadow: 0px 0px 6px 0px #03A9F4; }
  [data-focus="loading-bar"] ul {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, .8);
    padding: 0 0 0 60px;
    list-style: none;
    width: 100%;
    margin: 0; }
  [data-focus="loading-bar"] ul li {
      width: 200px;
      display: inline-block;
      padding: 10px;
      font-size: 18px; }
  [data-focus="loading-bar"] ul li i {
        position: relative;
        top: 5px; }
  [data-focus="loading-bar"] ul li span {
        margin: 0 5px; }
/* Transitions */
/* General styles for all menus */
[data-focus="menu"] {
  background: #36b7b9;
  position: fixed;
  z-index: 2000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  /* Orientation-dependent styles for the content of the menu */
  /* Vertical menu that slides from the left or right */
  /* Horizontal menu that slides from the top or bottom */ }
[data-focus="menu"] [data-focus="menu-brand"] {
    text-align: center;
    background-color: #424950;
    height: 60px; }
[data-focus="menu"] [data-focus="menu-items"] {
    padding: 0;
    margin: 0; }
[data-focus="menu"] [data-focus="menu-items"] li {
      width: 60px;
      height: 60px;
      line-height: 60px;
      padding: 0;
      margin: 15px 0;
      text-align: center;
      color: white; }
[data-focus="menu"] [data-focus="menu-items"] li button.btn {
        margin: 0;
        padding: 0;
        width: 60px;
        height: 60px;
        white-space: normal;
        margin: 0;
        font-weight: normal;
        color: white; }
[data-focus="menu"] [data-focus="menu-items"] li button.btn:hover {
          text-decoration: none; }
[data-focus="menu"] [data-focus="menu-items"] li button.btn i {
          display: block;
          font-size: 16pt;
          padding: 7px 0;
          margin: 0; }
[data-focus="menu"] [data-focus="menu-items"] li button.btn span {
          font-size: 9pt; }
[data-focus="menu"] [data-focus="menu-items"] li span {
        position: relative;
        top: -40px;
        text-align: center; }
[data-focus="menu"].menu-vertical {
    width: 60px;
    position: fixed;
    top: 0;
    bottom: 0; }
[data-focus="menu"].menu-horizontal {
    height: 60px;
    width: 100%;
    left: 0; }
[data-focus="menu"].menu-left {
    left: -60px; }
[data-focus="menu"].menu-right {
    right: -60px; }
[data-focus="menu"].menu-left.menu-open {
    left: 0px; }
[data-focus="menu"].menu-right.menu-open {
    right: 0px; }
[data-focus="menu"].menu-top {
    top: -60px; }
[data-focus="menu"].menu-bottom {
    bottom: -60px; }
[data-focus="menu"].menu-top.menu-open {
    top: 0px; }
[data-focus="menu"].menu-bottom.menu-open {
    bottom: 0px; }
[data-focus="menu"].menu-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
[data-focus="menu"].menu-push-toright {
    left: 60px; }
[data-focus="menu"].menu-push-toleft {
    left: -60px; }
[data-focus='message-center'] {
  position: fixed;
  top: 60px;
  right: 10px;
  z-index: 9999999;
  max-width: 300px;
  min-width: 200px; }
[data-focus='popin-window'] {
  padding: 10px 25px; }
  [data-focus='popin-window'] h1 {
    font-size: 26px;
    margin: 5px 0 15px 0; }
  [data-focus='popin-window'] h3 {
    font-size: 22px;
    color: #36b6b8; }
  [data-focus='popin'][data-type='full'][data-size='small'] > div > [data-focus='popin-window'] {
  min-width: 33.33333vw;
  min-height: 33.33333vh; }
  [data-focus='popin'][data-type='full'][data-size='medium'] > div > [data-focus='popin-window'] {
  min-width: 50vw;
  min-height: 50vh; }
  [data-focus='popin'][data-type='full'][data-size='large'] > div > [data-focus='popin-window'] {
  min-width: 66.66667vw;
  min-height: 66.66667vh; }
  [data-focus='popin'][data-type='full'] > [data-focus='popin-overlay'] {
  z-index: 1002;
  display: block;
  text-align: center;
  overflow-y: auto;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh; }
  [data-focus='popin'][data-type='full'] > [data-focus='popin-overlay'] > [data-focus='popin-window'] {
    display: inline-block;
    margin: 80px auto;
    text-align: left; }
  [data-focus='popin'][data-type='from-menu'][data-level='0'][data-size='small'] > div > [data-focus='popin-window'] {
  width: calc(33.33333vw - 60px);
  left: 60px;
  height: 100vh;
  overflow-y: auto; }
  [data-focus='popin'][data-type='from-menu'][data-level='0'][data-size='small'] > div > [data-focus='popin-window'] [data-focus='popin-window'] {
    right: -33.33333vw; }
  [data-focus='popin'][data-type='from-menu'][data-level='0'][data-size='medium'] > div > [data-focus='popin-window'] {
  width: calc(50vw - 60px);
  left: 60px;
  height: 100vh;
  overflow-y: auto; }
  [data-focus='popin'][data-type='from-menu'][data-level='0'][data-size='medium'] > div > [data-focus='popin-window'] [data-focus='popin-window'] {
    right: -50vw; }
  [data-focus='popin'][data-type='from-menu'][data-level='0'][data-size='large'] > div > [data-focus='popin-window'] {
  width: calc(66.66667vw - 60px);
  left: 60px;
  height: 100vh;
  overflow-y: auto; }
  [data-focus='popin'][data-type='from-menu'][data-level='0'][data-size='large'] > div > [data-focus='popin-window'] [data-focus='popin-window'] {
    right: -66.66667vw; }
  [data-focus='popin'][data-type='from-menu'][data-level='0'] > [data-focus='popin-overlay'] {
  z-index: 1001; }
  [data-focus='popin'][data-type='from-menu'][data-level='0'] > [data-focus='popin-overlay'] > [data-focus='popin-window'] {
    z-index: 1002; }
  [data-focus='popin'][data-type='from-menu'][data-level='1'][data-size='small'] > div > [data-focus='popin-window'] {
  min-width: 33.33333vw;
  left: 33.33333vw;
  height: 100vh;
  overflow-y: auto; }
  [data-focus='popin'][data-type='from-menu'][data-level='1'][data-size='small'] > div > [data-focus='popin-window'] [data-focus='popin-window'] {
    right: -33.33333vw; }
  [data-focus='popin'][data-type='from-menu'][data-level='1'][data-size='medium'] > div > [data-focus='popin-window'] {
  min-width: 50vw;
  left: 50vw;
  height: 100vh;
  overflow-y: auto; }
  [data-focus='popin'][data-type='from-menu'][data-level='1'][data-size='medium'] > div > [data-focus='popin-window'] [data-focus='popin-window'] {
    right: -50vw; }
  [data-focus='popin'][data-type='from-menu'][data-level='1'][data-size='large'] > div > [data-focus='popin-window'] {
  min-width: 66.66667vw;
  left: 66.66667vw;
  height: 100vh;
  overflow-y: auto; }
  [data-focus='popin'][data-type='from-menu'][data-level='1'][data-size='large'] > div > [data-focus='popin-window'] [data-focus='popin-window'] {
    right: -66.66667vw; }
  [data-focus='popin'][data-type='from-menu'][data-level='1'] > [data-focus='popin-overlay'] {
  z-index: 998; }
  [data-focus='popin'][data-type='from-menu'][data-level='1'] > [data-focus='popin-overlay'] > [data-focus='popin-window'] {
    z-index: 1001; }
  [data-focus='popin'][data-type='from-menu'][data-level='2'][data-size='small'] > div > [data-focus='popin-window'] {
  min-width: 33.33333vw;
  left: 66.66666vw;
  height: 100vh;
  overflow-y: auto; }
  [data-focus='popin'][data-type='from-menu'][data-level='2'][data-size='small'] > div > [data-focus='popin-window'] [data-focus='popin-window'] {
    right: -33.33333vw; }
  [data-focus='popin'][data-type='from-menu'][data-level='2'][data-size='medium'] > div > [data-focus='popin-window'] {
  min-width: 50vw;
  left: 100vw;
  height: 100vh;
  overflow-y: auto; }
  [data-focus='popin'][data-type='from-menu'][data-level='2'][data-size='medium'] > div > [data-focus='popin-window'] [data-focus='popin-window'] {
    right: -50vw; }
  [data-focus='popin'][data-type='from-menu'][data-level='2'][data-size='large'] > div > [data-focus='popin-window'] {
  min-width: 66.66667vw;
  left: 133.33334vw;
  height: 100vh;
  overflow-y: auto; }
  [data-focus='popin'][data-type='from-menu'][data-level='2'][data-size='large'] > div > [data-focus='popin-window'] [data-focus='popin-window'] {
    right: -66.66667vw; }
  [data-focus='popin'][data-type='from-menu'][data-level='2'] > [data-focus='popin-overlay'] {
  z-index: 999; }
  [data-focus='popin'][data-type='from-menu'][data-level='2'] > [data-focus='popin-overlay'] > [data-focus='popin-window'] {
    z-index: 1000; }
  [data-focus='popin'][data-type='from-menu'] > [data-focus='popin-overlay'] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
  [data-focus='popin'][data-type='from-menu'] > [data-focus='popin-overlay'] > [data-focus='popin-window'] {
    position: fixed;
    top: 0; }
  [data-focus='popin'][data-type='from-right'][data-size='small'] > div > [data-focus='popin-window'] {
  position: fixed;
  min-width: 33.33333vw;
  height: 100vh;
  overflow-y: auto;
  right: 0; }
  [data-focus='popin'][data-type='from-right'][data-size='medium'] > div > [data-focus='popin-window'] {
  position: fixed;
  min-width: 50vw;
  height: 100vh;
  overflow-y: auto;
  right: 0; }
  [data-focus='popin'][data-type='from-right'][data-size='large'] > div > [data-focus='popin-window'] {
  position: fixed;
  min-width: 66.66667vw;
  height: 100vh;
  overflow-y: auto;
  right: 0; }
  [data-focus='popin'][data-type='from-right'] > [data-focus='popin-overlay'] {
  z-index: 1001;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
  [data-focus='popin'][data-type='from-right'] > [data-focus='popin-overlay'] > [data-focus='popin-window'] {
    position: fixed;
    top: 0; }
  [data-focus='popin'] > [data-focus='popin-overlay'] {
  background-color: rgba(0, 0, 0, .7);
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s; }
  [data-focus='popin'] > [data-focus='popin-overlay'][data-visible='false'] {
    visibility: collapse; }
  [data-focus='popin'] > [data-focus='popin-overlay'][data-visible='false'] [data-focus='popin-window'] {
      visibility: visible; }
  [data-focus='popin'] > [data-focus='popin-overlay'] > [data-focus='popin-window'] {
    background-color: white;
    position: relative;
    /*padding: 10px;*/
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s; }
  [data-focus='popin'] > [data-focus='popin-overlay'] > [data-focus='popin-window'] i[data-focus='popin-window-close'] {
      cursor: pointer;
      position: absolute;
      top: 5px;
      right: 5px; }
/*$bloc-background: #fff;         //normal
$bloc-background-hover: #fff;   //on mouse over
$bloc-background-active: #F9F9F9;  //in edit mode
$bloc-border-color: #e7e7e7;*/
[data-focus='block'] {
  width: 100% !important;
  margin-bottom: 30px;
  z-index: auto !important; }
[data-focus='block'] [data-focus='block-title'] h1, [data-focus='block'] [data-focus='block-title'] h2, [data-focus='block'] [data-focus='block-title'] h3, [data-focus='block'] [data-focus='block-title'] h4 {
    margin: 0;
    margin-right: 20px;
    padding: 2px 0;
    font-size: 16pt;
    color: #36b7b9;
    display: inline-block; }
[data-focus='block'] [data-focus='block-actions'] {
    text-align: center; }
[data-focus="button-action"] i {
  margin-right: 5px; }
[data-focus='button-back'] {
  padding: 0; }
  [data-focus='button-back'] i {
    font-size: 14px; }
  [data-focus='button-back'] span {
    font-size: 14px; }
[data-focus='back-to-top'] {
  position: fixed;
  bottom: 8%;
  right: 5%; }

/*$btt-position-size:100px;

[data-focus='back-to-top'] {
    cursor: pointer;
    background: none;
    margin: 0;
    position: fixed;
    bottom: 8%;
    right: 5%;
    width: $btt-position-size;
    height: $btt-position-size;
    opacity: 0.99;
    z-index: 100;
    text-decoration: none;
    color: #ffffff;
    background-color: rgb(0, 0, 0.3);
    opacity: 0.2;
    border:0;
    border-radius: 20px;
    &:hover{
        opacity: 0.5;
    }
    &.invisible{
        display: none
    }
    i{
        font-size: 60px;
    }
}
*/
div[data-focus="field"] {
  padding: 0; }
  div[data-focus="field"] [data-focus="field-label-container"] {
    text-align: right; }
  div[data-focus="field"] [data-focus="field-label-container"] [data-focus="label"] {
      display: block;
      font-weight: bold;
      font-size: 13px; }
  div[data-focus="field"][data-mode="edit"][data-valid="false"] [data-focus="field-label-container"] [data-focus="label"] {
    color: #de3226; }
  div[data-focus="field"][data-mode="edit"][data-required="true"] [data-focus="field-label-container"] [data-focus="label"]:after {
    content: "*";
    margin-left: 3px; }
  div[data-focus="field"][data-mode="edit"] [data-focus="field-label-container"] [data-focus="label"] {
    margin: 4px 0; }
  div[data-focus="field"][data-mode="edit"] [data-focus="field-value-container"] select {
    margin: 2px 0; }
  div[data-focus="field"][data-mode="edit"][data-domain] [data-focus="field-value-container"] > div {
    width: 250px; }
  div[data-focus="field"][data-mode="edit"][data-domain] [data-focus="field-value-container"] > [data-focus="select-radio"] {
    width: auto; }
  div[data-focus="field"][data-mode="edit"][data-domain="DO_COMMENTAIRE"] [data-focus="field-value-container"] > div {
    width: 400px; }
  div[data-focus="field"][data-mode="edit"][data-domain="DO_DATE"] [data-focus="field-value-container"] > div {
    width: 100px;
    text-align: center; }
  div[data-focus="field"][data-mode="edit"][data-domain="DO_LIBELLE_50"] [data-focus="field-value-container"] > div {
    width: 150px; }
  div[data-focus="field"][data-mode="edit"][data-domain="DO_LIBELLE_250"] [data-focus="field-value-container"] > div {
    width: 400px; }
  div[data-focus="field"][data-mode="edit"][data-domain="DO_NOM"] [data-focus="field-value-container"] > div {
    width: 150px; }
  div[data-focus="field"][data-mode="edit"][data-domain="DO_PRENOM"] [data-focus="field-value-container"] > div {
    width: 150px; }
  div[data-focus="field"][data-mode="edit"][data-domain="DO_EMAIL"] [data-focus="field-value-container"] > div {
    width: 400px; }
form {
  margin: 0;
  padding: 0; }
  form[data-loading='true'] [data-focus='panel'] {
    position: relative; }
  form[data-loading='true'] [data-focus='panel']:after {
      content: 'Loading...';
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      background-color: rgba(0, 0, 0, .19);
      text-align: center;
      color: #FFF; }
[data-focus='input-radio'] {
  margin-right: 25px !important; }
[data-focus='progress-bar'] {
  width: 100vw;
  height: 4px;
  -webkit-transition: width 200ms;
  -o-transition: width 200ms;
  transition: width 200ms; }
[data-focus="scrollspy"] nav {
  float: left;
  width: 200px; }
  [data-focus="scrollspy"] nav + div {
    margin-left: 200px;
    padding: 10px; }
  [data-focus="scrollspy"] nav ul {
    margin: 0;
    padding: 0; }
  [data-focus="scrollspy"] nav ul li {
      padding: 5px 10px;
      margin: 15px 0;
      color: black;
      border-left: 5px solid transparent;
      line-height: 20px;
      font-size: 14px;
      color: #848484;
      cursor: pointer;
      background-color: transparent;
      -webkit-transition: background-color 1s linear;
      -o-transition: background-color 1s linear;
      transition: background-color 1s linear;
      list-style: none; }
  [data-focus="scrollspy"] nav ul li:hover {
        background-color: #EAEAEA; }
  [data-focus="scrollspy"] nav ul li.active {
        border-color: #36b7b9;
        color: #36b7b9;
        font-size: 18px; }
/****************************************************/
/* TO REMOVE when mdl will be integrated for select */
[data-focus='select'] select {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid rgba(0, 0, 0, .12);
  padding: 3px 3px;
  color: rgba(0, 0, 0, .541176); }
[data-focus='select'][data-valid='false'] select {
  border-bottom: 1px solid #de3226; }
[data-focus='select'][data-valid='false'] .label-error {
  color: #de3226;
  position: absolute;
  font-size: 12px; }
/****************************************************/
[data-focus="select-radio"][data-valid='false'] .label-error {
  color: #de3226;
  position: absolute;
  font-size: 12px; }
.common-parent-bottom-left {
  position: relative; }
  .common-parent-bottom-left div:nth-child(1) {
    left: 0px !important; }
  .common-parent-bottom-left div:nth-child(1) div:nth-child(1) {
      -webkit-transform-origin: bottom left !important;
          -ms-transform-origin: bottom left !important;
              transform-origin: bottom left !important; }
  .common-parent-bottom-right {
  position: relative; }
  .common-parent-bottom-right div:nth-child(1) {
    left: 0px !important; }
  .common-parent-bottom-right div:nth-child(1) div:nth-child(1) {
      -webkit-transform-origin: bottom right !important;
          -ms-transform-origin: bottom right !important;
              transform-origin: bottom right !important; }
  .common-parent-top-left div:nth-child(1) div:nth-child(1) {
  -webkit-transform-origin: top left !important;
      -ms-transform-origin: top left !important;
          transform-origin: top left !important; }
  .common-parent-top-right div:nth-child(1) div:nth-child(1) {
  -webkit-transform-origin: top right !important;
      -ms-transform-origin: top right !important;
          transform-origin: top right !important; }
[data-focus="topic-displayer"] {
  display: inline-block; }
  [data-focus="topic-displayer"] [data-focus="button-action"] {
    font-size: 12px;
    margin: 0 5px;
    text-transform: capitalize;
    padding: 3px 10px;
    height: auto;
    line-height: 25px; }
  [data-focus="topic-displayer"] [data-focus="button-action"] i {
      font-size: 16px; }
[data-focus="button-action"] i {
  margin-right: 5px; }
[data-focus='button-back'] {
  padding: 0; }
  [data-focus='button-back'] i {
    font-size: 14px; }
  [data-focus='button-back'] span {
    font-size: 14px; }
.help-frame {
  cursor: move;
  padding-top: 10px;
  z-index: 3000;
  position: absolute;
  background-color: #607D8B;
  -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, .23);
          box-shadow: 0 6px 6px rgba(0, 0, 0, .23);
  top: 300px;
  right: 100px;
  text-align: center;
  -webkit-transition: -webkit-box-shadow 0.1s ease-out;
  transition: -webkit-box-shadow 0.1s ease-out;
  -o-transition: box-shadow 0.1s ease-out;
  transition: box-shadow 0.1s ease-out;
  transition: box-shadow 0.1s ease-out, -webkit-box-shadow 0.1s ease-out; }
  .help-frame.is-dragging {
    -webkit-box-shadow: 0 24px 28px rgba(0, 0, 0, .25), 0 15px 15px rgba(0, 0, 0, .22);
            box-shadow: 0 24px 28px rgba(0, 0, 0, .25), 0 15px 15px rgba(0, 0, 0, .22); }
  .help-frame .help-center-title {
    line-height: 2.1;
    font-size: 128%;
    font-weight: bold;
    color: white;
    margin-left: 28px;
    text-transform: uppercase; }
  .help-frame .close-icon {
    float: right;
    margin-right: 5px;
    color: white; }
[data-focus='back-to-top'] {
  position: fixed;
  bottom: 8%;
  right: 5%; }

/*$btt-position-size:100px;

[data-focus='back-to-top'] {
    cursor: pointer;
    background: none;
    margin: 0;
    position: fixed;
    bottom: 8%;
    right: 5%;
    width: $btt-position-size;
    height: $btt-position-size;
    opacity: 0.99;
    z-index: 100;
    text-decoration: none;
    color: #ffffff;
    background-color: rgb(0, 0, 0.3);
    opacity: 0.2;
    border:0;
    border-radius: 20px;
    &:hover{
        opacity: 0.5;
    }
    &.invisible{
        display: none
    }
    i{
        font-size: 60px;
    }
}
*/
[data-focus='icon-dropdown'] {
  position: relative; }
  [data-focus='icon-dropdown'] [data-focus='dropdown-menu'] {
    position: absolute;
    white-space: nowrap;
    background: white;
    z-index: 1;
    text-align: left;
    -webkit-box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, .12), 0 1px 1px 0 rgba(0, 0, 0, .24);
            box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, .12), 0 1px 1px 0 rgba(0, 0, 0, .24); }
  [data-focus='icon-dropdown'] [data-focus='dropdown-menu'] [data-role='dropdown-item'] {
      padding: 10px;
      cursor: pointer;
      white-space: nowrap;
      width: calc(100% - 20px); }
  [data-focus='icon-dropdown'] [data-focus='dropdown-menu'] [data-role='dropdown-item']:hover {
        background-color: #EEE; }
  [data-focus='icon-dropdown'] > [data-position='bottom-left'] {
    right: 5px;
    top: 60px; }
  [data-focus='icon-dropdown'] > [data-position='bottom-left'] [data-role='dropdown-item'] {
      text-align: right; }
  [data-focus='icon-dropdown'] > [data-position='bottom-right'] {
    left: 5px;
    top: 60px; }
  [data-focus='icon-dropdown'] > [data-position='bottom-right'] [data-role='dropdown-item'] {
      text-align: left; }
  [data-focus='icon-dropdown'] > [data-position='top-left'] {
    right: 5px;
    bottom: 60px; }
  [data-focus='icon-dropdown'] > [data-position='top-left'] [data-role='dropdown-item'] {
      text-align: right; }
  [data-focus='icon-dropdown'] > [data-position='top-right'] {
    left: 5px;
    bottom: 60px; }
  [data-focus='icon-dropdown'] > [data-position='top-right'] [data-role='dropdown-item'] {
      text-align: left; }
[data-focus='autocomplete'] {
  position: relative; }
  [data-focus='autocomplete'] [data-focussed='true'] {
    visibility: visible;
    max-height: 300px; }
  [data-focus='autocomplete'] [data-focussed='false'] {
    visibility: hidden;
    max-height: 0; }
  [data-focus='autocomplete'] [data-active='true'] {
    background-color: #EEE; }
  [data-focus='autocomplete'] [data-focus='options'] {
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .12), 0 1px 4px rgba(0, 0, 0, .24);
            box-shadow: 0 1px 6px rgba(0, 0, 0, .12), 0 1px 4px rgba(0, 0, 0, .24);
    display: inline-block;
    overflow-x: hidden;
    position: absolute;
    bottom: auto;
    left: 0;
    background-color: white;
    margin-top: 30px;
    list-style-type: none;
    padding: 0;
    z-index: 10; }
  [data-focus='autocomplete'] [data-focus='options'] [data-focus='option'] {
      padding: 10px;
      cursor: pointer;
      width: 100%;
      margin: 0; }
  [data-focus='autocomplete'] [data-focus='loading'] {
    position: absolute;
    left: 0;
    top: 24px;
    visibility: hidden;
    width: 100%;
    height: 2px;
    z-index: 10; }
  [data-focus='autocomplete'] [data-focus='loading'][data-loading='true'] {
      visibility: visible; }
[data-focus='autocompleteText'] {
  position: relative; }
  [data-focus='autocompleteText'] [data-focus='options'] {
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .12), 0 1px 4px rgba(0, 0, 0, .24);
            box-shadow: 0 1px 6px rgba(0, 0, 0, .12), 0 1px 4px rgba(0, 0, 0, .24);
    display: inline-block;
    overflow-x: hidden;
    position: absolute;
    bottom: auto;
    left: 0;
    background-color: white;
    margin-top: 30px;
    list-style-type: none;
    padding: 0;
    z-index: 10; }
  [data-focus='autocompleteText'] [data-focus='options'] [data-focus='option'] {
      padding: 10px;
      cursor: pointer;
      width: 100%;
      margin: 0; }
  [data-focus='autocompleteText'] [data-focus='options'] [data-focus='option']:hover {
        background-color: #EEE; }
  [data-focus='autocompleteText'] [data-focus='loading'] {
    position: absolute;
    left: 0;
    top: 22px;
    visibility: hidden;
    width: 100%;
    height: 2px;
    z-index: 10; }
  [data-focus='autocompleteText'] [data-focus='loading'][data-loading='true'] {
      visibility: visible; }
[data-focus="input-checkbox-with-error-container"] [data-focus="input-checkbox"] {
  height: auto; }

[data-focus="input-checkbox-with-error-container"] .input-checkbox__error {
  color: #de3226;
  font-size: 12px;
  display: block; }

[data-focus="input-checkbox-with-error-container"][data-error="true"] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
  background-color: #de3226; }

[data-focus="input-checkbox-with-error-container"][data-error="true"] .mdl-checkbox__box-outline {
  border-color: #de3226; }
[data-focus='input-date'] {
  height: 26px;
  width: 100%;
  display: block;
  /*
    .date-picker {
    display: block;
    width: 300px;
}

div.is-focused + div.date-picker {
display: block;
width: 300px;
}*/ }
  [data-focus='input-date'] [data-focus='picker-zone'] {
    background-color: #FFF;
    position: absolute;
    width: 277px;
    height: 240px;
    z-index: 10;
    overflow: none;
    -webkit-box-shadow: rgba(0, 0, 0, .172549) 0px 6px 12px 0px;
            box-shadow: rgba(0, 0, 0, .172549) 0px 6px 12px 0px;
    border-radius: 2px;
    padding: 5px; }
  [data-focus='input-date'] [data-focus='picker-zone'] [data-focus='picker-closer'] {
      background-color: pink;
      position: absolute;
      left: 305px;
      cursor: pointer; }
  [data-focus='input-date'] [data-focus='picker-zone'] .date-picker {
      font-size: 13px;
      border: 0; }
  [data-focus='input-date'] [data-focus='picker-zone'] .date-picker *:focus {
        outline: none; }
  [data-focus='input-date'] [data-focus='picker-zone'] .date-picker .dp-nav-view {
        color: #707B81;
        font-size: 16px; }
  [data-focus='input-date'] [data-focus='picker-zone'] .date-picker .dp-table, [data-focus='input-date'] [data-focus='picker-zone'] .date-picker .dp-row, [data-focus='input-date'] [data-focus='picker-zone'] .date-picker .dp-cell {
        border: 0; }
  [data-focus='input-date'] [data-focus='picker-zone'] .date-picker .dp-week-day-names .dp-week-day-name {
        color: #61A3C4; }
  [data-focus='input-date'] [data-focus='picker-zone'] .date-picker .dp-year-view .dp-month {
        font-size: 13px;
        color: #61A3C4; }
  [data-focus='input-date'] [data-focus='picker-zone'] .date-picker .dp-decade-view .dp-year {
        color: #E84545;
        font-size: 15px; }
[data-focus="input-textarea"] .mdl-textfield {
  width: auto; }

[data-focus="input-textarea"][data-error="true"] .mdl-textfield .mdl-textfield__label:after {
  background-color: #de3226; }

[data-focus="input-textarea"][data-error="true"] .mdl-textfield .mdl-textfield__input {
  border-color: #de3226;
  -webkit-box-shadow: none;
          box-shadow: none; }

[data-focus="input-textarea"][data-error="true"] .label-error {
  color: #de3226;
  position: absolute;
  font-size: 12px;
  display: block; }

[data-focus='display-textarea'] {
  white-space: pre-wrap; }
[data-focus='input-radio'] {
  margin-right: 25px !important; }
/****************************************************/
/* TO REMOVE when mdl will be integrated for select */
[data-focus='select'] select {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid rgba(0, 0, 0, .12);
  padding: 3px 3px 3px 0;
  color: rgba(0, 0, 0, .541176); }
[data-focus='select'][data-valid='false'] select {
  border-bottom: 1px solid #de3226; }
[data-focus='select'][data-valid='false'] .label-error {
  color: #de3226;
  position: absolute;
  font-size: 12px; }
/****************************************************/
html {
  position: relative;
  min-height: 100%; }

body {
  height: 100%; }

/* color of the scrollbar */

::-webkit-scrollbar {
  width: 10px;
  height: 10px; }

::-webkit-scrollbar-track {
  background-color: #e2e2e2; }

::-webkit-scrollbar-thumb {
  background-color: #a1afb5; }

::-webkit-scrollbar-thumb:hover {
  background-color: #6AB2E5; }

[data-focus='layout'] {
  background-color: #FAFAFA;
  height: auto;
  min-height: 100%; }

[data-focus='layout'] [data-focus='page-content'] {
    margin-left: 0;
    padding: 10px 25px; }

[data-focus='layout'][data-menu='left'] [data-focus='page-content'] {
    padding-left: 70px; }

[data-focus='layout'][data-menu='left'] header, [data-focus='layout'][data-menu='left'] footer {
    padding-left: 60px; }

[data-focus='layout'] [data-focus='footer'] {
    position: fixed;
    bottom: 0;
    margin-top: 30px;
    padding: 10px;
    text-align: center;
    padding-left: 70px;
    width: 100%; }
[data-focus='header-content'] {
  background-color: #FFF;
  padding: 20px 10px; }
[data-focus='header-top-row'] > div {
  padding: 10px;
  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;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: center;
      align-content: center; }
  [data-focus='header-top-row'] > div [data-focus^='header-top-row'] {
    height: 40px;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 15px; }
  [data-focus='header-top-row'] > div [data-focus='header-top-row-left'] {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0; }
  [data-focus='header-top-row'] > div [data-focus='header-top-row-middle'] {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-flex: 4;
        -ms-flex-positive: 4;
            flex-grow: 4; }
  [data-focus='header-top-row'] > div [data-focus='header-top-row-right'] {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    text-align: right; }
[data-focus="header-actions"] {
  text-align: right; }
  [data-focus="header-actions"] button {
    margin: 0 5px; }
  [data-focus="header-actions"] button.mdl-button--fab {
      background-color: #FFF !important; }
  [data-focus="header-actions"] button:hover {
      background-color: #F9F9F9 !important; }
  [data-focus="header-actions"] div {
    float: right; }
/*@mixin transition($transition-property, $transition-time) {
-webkit-transition: $transition-property $transition-time;
-moz-transition: $transition-property $transition-time;
-ms-transition: $transition-property $transition-time;
-o-transition: $transition-property $transition-time;
transition: $transition-property $transition-time;
}*/
/*
@keyframes shrink {
from { height: auto; }
to { height: 0; }
}

@keyframes expend {
from { height: 0; }
to { height: auto; }
}*/
/*---------------------------------------------------------------*/
[data-focus='header-scrolling'] {
  position: relative;
  -webkit-box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, .2);
  -o-box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, .2);
  box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, .2);
  filter: progid:DXImageTransform.Microsoft.Shadow(color=$header-scrollspy-shadow-color, Direction=180, Strength=10);
  margin-bottom: 50px; }
[data-focus='header-scrolling'] [data-focus="header-top-row"] {
    z-index: 1001;
    background-color: white; }
[data-focus='header-scrolling'] [data-focus="header-actions"] {
    display: inline; }
[data-focus='header-scrolling'][data-deployed="true"] div[data-focus="header-top-row"] div[data-focus="header-top-row-middle"] {
    display: none; }
[data-focus='header-scrolling'][data-deployed="true"] [data-focus="header-actions"] {
    position: absolute;
    right: 0;
    bottom: -28px; }
[data-focus='header-scrolling'][data-deployed="false"] {
    z-index: inherit;
    overflow-y: hidden;
    -webkit-box-shadow: none;
            box-shadow: none; }
[data-focus='header-scrolling'][data-deployed="false"] [data-focus="header-top-row"] {
      -webkit-box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, .2);
      -o-box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, .2);
      box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, .2);
      filter: progid:DXImageTransform.Microsoft.Shadow(color=$header-scrollspy-shadow-color, Direction=180, Strength=10);
      position: fixed;
      top: 0;
      left: 0;
      width: 100%; }
[data-focus='header-scrolling'][data-deployed="false"] [data-focus="header-content"] {
      display: none; }
[data-focus='header-scrolling'][data-deployed="false"] [data-focus="header-actions"] {
      position: fixed;
      top: 30px;
      right: 0;
      z-index: 1001; }
[data-focus="layout"][data-menu="left"] [data-focus="header-scrolling"][data-deployed="false"] [data-focus="header-top-row"] > div {
  margin-left: 60px; }
@media (max-width: 839px) {
  [data-focus='header-scrolling'] [data-focus="header-actions"] {
    margin-right: 20px; } }
@media (min-width: 839px) {
  [data-focus='header-scrolling'] [data-focus="header-actions"] {
    margin-right: 200px; } }
/* Transitions */
[data-focus="menu-left"] {
  background: #36b7b9;
  position: fixed;
  z-index: 2000;
  width: 60px;
  top: 0;
  bottom: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
[data-focus="menu-left"] [data-focus="menu-brand"] {
    text-align: center;
    background-color: #424950;
    height: 60px; }
[data-focus="menu-left"] [data-focus="menu-brand"][data-click="true"] {
      cursor: pointer; }
[data-focus="menu-left"] [data-focus="menu-items"] {
    padding: 0;
    margin: 0; }
[data-focus="menu-left"] [data-focus="menu-items"] li {
      width: 60px;
      height: 60px;
      line-height: 60px;
      padding: 0;
      margin: 15px 0;
      text-align: center;
      color: white; }
[data-focus="menu-left"] [data-focus="menu-items"] li button.btn {
        margin: 0;
        padding: 0;
        width: 60px;
        height: 60px;
        white-space: normal;
        margin: 0;
        font-weight: normal;
        color: white; }
[data-focus="menu-left"] [data-focus="menu-items"] li button.btn:hover {
          text-decoration: none; }
[data-focus="menu-left"] [data-focus="menu-items"] li button.btn i {
          display: block;
          font-size: 16pt;
          padding: 7px 0;
          margin: 0; }
[data-focus="menu-left"] [data-focus="menu-items"] li button.btn span {
          font-size: 9pt; }
[data-focus="menu-left"] [data-focus="menu-items"] li span {
        position: relative;
        top: -40px;
        text-align: center; }
[data-focus="snackbar-message-center"] {
  z-index: 1002; }
  [data-focus="snackbar-message-center"][data-message-type="error"] {
    background-color: #DE3226; }
  [data-focus="snackbar-message-center"][data-message-type="success"] {
    background-color: #2AC955; }
  [data-focus="snackbar-message-center"][data-message-type="warning"] {
    background-color: #FFAE00; }
  [data-focus="snackbar-message-center"] .mdl-snackbar__close {
    cursor: pointer;
    background: transparent;
    float: right;
    border: none;
    text-transform: uppercase;
    padding: 14px 14px;
    line-height: 1;
    letter-spacing: 0;
    outline: none;
    text-align: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center; }
  [data-focus="snackbar-message-center"] .mdl-snackbar__close i {
      color: FFF;
      font-size: 12px; }
[data-focus='panel'] {
  width: 100% !important;
  margin-bottom: 30px;
  z-index: auto !important;
  border: 3px solid transparent; }
  [data-focus='panel'].mdl-card {
    overflow: inherit; }
  [data-focus='panel'] [data-focus='panel-title'] h1, [data-focus='panel'] [data-focus='panel-title'] h2, [data-focus='panel'] [data-focus='panel-title'] h3, [data-focus='panel'] [data-focus='panel-title'] h4 {
    margin: 0;
    margin-right: 20px;
    padding: 2px 0;
    font-size: 30px;
    color: #36b7b9;
    display: inline-block; }
  [data-focus='panel'] [data-focus='panel-title'] .help-button {
    position: absolute;
    right: 20px; }
  [data-focus='panel'] .actions {
    display: none; }
  [data-focus='panel'] [data-focus='panel-actions'] {
    text-align: center;
    height: 50px; }
  [data-focus='panel'] [data-focus='panel-content'].mdl-card__supporting-text {
    width: auto;
    overflow: inherit; }
  [data-focus='panel']:hover .actions {
    display: block; }
  [data-mode="edit"] [data-focus='panel'] {
  border: 3px solid #36b7b9; }
  [data-mode="edit"] [data-focus='panel'] .actions {
    display: block; }
[data-focus='progress-bar'] {
  width: 100vw;
  height: 4px;
  -webkit-transition: width 200ms;
  -o-transition: width 200ms;
  transition: width 200ms; }
[data-focus="scrollspy-container"] {
  padding: 10px;
  position: relative; }

@media (max-width: 839px) {
  [data-focus="scrollspy-container"] [data-focus="sticky-menu"] {
    margin-bottom: 20px; } }

@media (min-width: 839px) {
  [data-focus="scrollspy-container"] [data-focus="sticky-menu"] {
    width: 260px;
    position: absolute; }
    [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"] {
      position: fixed; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="150"] {
        top: 150px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="149"] {
        top: 149px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="148"] {
        top: 148px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="147"] {
        top: 147px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="146"] {
        top: 146px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="145"] {
        top: 145px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="144"] {
        top: 144px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="143"] {
        top: 143px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="142"] {
        top: 142px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="141"] {
        top: 141px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="140"] {
        top: 140px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="139"] {
        top: 139px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="138"] {
        top: 138px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="137"] {
        top: 137px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="136"] {
        top: 136px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="135"] {
        top: 135px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="134"] {
        top: 134px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="133"] {
        top: 133px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="132"] {
        top: 132px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="131"] {
        top: 131px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="130"] {
        top: 130px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="129"] {
        top: 129px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="128"] {
        top: 128px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="127"] {
        top: 127px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="126"] {
        top: 126px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="125"] {
        top: 125px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="124"] {
        top: 124px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="123"] {
        top: 123px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="122"] {
        top: 122px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="121"] {
        top: 121px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="120"] {
        top: 120px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="119"] {
        top: 119px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="118"] {
        top: 118px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="117"] {
        top: 117px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="116"] {
        top: 116px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="115"] {
        top: 115px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="114"] {
        top: 114px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="113"] {
        top: 113px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="112"] {
        top: 112px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="111"] {
        top: 111px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="110"] {
        top: 110px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="109"] {
        top: 109px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="108"] {
        top: 108px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="107"] {
        top: 107px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="106"] {
        top: 106px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="105"] {
        top: 105px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="104"] {
        top: 104px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="103"] {
        top: 103px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="102"] {
        top: 102px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="101"] {
        top: 101px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="100"] {
        top: 100px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="99"] {
        top: 99px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="98"] {
        top: 98px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="97"] {
        top: 97px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="96"] {
        top: 96px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="95"] {
        top: 95px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="94"] {
        top: 94px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="93"] {
        top: 93px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="92"] {
        top: 92px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="91"] {
        top: 91px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="90"] {
        top: 90px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="89"] {
        top: 89px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="88"] {
        top: 88px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="87"] {
        top: 87px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="86"] {
        top: 86px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="85"] {
        top: 85px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="84"] {
        top: 84px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="83"] {
        top: 83px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="82"] {
        top: 82px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="81"] {
        top: 81px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="80"] {
        top: 80px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="79"] {
        top: 79px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="78"] {
        top: 78px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="77"] {
        top: 77px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="76"] {
        top: 76px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="75"] {
        top: 75px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="74"] {
        top: 74px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="73"] {
        top: 73px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="72"] {
        top: 72px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="71"] {
        top: 71px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="70"] {
        top: 70px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="69"] {
        top: 69px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="68"] {
        top: 68px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="67"] {
        top: 67px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="66"] {
        top: 66px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="65"] {
        top: 65px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="64"] {
        top: 64px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="63"] {
        top: 63px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="62"] {
        top: 62px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="61"] {
        top: 61px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="60"] {
        top: 60px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="59"] {
        top: 59px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="58"] {
        top: 58px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="57"] {
        top: 57px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="56"] {
        top: 56px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="55"] {
        top: 55px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="54"] {
        top: 54px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="53"] {
        top: 53px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="52"] {
        top: 52px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="51"] {
        top: 51px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="50"] {
        top: 50px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="49"] {
        top: 49px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="48"] {
        top: 48px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="47"] {
        top: 47px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="46"] {
        top: 46px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="45"] {
        top: 45px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="44"] {
        top: 44px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="43"] {
        top: 43px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="42"] {
        top: 42px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="41"] {
        top: 41px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="40"] {
        top: 40px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="39"] {
        top: 39px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="38"] {
        top: 38px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="37"] {
        top: 37px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="36"] {
        top: 36px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="35"] {
        top: 35px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="34"] {
        top: 34px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="33"] {
        top: 33px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="32"] {
        top: 32px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="31"] {
        top: 31px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="30"] {
        top: 30px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="29"] {
        top: 29px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="28"] {
        top: 28px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="27"] {
        top: 27px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="26"] {
        top: 26px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="25"] {
        top: 25px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="24"] {
        top: 24px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="23"] {
        top: 23px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="22"] {
        top: 22px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="21"] {
        top: 21px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="20"] {
        top: 20px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="19"] {
        top: 19px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="18"] {
        top: 18px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="17"] {
        top: 17px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="16"] {
        top: 16px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="15"] {
        top: 15px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="14"] {
        top: 14px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="13"] {
        top: 13px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="12"] {
        top: 12px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="11"] {
        top: 11px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="10"] {
        top: 10px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="9"] {
        top: 9px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="8"] {
        top: 8px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="7"] {
        top: 7px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="6"] {
        top: 6px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="5"] {
        top: 5px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="4"] {
        top: 4px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="3"] {
        top: 3px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="2"] {
        top: 2px; }
      [data-focus="scrollspy-container"] [data-focus="sticky-menu"][data-affix="true"][data-offset="1"] {
        top: 1px; }
  [data-focus="scrollspy-container"] [data-focus="scrollspy-container-content"] {
    margin-left: 270px; } }
[data-focus="sticky-menu"] ul {
  margin: 0;
  padding: 0; }
  [data-focus="sticky-menu"] ul li {
    padding: 5px 10px;
    margin: 15px 0;
    color: black;
    border-left: 5px solid transparent;
    line-height: 20px;
    font-size: 14px;
    color: #848484;
    cursor: pointer;
    background-color: transparent;
    -webkit-transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
    list-style: none; }
  [data-focus="sticky-menu"] ul li:hover {
      background-color: #EAEAEA; }
  [data-focus="sticky-menu"] ul li[data-active="true"] {
      border-color: #36b7b9;
      color: #36b7b9;
      font-size: 18px; }
[data-focus="topic-displayer"] {
  display: inline-block; }
  [data-focus="topic-displayer"] [data-focus="button-action"] {
    font-size: 12px;
    margin: 0 5px;
    text-transform: capitalize;
    padding: 3px 10px;
    height: auto;
    line-height: 25px; }
  [data-focus="topic-displayer"] [data-focus="button-action"] i {
      font-size: 16px; }
[data-focus="list-action-bar"] {
  -webkit-box-shadow: 1px 1px 4px 1px #e7e7e7;
          box-shadow: 1px 1px 4px 1px #e7e7e7;
  background-color: #FFF;
  margin-bottom: 10px; }
  [data-focus="list-action-bar"] [data-focus="global-list-content"] {
    width: 120px; }
  [data-focus="list-action-bar"] [data-focus="global-list-content"] > div {
      display: inline-block;
      position: relative; }
  [data-focus="list-action-bar"] [data-focus="selected-facet-content"] {
    width: calc(100% - 368px); }
  [data-focus="list-action-bar"] [data-focus='contextual-action-content'] {
    text-align: right;
    width: 200px; }
/* Style for the list component*/
/*variables*/
/*styles*/
[data-focus="selection-list"] {
  list-style: none;
  padding: 0;
  margin: 0; }
[data-focus="selection-list"] [data-focus="sl-line"] {
    padding: 15px;
    background-color: #FFF;
    border-bottom: 1px solid #e1e1e1;
    cursor: pointer;
    padding-left: 75px;
    position: relative; }
[data-focus="selection-list"] [data-focus="sl-line"]:first-child {
      border-top: 1px solid #e1e1e1; }
[data-focus="selection-list"] [data-focus="sl-line"]:hover {
      background-color: rgba(0, 0, 0, .06); }
[data-focus="selection-list"] [data-focus="sl-line"] .level1 {
      font-size: 15pt;
      color: #36b7b9; }
[data-focus="selection-list"] [data-focus="sl-line"] .level2 {
      font-size: 12pt;
      color: #000; }
[data-focus="selection-list"] [data-focus="sl-line"] .level3 {
      color: #7d7b7a; }
[data-focus="selection-list"] [data-focus="sl-line"] div.sl-selection {
      top: 0;
      left: 0;
      position: absolute;
      z-index: 1;
      height: 100%;
      width: 60px;
      display: none;
      -webkit-transform-style: preserve-3d;
      transform-style: preserve-3d; }
[data-focus="selection-list"] [data-focus="sl-line"] div.sl-selection [data-focus="input-checkbox-container"] {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
[data-focus="selection-list"] [data-focus="sl-line"] div.sl-selection [data-focus="input-checkbox-container"] [data-focus="input-checkbox"] {
          width: auto; }
[data-focus="selection-list"] [data-focus="sl-line"] div.sl-actions {
      position: absolute;
      top: 25%;
      right: 0px;
      display: none;
      z-index: 1; }
[data-focus="selection-list"] [data-focus="sl-line"] div.sl-actions .btn {
        margin-right: 10px; }
[data-focus="selection-list"] [data-focus="sl-line"]:hover {
      background-color: rgba(0, 0, 0, .06); }
[data-focus="selection-list"] [data-focus="sl-line"]:hover div.sl-selection {
        display: block; }
[data-focus="selection-list"] [data-focus="sl-line"]:hover div.sl-selection.no-selection {
          border-left: 5px solid #ffd657; }
[data-focus="selection-list"] [data-focus="sl-line"]:hover div.sl-actions {
        display: inline-block; }
[data-focus="selection-list"] [data-focus="sl-line"] div.sl-selection.selected {
      display: block;
      border-left: 5px solid #36b6b8; }
[data-focus="selection-list"] [data-focus="sl-line"] .sl-button {
      background-color: transparent;
      position: relative; }
[data-focus="selection-list"] [data-focus="sl-line"] .sl-button a, [data-focus="selection-list"] [data-focus="sl-line"] .sl-button button {
        position: absolute;
        right: 0px; }
[data-focus="selection-list"][data-selection="false"] [data-focus="sl-line"] {
    padding: 15px; }
[data-focus="list-summary"] {
  line-height: 55px;
  height: 55px; }
  [data-focus="list-summary"] .sentence {
    font-size: 20px;
    margin-right: 20px; }
  [data-focus="list-summary"] .print {
    float: right; }
/*$tableBackgroundColor: #FFF;
$table-highlight-color: #EAF3F3;
$fontColor: black;

table.table-list {
  background-color: $tableBackgroundColor;
  width: 100%;
  margin: 1em 0;
  color: $fontColor;

  th {
    padding: 1em 0 0 0.5em;
    font-weight: bold;
    border-bottom: 1px solid;
    a.sort {
      margin-left: 0.5em;
    }
  }

  td {
    padding: 1em 0.5em;
  }

  tbody{
    tr {
      &:nth-child(even) {
        background-color: $table-highlight-color;
      }
    }

  }
}

[data-focus='table-line'] {
    position: relative;

    [data-focus='table-line-actions'] {
        display: none;
    }

    &:hover {
        [data-focus='table-line-actions'] {
            display: inline-block;
        }
    }
}
*/
[data-focus='table-line'] {
  position: relative; }
[data-focus='table-line'] [data-focus='table-line-actions'] {
    display: none; }
[data-focus='table-line']:hover [data-focus='table-line-actions'] {
    display: inline-block; }
/** css from : http://codepen.io/betdream/details/Ifvbi**/
.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative; }
.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eeeeee;
  /*margin-left: -1.5px;*/ }
.timeline > li {
  margin-bottom: 10px;
  margin-left: 38px;
  position: relative; }
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table; }
.timeline > li:after {
  clear: both; }
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table; }
.timeline > li:after {
  clear: both; }
.timeline > li > .timeline-panel {
  float: left;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  padding: 10px 20px 10px 20px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, .175);
  width: 100%; }
.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 16px;
  left: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 0 solid #ccc;
  border-right: 15px solid #ccc;
  border-bottom: 15px solid transparent;
  content: " "; }
.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 17px;
  left: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 0 solid #fff;
  border-right: 15px solid #fff;
  border-bottom: 14px solid transparent;
  content: " "; }
.timeline > li > .timeline-date {
  color: #000; }
.timeline > li > .timeline-badge {
  color: #fff;
  width: 15px;
  height: 15px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 25px;
  margin-left: -45px;
  background-color: #999999;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%; }
.timeline > li > .timeline-date {
  position: absolute;
  top: 23px;
  margin-left: -130px;
  font-size: 1em; }
.timeline > .timeline-panel {
  float: right; }
.timeline > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto; }
.timeline > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto; }
.timeline-title {
  margin-top: 0;
  color: inherit; }
.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0; }
.timeline-body > p + p {
  margin-top: 5px; }
[data-focus='message'] {
  font-size: 14px;
  min-height: 14px;
  color: white;
  background-color: #323232;
  padding: 18px 24px;
  position: relative; }
  [data-focus='message'] button {
    position: absolute;
    border: none;
    right: 0;
    font-size: inherit;
    text-transform: uppercase;
    color: white;
    margin: 0px 10px 0px 0px; }
  [data-focus='message'][data-message-type='success'] {
    background-color: #4caf50;
    color: white; }
  [data-focus='message'][data-message-type='info'] {
    background-color: #2196f3;
    color: white; }
  [data-focus='message'][data-message-type='error'] {
    background-color: #f44336;
    color: white; }
  [data-focus='message'][data-message-type='warning'] {
    background-color: #ffc107;
    color: white; }
[data-focus='advanced-search'] [data-focus='facet-container'] {
  float: left; }

[data-focus='advanced-search'] [data-focus='result-container'] {
  display: table-cell;
  padding-left: 30px;
  width: 5000px; }

[data-focus='advanced-search'] [data-focus='result-container'] [data-focus="group-container"] {
    margin: 30px 0; }

[data-focus='advanced-search'] [data-focus='result-container'] [data-focus="group-container"] h3 {
      font-size: 28px;
      margin: 0;
      line-height: 30px; }

[data-focus='advanced-search'] [data-focus='result-container'] [data-focus="group-container"] h3 span:nth-child(2) {
        margin-left: 15px;
        font-size: 18px;
        font-weight: bold; }

[data-focus='advanced-search'] [data-focus='result-container'] [data-focus="group-container"] > p {
      margin-bottom: 8px; }

[data-focus='advanced-search'] [data-focus='result-container'] [data-focus="group-container"] [data-focus="group-container-actions"] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 10 0; }

[data-focus='advanced-search'] [data-focus='result-container'] [data-focus="group-container"] [data-focus="group-container-actions"] > div {
        width: 50%;
        text-align: right; }

[data-focus='advanced-search'] [data-focus='result-container'] [data-focus='loading-more-results'] {
    padding: 15px 15px; }
[data-focus='quick-search'] {
  margin: 10px 0; }
  [data-focus='quick-search'] [data-focus='quick-search-bar'] {
    padding: 10px 0;
    margin-bottom: 20px; }
  [data-focus='quick-search'] [data-focus='quick-search-results'] {
    padding: 10px 0;
    margin-top: 20px; }
  [data-focus='quick-search'] [data-focus='quick-search-results'] [data-focus="group-container"] {
      margin: 30px 0; }
  [data-focus='quick-search'] [data-focus='quick-search-results'] [data-focus="group-container"] h3 {
        font-size: 28px;
        margin: 0;
        line-height: 30px; }
  [data-focus='quick-search'] [data-focus='quick-search-results'] [data-focus="group-container"] h3 span:nth-child(2) {
          margin-left: 15px;
          font-size: 18px;
          font-weight: bold; }
  [data-focus='quick-search'] [data-focus='quick-search-results'] [data-focus="group-container"] > p {
        margin-bottom: 8px; }
  [data-focus='quick-search'] [data-focus='quick-search-results'] [data-focus='loading-more-results'] {
      padding: 15px 15px; }
[data-focus='facet-box'] {
  padding: 10px;
  width: 275px;
  background-color: #FFF;
  -webkit-box-shadow: 2px 0px 3px 0px #dadada;
          box-shadow: 2px 0px 3px 0px #dadada;
  opacity: .99; }
  [data-focus='facet-box'].collapsed {
    width: 30px;
    height: 100px; }
  [data-focus='facet-box'].collapsed:before {
      width: 95px; }
  [data-focus='facet-box'].collapsed [data-focus="facet-box-heading"] h2 {
      border: 0; }
  [data-focus='facet-box'].collapsed [data-focus="facet-box-heading"] h2:after {
        content: "\E5CB"; }
  [data-focus='facet-box'].expanded [data-focus="facet-box-heading"] h2:after {
    content: "\E5CC"; }
  [data-focus='facet-box'] [data-focus="facet-box-heading"] {
    cursor: pointer;
    position: relative; }
  [data-focus='facet-box'] [data-focus="facet-box-heading"] h2 {
      font-size: 34px;
      margin: 0;
      padding: 15px 0;
      border-bottom: 1px solid #e2e2e2; }
  [data-focus='facet-box'] [data-focus="facet-box-heading"] h2:after {
        font-family: 'Material Icons';
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        right: 0;
        font-size: 30px; }
  [data-focus='facet-box'] [data-focus='facet-box-body'] [data-focus='facet'].facet-expanded [data-focus='facet-title'] h3:after {
    content: "\E15B"; }
  [data-focus='facet-box'] [data-focus='facet-box-body'] [data-focus='facet'].facet-collapsed [data-focus='facet-title'] h3:after {
    content: "\E145"; }
  [data-focus='facet-box'] [data-focus='facet-box-body'] [data-focus='facet'].facet-selected [data-focus='facet-title'] h3:after {
    content: "\E5CD"; }
  [data-focus='facet-box'] [data-focus='facet-box-body'] [data-focus='facet'] [data-focus='facet-title'] {
    padding: 10px 0;
    cursor: pointer;
    position: relative; }
  [data-focus='facet-box'] [data-focus='facet-box-body'] [data-focus='facet'] [data-focus='facet-title'] h3 {
      color: #36b6b8;
      padding: 5px 0;
      margin: 0;
      font-size: 18px;
      font-weight: bolder; }
  [data-focus='facet-box'] [data-focus='facet-box-body'] [data-focus='facet'] [data-focus='facet-title'] h3:after {
        font-family: 'Material Icons';
        position: absolute;
        right: 0;
        font-size: 30px; }
  [data-focus='facet-box'] [data-focus='facet-box-body'] [data-focus='facet'].facet-collapsed [data-focus='facet-title'], [data-focus='facet-box'] [data-focus='facet-box-body'] [data-focus='facet'].facet-selected [data-focus='facet-title'] {
    border-bottom: 1px solid #e2e2e2; }
  [data-focus='facet-box'] [data-focus='facet-box-body'] [data-focus='facet'] [data-focus='facet-data-list'] {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 10px;
    margin-top: -10px;
    position: relative;
    max-height: 300px;
    overflow-y: auto; }
  [data-focus='facet-box'] [data-focus='facet-box-body'] [data-focus='facet'] [data-focus='facet-data-list'] ul {
      margin: 0;
      padding: 5px 5px 5px 15px;
      list-style-type: none; }
  [data-focus='facet-box'] [data-focus='facet-box-body'] [data-focus='facet'] [data-focus='facet-data-list'] ul li {
        cursor: pointer;
        margin: 0;
        padding: 3px; }
  [data-focus='facet-box'] [data-focus='facet-box-body'] [data-focus='facet'] [data-focus='facet-data-list'] ul li:hover {
        color: #ffd841; }
  [data-focus='facet-box'] [data-focus='facet-box-body'] [data-focus='facet'] [data-focus='facet-data-list'] [data-focus="facet-data-show-all"] {
      text-align: right; }
[data-focus="search-bar"] {
  text-align: center; }
  [data-focus="search-bar"] [data-focus="search-bar-scope"] {
    padding: 0 10px 0 0;
    display: inline-block;
    background-color: rgba(255, 255, 255, .4);
    vertical-align: bottom; }
  [data-focus="search-bar"] [data-focus="search-bar-scope"] button {
      border-bottom: 1px solid rgba(0, 0, 0, .117647); }
  [data-focus="search-bar"] [data-focus="search-bar-scope"] ul li i {
      font-size: 20px;
      vertical-align: text-bottom;
      margin-right: 5px; }
  [data-focus="search-bar"] [data-focus='search-bar-input'] {
    display: inline-block;
    background-color: rgba(255, 255, 255, .4);
    position: relative; }
  [data-focus="search-bar"] [data-focus='search-bar-input'] [data-focus="input-text"] {
      position: relative;
      width: 500px; }
  [data-focus="search-bar"] [data-focus='search-bar-input'] [data-focus="input-text"] input {
        font-size: 16px; }
  [data-focus="search-bar"] [data-focus='search-bar-input'] [data-role="spinner"] {
      position: absolute;
      right: 10px;
      top: 14px;
      border: 3px solid #38e;
      border-right-color: transparent;
      border-radius: 10px;
      width: 15px;
      height: 15px; }
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s; }
@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
      transform-origin: center bottom; }
@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
@keyframes flash {
  from, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
.flash {
  -webkit-animation-name: flash;
  animation-name: flash; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse; }
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand; }
@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }
@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }
.shake {
  -webkit-animation-name: shake;
  animation-name: shake; }
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake; }
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }
.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
      transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing; }
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.tada {
  -webkit-animation-name: tada;
  animation-name: tada; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    -webkit-transform: none;
    transform: none; } }
@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    -webkit-transform: none;
    transform: none; } }
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble; }
@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
      transform-origin: center; }
@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }
@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }
@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }
@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }
@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut; }
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }
@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }
@-webkit-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY; }
@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }
@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }
@keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn; }
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }
@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut; }
@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }
@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }
@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }
@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }
@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn; }
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut; }
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown; }
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft; }
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight; }
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp; }
@-webkit-keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }
@keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut; }
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown; }
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft; }
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight; }
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp; }
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp; }
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown; }
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp; }
@-webkit-keyframes three-quarters-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes three-quarters-loader {
  0% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/* :not(:required) hides this rule from IE9 and below */

.three-quarters-loader:not(:required) {
  -webkit-animation: three-quarters-loader 1250ms infinite linear;
  animation: three-quarters-loader 1250ms infinite linear;
  border: 8px solid #38e;
  border-right-color: transparent;
  border-radius: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  position: relative;
  overflow: hidden;
  text-indent: -9999px;
  width: 32px;
  height: 32px; }
.vadim-app {
  font-size: 16px;
  color: #ffffff;
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100%;
  margin: 0;
  color: #6d6d6d; }
  .vadim-app [data-focus="layout"] {
    background-color: #f5f5f5;
    min-height: 100%;
    padding-bottom: 50px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .vadim-app [data-focus="layout"] header {
      z-index: 1001; }
  .vadim-app [data-focus="layout"] header [data-focus="header-search-bar"] {
        z-index: 1001; }
  .vadim-app [data-focus="layout"] header [data-focus="back-button"] {
        z-index: 1000; }
  .vadim-app [data-focus="layout"] header [data-focus="header-top-row"] {
        z-index: 1000; }
  .vadim-app [data-focus="layout"] header [data-focus="header-top-row"] [data-focus="header-top-row-left"] {
          z-index: 1001; }
  .vadim-app [data-focus="layout"] header [data-focus="cartridge-content"] {
        z-index: 999; }
  .vadim-app [data-focus="layout"] header [data-focus="header-actions"] {
        z-index: 1002; }
  .vadim-app [data-focus="layout"] header [data-focus="header-content"] {
        z-index: 1000; }
  .vadim-app [data-focus="layout"] [data-focus="snackbar-message-center"] {
      z-index: 5000; }
  .vadim-app [data-focus="layout"] [data-focus="menu-left"] {
      z-index: 1001; }
  .vadim-app [data-focus="layout"] footer {
      z-index: 1001; }
  .vadim-app [data-focus="layout"] [data-focus="back-to-top"] {
      z-index: 5001; }
  .vadim-app a {
    color: #323232;
    cursor: pointer; }
  .vadim-app h1,
  .vadim-app h2,
  .vadim-app h3,
  .vadim-app h4,
  .vadim-app h5,
  .vadim-app h6 {
    padding: 0;
    margin: 0;
    color: #6d6d6d; }
  [data-focus="forbidden-access"] {
  font-family: "RobotoBold", sans-serif;
  font-size: 1.25em;
  font-weight: bold;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 10%; }
  .theme-default [data-focus="forbidden-access"] {
    color: #013568; }
  .theme-frUsers [data-focus="forbidden-access"] {
    color: #880e4f; }
  .theme-fpUsers [data-focus="forbidden-access"] {
    color: #1b5e20; }
.vadim-app {
  color: #282828; }
  .vadim-app [data-focus="header-scrolling"] {
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 0 !important;
    margin: 0 !important; }
  .vadim-app [data-focus="header-scrolling"] [data-focus="header-top-row"] {
      display: block;
      padding: 0;
      height: 81px; }
  .vadim-app [data-focus="header-scrolling"] [data-focus="header-top-row"] [data-focus="header-top-row-middle"] [data-focus="cartridge"] [data-focus="header-search-bar"] {
        position: fixed; }
  .vadim-app [data-focus="header-scrolling"] [data-focus="header-top-row"] [data-focus="header-top-row-middle"] [data-focus="cartridge"] [data-focus="cartridge-content"] {
        position: fixed; }
  .vadim-app [data-focus="header-scrolling"] [data-focus="header-top-row"] [data-focus="header-top-row-middle"] [data-focus="cartridge"] [data-focus="cartridge-content"] .flex-position {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          height: 25px; }
  .vadim-app [data-focus="header-scrolling"] [data-focus="header-top-row"] [data-focus="header-top-row-middle"] [data-focus="cartridge"] [data-focus="cartridge-content"] [data-focus="switch-button"] {
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          margin-left: 150px;
          line-height: 10px;
          -ms-flex-item-align: center;
              align-self: center;
          border-radius: 8px; }
  .vadim-app [data-focus="header-scrolling"] [data-focus="header-content"] {
      padding: 0;
      position: fixed;
      width: 100%; }
  .vadim-app [data-focus="header-scrolling"] [data-focus="header-content"] [data-focus="cartridge"] [data-focus="header-search-bar"] {
        background: url(./img/bg-home-page_3k5DHJq.png) no-repeat;
        background-size: cover;
        position: fixed;
        margin-top: -81px; }
  .vadim-app [data-focus="header-scrolling"] [data-focus="header-content"] [data-focus="cartridge"] [data-focus="cartridge-content"] {
        margin-top: 0; }
  .vadim-app [data-focus="header-scrolling"] [data-focus="header-content"] [data-focus="cartridge"] [data-focus="cartridge-content"] .flex-position {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          height: 25px; }
  .vadim-app [data-focus="header-scrolling"] [data-focus="header-content"] [data-focus="cartridge"] [data-focus="cartridge-content"] [data-focus="switch-button"] {
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          margin-left: 150px;
          line-height: 10px;
          -ms-flex-item-align: center;
              align-self: center;
          border-radius: 8px; }
  .vadim-app [data-focus="header-scrolling"] [data-focus="header-top-row"] {
      display: block; }
  .vadim-app [data-focus="header-scrolling"] [data-focus="header-top-row"] > div {
        padding: 0 !important;
        margin: 0 !important; }
  .vadim-app [data-focus="header-scrolling"] [data-focus="header-top-row"] [data-focus="header-top-row-left"] {
        position: relative;
        display: block;
        padding: 7.5px 15px; }
  .vadim-app [data-focus="header-scrolling"] [data-focus="header-top-row"] [data-focus="header-top-row-left"] > div {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  .vadim-app [data-focus="header-scrolling"] [data-focus="header-top-row"] [data-focus="header-top-row-left"] > div button {
            font-size: 0.875em;
            padding: 14px 20px;
            height: 42px;
            border: 0;
            background-color: transparent;
            color: #6d6d6d;
            border-radius: 2px; }
  .vadim-app [data-focus="header-scrolling"] [data-focus="header-top-row"] [data-focus="header-top-row-left"] > div button:hover, .vadim-app [data-focus="header-scrolling"] [data-focus="header-top-row"] [data-focus="header-top-row-left"] > div button:focus {
              background-color: #e0e0e0; }
  .vadim-app [data-focus="header-scrolling"] [data-focus="header-top-row"] [data-focus="header-top-row-left"] > div button:active {
              background-color: #bdbdbd; }
  .vadim-app [data-focus="header-scrolling"] [data-focus="header-top-row"] [data-focus="header-top-row-left"] > div button[disabled] {
              color: #bdbdbd;
              background-color: transparent; }
  .vadim-app [data-focus="header-scrolling"] [data-focus="header-top-row"] [data-focus="header-top-row-left"] > div button i {
              font-size: 0.875em;
              margin: 0;
              margin-right: 10px;
              margin-bottom: 2px;
              padding: 0;
              font-family: "Material Icons", sans-serif; }
  .vadim-app [data-focus="header-scrolling"] [data-focus="header-top-row"] [data-focus="header-top-row-left"] > div button span {
              margin: 0;
              padding: 0; }
  .vadim-app [data-focus="header-scrolling"][data-deployed="false"] div[data-focus="header-top-row"] {
      display: block; }
  .vadim-app [data-focus="header-scrolling"][data-deployed="false"] div[data-focus="header-top-row"] > div {
        padding: 0 !important;
        margin: 0 !important; }
  .vadim-app [data-focus="header-scrolling"][data-deployed="false"] div[data-focus="header-top-row"] > div div[data-focus="header-top-row-middle"] {
          padding: 0 !important;
          margin: 0 !important; }
  .vadim-app [data-focus="header-scrolling"][data-deployed="false"] div[data-focus="header-top-row"] div[data-focus="header-top-row-left"] {
        position: fixed; }
  .button-activated-arrete {
  border-radius: 8px;
  padding: 0 16px; }
  .theme-default .button-activated-arrete {
    background-color: #013568;
    color: #e8eaf6; }
  .theme-frUsers .button-activated-arrete {
    background-color: #880e4f;
    color: #fce2eb; }
  .theme-fpUsers .button-activated-arrete {
    background-color: #1b5e20;
    color: #e8f5e9; }
  .button-inactivated-arrete {
  border-radius: 8px;
  padding: 0 16px; }
  .theme-default .button-inactivated-arrete {
    color: #0253a4 !important;
    background-color: #e8eaf6 !important; }
  .theme-frUsers .button-inactivated-arrete {
    color: #e31d62 !important;
    background-color: #fce2eb !important; }
  .theme-fpUsers .button-inactivated-arrete {
    color: #388e3c !important;
    background-color: #e8f5e9 !important; }
  [data-focus="search-bar-input"] .mdl-textfield__label:after {
  visibility: hidden !important; }
  [data-focus="cartridge"] {
  padding: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: none;
          box-shadow: none; }
  [data-focus="cartridge"] [data-focus="header-search-bar"] {
    position: relative;
    background-color: #ffffff;
    width: 100%;
    height: 81px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: url(./img/bg-home-page_3k5DHJq.png) no-repeat;
    background-size: cover;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  [data-focus="cartridge"] [data-focus="header-search-bar"] [data-focus="header-logo"] {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      margin-right: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      cursor: pointer; }
  [data-focus="cartridge"] [data-focus="header-search-bar"] [data-focus="header-logo"] [data-focus="logo-img"] {
        background-size: 40px;
        width: 40px;
        height: 81px;
        padding: 0 20px;
        display: inline-block; }
  [data-focus="cartridge"] [data-focus="header-search-bar"] [data-focus="header-logo"] span:nth-of-type(2) {
        padding: 0 10px; }
  [data-focus="cartridge"] [data-focus="header-search-bar"] [data-focus="header-logo"] [data-focus="app-family"] {
        font-size: 17px;
        line-height: 20px;
        text-transform: uppercase; }
  [data-focus="cartridge"] [data-focus="header-search-bar"] [data-focus="header-logo"] [data-focus="app-name"] {
        background-image: url(./img/logo_vadim_bonne_couleur_medium_2dxBL6K.png);
        background-position: left;
        background-size: auto 100%;
        background-repeat: no-repeat;
        width: 250px;
        height: 80px;
        margin-left: 10px; }
  [data-focus="cartridge"] [data-focus="header-search-bar"] [data-focus="header-logo"]:before {
        content: "";
        width: 105px;
        height: 81px;
        display: inline-block;
        background-image: url(./img/nouveau_logo_30viYrD.jpg);
        background-position: left;
        background-size: auto 100%;
        background-repeat: no-repeat; }
  [data-focus="cartridge"] [data-focus="header-search-bar"] [data-focus="search-bar"] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      white-space: nowrap; }
  [data-focus="cartridge"] [data-focus="header-search-bar"] [data-focus="search-bar"] [data-focus="search-bar"] {
        height: 34px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
  [data-focus="cartridge"] [data-focus="header-search-bar"] [data-focus="search-bar"] [data-focus="search-bar"] [data-focus="search-bar-scope"] {
          padding: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0;
          background: none; }
  [data-focus="cartridge"] [data-focus="header-search-bar"] [data-focus="search-bar"] [data-focus="search-bar"] [data-focus="search-bar-scope"] .mdl-button {
            background: none;
            color: #ffffff;
            font-size: 0.875em;
            font-family: "ralewaymedium", sans-serif;
            border-bottom: 1px solid #ffffff; }
  [data-focus="cartridge"] [data-focus="header-search-bar"] [data-focus="search-bar"] [data-focus="search-bar"] [data-focus="search-bar-scope"] .mdl-button i {
              margin-top: -8px; }
  [data-focus="cartridge"] [data-focus="header-search-bar"] [data-focus="search-bar"] [data-focus="search-bar"] [data-focus="search-bar-scope"] .mdl-button span {
              display: inline-block;
              margin: 0 7px 0 5px; }
  [data-focus="cartridge"] [data-focus="header-search-bar"] [data-focus="search-bar"] [data-focus="search-bar"] [data-focus="search-bar-scope"] .mdl-button:after {
            content: "";
            background: url(./img/icon-options_2LwsalG.png);
            width: 8px;
            height: 5px;
            display: inline-block;
            margin-bottom: 2px; }
  [data-focus="cartridge"] [data-focus="header-search-bar"] [data-focus="search-bar"] [data-focus="search-bar"] [data-focus="search-bar-scope"] .mdl-menu__container .mdl-menu__outline {
            height: auto !important; }
  [data-focus="cartridge"] [data-focus="header-search-bar"] [data-focus="search-bar"] [data-focus="search-bar"] [data-focus="search-bar-scope"] .mdl-menu__container ul {
            left: 19px; }
  [data-focus="cartridge"] [data-focus="header-search-bar"] [data-focus="search-bar"] [data-focus="search-bar"] [data-focus="search-bar-scope"] .mdl-menu__container ul li {
              padding: 5px;
              height: 34px;
              background-color: #ffffff;
              line-height: 30px; }
  [data-focus="cartridge"] [data-focus="header-search-bar"] [data-focus="search-bar"] [data-focus="search-bar"] [data-focus="search-bar-scope"] .mdl-menu__container ul li i {
                font-size: 0.875em;
                margin: 0;
                margin-right: 10px;
                padding: 0;
                font-family: "Material Icons", sans-serif; }
  [data-focus="cartridge"] [data-focus="header-search-bar"] [data-focus="search-bar"] [data-focus="search-bar"] [data-focus="search-bar-scope"] .mdl-menu__container ul li:hover, [data-focus="cartridge"] [data-focus="header-search-bar"] [data-focus="search-bar"] [data-focus="search-bar"] [data-focus="search-bar-scope"] .mdl-menu__container ul li:focus {
                background-color: #fafafa; }
  [data-focus="cartridge"] [data-focus="header-search-bar"] [data-focus="search-bar"] [data-focus="search-bar"] [data-focus="search-bar-scope"] .mdl-menu__container ul li:active {
                background-color: #fafafa; }
  [data-focus="cartridge"] [data-focus="header-search-bar"] [data-focus="search-bar"] [data-focus="search-bar"] [data-focus="search-bar-input"] {
          background: none;
          min-width: 240px;
          padding: 0;
          border-left: 1px solid white; }
  [data-focus="cartridge"] [data-focus="header-search-bar"] [data-focus="search-bar"] [data-focus="search-bar"] [data-focus="search-bar-input"] .mdl-textfield {
            width: 100%;
            top: 0;
            padding-top: 0;
            border-bottom: 1px solid #ffffff; }
  [data-focus="cartridge"] [data-focus="header-search-bar"] [data-focus="search-bar"] [data-focus="search-bar"] [data-focus="search-bar-input"] .mdl-textfield .mdl-textfield__input {
              font-size: 16px;
              color: #ffffff;
              height: 34px;
              padding: 0 20px;
              width: calc(100% - 40px); }
  [data-focus="cartridge"] [data-focus="header-search-bar"] [data-focus="search-bar"] [data-focus="search-bar"] [data-focus="search-bar-input"] .mdl-textfield .mdl-textfield__label {
              font-family: "RobotoRegular", sans-serif;
              color: #ffffff;
              font-size: 16px;
              padding: 5px 20px;
              top: 0;
              background-color: transparent; }
  .theme-default [data-focus="cartridge"] [data-focus="header-search-bar"] [data-focus="search-bar"] [data-focus="search-bar"] [data-focus="search-bar-input"] .mdl-textfield .mdl-textfield__label:after {
                background-color: #0253a4; }
  .theme-frUsers [data-focus="cartridge"] [data-focus="header-search-bar"] [data-focus="search-bar"] [data-focus="search-bar"] [data-focus="search-bar-input"] .mdl-textfield .mdl-textfield__label:after {
                background-color: #e31d62; }
  .theme-fpUsers [data-focus="cartridge"] [data-focus="header-search-bar"] [data-focus="search-bar"] [data-focus="search-bar"] [data-focus="search-bar-input"] .mdl-textfield .mdl-textfield__label:after {
                background-color: #388e3c; }
  [data-focus="cartridge"] [data-focus="header-search-bar"] [data-focus="search-bar"] [data-focus="search-bar"] [data-focus="search-bar-input"] .mdl-textfield.is-focused {
              border-bottom: 1px solid #ffffff; }
  [data-focus="cartridge"] [data-focus="header-search-bar"] [data-focus="search-bar"] [data-focus="search-bar"] [data-focus="search-bar-input"] [data-role="spinner"] {
            display: none; }
  [data-focus="cartridge"] [data-focus="header-search-bar"] [data-focus="search-bar"] [data-focus="button-search-advanced"] {
        border: 1px solid #ffffff;
        border-radius: 25px;
        color: #ffffff;
        font-size: 0.813em;
        font-family: "RobotoRegular", sans-serif;
        text-transform: uppercase;
        background: none;
        text-transform: uppercase;
        width: 150px;
        padding: 0; }
  .theme-default [data-focus="cartridge"] [data-focus="header-search-bar"] [data-focus="search-bar"] [data-focus="button-search-advanced"]:hover, .theme-default [data-focus="cartridge"] [data-focus="header-search-bar"] [data-focus="search-bar"] [data-focus="button-search-advanced"]:focus, .theme-default [data-focus="cartridge"] [data-focus="header-search-bar"] [data-focus="search-bar"] [data-focus="button-search-advanced"]:active {
          color: #013568; }
  .theme-frUsers [data-focus="cartridge"] [data-focus="header-search-bar"] [data-focus="search-bar"] [data-focus="button-search-advanced"]:hover, .theme-frUsers [data-focus="cartridge"] [data-focus="header-search-bar"] [data-focus="search-bar"] [data-focus="button-search-advanced"]:focus, .theme-frUsers [data-focus="cartridge"] [data-focus="header-search-bar"] [data-focus="search-bar"] [data-focus="button-search-advanced"]:active {
          color: #880e4f; }
  .theme-fpUsers [data-focus="cartridge"] [data-focus="header-search-bar"] [data-focus="search-bar"] [data-focus="button-search-advanced"]:hover, .theme-fpUsers [data-focus="cartridge"] [data-focus="header-search-bar"] [data-focus="search-bar"] [data-focus="button-search-advanced"]:focus, .theme-fpUsers [data-focus="cartridge"] [data-focus="header-search-bar"] [data-focus="search-bar"] [data-focus="button-search-advanced"]:active {
          color: #1b5e20; }
  [data-focus="cartridge"] [data-focus="header-search-bar"] [data-focus="search-bar"] [data-focus="button-search"] {
        border: 1px solid #ffffff;
        border-radius: 25px;
        color: #ffffff;
        font-size: 0.813em;
        font-family: "RobotoRegular", sans-serif;
        text-transform: uppercase;
        border: 0;
        -webkit-box-shadow: none;
                box-shadow: none;
        margin-left: -20px;
        background: transparent; }
  [data-focus="cartridge"] [data-focus="cartridge-content"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-shadow: 0 13px 10px -10px rgba(0, 0, 0, .2);
            box-shadow: 0 13px 10px -10px rgba(0, 0, 0, .2);
    min-height: 20px;
    margin-top: 81px;
    background-color: #fafafa;
    padding: 15px;
    padding-left: 61px; }
  [data-focus="cartridge"] [data-focus="cartridge-content"] i {
      margin-right: 15px; }
  [data-focus="cartridge"] [data-focus="cartridge-content"] h3 {
      font-size: 2em;
      color: #ffffff;
      font-family: "ralewaybold", sans-serif;
      margin-left: 30px;
      text-transform: uppercase;
      margin-top: 3px; }
  [data-focus="cartridge"] [data-focus="cartridge-content"] [data-focus="empty-cartridge"] {
      height: 20px; }
  [data-focus="cartridge"] [data-focus="cartridge-content"][data-type="form"] {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
  [data-focus="cartridge"] [data-focus="cartridge-content"][data-type="form"] [data-focus="bloc"] {
        margin-top: 7.5px;
        margin-bottom: 7.5px; }
  .vadim-app [data-focus="layout"] [data-focus="header-scrolling"] [data-focus="header-actions"] {
  position: fixed;
  margin-right: 32px;
  top: 81px;
  bottom: auto;
  padding: 9px 10px; }
  .vadim-app [data-focus="layout"] [data-focus="header-scrolling"] [data-focus="header-actions"] button {
    -webkit-box-shadow: none;
            box-shadow: none;
    height: 32px;
    width: 32px;
    min-width: 32px;
    background-color: transparent !important; }
  .vadim-app [data-focus="layout"] [data-focus="header-scrolling"] [data-focus="header-actions"] button:hover {
      background-color: transparent !important; }
  .vadim-app [data-focus="layout"] [data-focus="header-scrolling"] [data-focus="header-actions"] button:focus {
      background-color: transparent !important; }
  .vadim-app [data-focus="layout"] [data-focus="header-scrolling"] [data-focus="header-actions"] button + [data-focus="dropdown-menu"] {
      top: 32px; }
  .vadim-app [data-focus="layout"] [data-focus="header-scrolling"] [data-focus="header-actions"] button + [data-focus="dropdown-menu"] [data-role="dropdown-item"] {
        padding: 10px;
        width: calc(100% - 20px);
        background-color: #fafafa; }
  .vadim-app [data-focus="layout"] [data-focus="header-scrolling"] [data-focus="header-actions"] button + [data-focus="dropdown-menu"] [data-role="dropdown-item"]:hover {
          background-color: #eeeeee; }
  .vadim-app [data-focus="layout"] [data-focus="header-scrolling"] [data-focus="header-actions"] button + [data-focus="dropdown-menu"] [data-role="dropdown-item"]:focus {
          background-color: #e0e0e0; }
  .theme-default [data-focus="layout"] [data-focus="header-scrolling"] [data-focus="header-actions"] button i {
  color: #013568; }
  .theme-frUsers [data-focus="layout"] [data-focus="header-scrolling"] [data-focus="header-actions"] button i {
  color: #880e4f; }
  .theme-fpUsers [data-focus="layout"] [data-focus="header-scrolling"] [data-focus="header-actions"] button i {
  color: #1b5e20; }
[data-focus="menu-left"] {
  position: fixed;
  top: 131px;
  width: 61px;
  -webkit-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  transition: width 0.3s ease;
  height: 100vh; }
  .theme-default [data-focus="menu-left"] {
    background-color: #013568; }
  .theme-frUsers [data-focus="menu-left"] {
    background-color: #880e4f; }
  .theme-fpUsers [data-focus="menu-left"] {
    background-color: #1b5e20; }
  [data-focus="menu-left"] [data-focus="menu-brand"] {
    display: none; }
  [data-focus="menu-left"] [data-focus="menu-items"] {
    overflow: hidden; }
  [data-focus="menu-left"] [data-focus="menu-items"] li {
      font-size: 16px;
      color: #ffffff;
      height: 50px;
      width: 250px;
      padding: 0 14.5px;
      margin: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      color: #fafafa;
      cursor: pointer;
      padding-top: 10px;
      padding-bottom: 10px; }
  .theme-default [data-focus="menu-left"] [data-focus="menu-items"] li {
        background-color: #013568; }
  .theme-frUsers [data-focus="menu-left"] [data-focus="menu-items"] li {
        background-color: #880e4f; }
  .theme-fpUsers [data-focus="menu-left"] [data-focus="menu-items"] li {
        background-color: #1b5e20; }
  .theme-default [data-focus="menu-left"] [data-focus="menu-items"] li {
        border-bottom: 1px solid #568ac2; }
  .theme-frUsers [data-focus="menu-left"] [data-focus="menu-items"] li {
        border-bottom: 1px solid #f06292; }
  .theme-fpUsers [data-focus="menu-left"] [data-focus="menu-items"] li {
        border-bottom: 1px solid #81c784; }
  [data-focus="menu-left"] [data-focus="menu-items"] li[data-focus="selected"], [data-focus="menu-left"] [data-focus="menu-items"] li:hover {
        border-left: 3px solid #fafafa; }
  .theme-default [data-focus="menu-left"] [data-focus="menu-items"] li[data-focus="selected"], .theme-default [data-focus="menu-left"] [data-focus="menu-items"] li:hover {
          background: #086dc1; }
  .theme-frUsers [data-focus="menu-left"] [data-focus="menu-items"] li[data-focus="selected"], .theme-frUsers [data-focus="menu-left"] [data-focus="menu-items"] li:hover {
          background: #ee5186; }
  .theme-fpUsers [data-focus="menu-left"] [data-focus="menu-items"] li[data-focus="selected"], .theme-fpUsers [data-focus="menu-left"] [data-focus="menu-items"] li:hover {
          background: #43a047; }
  [data-focus="menu-left"] [data-focus="menu-items"] li span {
        top: 0;
        padding-left: 14.5px; }
  .theme-default [data-focus="menu-left"] [data-focus="menu-items"] .active {
      background: #086dc1; }
  .theme-frUsers [data-focus="menu-left"] [data-focus="menu-items"] .active {
      background: #ee5186; }
  .theme-fpUsers [data-focus="menu-left"] [data-focus="menu-items"] .active {
      background: #43a047; }
  [data-focus="menu-left"] + [data-focus="page-content"] {
    padding: 0;
    padding-left: 61px !important;
    -webkit-transition: padding-left 0.3s ease;
    -o-transition: padding-left 0.3s ease;
    transition: padding-left 0.3s ease;
    margin-top: 50px;
    padding-top: 20px;
    padding-bottom: 20px; }
  [data-focus="menu-left"]:hover {
    width: 250px; }
[data-focus="scrollspy-container"] {
  padding: 0; }
  [data-focus="scrollspy-container"] [data-focus="sticky-menu"] {
    width: 250px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    top: 131px !important;
    background-color: #f5f5f5;
    position: fixed;
    -webkit-transition: margin-left 0.3s ease;
    -o-transition: margin-left 0.3s ease;
    transition: margin-left 0.3s ease;
    bottom: 50px; }
  [data-focus="scrollspy-container"] [data-focus="sticky-menu"] + [data-focus="scrollspy-container-content"] {
      -webkit-transition: margin-left 0.3s ease;
      -o-transition: margin-left 0.3s ease;
      transition: margin-left 0.3s ease;
      margin: 0 0 0 250px; }
  [data-focus="scrollspy-container"] [data-focus="sticky-menu"] ul {
      overflow-y: auto;
      overflow-x: hidden;
      height: calc(100% - 25px);
      padding-top: 25px;
      padding-right: 10px; }
  [data-focus="scrollspy-container"] [data-focus="sticky-menu"] ul li {
        position: relative;
        margin: 0;
        padding: 17px 30.5px;
        border: 0;
        font-family: "RobotoMedium", sans-serif;
        font-size: 1em;
        color: #282828;
        padding-left: 11px;
        padding-right: 11px;
        width: 100%; }
  [data-focus="scrollspy-container"] [data-focus="sticky-menu"] ul li[data-active="true"] {
          font-weight: bold; }
  .theme-default [data-focus="scrollspy-container"] [data-focus="sticky-menu"] ul li[data-active="true"] {
            color: #013568; }
  .theme-frUsers [data-focus="scrollspy-container"] [data-focus="sticky-menu"] ul li[data-active="true"] {
            color: #880e4f; }
  .theme-fpUsers [data-focus="scrollspy-container"] [data-focus="sticky-menu"] ul li[data-active="true"] {
            color: #1b5e20; }
  [data-focus="scrollspy-container"] [data-focus="sticky-menu"] ul li:hover {
          color: #282828;
          background-color: transparent; }
  [data-focus="panel"] h3 {
  font-weight: normal;
  text-transform: uppercase; }
  [data-focus="panel"] div[data-focus="field"] [data-focus="field-label-container"] input,
[data-focus="panel"] div[data-focus="field"] [data-focus="field-value-container"] input {
  color: #282828; }
  [data-focus="panel"] div[data-focus="field"] [data-focus="field-label-container"] [data-focus="label"],
[data-focus="panel"] div[data-focus="field"] [data-focus="field-label-container"] > div,
[data-focus="panel"] div[data-focus="field"] [data-focus="field-label-container"] label,
[data-focus="panel"] div[data-focus="field"] [data-focus="field-value-container"] [data-focus="label"],
[data-focus="panel"] div[data-focus="field"] [data-focus="field-value-container"] > div,
[data-focus="panel"] div[data-focus="field"] [data-focus="field-value-container"] label {
  font-weight: normal;
  font-size: 0.938em;
  color: #282828;
  background-color: transparent;
  font-family: "RobotoRegular", sans-serif; }
  [data-focus="panel"] div[data-focus="field"] [data-focus="field-value-container"] .mdl-textfield__input,
[data-focus="panel"] div[data-focus="field"] [data-focus="field-value-container"] label {
  border-bottom: 1px solid rgba(0, 0, 0, .12);
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  [data-focus="panel"] div[data-focus="field"] [data-focus="field-value-container"] label[data-focus="input-radio"] {
  border: 0; }
  [data-focus="panel"] [data-focus="panel-title"] .actions [data-focus="button-action"] {
  padding: 3px 16px !important; }
  [data-focus="panel"] [data-focus="panel-title"] .actions [data-focus="button-action"]:hover i, [data-focus="panel"] [data-focus="panel-title"] .actions [data-focus="button-action"]:focus i, [data-focus="panel"] [data-focus="panel-title"] .actions [data-focus="button-action"]:active i {
    color: #ffffff; }
  [data-focus="page-content"] [data-focus="avis-detail"] [data-focus="section"] [data-focus="main-page-button-edit"] button,
[data-focus="page-content"] [data-focus="avis-detail"] [data-focus="section"] [data-focus="panel-button-standalone"] button {
  font-size: 0.875em;
  border: 0;
  background-color: #ffffff;
  border-radius: 2px;
  -webkit-box-shadow: none;
          box-shadow: none; }
  .theme-default [data-focus="page-content"] [data-focus="avis-detail"] [data-focus="section"] [data-focus="main-page-button-edit"] button, .theme-default
  [data-focus="page-content"] [data-focus="avis-detail"] [data-focus="section"] [data-focus="panel-button-standalone"] button {
    color: #0253a4; }
  .theme-frUsers [data-focus="page-content"] [data-focus="avis-detail"] [data-focus="section"] [data-focus="main-page-button-edit"] button, .theme-frUsers
  [data-focus="page-content"] [data-focus="avis-detail"] [data-focus="section"] [data-focus="panel-button-standalone"] button {
    color: #e31d62; }
  .theme-fpUsers [data-focus="page-content"] [data-focus="avis-detail"] [data-focus="section"] [data-focus="main-page-button-edit"] button, .theme-fpUsers
  [data-focus="page-content"] [data-focus="avis-detail"] [data-focus="section"] [data-focus="panel-button-standalone"] button {
    color: #388e3c; }
  [data-focus="page-content"] [data-focus="avis-detail"] [data-focus="section"] [data-focus="main-page-button-edit"] button:hover, [data-focus="page-content"] [data-focus="avis-detail"] [data-focus="section"] [data-focus="main-page-button-edit"] button:focus, [data-focus="page-content"] [data-focus="avis-detail"] [data-focus="section"] [data-focus="main-page-button-edit"] button:active,
  [data-focus="page-content"] [data-focus="avis-detail"] [data-focus="section"] [data-focus="panel-button-standalone"] button:hover,
  [data-focus="page-content"] [data-focus="avis-detail"] [data-focus="section"] [data-focus="panel-button-standalone"] button:focus,
  [data-focus="page-content"] [data-focus="avis-detail"] [data-focus="section"] [data-focus="panel-button-standalone"] button:active {
    color: #ffffff; }
  .theme-default [data-focus="page-content"] [data-focus="avis-detail"] [data-focus="section"] [data-focus="main-page-button-edit"] button:hover, .theme-default [data-focus="page-content"] [data-focus="avis-detail"] [data-focus="section"] [data-focus="main-page-button-edit"] button:focus, .theme-default [data-focus="page-content"] [data-focus="avis-detail"] [data-focus="section"] [data-focus="main-page-button-edit"] button:active, .theme-default
    [data-focus="page-content"] [data-focus="avis-detail"] [data-focus="section"] [data-focus="panel-button-standalone"] button:hover, .theme-default
    [data-focus="page-content"] [data-focus="avis-detail"] [data-focus="section"] [data-focus="panel-button-standalone"] button:focus, .theme-default
    [data-focus="page-content"] [data-focus="avis-detail"] [data-focus="section"] [data-focus="panel-button-standalone"] button:active {
      background-color: #0253a4; }
  .theme-frUsers [data-focus="page-content"] [data-focus="avis-detail"] [data-focus="section"] [data-focus="main-page-button-edit"] button:hover, .theme-frUsers [data-focus="page-content"] [data-focus="avis-detail"] [data-focus="section"] [data-focus="main-page-button-edit"] button:focus, .theme-frUsers [data-focus="page-content"] [data-focus="avis-detail"] [data-focus="section"] [data-focus="main-page-button-edit"] button:active, .theme-frUsers
    [data-focus="page-content"] [data-focus="avis-detail"] [data-focus="section"] [data-focus="panel-button-standalone"] button:hover, .theme-frUsers
    [data-focus="page-content"] [data-focus="avis-detail"] [data-focus="section"] [data-focus="panel-button-standalone"] button:focus, .theme-frUsers
    [data-focus="page-content"] [data-focus="avis-detail"] [data-focus="section"] [data-focus="panel-button-standalone"] button:active {
      background-color: #e31d62; }
  .theme-fpUsers [data-focus="page-content"] [data-focus="avis-detail"] [data-focus="section"] [data-focus="main-page-button-edit"] button:hover, .theme-fpUsers [data-focus="page-content"] [data-focus="avis-detail"] [data-focus="section"] [data-focus="main-page-button-edit"] button:focus, .theme-fpUsers [data-focus="page-content"] [data-focus="avis-detail"] [data-focus="section"] [data-focus="main-page-button-edit"] button:active, .theme-fpUsers
    [data-focus="page-content"] [data-focus="avis-detail"] [data-focus="section"] [data-focus="panel-button-standalone"] button:hover, .theme-fpUsers
    [data-focus="page-content"] [data-focus="avis-detail"] [data-focus="section"] [data-focus="panel-button-standalone"] button:focus, .theme-fpUsers
    [data-focus="page-content"] [data-focus="avis-detail"] [data-focus="section"] [data-focus="panel-button-standalone"] button:active {
      background-color: #388e3c; }
.theme-default [data-mode="edit"] [data-focus="panel"] {
  border: 3px solid #94b3d8; }

.theme-frUsers [data-mode="edit"] [data-focus="panel"] {
  border: 3px solid #f8b8cd; }

.theme-fpUsers [data-mode="edit"] [data-focus="panel"] {
  border: 3px solid #afdbb1; }

[data-mode="edit"] [data-focus="panel"] [data-focus="panel-title"] {
  margin: 17px 0;
  padding: 0; }

[data-mode="edit"] [data-focus="panel"] [data-focus="panel-title"] h1,
  [data-mode="edit"] [data-focus="panel"] [data-focus="panel-title"] h2,
  [data-mode="edit"] [data-focus="panel"] [data-focus="panel-title"] h3,
  [data-mode="edit"] [data-focus="panel"] [data-focus="panel-title"] h4 {
    border-left-width: 3px !important; }

[data-mode="edit"] [data-focus="panel"] [data-focus="panel-title"] .actions {
    padding-right: 7px; }

[data-mode="edit"] [data-focus="panel"] [data-focus="panel-content"] {
  padding: 0 7px 10px 7px; }

.selectRadio {
  padding-top: 15px; }

.selectRadio label {
    display: grid; }

[data-focus="panel"] {
  width: calc(100% - 40px) !important;
  background-color: #ffffff;
  border: 0;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px; }

[data-focus="panel"] [data-focus="panel-title"] {
    border: none;
    margin: 20px 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }

[data-focus="panel"] [data-focus="panel-title"] h1,
    [data-focus="panel"] [data-focus="panel-title"] h2,
    [data-focus="panel"] [data-focus="panel-title"] h3,
    [data-focus="panel"] [data-focus="panel-title"] h4 {
      font-family: "RobotoBold", sans-serif;
      font-size: 1.25em;
      font-weight: bold;
      padding-left: 10px;
      color: #6d6d6d; }

.theme-default [data-focus="panel"] [data-focus="panel-title"] h1, .theme-default
      [data-focus="panel"] [data-focus="panel-title"] h2, .theme-default
      [data-focus="panel"] [data-focus="panel-title"] h3, .theme-default
      [data-focus="panel"] [data-focus="panel-title"] h4 {
        color: #013568; }

.theme-frUsers [data-focus="panel"] [data-focus="panel-title"] h1, .theme-frUsers
      [data-focus="panel"] [data-focus="panel-title"] h2, .theme-frUsers
      [data-focus="panel"] [data-focus="panel-title"] h3, .theme-frUsers
      [data-focus="panel"] [data-focus="panel-title"] h4 {
        color: #880e4f; }

.theme-fpUsers [data-focus="panel"] [data-focus="panel-title"] h1, .theme-fpUsers
      [data-focus="panel"] [data-focus="panel-title"] h2, .theme-fpUsers
      [data-focus="panel"] [data-focus="panel-title"] h3, .theme-fpUsers
      [data-focus="panel"] [data-focus="panel-title"] h4 {
        color: #1b5e20; }

.theme-default [data-focus="panel"] [data-focus="panel-title"] h1, .theme-default
      [data-focus="panel"] [data-focus="panel-title"] h2, .theme-default
      [data-focus="panel"] [data-focus="panel-title"] h3, .theme-default
      [data-focus="panel"] [data-focus="panel-title"] h4 {
        border-left: 6px solid #0253a4 !important; }

.theme-frUsers [data-focus="panel"] [data-focus="panel-title"] h1, .theme-frUsers
      [data-focus="panel"] [data-focus="panel-title"] h2, .theme-frUsers
      [data-focus="panel"] [data-focus="panel-title"] h3, .theme-frUsers
      [data-focus="panel"] [data-focus="panel-title"] h4 {
        border-left: 6px solid #e31d62 !important; }

.theme-fpUsers [data-focus="panel"] [data-focus="panel-title"] h1, .theme-fpUsers
      [data-focus="panel"] [data-focus="panel-title"] h2, .theme-fpUsers
      [data-focus="panel"] [data-focus="panel-title"] h3, .theme-fpUsers
      [data-focus="panel"] [data-focus="panel-title"] h4 {
        border-left: 6px solid #388e3c !important; }

[data-focus="panel"] [data-focus="panel-title"] .actions {
      padding-right: 10px; }

[data-focus="panel"] [data-focus="panel-title"] .actions [data-focus="button-action"] {
        font-size: 0.875em;
        padding: 14px 20px;
        height: 42px;
        border: 0;
        background-color: transparent;
        color: #6d6d6d;
        border-radius: 2px; }

[data-focus="panel"] [data-focus="panel-title"] .actions [data-focus="button-action"]:hover, [data-focus="panel"] [data-focus="panel-title"] .actions [data-focus="button-action"]:focus {
          background-color: #e0e0e0; }

[data-focus="panel"] [data-focus="panel-title"] .actions [data-focus="button-action"]:active {
          background-color: #bdbdbd; }

[data-focus="panel"] [data-focus="panel-title"] .actions [data-focus="button-action"][disabled] {
          color: #bdbdbd;
          background-color: transparent; }

[data-focus="panel"] [data-focus="panel-title"] .actions [data-focus="button-action"] i {
          font-size: 0.875em;
          margin: 0;
          margin-right: 10px;
          margin-bottom: 2px;
          padding: 0;
          font-family: "Material Icons", sans-serif; }

[data-focus="panel"] [data-focus="panel-title"] .actions [data-focus="button-action"] span {
          margin: 0;
          padding: 0; }

.theme-default [data-focus="panel"] [data-focus="panel-title"] .actions [data-focus="button-action"] {
          color: #0253a4; }

.theme-frUsers [data-focus="panel"] [data-focus="panel-title"] .actions [data-focus="button-action"] {
          color: #e31d62; }

.theme-fpUsers [data-focus="panel"] [data-focus="panel-title"] .actions [data-focus="button-action"] {
          color: #388e3c; }

[data-focus="panel"] [data-focus="panel-title"] .actions [data-focus="button-action"]:hover, [data-focus="panel"] [data-focus="panel-title"] .actions [data-focus="button-action"]:focus {
          color: #ffffff; }

.theme-default [data-focus="panel"] [data-focus="panel-title"] .actions [data-focus="button-action"]:hover, .theme-default [data-focus="panel"] [data-focus="panel-title"] .actions [data-focus="button-action"]:focus {
            background-color: #0253a4; }

.theme-frUsers [data-focus="panel"] [data-focus="panel-title"] .actions [data-focus="button-action"]:hover, .theme-frUsers [data-focus="panel"] [data-focus="panel-title"] .actions [data-focus="button-action"]:focus {
            background-color: #e31d62; }

.theme-fpUsers [data-focus="panel"] [data-focus="panel-title"] .actions [data-focus="button-action"]:hover, .theme-fpUsers [data-focus="panel"] [data-focus="panel-title"] .actions [data-focus="button-action"]:focus {
            background-color: #388e3c; }

[data-focus="panel"] [data-focus="panel-title"] .actions [data-focus="button-action"]:active {
          color: #ffffff; }

.theme-default [data-focus="panel"] [data-focus="panel-title"] .actions [data-focus="button-action"]:active {
            background-color: #024486; }

.theme-frUsers [data-focus="panel"] [data-focus="panel-title"] .actions [data-focus="button-action"]:active {
            background-color: #c2185b; }

.theme-fpUsers [data-focus="panel"] [data-focus="panel-title"] .actions [data-focus="button-action"]:active {
            background-color: #2e7d32; }

[data-focus="panel"] [data-focus="panel-content"] {
    position: relative;
    padding: 10px;
    padding-top: 0;
    /* .selectRadio {
            padding-top: 15px;
            label{
                display: grid;
            }
        } */ }

[data-focus="panel"] [data-focus="panel-content"] [data-focus="panel-button-standalone"] [data-focus="button-action"] {
      font-size: 0.875em;
      padding: 14px 20px;
      height: 42px;
      border: 0;
      background-color: transparent;
      color: #6d6d6d;
      border-radius: 2px;
      padding: 3px 16px; }

[data-focus="panel"] [data-focus="panel-content"] [data-focus="panel-button-standalone"] [data-focus="button-action"]:hover, [data-focus="panel"] [data-focus="panel-content"] [data-focus="panel-button-standalone"] [data-focus="button-action"]:focus {
        background-color: #e0e0e0; }

[data-focus="panel"] [data-focus="panel-content"] [data-focus="panel-button-standalone"] [data-focus="button-action"]:active {
        background-color: #bdbdbd; }

[data-focus="panel"] [data-focus="panel-content"] [data-focus="panel-button-standalone"] [data-focus="button-action"][disabled] {
        color: #bdbdbd;
        background-color: transparent; }

[data-focus="panel"] [data-focus="panel-content"] [data-focus="panel-button-standalone"] [data-focus="button-action"] i {
        font-size: 0.875em;
        margin: 0;
        margin-right: 10px;
        margin-bottom: 2px;
        padding: 0;
        font-family: "Material Icons", sans-serif; }

[data-focus="panel"] [data-focus="panel-content"] [data-focus="panel-button-standalone"] [data-focus="button-action"] span {
        margin: 0;
        padding: 0; }

.theme-default [data-focus="panel"] [data-focus="panel-content"] [data-focus="panel-button-standalone"] [data-focus="button-action"] {
        color: #0253a4; }

.theme-frUsers [data-focus="panel"] [data-focus="panel-content"] [data-focus="panel-button-standalone"] [data-focus="button-action"] {
        color: #e31d62; }

.theme-fpUsers [data-focus="panel"] [data-focus="panel-content"] [data-focus="panel-button-standalone"] [data-focus="button-action"] {
        color: #388e3c; }

[data-focus="panel"] [data-focus="panel-content"] [data-focus="panel-button-standalone"] [data-focus="button-action"]:hover, [data-focus="panel"] [data-focus="panel-content"] [data-focus="panel-button-standalone"] [data-focus="button-action"]:focus {
        color: #ffffff; }

.theme-default [data-focus="panel"] [data-focus="panel-content"] [data-focus="panel-button-standalone"] [data-focus="button-action"]:hover, .theme-default [data-focus="panel"] [data-focus="panel-content"] [data-focus="panel-button-standalone"] [data-focus="button-action"]:focus {
          background-color: #0253a4; }

.theme-frUsers [data-focus="panel"] [data-focus="panel-content"] [data-focus="panel-button-standalone"] [data-focus="button-action"]:hover, .theme-frUsers [data-focus="panel"] [data-focus="panel-content"] [data-focus="panel-button-standalone"] [data-focus="button-action"]:focus {
          background-color: #e31d62; }

.theme-fpUsers [data-focus="panel"] [data-focus="panel-content"] [data-focus="panel-button-standalone"] [data-focus="button-action"]:hover, .theme-fpUsers [data-focus="panel"] [data-focus="panel-content"] [data-focus="panel-button-standalone"] [data-focus="button-action"]:focus {
          background-color: #388e3c; }

[data-focus="panel"] [data-focus="panel-content"] [data-focus="panel-button-standalone"] [data-focus="button-action"]:active {
        color: #ffffff; }

.theme-default [data-focus="panel"] [data-focus="panel-content"] [data-focus="panel-button-standalone"] [data-focus="button-action"]:active {
          background-color: #024486; }

.theme-frUsers [data-focus="panel"] [data-focus="panel-content"] [data-focus="panel-button-standalone"] [data-focus="button-action"]:active {
          background-color: #c2185b; }

.theme-fpUsers [data-focus="panel"] [data-focus="panel-content"] [data-focus="panel-button-standalone"] [data-focus="button-action"]:active {
          background-color: #2e7d32; }

[data-focus="panel"] [data-focus="panel-actions"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    margin-top: 20px; }

[data-focus="panel"] [data-focus="panel-actions"] button {
      font-size: 0.875em;
      padding: 14px 20px;
      height: 42px;
      border: 0;
      background-color: transparent;
      color: #6d6d6d;
      border-radius: 2px; }

[data-focus="panel"] [data-focus="panel-actions"] button:hover, [data-focus="panel"] [data-focus="panel-actions"] button:focus {
        background-color: #e0e0e0; }

[data-focus="panel"] [data-focus="panel-actions"] button:active {
        background-color: #bdbdbd; }

[data-focus="panel"] [data-focus="panel-actions"] button[disabled] {
        color: #bdbdbd;
        background-color: transparent; }

[data-focus="panel"] [data-focus="panel-actions"] button i {
        font-size: 0.875em;
        margin: 0;
        margin-right: 10px;
        margin-bottom: 2px;
        padding: 0;
        font-family: "Material Icons", sans-serif; }

[data-focus="panel"] [data-focus="panel-actions"] button span {
        margin: 0;
        padding: 0; }

.theme-default [data-focus="panel"] [data-focus="panel-actions"] button {
        color: #0253a4; }

.theme-frUsers [data-focus="panel"] [data-focus="panel-actions"] button {
        color: #e31d62; }

.theme-fpUsers [data-focus="panel"] [data-focus="panel-actions"] button {
        color: #388e3c; }

[data-focus="panel"] [data-focus="panel-actions"] button:hover, [data-focus="panel"] [data-focus="panel-actions"] button:focus {
        color: #ffffff; }

.theme-default [data-focus="panel"] [data-focus="panel-actions"] button:hover, .theme-default [data-focus="panel"] [data-focus="panel-actions"] button:focus {
          background-color: #0253a4; }

.theme-frUsers [data-focus="panel"] [data-focus="panel-actions"] button:hover, .theme-frUsers [data-focus="panel"] [data-focus="panel-actions"] button:focus {
          background-color: #e31d62; }

.theme-fpUsers [data-focus="panel"] [data-focus="panel-actions"] button:hover, .theme-fpUsers [data-focus="panel"] [data-focus="panel-actions"] button:focus {
          background-color: #388e3c; }

[data-focus="panel"] [data-focus="panel-actions"] button:active {
        color: #ffffff; }

.theme-default [data-focus="panel"] [data-focus="panel-actions"] button:active {
          background-color: #024486; }

.theme-frUsers [data-focus="panel"] [data-focus="panel-actions"] button:active {
          background-color: #c2185b; }

.theme-fpUsers [data-focus="panel"] [data-focus="panel-actions"] button:active {
          background-color: #2e7d32; }

[data-focus="panel"] .actions {
    display: block; }

[data-focus="panel"] [data-focus="main-button"] {
    border-radius: 25px;
    color: #ffffff;
    font-size: 1em;
    font-family: "RobotoRegular", sans-serif;
    text-transform: uppercase;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none; }

.theme-default [data-focus="panel"] [data-focus="main-button"] {
      background: #0253a4; }

.theme-frUsers [data-focus="panel"] [data-focus="main-button"] {
      background: #e31d62; }

.theme-fpUsers [data-focus="panel"] [data-focus="main-button"] {
      background: #388e3c; }

[data-focus="panel"] [data-focus="main-button"]:hover, [data-focus="panel"] [data-focus="main-button"]:focus, [data-focus="panel"] [data-focus="main-button"]:active {
      background-color: #ffffff; }

.theme-default [data-focus="panel"] [data-focus="main-button"]:hover, .theme-default [data-focus="panel"] [data-focus="main-button"]:focus, .theme-default [data-focus="panel"] [data-focus="main-button"]:active {
        color: #0253a4;
        border: 1px solid #0253a4; }

.theme-frUsers [data-focus="panel"] [data-focus="main-button"]:hover, .theme-frUsers [data-focus="panel"] [data-focus="main-button"]:focus, .theme-frUsers [data-focus="panel"] [data-focus="main-button"]:active {
        color: #e31d62;
        border: 1px solid #e31d62; }

.theme-fpUsers [data-focus="panel"] [data-focus="main-button"]:hover, .theme-fpUsers [data-focus="panel"] [data-focus="main-button"]:focus, .theme-fpUsers [data-focus="panel"] [data-focus="main-button"]:active {
        color: #388e3c;
        border: 1px solid #388e3c; }

[data-focus="panel-final-action"] {
  border-radius: 25px;
  color: #ffffff;
  font-size: 1em;
  font-family: "RobotoRegular", sans-serif;
  text-transform: uppercase;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  margin-right: 5px;
  margin-top: 10px;
  font-size: 0.875em; }

.theme-default [data-focus="panel-final-action"] {
    background: #0253a4; }

.theme-frUsers [data-focus="panel-final-action"] {
    background: #e31d62; }

.theme-fpUsers [data-focus="panel-final-action"] {
    background: #388e3c; }

[data-focus="panel-final-action"]:focus, [data-focus="panel-final-action"]:hover, [data-focus="panel-final-action"]:active {
    background-color: #ffffff !important; }

.theme-default [data-focus="panel-final-action"]:focus, .theme-default [data-focus="panel-final-action"]:hover, .theme-default [data-focus="panel-final-action"]:active {
      color: #0253a4;
      border: 1px solid #0253a4; }

.theme-frUsers [data-focus="panel-final-action"]:focus, .theme-frUsers [data-focus="panel-final-action"]:hover, .theme-frUsers [data-focus="panel-final-action"]:active {
      color: #e31d62;
      border: 1px solid #e31d62; }

.theme-fpUsers [data-focus="panel-final-action"]:focus, .theme-fpUsers [data-focus="panel-final-action"]:hover, .theme-fpUsers [data-focus="panel-final-action"]:active {
      color: #388e3c;
      border: 1px solid #388e3c; }

[data-focus="other-button"] {
  border-radius: 25px;
  color: #ffffff;
  font-size: 1em;
  font-family: "RobotoRegular", sans-serif;
  text-transform: uppercase;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  font-size: 0.875em; }

.theme-default [data-focus="other-button"] {
    background: #0253a4; }

.theme-frUsers [data-focus="other-button"] {
    background: #e31d62; }

.theme-fpUsers [data-focus="other-button"] {
    background: #388e3c; }

[data-focus="other-button"]:focus, [data-focus="other-button"]:hover, [data-focus="other-button"]:active {
    background-color: #ffffff; }

.theme-default [data-focus="other-button"]:focus, .theme-default [data-focus="other-button"]:hover, .theme-default [data-focus="other-button"]:active {
      color: #0253a4;
      border: 1px solid #0253a4; }

.theme-frUsers [data-focus="other-button"]:focus, .theme-frUsers [data-focus="other-button"]:hover, .theme-frUsers [data-focus="other-button"]:active {
      color: #e31d62;
      border: 1px solid #e31d62; }

.theme-fpUsers [data-focus="other-button"]:focus, .theme-fpUsers [data-focus="other-button"]:hover, .theme-fpUsers [data-focus="other-button"]:active {
      color: #388e3c;
      border: 1px solid #388e3c; }

[data-mode="consult"]
[data-focus="select-checkbox"]
[data-focus="input-checkbox-container"] {
  pointer-events: none;
  cursor: auto;
  cursor: initial;
  margin-left: 0; }

[data-mode="consult"]
[data-focus="select-checkbox"]
[data-focus="input-checkbox-container"] .mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border-color: #6d6d6d; }

[data-mode="consult"]
[data-focus="select-checkbox"]
[data-focus="input-checkbox-container"] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background-color: #6d6d6d; }

[data-focus="select-chekbox-form"] {
  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; }

[data-focus="select-chekbox-form"] > label {
    -ms-flex-item-align: center;
        align-self: center;
    width: calc(33.33333% - 16px);
    margin: 8px;
    text-align: right;
    font-weight: normal;
    font-size: 0.938em;
    color: #282828;
    background-color: transparent;
    font-family: "RobotoRegular", sans-serif; }

[data-focus="select-chekbox-form"] [data-focus="select-checkbox"] {
    width: calc(66.66667% - 16px);
    margin: 8px;
    -ms-flex-item-align: start;
        align-self: flex-start; }

.separateContent {
  border-bottom: groove;
  margin-bottom: 20px;
  padding-top: 15px;
  width: 60%;
  margin-left: 15%;
  height: 2px; }

[data-focus="select-chekbox-popin-form"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  color: black; }

[data-focus="select-chekbox-popin-form"] > label {
    -ms-flex-item-align: start;
        align-self: flex-start;
    margin: 8px;
    font-weight: normal;
    color: #282828;
    background-color: transparent;
    font-family: "RobotoRegular", sans-serif; }

[data-focus="select-chekbox-popin-form"] [data-focus="select-checkbox"] {
    margin: 8px;
    margin-left: 33.33%;
    -ms-flex-item-align: start;
        align-self: flex-start;
    /* [data-focus='checkbox'] label {
            color: deeppink;
        } */ }

[data-focus="select-chekbox-popin-form"] [data-focus="select-checkbox"] [data-focus="input-checkbox-container"] label {
      height: auto; }

[data-focus="trait-separateur"] {
  height: 1px;
  background-color: #6d6d6d;
  margin-bottom: 10px;
  margin-top: 10px; }
div[data-domain="DO_RADIO"][data-focus="field"][data-mode="consult"] div[data-focus="field-value-container"] label[data-focus="label"] {
  font-weight: normal;
  font-size: 0.938em;
  color: #282828;
  background-color: transparent;
  font-family: "RobotoRegular", sans-serif;
  padding: 4px 0 0 0;
  border: 0; }

div[data-focus="field"][data-mode="edit"][data-domain]
[data-focus="field-value-container"]
> div {
  width: 300px; }

[data-focus="field"] {
  color: #6d6d6d; }

[data-focus="field-label-container"] {
  -ms-flex-item-align: center;
      align-self: center; }

[data-focus="select"] select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 300px;
  border: 1px solid #eeeeee;
  padding: 5px;
  margin: 0 !important;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis; }

[data-focus="select"] select option {
    width: 350px;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden; }

[data-focus="select"] select[multiple] {
    padding: 0; }

[data-focus="select"] select[multiple] option {
      padding: 5px; }

[data-focus="select"] select[disabled] {
    background-color: #e0e0e0; }

[data-focus="field"] [data-focus="field-label-container"] [data-focus="label"] {
  margin: 0 !important; }

[data-focus="field"] [data-focus="field-value-container"] {
  height: 25px; }

[data-focus="field"] [data-focus="field-value-container"] input {
    font-size: 16px;
    color: #ffffff;
    font-size: 14px !important;
    padding: 3px 0;
    padding-left: 5px; }

[data-focus="field"] [data-focus="field-value-container"] label {
    font-family: "RobotoRegular", sans-serif;
    color: #ffffff;
    font-size: 16px;
    padding-left: 5px; }

[data-focus="field"] [data-focus="field-value-container"] [data-focus="autocomplete"] {
    width: calc(66.66667% - 16px);
    display: inline-block; }

[data-focus="field"] [data-focus="field-value-container"] [data-focus="autocomplete"] [data-focus="input-text"] {
      width: 100%;
      -webkit-box-shadow: none;
              box-shadow: none;
      border-bottom: 1px solid rgba(0, 0, 0, .12); }

[data-focus="field"] [data-focus="field-value-container"] [data-focus="autocomplete"] [data-focus="input-text"] label::after {
        background-color: #3f51b5; }

[data-focus="field"] [data-focus="field-value-container"] [data-focus="icon-autocomplete"] {
    max-width: calc(33.33333% + 16px);
    display: inline-block; }

[data-focus="field"][data-mode="edit"] [data-focus="field-value-container"] label {
  background: transparent; }

.theme-default [data-focus="field"][data-mode="edit"] [data-focus="field-value-container"] label {
    color: #013568; }

.theme-frUsers [data-focus="field"][data-mode="edit"] [data-focus="field-value-container"] label {
    color: #880e4f; }

.theme-fpUsers [data-focus="field"][data-mode="edit"] [data-focus="field-value-container"] label {
    color: #1b5e20; }

[data-focus="field"][data-mode="edit"] [data-focus="field-value-container"] label .mdl-radio__label {
    font-weight: normal;
    font-size: 0.938em;
    color: #282828;
    background-color: transparent;
    font-family: "RobotoRegular", sans-serif; }

[data-focus="select-large"] [data-focus="field"] [data-focus="field-value-container"] {
  height: auto; }

[data-focus="field"][data-mode="consult"] [data-focus="field-label-container"] {
  height: 25px; }

[data-focus="field"][data-mode="edit"] [data-focus="field-label-container"] {
  height: 20px; }

[data-focus="user-autocomplete"] {
  width: 100%;
  margin-bottom: 10px; }

[data-focus="user-autocomplete"] [data-focus="input-text"] {
    width: 25%; }

[data-focus="user-autocomplete"] [data-focus="input-text"] input {
      font-size: 16px;
      color: #ffffff;
      font-size: 14px !important;
      padding: 3px 0;
      padding-left: 5px;
      border: none !important;
      border-bottom: 1px solid rgba(0, 0, 0, .12) !important;
      background-color: transparent !important; }

[data-focus="user-autocomplete"] [data-focus="input-text"] label {
      font-family: "RobotoRegular", sans-serif;
      color: #ffffff;
      font-size: 16px;
      padding-left: 5px; }

.dz-preview.dz-file-preview {
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center; }

.dz-preview.dz-file-preview .dz-image {
    width: 100%; }

.dz-preview.dz-file-preview .dz-details {
    width: 100%; }

.dz-preview.dz-file-preview .dz-progress {
    display: none;
    width: 100%;
    height: 20px; }

.dz-preview.dz-file-preview .dz-progress .dz-upload {
      height: 20px;
      display: block;
      border-radius: 3px;
      background-color: #6d6d6d; }

.dz-preview.dz-file-preview .dz-error-message {
    width: 100%;
    color: #ff7777; }

.dz-preview.dz-file-preview .dz-success-mark {
    color: #77ff77; }

.dz-preview.dz-file-preview .dz-success-mark svg g path {
      fill: currentColor;
      stroke: #6d6d6d; }

.dz-preview.dz-file-preview .dz-error-mark {
    color: #ff7777; }

.dz-preview.dz-file-preview .dz-error-mark svg g g {
      fill: currentColor;
      stroke: #6d6d6d; }

.dz-preview.dz-file-preview .dz-error-mark,
  .dz-preview.dz-file-preview .dz-success-mark {
    width: 100%;
    display: none; }

.mdl-radio__inner-circle {
  visibility: hidden;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none; }

.mdl-radio.is-checked .mdl-radio__inner-circle {
  visibility: visible;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none; }

.mdl-radio.is-checked .mdl-radio__outer-circle,
.mdl-radio__outer-circle {
  top: 8px; }

.theme-default .mdl-radio.is-checked .mdl-radio__outer-circle, .theme-default
  .mdl-radio__outer-circle {
    border: 2px solid #013568; }

.theme-frUsers .mdl-radio.is-checked .mdl-radio__outer-circle, .theme-frUsers
  .mdl-radio__outer-circle {
    border: 2px solid #880e4f; }

.theme-fpUsers .mdl-radio.is-checked .mdl-radio__outer-circle, .theme-fpUsers
  .mdl-radio__outer-circle {
    border: 2px solid #1b5e20; }

.mdl-radio__inner-circle {
  top: 12px; }

.theme-default .mdl-radio__inner-circle {
    background: #013568; }

.theme-frUsers .mdl-radio__inner-circle {
    background: #880e4f; }

.theme-fpUsers .mdl-radio__inner-circle {
    background: #1b5e20; }

legend[data-focus="legend-hidden"] {
  display: none; }

[data-focus="autocomplete-simple"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

[data-focus="autocomplete-simple"] .sl-action-field {
    margin-left: 10px; }

[data-focus="autocomplete-simple"] .sl-action-field button {
      height: 25px;
      width: 25px;
      min-width: 25px;
      margin: 0px; }

[data-focus="autocomplete-add"] .sl-action-field {
  margin-left: 10px; }

[data-focus="autocomplete-add"] .sl-action-field button {
    height: 25px;
    width: 25px;
    min-width: 25px;
    margin: 0px; }

[data-focus="field-value-container"]
.autoWithPlaceHolder
label.mdl-textfield__label {
  padding: 0;
  font-style: italic; }

[data-domain="DO_NUM_SECU_SOC"] [data-focus="field-label-container"],
[data-domain="DO_AUTOCOMPLETE_ADD"] [data-focus="field-label-container"] {
  -ms-flex-item-align: start;
      align-self: flex-start; }

[data-domain="DO_NUM_SECU_SOC"] [data-focus="field-value-container"],
[data-domain="DO_AUTOCOMPLETE_ADD"] [data-focus="field-value-container"] {
  height: auto; }

[data-domain="DO_NUM_SECU_SOC"] [data-focus="field-value-container"] .message-under-field,
  [data-domain="DO_AUTOCOMPLETE_ADD"] [data-focus="field-value-container"] .message-under-field {
    font-size: 12px; }

[data-domain="DO_NUM_SECU_SOC"] [data-focus="field-value-container"] .message-under-field .error-message-preline,
    [data-domain="DO_AUTOCOMPLETE_ADD"] [data-focus="field-value-container"] .message-under-field .error-message-preline {
      white-space: pre-line; }

[data-domain="DO_NUM_SECU_SOC"] [data-focus="field-value-container"] .message-under-field .error-message,
    [data-domain="DO_AUTOCOMPLETE_ADD"] [data-focus="field-value-container"] .message-under-field .error-message {
      color: #d50000; }

[data-domain="DO_NUM_SECU_SOC"] [data-focus="field-value-container"] .message-under-field .error-message > a,
      [data-domain="DO_AUTOCOMPLETE_ADD"] [data-focus="field-value-container"] .message-under-field .error-message > a {
        color: inherit !important; }

[data-domain="DO_NUM_SECU_SOC"] [data-focus="field-value-container"] .message-under-field .success-message,
    [data-domain="DO_AUTOCOMPLETE_ADD"] [data-focus="field-value-container"] .message-under-field .success-message {
      color: #228b22; }

.instructions-champ {
  margin-left: 34%;
  margin-top: 30px;
  font-size: 0.9em;
  max-width: 40%;
  font-style: italic; }

.ville-component {
  width: 100% !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.ville-component .sl-action-field {
    padding-left: 10px;
    width: 0px !important; }

.theme-default .ville-component .sl-action-field {
      color: #0253a4 !important; }

.theme-frUsers .ville-component .sl-action-field {
      color: #e31d62 !important; }

.theme-fpUsers .ville-component .sl-action-field {
      color: #388e3c !important; }

.ville-component .sl-action-field .hover-help {
      width: 32px;
      height: 32px; }

.ville-component .bubble-help {
    position: relative;
    bottom: 50px;
    width: auto !important;
    padding: 15px;
    border-radius: 1rem;
    -webkit-box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, .3), 0 0.0625rem 0.125rem rgba(0, 0, 0, .2);
            box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, .3), 0 0.0625rem 0.125rem rgba(0, 0, 0, .2); }

.theme-default .ville-component .bubble-help {
      background: #013568 !important;
      color: white !important; }

.theme-frUsers .ville-component .bubble-help {
      background: #880e4f !important;
      color: white !important; }

.theme-fpUsers .ville-component .bubble-help {
      background: #1b5e20 !important;
      color: white !important; }

.ville-component .bubble-help::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -8px;
    bottom: -0.5rem;
    left: 1.5em;
    border-right: 8px solid transparent;
    border-right: 0.5rem solid transparent;
    border-top: 8px solid;
    border-top: 0.5rem solid;
    -webkit-filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, .1));
            filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, .1));
    -webkit-filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, .1));
            filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, .1)); }

.theme-default .ville-component .bubble-help::before {
      border-top-color: #013568 !important; }

.theme-frUsers .ville-component .bubble-help::before {
      border-top-color: #880e4f !important; }

.theme-fpUsers .ville-component .bubble-help::before {
      border-top-color: #1b5e20 !important; }

.is-invalid-ville {
  width: 100% !important; }

[data-focus="input-toggle"] {
  border-bottom: none !important; }

[data-focus="toggle-tick"] .green-icon {
  color: #228b22; }

[data-focus="toggle-tick"] .red-icon {
  color: #cc0000; }

ul.no-bullet {
  list-style-type: none; }

[data-domain="DO_MULTI_EMAIL"] [data-focus="field-label-container"] {
  -ms-flex-item-align: start;
      align-self: flex-start; }

[data-domain="DO_MULTI_EMAIL"] [data-focus="field-value-container"] {
  height: unset; }

[data-domain="DO_MULTI_EMAIL"] [data-focus="field-value-container"] .multi-email-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem; }

[data-domain="DO_MULTI_EMAIL"] [data-focus="field-value-container"] .multi-email-container .multi-email-fields {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }

[data-domain="DO_MULTI_EMAIL"] [data-focus="field-value-container"] .multi-email-container .multi-email-fields .multi-email-field {
        margin-bottom: 20px; }

[data-domain="DO_MULTI_EMAIL"] [data-focus="field-value-container"] .multi-email-container [data-focus="button-action"] {
      width: 23px;
      height: 23px;
      min-width: unset;
      margin-top: 0px !important;
      margin-bottom: 20px;
      padding: 0;
      -ms-flex-item-align: end;
          align-self: flex-end; }

[data-domain="DO_CHECKBOX"]
[data-focus="field-value-container"]
[data-focus="input-checkbox-container"]
[data-focus="input-checkbox"] {
  border-bottom: none; }
[data-focus="popin"] > [data-focus="popin-overlay"] {
  z-index: 3001 !important; }

[data-focus="popin"] > [data-focus="popin-overlay"] [data-focus="popin-window"] {
  -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, .33), 0 1px 10px 0 rgba(0, 0, 0, .25), 0 2px 4px -1px rgba(0, 0, 0, .1);
          box-shadow: 0 0 5px 5px rgba(0, 0, 0, .33), 0 1px 10px 0 rgba(0, 0, 0, .25), 0 2px 4px -1px rgba(0, 0, 0, .1); }

[data-focus="popin"] > [data-focus="popin-overlay"] [data-focus="popin-window"] [data-focus="panel"] {
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    margin: 0; }

[data-focus="popin"] > [data-focus="popin-overlay"] [data-focus="popin-window"] [data-focus="panel"] [data-focus="panel-title"] {
      border: none !important; }

[data-focus="popin"] [data-focus="field"] [data-mode="edit"] [data-focus="field-label-container"] {
  height: auto; }

[data-focus="popin"] [data-focus="field"] [data-focus="field-label-container"] [data-focus="label"] {
  font-weight: normal;
  font-size: 0.938em;
  color: #282828;
  background-color: transparent;
  font-family: "RobotoRegular", sans-serif; }

[data-focus="popin"] [data-focus="field-value-container"] .mdl-textfield__label {
  background-color: transparent; }

[data-focus="popin"] [data-focus="field-value-container"] [data-focus="input-text"] input {
  color: #282828;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

[data-focus="popin"] [data-focus="field-value-container"] [data-focus="input-text"] label {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.popin [data-focus="popin"] [data-focus="button-action"]:not([data-popin="button-ville"]),
[data-focus="popin"] [data-focus="button-action"]:not([data-popin="button-ville"]) {
  border-radius: 25px;
  color: #ffffff;
  font-size: 1em;
  font-family: "RobotoRegular", sans-serif;
  text-transform: uppercase;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  margin-top: 24px;
  font-size: 0.875em; }

.theme-default .popin [data-focus="popin"] [data-focus="button-action"]:not([data-popin="button-ville"]), .theme-default
  [data-focus="popin"] [data-focus="button-action"]:not([data-popin="button-ville"]) {
    background: #0253a4; }

.theme-frUsers .popin [data-focus="popin"] [data-focus="button-action"]:not([data-popin="button-ville"]), .theme-frUsers
  [data-focus="popin"] [data-focus="button-action"]:not([data-popin="button-ville"]) {
    background: #e31d62; }

.theme-fpUsers .popin [data-focus="popin"] [data-focus="button-action"]:not([data-popin="button-ville"]), .theme-fpUsers
  [data-focus="popin"] [data-focus="button-action"]:not([data-popin="button-ville"]) {
    background: #388e3c; }

.theme-default .popin [data-focus="popin"] [data-focus="button-action"]:not([data-popin="button-ville"]), .theme-default
  [data-focus="popin"] [data-focus="button-action"]:not([data-popin="button-ville"]) {
    border: 1px solid #0253a4; }

.theme-frUsers .popin [data-focus="popin"] [data-focus="button-action"]:not([data-popin="button-ville"]), .theme-frUsers
  [data-focus="popin"] [data-focus="button-action"]:not([data-popin="button-ville"]) {
    border: 1px solid #e31d62; }

.theme-fpUsers .popin [data-focus="popin"] [data-focus="button-action"]:not([data-popin="button-ville"]), .theme-fpUsers
  [data-focus="popin"] [data-focus="button-action"]:not([data-popin="button-ville"]) {
    border: 1px solid #388e3c; }

.popin [data-focus="popin"] [data-focus="button-action"]:not([data-popin="button-ville"]):focus, .popin [data-focus="popin"] [data-focus="button-action"]:not([data-popin="button-ville"]):hover, .popin [data-focus="popin"] [data-focus="button-action"]:not([data-popin="button-ville"]):active,
  [data-focus="popin"] [data-focus="button-action"]:not([data-popin="button-ville"]):focus,
  [data-focus="popin"] [data-focus="button-action"]:not([data-popin="button-ville"]):hover,
  [data-focus="popin"] [data-focus="button-action"]:not([data-popin="button-ville"]):active {
    background-color: #ffffff !important; }

.theme-default .popin [data-focus="popin"] [data-focus="button-action"]:not([data-popin="button-ville"]):focus, .theme-default .popin [data-focus="popin"] [data-focus="button-action"]:not([data-popin="button-ville"]):hover, .theme-default .popin [data-focus="popin"] [data-focus="button-action"]:not([data-popin="button-ville"]):active, .theme-default
    [data-focus="popin"] [data-focus="button-action"]:not([data-popin="button-ville"]):focus, .theme-default
    [data-focus="popin"] [data-focus="button-action"]:not([data-popin="button-ville"]):hover, .theme-default
    [data-focus="popin"] [data-focus="button-action"]:not([data-popin="button-ville"]):active {
      color: #0253a4; }

.theme-frUsers .popin [data-focus="popin"] [data-focus="button-action"]:not([data-popin="button-ville"]):focus, .theme-frUsers .popin [data-focus="popin"] [data-focus="button-action"]:not([data-popin="button-ville"]):hover, .theme-frUsers .popin [data-focus="popin"] [data-focus="button-action"]:not([data-popin="button-ville"]):active, .theme-frUsers
    [data-focus="popin"] [data-focus="button-action"]:not([data-popin="button-ville"]):focus, .theme-frUsers
    [data-focus="popin"] [data-focus="button-action"]:not([data-popin="button-ville"]):hover, .theme-frUsers
    [data-focus="popin"] [data-focus="button-action"]:not([data-popin="button-ville"]):active {
      color: #e31d62; }

.theme-fpUsers .popin [data-focus="popin"] [data-focus="button-action"]:not([data-popin="button-ville"]):focus, .theme-fpUsers .popin [data-focus="popin"] [data-focus="button-action"]:not([data-popin="button-ville"]):hover, .theme-fpUsers .popin [data-focus="popin"] [data-focus="button-action"]:not([data-popin="button-ville"]):active, .theme-fpUsers
    [data-focus="popin"] [data-focus="button-action"]:not([data-popin="button-ville"]):focus, .theme-fpUsers
    [data-focus="popin"] [data-focus="button-action"]:not([data-popin="button-ville"]):hover, .theme-fpUsers
    [data-focus="popin"] [data-focus="button-action"]:not([data-popin="button-ville"]):active {
      color: #388e3c; }

.popin [data-focus="popin"] [data-focus="button-action"].secondary-button:not([data-popin="button-ville"]),
[data-focus="popin"] [data-focus="button-action"].secondary-button:not([data-popin="button-ville"]) {
  border-radius: 25px;
  color: #ffffff;
  font-size: 1em;
  font-family: "RobotoRegular", sans-serif;
  text-transform: uppercase;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  margin-top: 24px;
  font-size: 0.875em; }

.theme-default .popin [data-focus="popin"] [data-focus="button-action"].secondary-button:not([data-popin="button-ville"]), .theme-default
  [data-focus="popin"] [data-focus="button-action"].secondary-button:not([data-popin="button-ville"]) {
    background: #0253a4; }

.theme-frUsers .popin [data-focus="popin"] [data-focus="button-action"].secondary-button:not([data-popin="button-ville"]), .theme-frUsers
  [data-focus="popin"] [data-focus="button-action"].secondary-button:not([data-popin="button-ville"]) {
    background: #e31d62; }

.theme-fpUsers .popin [data-focus="popin"] [data-focus="button-action"].secondary-button:not([data-popin="button-ville"]), .theme-fpUsers
  [data-focus="popin"] [data-focus="button-action"].secondary-button:not([data-popin="button-ville"]) {
    background: #388e3c; }

.theme-default .popin [data-focus="popin"] [data-focus="button-action"].secondary-button:not([data-popin="button-ville"]), .theme-default
  [data-focus="popin"] [data-focus="button-action"].secondary-button:not([data-popin="button-ville"]) {
    background: #ffffff;
    color: #0253a4;
    border: 1px solid #0253a4; }

.theme-frUsers .popin [data-focus="popin"] [data-focus="button-action"].secondary-button:not([data-popin="button-ville"]), .theme-frUsers
  [data-focus="popin"] [data-focus="button-action"].secondary-button:not([data-popin="button-ville"]) {
    background: #ffffff;
    color: #e31d62;
    border: 1px solid #e31d62; }

.theme-fpUsers .popin [data-focus="popin"] [data-focus="button-action"].secondary-button:not([data-popin="button-ville"]), .theme-fpUsers
  [data-focus="popin"] [data-focus="button-action"].secondary-button:not([data-popin="button-ville"]) {
    background: #ffffff;
    color: #388e3c;
    border: 1px solid #388e3c; }

.popin [data-focus="popin"] [data-focus="button-action"].secondary-button:not([data-popin="button-ville"]):focus, .popin [data-focus="popin"] [data-focus="button-action"].secondary-button:not([data-popin="button-ville"]):hover, .popin [data-focus="popin"] [data-focus="button-action"].secondary-button:not([data-popin="button-ville"]):active,
  [data-focus="popin"] [data-focus="button-action"].secondary-button:not([data-popin="button-ville"]):focus,
  [data-focus="popin"] [data-focus="button-action"].secondary-button:not([data-popin="button-ville"]):hover,
  [data-focus="popin"] [data-focus="button-action"].secondary-button:not([data-popin="button-ville"]):active {
    background-color: #eeeeee !important; }

.theme-default .popin [data-focus="popin"] [data-focus="button-action"].secondary-button:not([data-popin="button-ville"]):focus, .theme-default .popin [data-focus="popin"] [data-focus="button-action"].secondary-button:not([data-popin="button-ville"]):hover, .theme-default .popin [data-focus="popin"] [data-focus="button-action"].secondary-button:not([data-popin="button-ville"]):active, .theme-default
    [data-focus="popin"] [data-focus="button-action"].secondary-button:not([data-popin="button-ville"]):focus, .theme-default
    [data-focus="popin"] [data-focus="button-action"].secondary-button:not([data-popin="button-ville"]):hover, .theme-default
    [data-focus="popin"] [data-focus="button-action"].secondary-button:not([data-popin="button-ville"]):active {
      color: #0253a4;
      border: 1px solid #0253a4; }

.theme-frUsers .popin [data-focus="popin"] [data-focus="button-action"].secondary-button:not([data-popin="button-ville"]):focus, .theme-frUsers .popin [data-focus="popin"] [data-focus="button-action"].secondary-button:not([data-popin="button-ville"]):hover, .theme-frUsers .popin [data-focus="popin"] [data-focus="button-action"].secondary-button:not([data-popin="button-ville"]):active, .theme-frUsers
    [data-focus="popin"] [data-focus="button-action"].secondary-button:not([data-popin="button-ville"]):focus, .theme-frUsers
    [data-focus="popin"] [data-focus="button-action"].secondary-button:not([data-popin="button-ville"]):hover, .theme-frUsers
    [data-focus="popin"] [data-focus="button-action"].secondary-button:not([data-popin="button-ville"]):active {
      color: #e31d62;
      border: 1px solid #e31d62; }

.theme-fpUsers .popin [data-focus="popin"] [data-focus="button-action"].secondary-button:not([data-popin="button-ville"]):focus, .theme-fpUsers .popin [data-focus="popin"] [data-focus="button-action"].secondary-button:not([data-popin="button-ville"]):hover, .theme-fpUsers .popin [data-focus="popin"] [data-focus="button-action"].secondary-button:not([data-popin="button-ville"]):active, .theme-fpUsers
    [data-focus="popin"] [data-focus="button-action"].secondary-button:not([data-popin="button-ville"]):focus, .theme-fpUsers
    [data-focus="popin"] [data-focus="button-action"].secondary-button:not([data-popin="button-ville"]):hover, .theme-fpUsers
    [data-focus="popin"] [data-focus="button-action"].secondary-button:not([data-popin="button-ville"]):active {
      color: #388e3c;
      border: 1px solid #388e3c; }

[data-focus="popin-without-overlay"] > [data-focus="popin"] > [data-focus="popin-overlay"] {
  width: 0 !important;
  z-index: 4000 !important; }

[data-focus="popin"][data-type="full"] > div > [data-focus="popin-window"] {
  min-width: auto !important;
  min-height: 0 !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  margin-left: 0 !important;
  margin-right: 0 !important; }

[data-focus="popin"][data-type="full"] > [data-focus="popin-overlay"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

[data-focus="confirmation-popin"] [data-focus="button-stack"] {
  position: relative; }

[data-focus="confirmation-popin"] [data-focus="popin-window"] {
  padding: 20px; }

[data-focus="popin"][data-type="full"]
div[data-focus="field"][data-mode="edit"][data-domain]
[data-focus="field-value-container"]
> div {
  width: 100%; }

[data-focus="popin"][data-type="full"]
div[data-focus="field"][data-mode="edit"][data-domain]
[data-focus="field-value-container"]
> div select {
    width: 100%; }

[data-focus="popin"][data-type="from-right"] [data-focus="popin-window"] > div:first-child {
  margin-bottom: 70px; }

[data-focus="button-planning-center"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

[data-focus="button-planning-center"] > button {
    margin-left: 40px; }

.popin-custom-courriel {
  width: 50vw; }

.popin-custom-courriel .public-DraftEditor-content {
    height: 150px;
    overflow: auto; }

[data-popin="info-popin-panel"] {
  min-height: auto;
  max-width: 1000px;
  min-width: 400px; }

[data-popin="info-popin-panel"] .main-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
    margin-top: 1rem; }

[data-popin="info-popin-panel"] .main-container .icon-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border-radius: 5px;
      padding: 0.2rem;
      color: white; }

[data-popin="info-popin-panel"] .main-container .icon-container.warning {
        background-color: #b71c1c; }

[data-popin="info-popin-panel"] .main-container .icon-container.info {
        background-color: #0253a3; }

[data-popin="info-popin-panel"] .main-container .content-container {
      margin-left: 2rem; }

[data-popin="info-popin-panel"] .button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

[data-popin="info-popin-panel"] i.material-icons {
    font-family: "Material Icons"; }
[data-focus="advanced-search"] {
  padding: 0; }
  [data-focus="advanced-search"] [data-focus="facet-container"] {
    position: fixed;
    height: calc(100vh - 50px);
    top: 131px;
    background-color: #f5f5f5;
    -webkit-transition: width 0.3s ease,
 margin-left 0.3s ease;
    -o-transition: width 0.3s ease,
 margin-left 0.3s ease;
    transition: width 0.3s ease,
 margin-left 0.3s ease;
    overflow: hidden; }
  [data-focus="advanced-search"] [data-focus="facet-container"] [data-focus="facet-box"] {
      position: relative;
      height: 100%;
      width: 250px;
      padding: 0;
      margin: 0;
      background-color: inherit;
      -webkit-transition: width 0.3s ease;
      -o-transition: width 0.3s ease;
      transition: width 0.3s ease; }
  [data-focus="advanced-search"] [data-focus="facet-container"] [data-focus="facet-box"].collapsed {
        width: 30.5px; }
  [data-focus="advanced-search"] [data-focus="facet-container"] [data-focus="facet-box"].collapsed [data-focus="facet-box-heading"] h2::after {
          content: "\E5CC"; }
  [data-focus="advanced-search"] [data-focus="facet-container"] [data-focus="facet-box"] [data-focus="facet-box-heading"] {
        height: 40px;
        padding: 10px;
        margin: 0;
        border: 0; }
  [data-focus="advanced-search"] [data-focus="facet-container"] [data-focus="facet-box"] [data-focus="facet-box-heading"] h2 {
          font-family: "RobotoBold", sans-serif;
          font-size: 1.25em;
          font-weight: bold;
          padding: 0;
          border: 0;
          margin: 0;
          font-weight: normal; }
  .theme-default [data-focus="advanced-search"] [data-focus="facet-container"] [data-focus="facet-box"] [data-focus="facet-box-heading"] h2 {
            color: #013568; }
  .theme-frUsers [data-focus="advanced-search"] [data-focus="facet-container"] [data-focus="facet-box"] [data-focus="facet-box-heading"] h2 {
            color: #880e4f; }
  .theme-fpUsers [data-focus="advanced-search"] [data-focus="facet-container"] [data-focus="facet-box"] [data-focus="facet-box-heading"] h2 {
            color: #1b5e20; }
  [data-focus="advanced-search"] [data-focus="facet-container"] [data-focus="facet-box"] [data-focus="facet-box-heading"] h2::after {
            content: "\E5CB"; }
  [data-focus="advanced-search"] [data-focus="facet-container"] [data-focus="facet-box"] [data-focus="facet-box-body"] {
        width: 250px;
        height: calc(100% - 60px);
        overflow-y: auto;
        overflow-x: hidden;
        margin-bottom: 10px; }
  [data-focus="advanced-search"] [data-focus="facet-container"] [data-focus="facet-box"] [data-focus="facet-box-body"] [data-focus="facet"] [data-focus="facet-title"] {
          background-color: #f5f5f5;
          padding: 18px 10px;
          border-bottom: 1px solid #c3c3c3;
          margin-left: 10px;
          margin-right: 10px; }
  [data-focus="advanced-search"] [data-focus="facet-container"] [data-focus="facet-box"] [data-focus="facet-box-body"] [data-focus="facet"] [data-focus="facet-title"] h3 {
            padding: 0;
            font-size: 1em; }
  .theme-default [data-focus="advanced-search"] [data-focus="facet-container"] [data-focus="facet-box"] [data-focus="facet-box-body"] [data-focus="facet"] [data-focus="facet-title"] h3 {
              color: #013568; }
  .theme-frUsers [data-focus="advanced-search"] [data-focus="facet-container"] [data-focus="facet-box"] [data-focus="facet-box-body"] [data-focus="facet"] [data-focus="facet-title"] h3 {
              color: #880e4f; }
  .theme-fpUsers [data-focus="advanced-search"] [data-focus="facet-container"] [data-focus="facet-box"] [data-focus="facet-box-body"] [data-focus="facet"] [data-focus="facet-title"] h3 {
              color: #1b5e20; }
  [data-focus="advanced-search"] [data-focus="facet-container"] [data-focus="facet-box"] [data-focus="facet-box-body"] [data-focus="facet"].facet-collapsed [data-focus="facet-title"] h3::after {
          content: "\E5C5"; }
  [data-focus="advanced-search"] [data-focus="facet-container"] [data-focus="facet-box"] [data-focus="facet-box-body"] [data-focus="facet"].facet-expanded [data-focus="facet-title"] h3::after {
          content: "\E5C7"; }
  [data-focus="advanced-search"] [data-focus="facet-container"] [data-focus="facet-box"] [data-focus="facet-box-body"] [data-focus="facet"] [data-focus="facet-data-list"] {
          margin-top: 0;
          border-bottom: 0; }
  [data-focus="advanced-search"] [data-focus="facet-container"] [data-focus="facet-box"] [data-focus="facet-box-body"] [data-focus="facet"] [data-focus="facet-data-list"] ul {
            padding: 5px 5px 5px 18px; }
  [data-focus="advanced-search"] [data-focus="facet-container"] [data-focus="facet-box"] [data-focus="facet-box-body"] [data-focus="facet"].facet-selected h3:after {
          font-size: 15px; }
  [data-focus="advanced-search"] [data-focus="result-container"] {
    padding-bottom: 20px;
    -webkit-transition: margin-left 0.3s ease,
 width 0.3s ease;
    -o-transition: margin-left 0.3s ease,
 width 0.3s ease;
    transition: margin-left 0.3s ease,
 width 0.3s ease;
    display: block;
    margin-left: 250px;
    width: calc(100% - 290px);
    padding-left: 20px; }
  [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-summary"] {
      height: 32px;
      padding-left: 8px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 20px; }
  [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-summary"] .sentence {
        font-family: "RobotoBold", sans-serif;
        font-weight: bold;
        font-size: 16px; }
  .theme-default [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-summary"] .sentence {
          color: #013568; }
  .theme-frUsers [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-summary"] .sentence {
          color: #880e4f; }
  .theme-fpUsers [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-summary"] .sentence {
          color: #1b5e20; }
  [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-summary"] [data-focus="button-action"] {
        background-color: #fafafa; }
  [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] {
      background-color: #ffffff;
      height: 32px;
      padding: 8px;
      margin-bottom: 8px; }
  [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] [data-focus="global-list-content"] {
        width: 120px;
        margin: 0 0 0 8px; }
  [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] [data-focus="selected-facet-content"] {
        width: calc(100% - 272px);
        margin: 0 8px; }
  [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] [data-focus="selected-facet-content"] [data-focus="button-action"] {
          background-color: #fafafa; }
  [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] [data-focus="contextual-action-content"] {
        width: 120px;
        margin: 0 8px 0 0; }
  [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"] {
        background-color: #ffffff;
        border-bottom: 1px solid #eeeeee; }
  .theme-default [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"]:hover, .theme-default [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"]:focus {
          color: #013568;
          background-color: #becfe7; }
  .theme-frUsers [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"]:hover, .theme-frUsers [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"]:focus {
          color: #880e4f;
          background-color: #fbd4e1; }
  .theme-fpUsers [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"]:hover, .theme-fpUsers [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"]:focus {
          color: #1b5e20;
          background-color: #d1ebd2; }
  [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"] [data-niveau="1"] {
          font-family: "RobotoBold", sans-serif;
          font-size: 1.25em;
          font-weight: bold; }
  .theme-default [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"] [data-niveau="1"] {
            color: #013568; }
  .theme-frUsers [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"] [data-niveau="1"] {
            color: #880e4f; }
  .theme-fpUsers [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"] [data-niveau="1"] {
            color: #1b5e20; }
  [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"] [data-niveau="2"] {
          font-size: 16px;
          color: #ffffff; }
  [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"] [data-niveau="3"] {
          font-family: "RobotoRegular", sans-serif;
          color: #ffffff;
          font-size: 16px; }
  [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"] .sl-actions {
          display: inline-block; }
  [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"] .sl-actions .demande-action {
            border-radius: 25px;
            color: #ffffff;
            font-size: 1em;
            font-family: "RobotoRegular", sans-serif;
            text-transform: uppercase;
            -webkit-box-shadow: none;
                    box-shadow: none;
            -webkit-transition: none;
            -o-transition: none;
            transition: none;
            margin-right: 5px; }
  .theme-default [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"] .sl-actions .demande-action {
              background: #0253a4; }
  .theme-frUsers [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"] .sl-actions .demande-action {
              background: #e31d62; }
  .theme-fpUsers [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"] .sl-actions .demande-action {
              background: #388e3c; }
  [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"] .sl-actions .demande-action:hover, [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"] .sl-actions .demande-action:focus, [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"] .sl-actions .demande-action:active {
              background-color: #ffffff; }
  .theme-default [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"] .sl-actions .demande-action:hover, .theme-default [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"] .sl-actions .demande-action:focus, .theme-default [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"] .sl-actions .demande-action:active {
                color: #0253a4; }
  .theme-frUsers [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"] .sl-actions .demande-action:hover, .theme-frUsers [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"] .sl-actions .demande-action:focus, .theme-frUsers [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"] .sl-actions .demande-action:active {
                color: #e31d62; }
  .theme-fpUsers [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"] .sl-actions .demande-action:hover, .theme-fpUsers [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"] .sl-actions .demande-action:focus, .theme-fpUsers [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"] .sl-actions .demande-action:active {
                color: #388e3c; }
  [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"] .sl-selection {
          width: 32px;
          padding-left: 16px; }
  .theme-default [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"] .sl-selection.selected {
            border-left-color: #e8eaf6; }
  .theme-frUsers [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"] .sl-selection.selected {
            border-left-color: #fce2eb; }
  .theme-fpUsers [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"] .sl-selection.selected {
            border-left-color: #e8f5e9; }
  .theme-default [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"]:hover .sl-selection, .theme-default [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"]:focus .sl-selection, .theme-default [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"]:active .sl-selection {
          border-left-color: #013568; }
  .theme-frUsers [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"]:hover .sl-selection, .theme-frUsers [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"]:focus .sl-selection, .theme-frUsers [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"]:active .sl-selection {
          border-left-color: #880e4f; }
  .theme-fpUsers [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"]:hover .sl-selection, .theme-fpUsers [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"]:focus .sl-selection, .theme-fpUsers [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"]:active .sl-selection {
          border-left-color: #1b5e20; }
  [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"] [data-focus="search-column"] {
          font-family: "RobotoRegular", sans-serif;
          color: #282828; }
  [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + div ul[data-focus="selection-list"] li[data-focus="sl-line"] [data-focus="search-column-champ-alone"] {
          font-family: "RobotoRegular", sans-serif;
          color: #282828; }
  [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + [data-focus="search-results"] [data-focus="group-result-container"] {
        margin-bottom: 8px; }
  [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + [data-focus="search-results"] [data-focus="group-result-container"] h3 {
          font-family: "RobotoBold", sans-serif;
          font-size: 1.25em;
          font-weight: bold; }
  .theme-default [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + [data-focus="search-results"] [data-focus="group-result-container"] h3 {
            color: #013568; }
  .theme-frUsers [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + [data-focus="search-results"] [data-focus="group-result-container"] h3 {
            color: #880e4f; }
  .theme-fpUsers [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + [data-focus="search-results"] [data-focus="group-result-container"] h3 {
            color: #1b5e20; }
  [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + [data-focus="search-results"] [data-focus="group-result-container"] p {
          height: 0;
          margin: 8px 0 0 0; }
  [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + [data-focus="search-results"] [data-focus="group-result-container"] [data-focus="group-actions"] {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          width: 50%;
          padding-left: 50%;
          background-color: #ffffff;
          border-bottom: 1px solid #eeeeee;
          height: 88px; }
  [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + [data-focus="search-results"] [data-focus="group-result-container"] [data-focus="group-actions"] button {
            font-size: 0.875em;
            padding: 14px 20px;
            height: 42px;
            border: 0;
            background-color: transparent;
            color: #6d6d6d;
            border-radius: 2px;
            margin: 0 16px;
            -webkit-box-shadow: none;
                    box-shadow: none;
            padding: 3px 6px !important; }
  [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + [data-focus="search-results"] [data-focus="group-result-container"] [data-focus="group-actions"] button:hover, [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + [data-focus="search-results"] [data-focus="group-result-container"] [data-focus="group-actions"] button:focus {
              background-color: #e0e0e0; }
  [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + [data-focus="search-results"] [data-focus="group-result-container"] [data-focus="group-actions"] button:active {
              background-color: #bdbdbd; }
  [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + [data-focus="search-results"] [data-focus="group-result-container"] [data-focus="group-actions"] button[disabled] {
              color: #bdbdbd;
              background-color: transparent; }
  [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + [data-focus="search-results"] [data-focus="group-result-container"] [data-focus="group-actions"] button i {
              font-size: 0.875em;
              margin: 0;
              margin-right: 10px;
              margin-bottom: 2px;
              padding: 0;
              font-family: "Material Icons", sans-serif; }
  [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + [data-focus="search-results"] [data-focus="group-result-container"] [data-focus="group-actions"] button span {
              margin: 0;
              padding: 0; }
  .theme-default [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + [data-focus="search-results"] [data-focus="group-result-container"] [data-focus="group-actions"] button {
              color: #0253a4; }
  .theme-frUsers [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + [data-focus="search-results"] [data-focus="group-result-container"] [data-focus="group-actions"] button {
              color: #e31d62; }
  .theme-fpUsers [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + [data-focus="search-results"] [data-focus="group-result-container"] [data-focus="group-actions"] button {
              color: #388e3c; }
  [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + [data-focus="search-results"] [data-focus="group-result-container"] [data-focus="group-actions"] button:hover, [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + [data-focus="search-results"] [data-focus="group-result-container"] [data-focus="group-actions"] button:focus {
              color: #ffffff; }
  .theme-default [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + [data-focus="search-results"] [data-focus="group-result-container"] [data-focus="group-actions"] button:hover, .theme-default [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + [data-focus="search-results"] [data-focus="group-result-container"] [data-focus="group-actions"] button:focus {
                background-color: #0253a4; }
  .theme-frUsers [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + [data-focus="search-results"] [data-focus="group-result-container"] [data-focus="group-actions"] button:hover, .theme-frUsers [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + [data-focus="search-results"] [data-focus="group-result-container"] [data-focus="group-actions"] button:focus {
                background-color: #e31d62; }
  .theme-fpUsers [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + [data-focus="search-results"] [data-focus="group-result-container"] [data-focus="group-actions"] button:hover, .theme-fpUsers [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + [data-focus="search-results"] [data-focus="group-result-container"] [data-focus="group-actions"] button:focus {
                background-color: #388e3c; }
  [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + [data-focus="search-results"] [data-focus="group-result-container"] [data-focus="group-actions"] button:active {
              color: #ffffff; }
  .theme-default [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + [data-focus="search-results"] [data-focus="group-result-container"] [data-focus="group-actions"] button:active {
                background-color: #024486; }
  .theme-frUsers [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + [data-focus="search-results"] [data-focus="group-result-container"] [data-focus="group-actions"] button:active {
                background-color: #c2185b; }
  .theme-fpUsers [data-focus="advanced-search"] [data-focus="result-container"] [data-focus="list-action-bar"] + [data-focus="search-results"] [data-focus="group-result-container"] [data-focus="group-actions"] button:active {
                background-color: #2e7d32; }
  [data-focus="advanced-search"] [data-focus="facet-data-show-all"] a {
    font-size: 0.688em; }
  .theme-default [data-focus="advanced-search"] [data-focus="facet-data-show-all"] a {
      color: #013568; }
  .theme-frUsers [data-focus="advanced-search"] [data-focus="facet-data-show-all"] a {
      color: #880e4f; }
  .theme-fpUsers [data-focus="advanced-search"] [data-focus="facet-data-show-all"] a {
      color: #1b5e20; }
  [data-focus="seance-line-button"] button {
  -webkit-box-shadow: none;
          box-shadow: none; }
  .theme-default [data-focus="seance-line-button"] button {
    color: #0253a4;
    background-color: transparent; }
  .theme-frUsers [data-focus="seance-line-button"] button {
    color: #e31d62;
    background-color: transparent; }
  .theme-fpUsers [data-focus="seance-line-button"] button {
    color: #388e3c;
    background-color: transparent; }
  [data-focus="seance-line-button"] button i {
    font-size: 1.5em; }
  :not([data-focus="double-liste"]) .sl-actions [data-focus="button-action"] {
  -webkit-box-shadow: none;
          box-shadow: none; }
  .theme-default :not([data-focus="double-liste"]) .sl-actions [data-focus="button-action"] {
    color: #0253a4;
    background-color: transparent; }
  .theme-frUsers :not([data-focus="double-liste"]) .sl-actions [data-focus="button-action"] {
    color: #e31d62;
    background-color: transparent; }
  .theme-fpUsers :not([data-focus="double-liste"]) .sl-actions [data-focus="button-action"] {
    color: #388e3c;
    background-color: transparent; }
  .theme-default :not([data-focus="double-liste"]) .sl-actions [data-focus="button-action"] i {
    color: #013568; }
  .theme-frUsers :not([data-focus="double-liste"]) .sl-actions [data-focus="button-action"] i {
    color: #880e4f; }
  .theme-fpUsers :not([data-focus="double-liste"]) .sl-actions [data-focus="button-action"] i {
    color: #1b5e20; }
  .theme-default [data-focus="facet-data"] {
  color: #013568; }
  .theme-frUsers [data-focus="facet-data"] {
  color: #880e4f; }
  .theme-fpUsers [data-focus="facet-data"] {
  color: #1b5e20; }
  .theme-default [data-focus="facet-data"]:hover {
  color: #086dc1; }
  .theme-frUsers [data-focus="facet-data"]:hover {
  color: #ee5186; }
  .theme-fpUsers [data-focus="facet-data"]:hover {
  color: #43a047; }
  [data-focus="facet-data-date"] .facet-data-date-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 95%; }
  [data-focus="facet-data-date"] .facet-data-date-buttons .date-year-button {
    width: 90%;
    border-radius: 2px 0 0 2px;
    background-color: white; }
  .theme-default [data-focus="facet-data-date"] .facet-data-date-buttons .date-year-button {
      color: #013568; }
  .theme-default [data-focus="facet-data-date"] .facet-data-date-buttons .date-year-button:hover {
        color: #086dc1; }
  .theme-frUsers [data-focus="facet-data-date"] .facet-data-date-buttons .date-year-button {
      color: #880e4f; }
  .theme-frUsers [data-focus="facet-data-date"] .facet-data-date-buttons .date-year-button:hover {
        color: #ee5186; }
  .theme-fpUsers [data-focus="facet-data-date"] .facet-data-date-buttons .date-year-button {
      color: #1b5e20; }
  .theme-fpUsers [data-focus="facet-data-date"] .facet-data-date-buttons .date-year-button:hover {
        color: #43a047; }
  [data-focus="facet-data-date"] .facet-data-date-buttons .show-month-button {
    width: 10%;
    min-width: 0;
    border-radius: 0 2px 2px 0;
    height: inherit;
    padding: 1rem;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: white; }
  .theme-default [data-focus="facet-data-date"] .facet-data-date-buttons .show-month-button {
      background-color: #013568; }
  .theme-frUsers [data-focus="facet-data-date"] .facet-data-date-buttons .show-month-button {
      background-color: #880e4f; }
  .theme-fpUsers [data-focus="facet-data-date"] .facet-data-date-buttons .show-month-button {
      background-color: #1b5e20; }
  [data-focus="facet-data-date"] .facet-data-date-buttons .show-month-button i {
      margin: 0; }
  [data-focus="facet-data-date"] .month-button {
  border: none;
  background: none;
  cursor: pointer; }
  .theme-default [data-focus="facet-data-date"] .month-button {
    color: #013568; }
  .theme-frUsers [data-focus="facet-data-date"] .month-button {
    color: #880e4f; }
  .theme-fpUsers [data-focus="facet-data-date"] .month-button {
    color: #1b5e20; }
  .theme-default [data-focus="facet-data-date"] .month-button:hover {
    color: #086dc1; }
  .theme-frUsers [data-focus="facet-data-date"] .month-button:hover {
    color: #ee5186; }
  .theme-fpUsers [data-focus="facet-data-date"] .month-button:hover {
    color: #43a047; }
  [data-focus="advancedSearchPanel"] [data-focus="button-action"] {
  border-radius: 25px;
  color: #ffffff;
  font-size: 1em;
  font-family: "RobotoRegular", sans-serif;
  text-transform: uppercase;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  font-size: 0.875em; }
  .theme-default [data-focus="advancedSearchPanel"] [data-focus="button-action"] {
    background: #0253a4; }
  .theme-frUsers [data-focus="advancedSearchPanel"] [data-focus="button-action"] {
    background: #e31d62; }
  .theme-fpUsers [data-focus="advancedSearchPanel"] [data-focus="button-action"] {
    background: #388e3c; }
  [data-focus="advancedSearchPanel"] [data-focus="button-action"]:focus, [data-focus="advancedSearchPanel"] [data-focus="button-action"]:hover, [data-focus="advancedSearchPanel"] [data-focus="button-action"]:active {
    background-color: #ffffff; }
  .theme-default [data-focus="advancedSearchPanel"] [data-focus="button-action"]:focus, .theme-default [data-focus="advancedSearchPanel"] [data-focus="button-action"]:hover, .theme-default [data-focus="advancedSearchPanel"] [data-focus="button-action"]:active {
      color: #0253a4;
      border: 1px solid #0253a4; }
  .theme-frUsers [data-focus="advancedSearchPanel"] [data-focus="button-action"]:focus, .theme-frUsers [data-focus="advancedSearchPanel"] [data-focus="button-action"]:hover, .theme-frUsers [data-focus="advancedSearchPanel"] [data-focus="button-action"]:active {
      color: #e31d62;
      border: 1px solid #e31d62; }
  .theme-fpUsers [data-focus="advancedSearchPanel"] [data-focus="button-action"]:focus, .theme-fpUsers [data-focus="advancedSearchPanel"] [data-focus="button-action"]:hover, .theme-fpUsers [data-focus="advancedSearchPanel"] [data-focus="button-action"]:active {
      color: #388e3c;
      border: 1px solid #388e3c; }
  [data-mode="edit"] [data-focus="panel"] {
  border: 0; }
[data-focus="page-content"] {
  margin-bottom: 50px; }

[data-focus="footer"] {
  position: fixed;
  height: 50px;
  background-color: #ffffff;
  border-top: 1px solid #eeeeee;
  margin: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

[data-focus="footer"] [data-focus="footer-inner"] {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    font-size: 0.813em;
    font-family: "ralewaylight", sans-serif; }
[data-focus="snackbar-message-center"] {
  word-wrap: break-word;
  -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  bottom: inherit !important; }
  [data-focus="snackbar-message-center"].mdl-snackbar--active {
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }
  [data-focus="snackbar-message-center"] .mdl-snackbar__text {
    max-width: 80%;
    padding: 20px; }
  [data-focus="snackbar-message-center"] .mdl-snackbar__close {
    padding: 20px; }
  [data-focus="snackbar-message-center"] .mdl-snackbar__close i {
      font-size: 20px; }
  .mdl-textfield__error {
  width: 50vw; }
  div[data-focus="error-center"] [data-focus="error-presentation"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px;
  padding-bottom: 0px; }
  div[data-focus="error-center"] [data-focus="error-presentation"] label {
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 5px; }
  div[data-focus="error-center"] [data-focus="error-presentation"] label:last-child {
    font-size: 0.9em;
    margin-bottom: 0px; }
  div[data-focus="error-center"] ul[data-focus="error-stack"] {
  margin-bottom: 10px; }
  div[data-focus="error-center"] ul[data-focus="error-stack"] li {
    height: auto;
    padding-top: 0px;
    margin-top: 0px; }
.react-date-picker__month-view--theme-default
.react-date-picker__month-view-week-number {
  display: none; }

.react-date-picker__month-view-row > .dp-week-day-name:first-child {
  display: none; }

.react-date-field > .react-date-field__picker {
  right: -1px;
  left: -240px !important; }

@supports (-moz-transform: translate(0, 0)) {
  .react-date-field--theme-default > .react-date-field__picker {
    width: 450px; } }

[data-focus="seance-accueil"]
[data-focus="popin"]
[data-type="from-right"]
[data-size="medium"]
> div
> [data-focus="popin-window"] {
  overflow-y: inherit !important; }

.react-date-picker__month-view-cell,
.react-date-picker__basic-month-view-cell {
  line-height: 35px; }

.react-date-picker__decade-view .react-flex-v2--align-items-stretch {
  height: 64px; }

.react-date-picker__year-view {
  height: 96px; }
[data-focus="mauvais-droit"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: red;
  font-weight: bold;
  font-size: xx-large;
  margin-top: 30vh;
  margin-left: 70px;
  margin-right: 70px;
  line-height: 1em; }
  [data-focus="mauvais-droit"] i {
    margin-right: 10px;
    font-size: 2em; }
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.fdr {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }

.fdc {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.jcc {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.aic {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.gap-5 {
  gap: 5px; }

.gap-10 {
  gap: 10px; }

.gap-15 {
  gap: 15px; }

.gap-20 {
  gap: 20px; }

.gap-25 {
  gap: 25px; }

.gap-30 {
  gap: 30px; }

.gap-35 {
  gap: 35px; }

.gap-40 {
  gap: 40px; }

.gap-45 {
  gap: 45px; }

.m-0 {
  margin: 0px; }

.m-5 {
  margin: 5px; }

.m-10 {
  margin: 10px; }

.m-15 {
  margin: 15px; }

.m-20 {
  margin: 20px; }

.m-25 {
  margin: 25px; }

.m-30 {
  margin: 30px; }

.m-35 {
  margin: 35px; }

.m-40 {
  margin: 40px; }

.m-45 {
  margin: 45px; }

.mb-0 {
  margin-bottom: 0px; }

.mb-5 {
  margin-bottom: 5px; }

.mb-10 {
  margin-bottom: 10px; }

.mb-15 {
  margin-bottom: 15px; }

.mb-20 {
  margin-bottom: 20px; }

.mb-25 {
  margin-bottom: 25px; }

.mb-30 {
  margin-bottom: 30px; }

.mb-35 {
  margin-bottom: 35px; }

.mb-40 {
  margin-bottom: 40px; }

.mb-45 {
  margin-bottom: 45px; }

.mt-0 {
  margin-top: 0px; }

.mt-5 {
  margin-top: 5px; }

.mt-10 {
  margin-top: 10px; }

.mt-15 {
  margin-top: 15px; }

.mt-20 {
  margin-top: 20px; }

.mt-25 {
  margin-top: 25px; }

.mt-30 {
  margin-top: 30px; }

.mt-35 {
  margin-top: 35px; }

.mt-40 {
  margin-top: 40px; }

.mt-45 {
  margin-top: 45px; }

.ml-0 {
  margin-left: 0px; }

.ml-5 {
  margin-left: 5px; }

.ml-10 {
  margin-left: 10px; }

.ml-15 {
  margin-left: 15px; }

.ml-20 {
  margin-left: 20px; }

.ml-25 {
  margin-left: 25px; }

.ml-30 {
  margin-left: 30px; }

.ml-35 {
  margin-left: 35px; }

.ml-40 {
  margin-left: 40px; }

.ml-45 {
  margin-left: 45px; }

.mr-0 {
  margin-right: 0px; }

.mr-5 {
  margin-right: 5px; }

.mr-10 {
  margin-right: 10px; }

.mr-15 {
  margin-right: 15px; }

.mr-20 {
  margin-right: 20px; }

.mr-25 {
  margin-right: 25px; }

.mr-30 {
  margin-right: 30px; }

.mr-35 {
  margin-right: 35px; }

.mr-40 {
  margin-right: 40px; }

.mr-45 {
  margin-right: 45px; }

.p-0 {
  padding: 0px; }

.p-5 {
  padding: 5px; }

.p-10 {
  padding: 10px; }

.p-15 {
  padding: 15px; }

.p-20 {
  padding: 20px; }

.p-25 {
  padding: 25px; }

.p-30 {
  padding: 30px; }

.p-35 {
  padding: 35px; }

.p-40 {
  padding: 40px; }

.p-45 {
  padding: 45px; }

.pt-0 {
  padding-top: 0px; }

.pt-5 {
  padding-top: 5px; }

.pt-10 {
  padding-top: 10px; }

.pt-15 {
  padding-top: 15px; }

.pt-20 {
  padding-top: 20px; }

.pt-25 {
  padding-top: 25px; }

.pt-30 {
  padding-top: 30px; }

.pt-35 {
  padding-top: 35px; }

.pt-40 {
  padding-top: 40px; }

.pt-45 {
  padding-top: 45px; }

.pb-0 {
  padding-bottom: 0px; }

.pb-5 {
  padding-bottom: 5px; }

.pb-10 {
  padding-bottom: 10px; }

.pb-15 {
  padding-bottom: 15px; }

.pb-20 {
  padding-bottom: 20px; }

.pb-25 {
  padding-bottom: 25px; }

.pb-30 {
  padding-bottom: 30px; }

.pb-35 {
  padding-bottom: 35px; }

.pb-40 {
  padding-bottom: 40px; }

.pb-45 {
  padding-bottom: 45px; }

.pl-0 {
  padding-left: 0px; }

.pl-5 {
  padding-left: 5px; }

.pl-10 {
  padding-left: 10px; }

.pl-15 {
  padding-left: 15px; }

.pl-20 {
  padding-left: 20px; }

.pl-25 {
  padding-left: 25px; }

.pl-30 {
  padding-left: 30px; }

.pl-35 {
  padding-left: 35px; }

.pl-40 {
  padding-left: 40px; }

.pl-45 {
  padding-left: 45px; }

.pr-0 {
  padding-right: 0px; }

.pr-5 {
  padding-right: 5px; }

.pr-10 {
  padding-right: 10px; }

.pr-15 {
  padding-right: 15px; }

.pr-20 {
  padding-right: 20px; }

.pr-25 {
  padding-right: 25px; }

.pr-30 {
  padding-right: 30px; }

.pr-35 {
  padding-right: 35px; }

.pr-40 {
  padding-right: 40px; }

.pr-45 {
  padding-right: 45px; }
table {
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }
  table.mdl-data-table.mdl-js-data-table {
    border: 0;
    width: 100%; }
  .theme-default table.mdl-data-table.mdl-js-data-table thead tr {
      background-color: #086dc1; }
  .theme-frUsers table.mdl-data-table.mdl-js-data-table thead tr {
      background-color: #ee5186; }
  .theme-fpUsers table.mdl-data-table.mdl-js-data-table thead tr {
      background-color: #43a047; }
  table.mdl-data-table.mdl-js-data-table thead tr th {
      border-style: solid;
      border-width: 0 1px;
      padding: 8px;
      text-align: center;
      white-space: normal; }
  .theme-default table.mdl-data-table.mdl-js-data-table thead tr th {
        border-color: #94b3d8;
        color: #e8eaf6; }
  .theme-frUsers table.mdl-data-table.mdl-js-data-table thead tr th {
        border-color: #f8b8cd;
        color: #fce2eb; }
  .theme-fpUsers table.mdl-data-table.mdl-js-data-table thead tr th {
        border-color: #afdbb1;
        color: #e8f5e9; }
  .theme-default table.mdl-data-table.mdl-js-data-table thead tr th .mdl-checkbox__box-outline {
        border-color: #e8eaf6; }
  .theme-frUsers table.mdl-data-table.mdl-js-data-table thead tr th .mdl-checkbox__box-outline {
        border-color: #fce2eb; }
  .theme-fpUsers table.mdl-data-table.mdl-js-data-table thead tr th .mdl-checkbox__box-outline {
        border-color: #e8f5e9; }
  .theme-default table.mdl-data-table.mdl-js-data-table thead tr th .is-checked .mdl-checkbox__tick-outline {
        background-color: #e8eaf6; }
  .theme-frUsers table.mdl-data-table.mdl-js-data-table thead tr th .is-checked .mdl-checkbox__tick-outline {
        background-color: #fce2eb; }
  .theme-fpUsers table.mdl-data-table.mdl-js-data-table thead tr th .is-checked .mdl-checkbox__tick-outline {
        background-color: #e8f5e9; }
  table.mdl-data-table.mdl-js-data-table thead tr th:first-of-type {
      border-left-width: 0; }
  table.mdl-data-table.mdl-js-data-table thead tr th:last-of-type {
      border-right-width: 0; }
  table.mdl-data-table.mdl-js-data-table thead tr i {
      color: #ffffff; }
  table.mdl-data-table.mdl-js-data-table thead .sort {
      position: absolute; }
  .theme-default table.mdl-data-table.mdl-js-data-table thead .sort {
        color: #e8eaf6; }
  .theme-frUsers table.mdl-data-table.mdl-js-data-table thead .sort {
        color: #fce2eb; }
  .theme-fpUsers table.mdl-data-table.mdl-js-data-table thead .sort {
        color: #e8f5e9; }
  table.mdl-data-table.mdl-js-data-table tbody tr {
      background-color: #ffffff; }
  table.mdl-data-table.mdl-js-data-table tbody tr td {
        text-align: center;
        padding: 8px; }
  .theme-default table.mdl-data-table.mdl-js-data-table tbody tr td {
          border: 1px solid #94b3d8; }
  .theme-frUsers table.mdl-data-table.mdl-js-data-table tbody tr td {
          border: 1px solid #f8b8cd; }
  .theme-fpUsers table.mdl-data-table.mdl-js-data-table tbody tr td {
          border: 1px solid #afdbb1; }
  .theme-default table.mdl-data-table.mdl-js-data-table tbody tr td .mdl-checkbox__box-outline {
          border-color: #0253a4; }
  .theme-frUsers table.mdl-data-table.mdl-js-data-table tbody tr td .mdl-checkbox__box-outline {
          border-color: #e31d62; }
  .theme-fpUsers table.mdl-data-table.mdl-js-data-table tbody tr td .mdl-checkbox__box-outline {
          border-color: #388e3c; }
  .theme-default table.mdl-data-table.mdl-js-data-table tbody tr td .is-checked .mdl-checkbox__tick-outline {
          background-color: #0253a4; }
  .theme-frUsers table.mdl-data-table.mdl-js-data-table tbody tr td .is-checked .mdl-checkbox__tick-outline {
          background-color: #e31d62; }
  .theme-fpUsers table.mdl-data-table.mdl-js-data-table tbody tr td .is-checked .mdl-checkbox__tick-outline {
          background-color: #388e3c; }
  table.mdl-data-table.mdl-js-data-table tbody tr td .material-icons {
          background-color: transparent; }
  .theme-default table.mdl-data-table.mdl-js-data-table tbody tr td .material-icons {
            color: #0253a4; }
  .theme-frUsers table.mdl-data-table.mdl-js-data-table tbody tr td .material-icons {
            color: #e31d62; }
  .theme-fpUsers table.mdl-data-table.mdl-js-data-table tbody tr td .material-icons {
            color: #388e3c; }
  .theme-default table.mdl-data-table.mdl-js-data-table tbody tr td a:hover, .theme-default
        table.mdl-data-table.mdl-js-data-table tbody tr td a:focus {
          color: #086dc1; }
  .theme-frUsers table.mdl-data-table.mdl-js-data-table tbody tr td a:hover, .theme-frUsers
        table.mdl-data-table.mdl-js-data-table tbody tr td a:focus {
          color: #ee5186; }
  .theme-fpUsers table.mdl-data-table.mdl-js-data-table tbody tr td a:hover, .theme-fpUsers
        table.mdl-data-table.mdl-js-data-table tbody tr td a:focus {
          color: #43a047; }
  table.mdl-data-table.mdl-js-data-table tbody tr td:first-of-type {
        border-left-width: 0; }
  table.mdl-data-table.mdl-js-data-table tbody tr td:last-of-type {
        border-right-width: 0;
        white-space: nowrap; }
  .theme-default table.mdl-data-table.mdl-js-data-table tbody tr .actif:hover {
        background-color: #94b3d8; }
  .theme-frUsers table.mdl-data-table.mdl-js-data-table tbody tr .actif:hover {
        background-color: #f8b8cd; }
  .theme-fpUsers table.mdl-data-table.mdl-js-data-table tbody tr .actif:hover {
        background-color: #afdbb1; }
  table.mdl-data-table.mdl-js-data-table tbody tr:hover {
      background-color: #f5f5f5; }
  table.mdl-data-table.mdl-js-data-table tbody tr:hover i {
        background-color: transparent; }
  table.mdl-data-table.mdl-js-data-table tbody #leftside {
      text-align: left; }
  table caption {
  display: none; }
  .mdl-data-table {
  white-space: normal; }
@media print {
  [data-focus="scrollspy-container"] [data-focus="sticky-menu"],
  [data-focus="advanced-search"] [data-focus="facet-container"],
  [data-focus="menu-left"],
  [data-focus="header-search-bar"] [data-focus="search-bar"],
  [data-focus="header-top-row"],
  [data-focus="header-actions"],
  [data-focus="button-action"],
  [data-focus="footer"],
  [data-focus="snackbar-message-center"] {
    display: none !important; }
  [data-focus="header-content"],
  [data-focus="header-content"] [data-focus="cartridge"],
  [data-focus="header-content"]
[data-focus="cartridge"]
[data-focus="cartridge"],
  [data-focus="header-content"]
[data-focus="cartridge"]
[data-focus="header-search-bar"],
  [data-focus="header-content"]
[data-focus="cartridge"]
[data-focus="header-search-bar"]
[data-focus="header-logo"] {
    display: inline-block !important;
    position: relative !important;
    width: 100%; }
  [data-focus="header-content"] {
    margin-top: 40.5px; }
  [data-focus="header-search-bar"] {
    padding-bottom: 40.5px; }
  [data-focus="field"],
  [data-focus="field-label-container"],
  [data-focus="field-value-container"] {
    display: inline-block !important; }
  [data-focus="cartridge-content"],
  [data-focus="page-content"],
  [data-focus="scrollspy-container-content"],
  [data-focus="result-container"] {
    padding: 0 !important;
    margin: 0 !important; }
  [data-focus="field"] [data-focus="field-label-container"] {
    margin: 8px;
    width: calc(33.33333% - 16px);
    text-align: right; }
  [data-focus="field"] [data-focus="field-value-container"] {
    margin: 8px;
    width: calc(66.66667% - 16px);
    text-align: left; }
  [data-focus="field"] {
    width: 100%; } }
[data-focus="back-to-top"] {
  bottom: 75px; }
  [data-focus="back-to-top"] button[data-focus="button-action"] {
    opacity: 0.5; }
  .theme-default [data-focus="back-to-top"] button[data-focus="button-action"] {
      background-color: #0253a4; }
  .theme-frUsers [data-focus="back-to-top"] button[data-focus="button-action"] {
      background-color: #e31d62; }
  .theme-fpUsers [data-focus="back-to-top"] button[data-focus="button-action"] {
      background-color: #388e3c; }
  [data-focus="back-to-top"] button[data-focus="button-action"]:hover, [data-focus="back-to-top"] button[data-focus="button-action"]:focus, [data-focus="back-to-top"] button[data-focus="button-action"]:focus:not(:active) {
      opacity: 1; }
  .theme-default [data-focus="back-to-top"] button[data-focus="button-action"]:hover, .theme-default [data-focus="back-to-top"] button[data-focus="button-action"]:focus, .theme-default [data-focus="back-to-top"] button[data-focus="button-action"]:focus:not(:active) {
        background-color: #024486; }
  .theme-frUsers [data-focus="back-to-top"] button[data-focus="button-action"]:hover, .theme-frUsers [data-focus="back-to-top"] button[data-focus="button-action"]:focus, .theme-frUsers [data-focus="back-to-top"] button[data-focus="button-action"]:focus:not(:active) {
        background-color: #c2185b; }
  .theme-fpUsers [data-focus="back-to-top"] button[data-focus="button-action"]:hover, .theme-fpUsers [data-focus="back-to-top"] button[data-focus="button-action"]:focus, .theme-fpUsers [data-focus="back-to-top"] button[data-focus="button-action"]:focus:not(:active) {
        background-color: #2e7d32; }
[data-focus="file-upload"] {
  min-width: 350px; }
  [data-focus="file-upload"] [data-focus="file-upload-dropzone"] {
    width: 100%;
    border: 2px dashed #eeeeee;
    background-color: #fafafa;
    height: 200px;
    overflow: hidden;
    text-align: center; }
  [data-focus="file-upload"] [data-focus="file-upload-dropzone"] i {
      color: #bdbdbd;
      font-size: 100px; }
  [data-focus="file-upload"] [data-focus="file-upload-dropzone"] [data-focus="file-upload-label-1"] {
      color: #bdbdbd; }
  [data-focus="file-upload"] [data-focus="file-upload-dropzone"] [data-focus="file-upload-label-2"] span[data-focus="parcourir"] {
      text-decoration: underline;
      cursor: pointer; }
  [data-focus="accepted-files"] {
  color: #bdbdbd;
  font-style: italic; }
[data-focus="rpps-container"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

div[data-focus="field"][data-mode="edit"] [data-focus="rpps-container"] > div {
  width: 300px; }

.rpps-button {
  margin-left: 20px; }
div[data-focus="time-input"] .mdl-textfield {
  width: 24px; }
[data-focus="double-liste"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  [data-focus="double-liste"] [data-focus="criteres"] {
    margin: 5px;
    margin-bottom: 27px; }
  [data-focus="double-liste"] [data-focus="criteres"] .filtre-demande-medecin {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 20px; }
  [data-focus="double-liste"] [data-focus="criteres"] .filtre-demande-medecin > span {
        width: 30%; }
  [data-focus="double-liste"] [data-focus="criteres"] .filtre-demande-medecin > div {
        width: 70%; }
  [data-focus="double-liste"] [data-focus="criteres"] .filtre-demande-medecin [data-focus="select-radio"] {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        width: 100%;
        padding-left: 0px; }
  [data-focus="double-liste"] [data-focus="criteres"] .filtre-demande-medecin-no-libelle {
      margin-bottom: 20px;
      padding-left: 30%; }
  [data-focus="double-liste"] [data-focus="criteres"] .filtre-demande-medecin-no-libelle [data-focus="select-radio"] {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        width: 100%;
        padding-left: 0px; }
  [data-focus="double-liste"] [data-focus="criteres"] [data-focus="select-radio"] {
      position: inherit;
      padding-left: 10px;
      margin-bottom: 5px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
  [data-focus="double-liste"] [data-focus="criteres"] [data-focus="select-radio"] [data-focus="input-radio"] {
        margin-right: 5% !important; }
  [data-focus="double-liste"] [data-focus="criteres"] [data-focus="autocomplete"] label.mdl-textfield__label {
      background-color: transparent; }
  [data-focus="double-liste"] [data-focus="criteres"] .align_left [data-focus="field-label-container"] {
      margin-left: 0px;
      padding-left: 0px;
      display: inline-table;
      text-align: left; }
  [data-focus="double-liste"] [data-focus="criteres"] div[data-focus="field"]
[data-focus="field-label-container"]
[data-focus="label"] {
      font-weight: normal;
      font-size: 0.95em; }
  [data-focus="double-liste"] [data-focus="criteres"] [data-focus="input-text"] input {
      color: #282828;
      border-bottom: 1px solid rgba(0, 0, 0, .12); }
  [data-focus="double-liste"] [data-focus="criteres"] [data-focus="input-text"] label.mdl-textfield__label {
      background-color: transparent;
      color: #282828; }
  [data-focus="double-liste"] [data-focus="criteres"] [data-focus="input-text"].is-focused label.mdl-textfield__label:after {
      background-color: transparent;
      border: 0; }
  [data-focus="double-liste"] [data-focus="left-part"] {
    margin-right: 10px;
    width: 50%; }
  [data-focus="double-liste"] [data-focus="right-part"] {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 5px;
    margin-right: 10px;
    margin-left: 10px;
    width: 50%;
    margin-top: 82px;
    color: #ffffff; }
  .theme-default [data-focus="double-liste"] [data-focus="right-part"] {
      border: 1px solid #013568;
      background-color: #0253a4; }
  .theme-frUsers [data-focus="double-liste"] [data-focus="right-part"] {
      border: 1px solid #880e4f;
      background-color: #e31d62; }
  .theme-fpUsers [data-focus="double-liste"] [data-focus="right-part"] {
      border: 1px solid #1b5e20;
      background-color: #388e3c; }
  [data-focus="double-liste"] [data-focus="right-part"] [data-focus="label"] {
      color: #ffffff; }
  [data-focus="double-liste"] [data-focus="right-part"] [data-focus="input-text"] input {
      color: #ffffff;
      border-bottom: 1px solid white; }
  [data-focus="double-liste"] [data-focus="title"] {
    margin-bottom: 20px;
    margin-top: 20px;
    display: inline-block;
    padding: 10px; }
  [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] {
    color: #282828;
    margin: 5px;
    cursor: auto !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .theme-default [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] {
      border: 1px solid #013568 !important; }
  .theme-frUsers [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] {
      border: 1px solid #880e4f !important; }
  .theme-fpUsers [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] {
      border: 1px solid #1b5e20 !important; }
  [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"]:hover, [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"]:focus {
      background-color: #ffffff !important; }
  [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] .sl-content {
      width: 90%; }
  [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] [data-focus="top-line"] {
      color: #282828; }
  [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] .sl-actions {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      position: inherit !important;
      -ms-flex-item-align: center;
          align-self: center; }
  [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] .sl-actions button {
        margin-left: 5px; }
  .theme-default [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] .sl-actions button {
          background-color: #013568; }
  .theme-frUsers [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] .sl-actions button {
          background-color: #880e4f; }
  .theme-fpUsers [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] .sl-actions button {
          background-color: #1b5e20; }
  [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] .sl-actions button i {
          color: white; }
  [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] .sl-actions button:not(.no-hover):hover, [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] .sl-actions button:not(.no-hover):focus, [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] .sl-actions button:not(.no-hover):active {
          background-color: #ffffff !important; }
  .theme-default [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] .sl-actions button:not(.no-hover):hover, .theme-default [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] .sl-actions button:not(.no-hover):focus, .theme-default [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] .sl-actions button:not(.no-hover):active {
            border: 1px solid #013568; }
  .theme-frUsers [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] .sl-actions button:not(.no-hover):hover, .theme-frUsers [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] .sl-actions button:not(.no-hover):focus, .theme-frUsers [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] .sl-actions button:not(.no-hover):active {
            border: 1px solid #880e4f; }
  .theme-fpUsers [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] .sl-actions button:not(.no-hover):hover, .theme-fpUsers [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] .sl-actions button:not(.no-hover):focus, .theme-fpUsers [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] .sl-actions button:not(.no-hover):active {
            border: 1px solid #1b5e20; }
  .theme-default [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] .sl-actions button:not(.no-hover):hover i, .theme-default [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] .sl-actions button:not(.no-hover):focus i, .theme-default [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] .sl-actions button:not(.no-hover):active i {
            color: #013568; }
  .theme-frUsers [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] .sl-actions button:not(.no-hover):hover i, .theme-frUsers [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] .sl-actions button:not(.no-hover):focus i, .theme-frUsers [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] .sl-actions button:not(.no-hover):active i {
            color: #880e4f; }
  .theme-fpUsers [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] .sl-actions button:not(.no-hover):hover i, .theme-fpUsers [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] .sl-actions button:not(.no-hover):focus i, .theme-fpUsers [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] .sl-actions button:not(.no-hover):active i {
            color: #1b5e20; }
  [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] .sl-actions .no-click {
        color: #ffffff;
        background-color: transparent;
        cursor: not-allowed; }
  [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] .sl-actions .no-click:hover, [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] .sl-actions .no-click:focus {
          color: #ffffff; }
  .theme-default [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] .sl-actions .no-click:hover, .theme-default [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] .sl-actions .no-click:focus {
            background-color: #94b3d8; }
  .theme-frUsers [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] .sl-actions .no-click:hover, .theme-frUsers [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] .sl-actions .no-click:focus {
            background-color: #f8b8cd; }
  .theme-fpUsers [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] .sl-actions .no-click:hover, .theme-fpUsers [data-focus="double-liste"] ul[data-focus="selection-list"] [data-focus="sl-line"] .sl-actions .no-click:focus {
            background-color: #afdbb1; }
  [data-focus="double-liste"] ul[data-focus="selection-list"] .sl-actions [data-focus="button-action"]:hover {
    border: 0; }
  [data-focus="popin"] [data-focus="double-liste"] [data-focus="input-text"].is-focused label.mdl-textfield__label:after {
  background-color: #3f51b5; }
  @media screen and (max-width: 950px) {
  [data-focus="double-liste"] li .sl-actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    [data-focus="double-liste"] li .sl-actions button {
      margin-left: 0;
      margin-top: 5px; } }
body,
html {
  font-family: "RobotoRegular", sans-serif;
  font-size: 16px;
  color: #282828;
  background-color: #f5f5f5; }

.downloadLink {
  color: black;
  text-align: center;
  cursor: pointer; }

[data-focus="select-radio"] {
  position: absolute;
  width: 380px; }

[data-focus="user-filter"] {
  display: inline-block;
  width: 300px; }

[data-focus="add-user"] {
  display: inline-block;
  float: right;
  margin-right: 24px; }

[data-focus="field"] [data-focus="field-value-container"] label {
  padding: 4px 0 0 20px; }

[data-focus="field"]
[data-focus="field-value-container"]
[data-focus="label"].autoWithPlaceHolder
label.mdl-textfield__label {
  padding: 0;
  font-style: italic; }

[data-focus="field"]
[data-focus="field-value-container"]
[data-focus="autocomplete"] {
  width: 100%; }

@media print {
  [data-focus="scrollspy-container"] [data-focus="sticky-menu"] {
    display: none; }
  [data-focus="menu-left"] {
    display: none; }
  [data-focus="header-top-row-left"] {
    display: none; } }

[data-focus="row-line"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }

[data-focus="dashboard"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }

[data-focus="dashboard"] .nowrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-top: 25px; }

[data-focus="dashboard"] .wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }

[data-focus="dashboard"] .wrap [data-focus="box"] {
      width: 40%;
      padding: 15px;
      padding-left: 50px; }

[data-focus="box-row"] [data-focus="box"] {
  margin-left: auto;
  margin-right: auto;
  cursor: pointer; }

[data-focus="box-row"] [data-focus="box"].inactive {
  cursor: default; }

[data-focus="value-box"] {
  font-size: 1.125em;
  font-family: "ralewaybold", sans-serif; }

[data-domain="DO_MULTISELECT_ALL"][data-focus="field"][data-mode="edit"]
[data-focus="field-label-container"] {
  height: auto; }

[data-domain="DO_MULTISELECT_ALL"][data-focus="field"]
[data-focus="field-value-container"] {
  height: auto; }

#ifr {
  display: none; }

[data-focus="field"]
[data-focus="field-value-container"]
[data-focus="input-checkbox-container"]
label {
  padding-left: 24px; }

[data-focus="download-link"] {
  text-decoration: underline;
  color: blue;
  cursor: pointer; }

[data-focus="display-row"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  text-align: left; }

[data-focus="display-none"] {
  display: none; }

[data-focus="nopadding"] {
  padding: 0; }

[data-focus="clickable"] {
  cursor: pointer; }

div[data-focus="field"][data-mode="edit"][data-domain="DO_DATE"]
[data-focus="field-value-container"]
> div {
  width: 300px;
  text-align: inherit; }

table a:hover {
  color: #b71c1c; }

[data-focus="field-value-container"] [data-focus="select-radio"] {
  padding-top: 0; }

[data-focus="button-action"] .fa-calendar-plus-o {
  margin-right: 0; }

#editable-autocomplete input::-ms-clear {
  display: none; }

[data-domain="DO_DATE"] input::-ms-clear {
  display: none; }

[data-focus="criteres-titre"] {
  text-align: right;
  margin-right: calc(66.66667% + 8px); }

[data-focus="button-bar"] {
  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-pack: distribute;
      justify-content: space-around; }

[data-focus="align-items"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

[data-focus="color-green"] {
  color: #228b22;
  font-weight: bold;
  margin-left: 10px; }

[data-popin="panel-confirmation-popin"] {
  min-height: auto;
  max-width: 1000px; }

[data-route="profil"] ~ [data-focus="menu-left"] {
  top: 81px; }

.no-margin {
  margin: 0; }

.fw-800 {
  font-weight: 800; }
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
.slick-list:focus {
    outline: none; }
.slick-list.dragging {
    cursor: pointer;
    cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
.slick-track:before, .slick-track:after {
    content: "";
    display: table; }
.slick-track:after {
    clear: both; }
.slick-loading .slick-track {
    visibility: hidden; }
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
[dir="rtl"] .slick-slide {
    float: right; }
.slick-slide img {
    display: block; }
.slick-slide.slick-loading img {
    display: none; }
.slick-slide.dragging img {
    pointer-events: none; }
.slick-initialized .slick-slide {
    display: block; }
.slick-loading .slick-slide {
    visibility: hidden; }
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }
.slick-arrow.slick-hidden {
  display: none; }
@charset "UTF-8";
/* Slider */
.slick-loading .slick-list {
  background: #fff url(data:image/gif;base64,R0lGODlhIAAgAPUAAP///wAAAPr6+sTExOjo6PDw8NDQ0H5+fpqamvb29ubm5vz8/JKSkoaGhuLi4ri4uKCgoOzs7K6urtzc3D4+PlZWVmBgYHx8fKioqO7u7kpKSmxsbAwMDAAAAM7OzsjIyNjY2CwsLF5eXh4eHkxMTLCwsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAG/0CAcEgkFjgcR3HJJE4SxEGnMygKmkwJxRKdVocFBRRLfFAoj6GUOhQoFAVysULRjNdfQFghLxrODEJ4Qm5ifUUXZwQAgwBvEXIGBkUEZxuMXgAJb1dECWMABAcHDEpDEGcTBQMDBQtvcW0RbwuECKMHELEJF5NFCxm1AAt7cH4NuAOdcsURy0QCD7gYfcWgTQUQB6Zkr66HoeDCSwIF5ucFz3IC7O0CC6zx8YuHhW/3CvLyfPX4+OXozKnDssBdu3G/xIHTpGAgOUPrZimAJCfDPYfDin2TQ+xeBnWbHi37SC4YIYkQhdy7FvLdpwWvjA0JyU/ISyIx4xS6sgfkNS4me2rtVKkgw0JCb8YMZdjwqMQ2nIY8BbcUQNVCP7G4MQq1KRivR7tiDEuEFrggACH5BAAKAAEALAAAAAAgACAAAAb/QIBwSCQmNBpCcckkEgREA4ViKA6azM8BEZ1Wh6LOBls0HA5fgJQ6HHQ6InKRcWhA1d5hqMMpyIkOZw9Ca18Qbwd/RRhnfoUABRwdI3IESkQFZxB4bAdvV0YJQwkDAx9+bWcECQYGCQ5vFEQCEQoKC0ILHqUDBncCGA5LBiHCAAsFtgqoQwS8Aw64f8m2EXdFCxO8INPKomQCBgPMWAvL0n/ff+jYAu7vAuxy8O/myvfX8/f7/Arq+v0W0HMnr9zAeE0KJlQkJIGCfE0E+PtDq9qfDMogDkGmrIBCbNQUZIDosNq1kUsEZJBW0dY/b0ZsLViQIMFMW+RKKgjFzp4fNokPIdki+Y8JNVxA79jKwHAI0G9JGw5tCqDWTiFRhVhtmhVA16cMJTJ1OnVIMo1cy1KVI5NhEAAh+QQACgACACwAAAAAIAAgAAAG/0CAcEgkChqNQnHJJCYWRMfh4CgamkzFwBOdVocNCgNbJAwGhKGUOjRQKA1y8XOGAtZfgIWiSciJBWcTQnhCD28Qf0UgZwJ3XgAJGhQVcgKORmdXhRBvV0QMY0ILCgoRmIRnCQIODgIEbxtEJSMdHZ8AGaUKBXYLIEpFExZpAG62HRRFArsKfn8FIsgjiUwJu8FkJLYcB9lMCwUKqFgGHSJ5cnZ/uEULl/CX63/x8KTNu+RkzPj9zc/0/Cl4V0/APDIE6x0csrBJwybX9DFhBhCLgAilIvzRVUriKHGlev0JtyuDvmsZUZlcIiCDnYu7KsZ0UmrBggRP7n1DqcDJEzciOgHwcwTyZEUmIKEMFVIqgyIjpZ4tjdTxqRCMPYVMBYDV6tavUZ8yczpkKwBxHsVWtaqo5tMgACH5BAAKAAMALAAAAAAgACAAAAb/QIBwSCQuBgNBcck0FgvIQtHRZCYUGSJ0IB2WDo9qUaBQKIXbLsBxOJTExUh5mB4iDo0zXEhWJNBRQgZtA3tPZQsAdQINBwxwAnpCC2VSdQNtVEQSEkOUChGSVwoLCwUFpm0QRAMVFBQTQxllCqh0kkIECF0TG68UG2O0foYJDb8VYVa0alUXrxoQf1WmZnsTFA0EhgCJhrFMC5Hjkd57W0jpDsPDuFUDHfHyHRzstNN78PPxHOLk5dwcpBuoaYk5OAfhXHG3hAy+KgLkgNozqwzDbgWYJQyXsUwGXKNA6fnYMIO3iPeIpBwyqlSCBKUqEQk5E6YRmX2UdAT5kEnHKkQ5hXjkNqTPtKAARl1sIrGoxSFNuSEFMNWoVCxEpiqyRlQY165wEHELAgAh+QQACgAEACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0GxwFwmFJlnlAgaTKpFqEIqFJMBhcEABC5GjkPz0KN2tsvHBH4sJKgdd1NHSXILah9tAmdCC0dUcg5qVEQfiIxHEYtXSACKnWoGXAwHBwRDGUcKBXYFi0IJHmQEEKQHEGGpCnp3AiW1DKFWqZNgGKQNA65FCwV8bQQHJcRtds9MC4rZitVgCQbf4AYEubnKTAYU6eoUGuSpu3fo6+ka2NrbgQAE4eCmS9xVAOW7Yq7IgA4Hpi0R8EZBhDshOnTgcOtfM0cAlTigILFDiAFFNjk8k0GZgAxOBozouIHIOyKbFixIkECmIyIHOEiEWbPJTTQ5FxcVOMCgzUVCWwAcyZJvzy45ADYVZNIwTlIAVfNB7XRVDLxEWLQ4E9JsKq+rTdsMyhcEACH5BAAKAAUALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUYKQ4YKEYSKfVKPaUMZHwMDeQBxh04ABYSFGU4JBpsDBmFHdXMLIKofBEyKCpdgspsOoUsLXaRLCQMgwky+YJ1FC4POg8lVAg7U1Q5drtnHSw4H3t8HDdnZy2Dd4N4Nzc/QeqLW1bnM7rXuV9tEBhQQ5UoCbJDmWKBAQcMDZNhwRVNCYANBChZYEbkVCZOwASEcCDFQ4SEDIq6WTVqQIMECBx06iCACQQPBiSabHDqzRUTKARMhSFCDrc+WNQIcOoRw5+ZIHj8ADqSEQBQAwKKLhIzowEEeGKQ0owIYkPKjHihZoBKi0KFE01b4zg7h4y4IACH5BAAKAAYALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUUJeQCGChGEin1SkGlubEhDcYdOAAWEhRlOC12HYUd1eqeRokOKCphgrY5MpotqhgWfunqPt4PCg71gpgXIyWSqqq9MBQPR0tHMzM5L0NPSC8PCxVUCyeLX38+/AFfXRA4HA+pjmoFqCAcHDQa3rbxzBRD1BwgcMFIlidMrAxYICHHA4N8DIqpsUWJ3wAEBChQaEBnQoB6RRr0uARjQocMAAA0w4nMz4IOaU0lImkSngYKFc3ZWyTwJAALGK4fnNA3ZOaQCBQ22wPgRQlSIAYwSfkHJMrQkTyEbKFzFydQq15ccOAjUEwQAIfkEAAoABwAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVD29K/AFfRRQUDDt1PmoFqHgPtBLetvMwG7QMes0KxkkIFIQNKDhBgKvCh3gQiqmxt6NDBAAEIEAgUOHCgBBEH9Yg06uWAIQUABihQMACgBEUHTRwoUEOBIcqQI880OIDgm5ABDA8IgUkSwAAyij1/jejAARPPIQwONBCnBAJDCEOOCnFA8cOvEh1CEJEqBMIBEDaLcA3LJIEGDe/0BAEAIfkEAAoACAAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVDDti/BQccA8yrYBAjHR0jc53LRQYU6R0UBnO4RxmiG/IjJUIJFuoVKeCBigBN5QCk43BgFgMKFCYUGDAgFEUQRGIRYbCh2xACEDcAcHDgQDcQFGf9s7VkA0QCI0t2W0DRw68h8ChAEELSJE8xijBvVqCgIU9PjwA+UNzG5AHEB9xkDpk4QMGvARQsEDlKxMCALDeLcA0rqEEDlWCCAAAh+QQACgAJACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0FRylQmFJlnlFhQJKrTrRCqoALIBXAxchySzZm2Wusdi8nfOfeYfAuPEWoCZkILR2l+V2VFCXkAhgoRhIp9UpBpbmxIQ3GHTgAFhIUZTgtdh2FHdXqnkaJDigqYYK2OTKaLaoYFn7p6j0wOA8PEAw6/Z4PKUhwdzs8dEL9kqqrN0M7SetTVCsLFw8d6C8vKvUQEv+dVCRAaBnNQtkwPFRQUFXOduUoTG/cUNkyYg+tIBlEMAFYYMAaBuCekxmhaJeSeBgiOHhw4QECAAwcCLhGJRUQCg3RDCmyUVmBYmlOiGqmBsPGlyz9YkAlxsJEhqCubABS9AsPgQAMqLQfM0oTMwEZ4QpLOwvMLxAEEXIBG5aczqtaut4YNXRIEACH5BAAKAAoALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RahAQRQtHaX5XZUUJeQAGHR0jA0SKfVKGCmlubEhCBSGRHSQOQwVmQwsZTgtdh0UQHKIHm2quChGophuiJHO3jkwOFB2UaoYFTnMGegDKRQQG0tMGBM1nAtnaABoU3t8UD81kR+UK3eDe4nrk5grR1NLWegva9s9czfhVAgMNpWqgBGNigMGBAwzmxBGjhACEgwcgzAPTqlwGXQ8gMgAhZIGHWm5WjelUZ8jBBgPMTBgwIMGCRgsygVSkgMiHByD7DWDmx5WuMkZqDLCU4gfAq2sACrAEWFSRLjUfWDopCqDTNQIsJ1LF0yzDAA90UHV5eo0qUjB8mgUBACH5BAAKAAsALAAAAAAgACAAAAb/QIBwSCwqFIuickk0FIiCo6A4ZSoZnRBUSiwoEtYipNOBDKOKKgD9DBNHHU4brc4c3cUBeSOk949geEQUZA5rXABHEW4PD0UOZBSHaQAJiEMJgQATFBQVBkQHZKACUwtHbX0RR0mVFp0UFwRCBSQDSgsZrQteqEUPGrAQmmG9ChFqRAkMsBd4xsRLBBsUoG6nBa14E4IA2kUFDuLjDql4peilAA0H7e4H1udH8/Ps7+3xbmj0qOTj5mEWpEP3DUq3glYWOBgAcEmUaNI+DBjwAY+dS0USGJg4wABEXMYyJNvE8UOGISKVCNClah4xjg60WUKyINOCUwrMzVRARMGENWQ4n/jpNTKTm15J/CTK2e0MoD+UKmHEs4onVDVVmyqdpAbNR4cKTjqNSots07EjzzJh1S0IADsAAAAAAAAAAAA=) center center no-repeat; }
/* Icons */
@font-face {
  font-family: "slick";
  src: url(data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=);
  src: url(data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=?#iefix) format("embedded-opentype"), url(data:font/woff;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF) format("woff"), url(data:font/ttf;base64,AAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=) format("truetype"), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxtZXRhZGF0YT5HZW5lcmF0ZWQgYnkgRm9udGFzdGljLm1lPC9tZXRhZGF0YT4KPGRlZnM+Cjxmb250IGlkPSJzbGljayIgaG9yaXotYWR2LXg9IjUxMiI+Cjxmb250LWZhY2UgZm9udC1mYW1pbHk9InNsaWNrIiB1bml0cy1wZXItZW09IjUxMiIgYXNjZW50PSI0ODAiIGRlc2NlbnQ9Ii0zMiIvPgo8bWlzc2luZy1nbHlwaCBob3Jpei1hZHYteD0iNTEyIiAvPgoKPGdseXBoIHVuaWNvZGU9IiYjODU5NDsiIGQ9Ik0yNDEgMTEzbDEzMCAxMzBjNCA0IDYgOCA2IDEzIDAgNS0yIDktNiAxM2wtMTMwIDEzMGMtMyAzLTcgNS0xMiA1LTUgMC0xMC0yLTEzLTVsLTI5LTMwYy00LTMtNi03LTYtMTIgMC01IDItMTAgNi0xM2w4Ny04OC04Ny04OGMtNC0zLTYtOC02LTEzIDAtNSAyLTkgNi0xMmwyOS0zMGMzLTMgOC01IDEzLTUgNSAwIDkgMiAxMiA1eiBtMjM0IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOS00MCAwLTc3IDktMTEwIDI5LTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMCAwIDQwIDkgNzcgMjkgMTEwIDIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOSA0MCAwIDc3LTkgMTEwLTI5IDM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz4KPGdseXBoIHVuaWNvZGU9IiYjODU5MjsiIGQ9Ik0yOTYgMTEzbDI5IDMwYzQgMyA2IDcgNiAxMiAwIDUtMiAxMC02IDEzbC04NyA4OCA4NyA4OGM0IDMgNiA4IDYgMTMgMCA1LTIgOS02IDEybC0yOSAzMGMtMyAzLTggNS0xMyA1LTUgMC05LTItMTItNWwtMTMwLTEzMGMtNC00LTYtOC02LTEzIDAtNSAyLTkgNi0xM2wxMzAtMTMwYzMtMyA3LTUgMTItNSA1IDAgMTAgMiAxMyA1eiBtMTc5IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOS00MCAwLTc3IDktMTEwIDI5LTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMCAwIDQwIDkgNzcgMjkgMTEwIDIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOSA0MCAwIDc3LTkgMTEwLTI5IDM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz4KPGdseXBoIHVuaWNvZGU9IiYjODIyNjsiIGQ9Ik00NzUgMjU2YzAtNDAtOS03Ny0yOS0xMTAtMjAtMzQtNDYtNjAtODAtODAtMzMtMjAtNzAtMjktMTEwLTI5LTQwIDAtNzcgOS0xMTAgMjktMzQgMjAtNjAgNDYtODAgODAtMjAgMzMtMjkgNzAtMjkgMTEwIDAgNDAgOSA3NyAyOSAxMTAgMjAgMzQgNDYgNjAgODAgODAgMzMgMjAgNzAgMjkgMTEwIDI5IDQwIDAgNzctOSAxMTAtMjkgMzQtMjAgNjAtNDYgODAtODAgMjAtMzMgMjktNzAgMjktMTEweiIvPgo8Z2x5cGggdW5pY29kZT0iJiM5NzsiIGQ9Ik00NzUgNDM5bDAtMTI4YzAtNS0xLTktNS0xMy00LTQtOC01LTEzLTVsLTEyOCAwYy04IDAtMTMgMy0xNyAxMS0zIDctMiAxNCA0IDIwbDQwIDM5Yy0yOCAyNi02MiAzOS0xMDAgMzktMjAgMC0zOS00LTU3LTExLTE4LTgtMzMtMTgtNDYtMzItMTQtMTMtMjQtMjgtMzItNDYtNy0xOC0xMS0zNy0xMS01NyAwLTIwIDQtMzkgMTEtNTcgOC0xOCAxOC0zMyAzMi00NiAxMy0xNCAyOC0yNCA0Ni0zMiAxOC03IDM3LTExIDU3LTExIDIzIDAgNDQgNSA2NCAxNSAyMCA5IDM4IDIzIDUxIDQyIDIgMSA0IDMgNyAzIDMgMCA1LTEgNy0zbDM5LTM5YzItMiAzLTMgMy02IDAtMi0xLTQtMi02LTIxLTI1LTQ2LTQ1LTc2LTU5LTI5LTE0LTYwLTIwLTkzLTIwLTMwIDAtNTggNS04NSAxNy0yNyAxMi01MSAyNy03MCA0Ny0yMCAxOS0zNSA0My00NyA3MC0xMiAyNy0xNyA1NS0xNyA4NSAwIDMwIDUgNTggMTcgODUgMTIgMjcgMjcgNTEgNDcgNzAgMTkgMjAgNDMgMzUgNzAgNDcgMjcgMTIgNTUgMTcgODUgMTcgMjggMCA1NS01IDgxLTE1IDI2LTExIDUwLTI2IDcwLTQ1bDM3IDM3YzYgNiAxMiA3IDIwIDQgOC00IDExLTkgMTEtMTd6Ii8+CjwvZm9udD48L2RlZnM+PC9zdmc+Cg==#slick) format("svg");
  font-weight: normal;
  font-style: normal; }
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
.slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
.slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
.slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
.slick-prev {
  left: -25px; }
[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
.slick-prev:before {
    content: "\2190"; }
[dir="rtl"] .slick-prev:before {
      content: "\2192"; }
.slick-next {
  right: -25px; }
[dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
.slick-next:before {
    content: "\2192"; }
[dir="rtl"] .slick-next:before {
      content: "\2190"; }
/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }
.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
.slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
.slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "\2022";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }
.react-date-field {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  overflow: visible;
  vertical-align: middle; }

.react-date-field *,
.react-date-field *:before,
.react-date-field *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.react-date-field > .react-date-field__picker {
  min-width: 100%;
  position: absolute;
  z-index: 100;
  left: -1px;
  background: white; }

.react-date-field--picker-position-bottom > .react-date-field__picker {
  top: 100%; }

.react-date-field--picker-position-top > .react-date-field__picker {
  bottom: 100%; }

.react-date-field__input {
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 5px;
  border: none;
  outline: none; }

.react-date-field__calendar-icon {
  border: 3px solid gray;
  border-top-width: 5px;
  border-radius: 2px;
  padding: 5px 7px;
  margin: 2px 4px 0px 2px;
  position: relative; }

.react-date-field__clear-icon {
  color: gray;
  fill: gray;
  margin: 0px 2px;
  cursor: pointer; }

.react-date-field__clear-icon svg {
  vertical-align: middle; }

.react-date-field__clear-icon:hover {
  color: #4d4d4d;
  fill: #4d4d4d; }

.react-date-field__calendar-icon:after,
.react-date-field__calendar-icon:before {
  content: '';
  width: 3px;
  height: 6px;
  border-radius: 10px;
  left: 1px;
  top: -6px;
  position: absolute;
  background: gray; }

.react-date-field__calendar-icon:after {
  left: auto;
  right: 0px; }

.react-date-field__calendar-icon-inner {
  background: gray;
  position: absolute;
  border-radius: 1px;
  top: 2px;
  left: 2px;
  width: 4px;
  height: 4px; }

.react-date-picker__clock {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  border: 5px solid gray;
  border-radius: 50%;
  position: relative; }

.react-date-picker__clock *,
.react-date-picker__clock *:before,
.react-date-picker__clock *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.react-date-picker__clock-overlay,
.react-date-picker__clock-center {
  border-radius: 50%;
  position: absolute;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  top: 50%;
  left: 50%; }

.react-date-picker__clock-hand,
.react-date-picker__clock-tick {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1px;
  background: gray; }

.react-date-picker__date-format-spinner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.react-date-picker__date-format-spinner *,
.react-date-picker__date-format-spinner *:before,
.react-date-picker__date-format-spinner *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.react-date-picker__time-picker {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.react-date-picker__time-picker *,
.react-date-picker__time-picker *:before,
.react-date-picker__time-picker *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.react-date-picker__time-picker-input {
  margin-top: 10px; }

.react-date-picker__year-view {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none; }

.react-date-picker__year-view *,
.react-date-picker__year-view *:before,
.react-date-picker__year-view *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.react-date-picker__year-view-month {
  text-align: center; }

.react-date-picker__decade-view {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none; }

.react-date-picker__decade-view *,
.react-date-picker__decade-view *:before,
.react-date-picker__decade-view *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.react-date-picker__decade-view-year {
  text-align: center; }

.react-date-picker__history-view {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none; }

.react-date-picker__history-view *,
.react-date-picker__history-view *:before,
.react-date-picker__history-view *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.react-date-picker__nav-bar {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
  position: relative; }

.react-date-picker__nav-bar *,
.react-date-picker__nav-bar *:before,
.react-date-picker__nav-bar *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.react-date-picker__nav-bar-arrow {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  position: relative; }

.react-date-picker__nav-bar-arrow--disabled {
  fill: #BFBFBF;
  cursor: default; }

.react-date-picker__nav-bar-date {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.react-date-picker__nav-bar svg {
  vertical-align: middle; }

.react-date-picker__nav-bar-history-view {
  z-index: 100;
  position: absolute;
  margin: auto;
  left: 3px;
  right: 3px;
  top: 100%; }

.react-date-picker,
.react-date-picker__calendar,
.react-date-picker__basic-month-view {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.react-date-picker *,
.react-date-picker *:before,
.react-date-picker *:after,
.react-date-picker__calendar *,
.react-date-picker__calendar *:before,
.react-date-picker__calendar *:after,
.react-date-picker__basic-month-view *,
.react-date-picker__basic-month-view *:before,
.react-date-picker__basic-month-view *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.react-date-picker__transition-month-view {
  position: relative;
  overflow: hidden; }

.react-date-picker__prev {
  -webkit-transform: translate3d(-100%, 0px, 0px);
  transform: translate3d(-100%, 0px, 0px); }

.react-date-picker__next {
  -webkit-transform: translate3d(100%, 0px, 0px);
  transform: translate3d(100%, 0px, 0px); }

.react-date-picker--transition-left {
  -webkit-transform: translate3d(-100%, 0px, 0px);
  transform: translate3d(-100%, 0px, 0px); }

.react-date-picker--transition-left.react-date-picker__next {
  -webkit-transform: translate3d(0%, 0px, 0px);
  transform: translate3d(0%, 0px, 0px); }

.react-date-picker--transition-right {
  z-index: 1111;
  -webkit-transform: translate3d(100%, 0px, 0px);
  transform: translate3d(100%, 0px, 0px); }

.react-date-picker--transition-right.react-date-picker__prev {
  -webkit-transform: translate3d(0%, 0px, 0px);
  transform: translate3d(0%, 0px, 0px); }

.react-date-picker__center {
  z-index: 10; }

.react-date-picker__prev.react-date-picker--transition,
.react-date-picker__center.react-date-picker--transition,
.react-date-picker__next.react-date-picker--transition {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.react-date-picker__prev,
.react-date-picker__next {
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  position: absolute !important; }

.react-date-picker__month-view,
.react-date-picker__basic-month-view {
  position: relative;
  outline: none; }

.react-date-picker__month-view-week-day-name,
.react-date-picker__basic-month-view-week-day-name {
  padding: 5px 0px; }

.react-date-picker__month-view-day--hidden,
.react-date-picker__basic-month-view-day--hidden {
  visibility: hidden; }

.react-date-picker__month-view-day--disabled,
.react-date-picker__basic-month-view-day--disabled {
  color: #BFBFBF; }

.react-date-picker__month-view-cell,
.react-date-picker__basic-month-view-cell {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.react-date-picker__month-view-row,
.react-date-picker__basic-month-view-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: auto;
  flex-basis: auto; }

.react-date-picker__month-view-week-day-names,
.react-date-picker__basic-month-view-week-day-names {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none; }

.react-flex-v2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.react-flex-v2--inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.react-flex-v2--display-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.react-flex-v2--display-inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

/* ALIGN-ITEMS */

.react-flex-v2--align-items-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center; }

.react-flex-v2--align-items-stretch {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  -ms-grid-row-align: stretch;
  align-items: stretch; }

.react-flex-v2--align-items-baseline {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  -ms-grid-row-align: baseline;
  align-items: baseline; }

.react-flex-v2--align-items-end,
.react-flex-v2--align-items-flex-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  -ms-grid-row-align: flex-end;
  align-items: flex-end; }

.react-flex-v2--align-items-start,
.react-flex-v2--align-items-flex-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start; }

/* ALIGN-SELF */

.react-flex-v2--align-self-center {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center; }

.react-flex-v2--align-self-stretch {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch; }

.react-flex-v2--align-self-baseline {
  -webkit-align-self: baseline;
  -ms-flex-item-align: baseline;
  align-self: baseline; }

.react-flex-v2--align-self-auto {
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto; }

.react-flex-v2--align-self-end,
.react-flex-v2--align-self-flex-end {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end; }

.react-flex-v2--align-self-start,
.react-flex-v2--align-self-flex-start {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start; }

/* ALIGN-CONTENT */

.react-flex-v2--align-content-center {
  -ms-flex-line-pack: center;
  align-content: center; }

.react-flex-v2--align-content-stretch {
  -ms-flex-line-pack: stretch;
  align-content: stretch; }

.react-flex-v2--align-content-around,
.react-flex-v2--align-content-space-around {
  -ms-flex-line-pack: distribute;
  align-content: space-around; }

.react-flex-v2--align-content-between,
.react-flex-v2--align-content-space-between {
  -ms-flex-line-pack: justify;
  align-content: space-between; }

.react-flex-v2--align-content-end,
.react-flex-v2--align-content-flex-end {
  -ms-flex-line-pack: end;
  align-content: flex-end; }

.react-flex-v2--align-content-start,
.react-flex-v2--align-content-flex-start {
  -ms-flex-line-pack: start;
  align-content: flex-start; }

/* JUSTIFY-CONTENT */

.react-flex-v2--justify-content-start,
.react-flex-v2--justify-content-flex-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.react-flex-v2--justify-content-end,
.react-flex-v2--justify-content-flex-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.react-flex-v2--justify-content-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.react-flex-v2--justify-content-space-around {
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.react-flex-v2--justify-content-space-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

/* WRAP */

.react-flex-v2--wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

/* COLUMN */

.react-flex-v2--column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.react-flex-v2--column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse; }

/* ROW */

.react-flex-v2--row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.react-flex-v2--row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }

/* FLEX-BASIS */

.react-flex-v2--flex-basis-auto {
  -ms-flex-preferred-size: auto;
  flex-basis: auto; }

.react-flex-v2--flex-basis-none,
.react-flex-v2--flex-basis-0 {
  -ms-flex-preferred-size: 0px;
  flex-basis: 0px; }

.react-flex-v2--flex-basis-fill {
  -ms-flex-preferred-size: fill;
  flex-basis: fill; }

.react-flex-v2--flex-basis-content {
  -ms-flex-preferred-size: content;
  flex-basis: content; }

.react-flex-v2--flex-basis-fit-content {
  -ms-flex-preferred-size: fit-content;
  flex-basis: fit-content; }

.react-flex-v2--flex-basis-min-content {
  -ms-flex-preferred-size: min-content;
  flex-basis: min-content; }

.react-flex-v2--flex-basis-max-content {
  -ms-flex-preferred-size: max-content;
  flex-basis: max-content; }

/* FLEX */

.react-flex-v2--flex-none,
.react-flex-v2--flex-0 {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none; }

.react-flex-v2--flex-1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1 1; }

.react-flex-v2--flex-2 {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2 1; }

.react-flex-v2--flex-3 {
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3 1; }

.react-flex-v2--flex-4 {
  -webkit-box-flex: 4;
  -ms-flex: 4;
  flex: 4 1; }

.react-flex-v2--flex-5 {
  -webkit-box-flex: 5;
  -ms-flex: 5;
  flex: 5 1; }

.react-flex-v2--flex-6 {
  -webkit-box-flex: 6;
  -ms-flex: 6;
  flex: 6 1; }

.react-flex-v2--flex-7 {
  -webkit-box-flex: 7;
  -ms-flex: 7;
  flex: 7 1; }

.react-flex-v2--flex-8 {
  -webkit-box-flex: 8;
  -ms-flex: 8;
  flex: 8 1; }

.react-flex-v2--flex-9 {
  -webkit-box-flex: 9;
  -ms-flex: 9;
  flex: 9 1; }

.react-flex-v2--flex-10 {
  -webkit-box-flex: 10;
  -ms-flex: 10;
  flex: 10 1; }

.react-flex-v2--flex-11 {
  -webkit-box-flex: 11;
  -ms-flex: 11;
  flex: 11 1; }

.react-flex-v2--flex-12 {
  -webkit-box-flex: 12;
  -ms-flex: 12;
  flex: 12 1; }

.react-flex-v2--flex-13 {
  -webkit-box-flex: 13;
  -ms-flex: 13;
  flex: 13 1; }

.react-flex-v2--flex-14 {
  -webkit-box-flex: 14;
  -ms-flex: 14;
  flex: 14 1; }

.react-flex-v2--flex-15 {
  -webkit-box-flex: 15;
  -ms-flex: 15;
  flex: 15 1; }

.react-flex-v2--flex-16 {
  -webkit-box-flex: 16;
  -ms-flex: 16;
  flex: 16 1; }

.react-flex-v2--flex-17 {
  -webkit-box-flex: 17;
  -ms-flex: 17;
  flex: 17 1; }

.react-flex-v2--flex-18 {
  -webkit-box-flex: 18;
  -ms-flex: 18;
  flex: 18 1; }

.react-flex-v2--flex-19 {
  -webkit-box-flex: 19;
  -ms-flex: 19;
  flex: 19 1; }

.react-flex-v2--flex-20 {
  -webkit-box-flex: 20;
  -ms-flex: 20;
  flex: 20 1; }

.react-flex-v2--flex-21 {
  -webkit-box-flex: 21;
  -ms-flex: 21;
  flex: 21 1; }

.react-flex-v2--flex-22 {
  -webkit-box-flex: 22;
  -ms-flex: 22;
  flex: 22 1; }

.react-flex-v2--flex-23 {
  -webkit-box-flex: 23;
  -ms-flex: 23;
  flex: 23 1; }

.react-flex-v2--flex-24 {
  -webkit-box-flex: 24;
  -ms-flex: 24;
  flex: 24 1; }

.react-flex-v2--flex-25 {
  -webkit-box-flex: 25;
  -ms-flex: 25;
  flex: 25 1; }

.react-flex-v2--flex-26 {
  -webkit-box-flex: 26;
  -ms-flex: 26;
  flex: 26 1; }

.react-flex-v2--flex-27 {
  -webkit-box-flex: 27;
  -ms-flex: 27;
  flex: 27 1; }

.react-flex-v2--flex-28 {
  -webkit-box-flex: 28;
  -ms-flex: 28;
  flex: 28 1; }

.react-flex-v2--flex-29 {
  -webkit-box-flex: 29;
  -ms-flex: 29;
  flex: 29 1; }

.react-flex-v2--flex-30 {
  -webkit-box-flex: 30;
  -ms-flex: 30;
  flex: 30 1; }

.react-flex-v2--flex-31 {
  -webkit-box-flex: 31;
  -ms-flex: 31;
  flex: 31 1; }

.react-flex-v2--flex-32 {
  -webkit-box-flex: 32;
  -ms-flex: 32;
  flex: 32 1; }

.react-flex-v2--flex-33 {
  -webkit-box-flex: 33;
  -ms-flex: 33;
  flex: 33 1; }

.react-flex-v2--flex-34 {
  -webkit-box-flex: 34;
  -ms-flex: 34;
  flex: 34 1; }

.react-flex-v2--flex-35 {
  -webkit-box-flex: 35;
  -ms-flex: 35;
  flex: 35 1; }

.react-flex-v2--flex-36 {
  -webkit-box-flex: 36;
  -ms-flex: 36;
  flex: 36 1; }

.react-flex-v2--flex-37 {
  -webkit-box-flex: 37;
  -ms-flex: 37;
  flex: 37 1; }

.react-flex-v2--flex-38 {
  -webkit-box-flex: 38;
  -ms-flex: 38;
  flex: 38 1; }

.react-flex-v2--flex-39 {
  -webkit-box-flex: 39;
  -ms-flex: 39;
  flex: 39 1; }

.react-flex-v2--flex-40 {
  -webkit-box-flex: 40;
  -ms-flex: 40;
  flex: 40 1; }

.react-flex-v2--flex-41 {
  -webkit-box-flex: 41;
  -ms-flex: 41;
  flex: 41 1; }

.react-flex-v2--flex-42 {
  -webkit-box-flex: 42;
  -ms-flex: 42;
  flex: 42 1; }

.react-flex-v2--flex-43 {
  -webkit-box-flex: 43;
  -ms-flex: 43;
  flex: 43 1; }

.react-flex-v2--flex-44 {
  -webkit-box-flex: 44;
  -ms-flex: 44;
  flex: 44 1; }

.react-flex-v2--flex-45 {
  -webkit-box-flex: 45;
  -ms-flex: 45;
  flex: 45 1; }

.react-flex-v2--flex-46 {
  -webkit-box-flex: 46;
  -ms-flex: 46;
  flex: 46 1; }

.react-flex-v2--flex-47 {
  -webkit-box-flex: 47;
  -ms-flex: 47;
  flex: 47 1; }

.react-flex-v2--flex-48 {
  -webkit-box-flex: 48;
  -ms-flex: 48;
  flex: 48 1; }

.react-flex-v2--flex-49 {
  -webkit-box-flex: 49;
  -ms-flex: 49;
  flex: 49 1; }

.react-flex-v2--flex-50 {
  -webkit-box-flex: 50;
  -ms-flex: 50;
  flex: 50 1; }

.react-flex-v2--flex-51 {
  -webkit-box-flex: 51;
  -ms-flex: 51;
  flex: 51 1; }

.react-flex-v2--flex-52 {
  -webkit-box-flex: 52;
  -ms-flex: 52;
  flex: 52 1; }

.react-flex-v2--flex-53 {
  -webkit-box-flex: 53;
  -ms-flex: 53;
  flex: 53 1; }

.react-flex-v2--flex-54 {
  -webkit-box-flex: 54;
  -ms-flex: 54;
  flex: 54 1; }

.react-flex-v2--flex-55 {
  -webkit-box-flex: 55;
  -ms-flex: 55;
  flex: 55 1; }

.react-flex-v2--flex-56 {
  -webkit-box-flex: 56;
  -ms-flex: 56;
  flex: 56 1; }

.react-flex-v2--flex-57 {
  -webkit-box-flex: 57;
  -ms-flex: 57;
  flex: 57 1; }

.react-flex-v2--flex-58 {
  -webkit-box-flex: 58;
  -ms-flex: 58;
  flex: 58 1; }

.react-flex-v2--flex-59 {
  -webkit-box-flex: 59;
  -ms-flex: 59;
  flex: 59 1; }

.react-flex-v2--flex-60 {
  -webkit-box-flex: 60;
  -ms-flex: 60;
  flex: 60 1; }

.react-flex-v2--flex-61 {
  -webkit-box-flex: 61;
  -ms-flex: 61;
  flex: 61 1; }

.react-flex-v2--flex-62 {
  -webkit-box-flex: 62;
  -ms-flex: 62;
  flex: 62 1; }

.react-flex-v2--flex-63 {
  -webkit-box-flex: 63;
  -ms-flex: 63;
  flex: 63 1; }

.react-flex-v2--flex-64 {
  -webkit-box-flex: 64;
  -ms-flex: 64;
  flex: 64 1; }

.react-flex-v2--flex-65 {
  -webkit-box-flex: 65;
  -ms-flex: 65;
  flex: 65 1; }

.react-flex-v2--flex-66 {
  -webkit-box-flex: 66;
  -ms-flex: 66;
  flex: 66 1; }

.react-flex-v2--flex-67 {
  -webkit-box-flex: 67;
  -ms-flex: 67;
  flex: 67 1; }

.react-flex-v2--flex-68 {
  -webkit-box-flex: 68;
  -ms-flex: 68;
  flex: 68 1; }

.react-flex-v2--flex-69 {
  -webkit-box-flex: 69;
  -ms-flex: 69;
  flex: 69 1; }

.react-flex-v2--flex-70 {
  -webkit-box-flex: 70;
  -ms-flex: 70;
  flex: 70 1; }

.react-flex-v2--flex-71 {
  -webkit-box-flex: 71;
  -ms-flex: 71;
  flex: 71 1; }

.react-flex-v2--flex-72 {
  -webkit-box-flex: 72;
  -ms-flex: 72;
  flex: 72 1; }

.react-flex-v2--flex-73 {
  -webkit-box-flex: 73;
  -ms-flex: 73;
  flex: 73 1; }

.react-flex-v2--flex-74 {
  -webkit-box-flex: 74;
  -ms-flex: 74;
  flex: 74 1; }

.react-flex-v2--flex-75 {
  -webkit-box-flex: 75;
  -ms-flex: 75;
  flex: 75 1; }

.react-flex-v2--flex-76 {
  -webkit-box-flex: 76;
  -ms-flex: 76;
  flex: 76 1; }

.react-flex-v2--flex-77 {
  -webkit-box-flex: 77;
  -ms-flex: 77;
  flex: 77 1; }

.react-flex-v2--flex-78 {
  -webkit-box-flex: 78;
  -ms-flex: 78;
  flex: 78 1; }

.react-flex-v2--flex-79 {
  -webkit-box-flex: 79;
  -ms-flex: 79;
  flex: 79 1; }

.react-flex-v2--flex-80 {
  -webkit-box-flex: 80;
  -ms-flex: 80;
  flex: 80 1; }

.react-flex-v2--flex-81 {
  -webkit-box-flex: 81;
  -ms-flex: 81;
  flex: 81 1; }

.react-flex-v2--flex-82 {
  -webkit-box-flex: 82;
  -ms-flex: 82;
  flex: 82 1; }

.react-flex-v2--flex-83 {
  -webkit-box-flex: 83;
  -ms-flex: 83;
  flex: 83 1; }

.react-flex-v2--flex-84 {
  -webkit-box-flex: 84;
  -ms-flex: 84;
  flex: 84 1; }

.react-flex-v2--flex-85 {
  -webkit-box-flex: 85;
  -ms-flex: 85;
  flex: 85 1; }

.react-flex-v2--flex-86 {
  -webkit-box-flex: 86;
  -ms-flex: 86;
  flex: 86 1; }

.react-flex-v2--flex-87 {
  -webkit-box-flex: 87;
  -ms-flex: 87;
  flex: 87 1; }

.react-flex-v2--flex-88 {
  -webkit-box-flex: 88;
  -ms-flex: 88;
  flex: 88 1; }

.react-flex-v2--flex-89 {
  -webkit-box-flex: 89;
  -ms-flex: 89;
  flex: 89 1; }

.react-flex-v2--flex-90 {
  -webkit-box-flex: 90;
  -ms-flex: 90;
  flex: 90 1; }

.react-flex-v2--flex-91 {
  -webkit-box-flex: 91;
  -ms-flex: 91;
  flex: 91 1; }

.react-flex-v2--flex-92 {
  -webkit-box-flex: 92;
  -ms-flex: 92;
  flex: 92 1; }

.react-flex-v2--flex-93 {
  -webkit-box-flex: 93;
  -ms-flex: 93;
  flex: 93 1; }

.react-flex-v2--flex-94 {
  -webkit-box-flex: 94;
  -ms-flex: 94;
  flex: 94 1; }

.react-flex-v2--flex-95 {
  -webkit-box-flex: 95;
  -ms-flex: 95;
  flex: 95 1; }

.react-flex-v2--flex-96 {
  -webkit-box-flex: 96;
  -ms-flex: 96;
  flex: 96 1; }

.react-flex-v2--flex-97 {
  -webkit-box-flex: 97;
  -ms-flex: 97;
  flex: 97 1; }

.react-flex-v2--flex-98 {
  -webkit-box-flex: 98;
  -ms-flex: 98;
  flex: 98 1; }

.react-flex-v2--flex-99 {
  -webkit-box-flex: 99;
  -ms-flex: 99;
  flex: 99 1; }

.react-flex-v2--flex-100 {
  -webkit-box-flex: 100;
  -ms-flex: 100;
  flex: 100 1; }

/* FLEX-GROW */

.react-flex-v2--flex-grow-0 {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0; }

.react-flex-v2--flex-grow-1 {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.react-flex-v2--flex-grow-2 {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2; }

.react-flex-v2--flex-grow-3 {
  -webkit-box-flex: 3;
  -ms-flex-positive: 3;
  flex-grow: 3; }

.react-flex-v2--flex-grow-4 {
  -webkit-box-flex: 4;
  -ms-flex-positive: 4;
  flex-grow: 4; }

.react-flex-v2--flex-grow-5 {
  -webkit-box-flex: 5;
  -ms-flex-positive: 5;
  flex-grow: 5; }

.react-flex-v2--flex-grow-6 {
  -webkit-box-flex: 6;
  -ms-flex-positive: 6;
  flex-grow: 6; }

.react-flex-v2--flex-grow-7 {
  -webkit-box-flex: 7;
  -ms-flex-positive: 7;
  flex-grow: 7; }

.react-flex-v2--flex-grow-8 {
  -webkit-box-flex: 8;
  -ms-flex-positive: 8;
  flex-grow: 8; }

.react-flex-v2--flex-grow-9 {
  -webkit-box-flex: 9;
  -ms-flex-positive: 9;
  flex-grow: 9; }

.react-flex-v2--flex-grow-10 {
  -webkit-box-flex: 10;
  -ms-flex-positive: 10;
  flex-grow: 10; }

.react-flex-v2--flex-grow-11 {
  -webkit-box-flex: 11;
  -ms-flex-positive: 11;
  flex-grow: 11; }

.react-flex-v2--flex-grow-12 {
  -webkit-box-flex: 12;
  -ms-flex-positive: 12;
  flex-grow: 12; }

.react-flex-v2--flex-grow-13 {
  -webkit-box-flex: 13;
  -ms-flex-positive: 13;
  flex-grow: 13; }

.react-flex-v2--flex-grow-14 {
  -webkit-box-flex: 14;
  -ms-flex-positive: 14;
  flex-grow: 14; }

.react-flex-v2--flex-grow-15 {
  -webkit-box-flex: 15;
  -ms-flex-positive: 15;
  flex-grow: 15; }

.react-flex-v2--flex-grow-16 {
  -webkit-box-flex: 16;
  -ms-flex-positive: 16;
  flex-grow: 16; }

.react-flex-v2--flex-grow-17 {
  -webkit-box-flex: 17;
  -ms-flex-positive: 17;
  flex-grow: 17; }

.react-flex-v2--flex-grow-18 {
  -webkit-box-flex: 18;
  -ms-flex-positive: 18;
  flex-grow: 18; }

.react-flex-v2--flex-grow-19 {
  -webkit-box-flex: 19;
  -ms-flex-positive: 19;
  flex-grow: 19; }

.react-flex-v2--flex-grow-20 {
  -webkit-box-flex: 20;
  -ms-flex-positive: 20;
  flex-grow: 20; }

.react-flex-v2--flex-grow-21 {
  -webkit-box-flex: 21;
  -ms-flex-positive: 21;
  flex-grow: 21; }

.react-flex-v2--flex-grow-22 {
  -webkit-box-flex: 22;
  -ms-flex-positive: 22;
  flex-grow: 22; }

.react-flex-v2--flex-grow-23 {
  -webkit-box-flex: 23;
  -ms-flex-positive: 23;
  flex-grow: 23; }

.react-flex-v2--flex-grow-24 {
  -webkit-box-flex: 24;
  -ms-flex-positive: 24;
  flex-grow: 24; }

.react-flex-v2--flex-grow-25 {
  -webkit-box-flex: 25;
  -ms-flex-positive: 25;
  flex-grow: 25; }

.react-flex-v2--flex-grow-26 {
  -webkit-box-flex: 26;
  -ms-flex-positive: 26;
  flex-grow: 26; }

.react-flex-v2--flex-grow-27 {
  -webkit-box-flex: 27;
  -ms-flex-positive: 27;
  flex-grow: 27; }

.react-flex-v2--flex-grow-28 {
  -webkit-box-flex: 28;
  -ms-flex-positive: 28;
  flex-grow: 28; }

.react-flex-v2--flex-grow-29 {
  -webkit-box-flex: 29;
  -ms-flex-positive: 29;
  flex-grow: 29; }

.react-flex-v2--flex-grow-30 {
  -webkit-box-flex: 30;
  -ms-flex-positive: 30;
  flex-grow: 30; }

.react-flex-v2--flex-grow-31 {
  -webkit-box-flex: 31;
  -ms-flex-positive: 31;
  flex-grow: 31; }

.react-flex-v2--flex-grow-32 {
  -webkit-box-flex: 32;
  -ms-flex-positive: 32;
  flex-grow: 32; }

.react-flex-v2--flex-grow-33 {
  -webkit-box-flex: 33;
  -ms-flex-positive: 33;
  flex-grow: 33; }

.react-flex-v2--flex-grow-34 {
  -webkit-box-flex: 34;
  -ms-flex-positive: 34;
  flex-grow: 34; }

.react-flex-v2--flex-grow-35 {
  -webkit-box-flex: 35;
  -ms-flex-positive: 35;
  flex-grow: 35; }

.react-flex-v2--flex-grow-36 {
  -webkit-box-flex: 36;
  -ms-flex-positive: 36;
  flex-grow: 36; }

.react-flex-v2--flex-grow-37 {
  -webkit-box-flex: 37;
  -ms-flex-positive: 37;
  flex-grow: 37; }

.react-flex-v2--flex-grow-38 {
  -webkit-box-flex: 38;
  -ms-flex-positive: 38;
  flex-grow: 38; }

.react-flex-v2--flex-grow-39 {
  -webkit-box-flex: 39;
  -ms-flex-positive: 39;
  flex-grow: 39; }

.react-flex-v2--flex-grow-40 {
  -webkit-box-flex: 40;
  -ms-flex-positive: 40;
  flex-grow: 40; }

.react-flex-v2--flex-grow-41 {
  -webkit-box-flex: 41;
  -ms-flex-positive: 41;
  flex-grow: 41; }

.react-flex-v2--flex-grow-42 {
  -webkit-box-flex: 42;
  -ms-flex-positive: 42;
  flex-grow: 42; }

.react-flex-v2--flex-grow-43 {
  -webkit-box-flex: 43;
  -ms-flex-positive: 43;
  flex-grow: 43; }

.react-flex-v2--flex-grow-44 {
  -webkit-box-flex: 44;
  -ms-flex-positive: 44;
  flex-grow: 44; }

.react-flex-v2--flex-grow-45 {
  -webkit-box-flex: 45;
  -ms-flex-positive: 45;
  flex-grow: 45; }

.react-flex-v2--flex-grow-46 {
  -webkit-box-flex: 46;
  -ms-flex-positive: 46;
  flex-grow: 46; }

.react-flex-v2--flex-grow-47 {
  -webkit-box-flex: 47;
  -ms-flex-positive: 47;
  flex-grow: 47; }

.react-flex-v2--flex-grow-48 {
  -webkit-box-flex: 48;
  -ms-flex-positive: 48;
  flex-grow: 48; }

.react-flex-v2--flex-grow-49 {
  -webkit-box-flex: 49;
  -ms-flex-positive: 49;
  flex-grow: 49; }

.react-flex-v2--flex-grow-50 {
  -webkit-box-flex: 50;
  -ms-flex-positive: 50;
  flex-grow: 50; }

.react-flex-v2--flex-grow-51 {
  -webkit-box-flex: 51;
  -ms-flex-positive: 51;
  flex-grow: 51; }

.react-flex-v2--flex-grow-52 {
  -webkit-box-flex: 52;
  -ms-flex-positive: 52;
  flex-grow: 52; }

.react-flex-v2--flex-grow-53 {
  -webkit-box-flex: 53;
  -ms-flex-positive: 53;
  flex-grow: 53; }

.react-flex-v2--flex-grow-54 {
  -webkit-box-flex: 54;
  -ms-flex-positive: 54;
  flex-grow: 54; }

.react-flex-v2--flex-grow-55 {
  -webkit-box-flex: 55;
  -ms-flex-positive: 55;
  flex-grow: 55; }

.react-flex-v2--flex-grow-56 {
  -webkit-box-flex: 56;
  -ms-flex-positive: 56;
  flex-grow: 56; }

.react-flex-v2--flex-grow-57 {
  -webkit-box-flex: 57;
  -ms-flex-positive: 57;
  flex-grow: 57; }

.react-flex-v2--flex-grow-58 {
  -webkit-box-flex: 58;
  -ms-flex-positive: 58;
  flex-grow: 58; }

.react-flex-v2--flex-grow-59 {
  -webkit-box-flex: 59;
  -ms-flex-positive: 59;
  flex-grow: 59; }

.react-flex-v2--flex-grow-60 {
  -webkit-box-flex: 60;
  -ms-flex-positive: 60;
  flex-grow: 60; }

.react-flex-v2--flex-grow-61 {
  -webkit-box-flex: 61;
  -ms-flex-positive: 61;
  flex-grow: 61; }

.react-flex-v2--flex-grow-62 {
  -webkit-box-flex: 62;
  -ms-flex-positive: 62;
  flex-grow: 62; }

.react-flex-v2--flex-grow-63 {
  -webkit-box-flex: 63;
  -ms-flex-positive: 63;
  flex-grow: 63; }

.react-flex-v2--flex-grow-64 {
  -webkit-box-flex: 64;
  -ms-flex-positive: 64;
  flex-grow: 64; }

.react-flex-v2--flex-grow-65 {
  -webkit-box-flex: 65;
  -ms-flex-positive: 65;
  flex-grow: 65; }

.react-flex-v2--flex-grow-66 {
  -webkit-box-flex: 66;
  -ms-flex-positive: 66;
  flex-grow: 66; }

.react-flex-v2--flex-grow-67 {
  -webkit-box-flex: 67;
  -ms-flex-positive: 67;
  flex-grow: 67; }

.react-flex-v2--flex-grow-68 {
  -webkit-box-flex: 68;
  -ms-flex-positive: 68;
  flex-grow: 68; }

.react-flex-v2--flex-grow-69 {
  -webkit-box-flex: 69;
  -ms-flex-positive: 69;
  flex-grow: 69; }

.react-flex-v2--flex-grow-70 {
  -webkit-box-flex: 70;
  -ms-flex-positive: 70;
  flex-grow: 70; }

.react-flex-v2--flex-grow-71 {
  -webkit-box-flex: 71;
  -ms-flex-positive: 71;
  flex-grow: 71; }

.react-flex-v2--flex-grow-72 {
  -webkit-box-flex: 72;
  -ms-flex-positive: 72;
  flex-grow: 72; }

.react-flex-v2--flex-grow-73 {
  -webkit-box-flex: 73;
  -ms-flex-positive: 73;
  flex-grow: 73; }

.react-flex-v2--flex-grow-74 {
  -webkit-box-flex: 74;
  -ms-flex-positive: 74;
  flex-grow: 74; }

.react-flex-v2--flex-grow-75 {
  -webkit-box-flex: 75;
  -ms-flex-positive: 75;
  flex-grow: 75; }

.react-flex-v2--flex-grow-76 {
  -webkit-box-flex: 76;
  -ms-flex-positive: 76;
  flex-grow: 76; }

.react-flex-v2--flex-grow-77 {
  -webkit-box-flex: 77;
  -ms-flex-positive: 77;
  flex-grow: 77; }

.react-flex-v2--flex-grow-78 {
  -webkit-box-flex: 78;
  -ms-flex-positive: 78;
  flex-grow: 78; }

.react-flex-v2--flex-grow-79 {
  -webkit-box-flex: 79;
  -ms-flex-positive: 79;
  flex-grow: 79; }

.react-flex-v2--flex-grow-80 {
  -webkit-box-flex: 80;
  -ms-flex-positive: 80;
  flex-grow: 80; }

.react-flex-v2--flex-grow-81 {
  -webkit-box-flex: 81;
  -ms-flex-positive: 81;
  flex-grow: 81; }

.react-flex-v2--flex-grow-82 {
  -webkit-box-flex: 82;
  -ms-flex-positive: 82;
  flex-grow: 82; }

.react-flex-v2--flex-grow-83 {
  -webkit-box-flex: 83;
  -ms-flex-positive: 83;
  flex-grow: 83; }

.react-flex-v2--flex-grow-84 {
  -webkit-box-flex: 84;
  -ms-flex-positive: 84;
  flex-grow: 84; }

.react-flex-v2--flex-grow-85 {
  -webkit-box-flex: 85;
  -ms-flex-positive: 85;
  flex-grow: 85; }

.react-flex-v2--flex-grow-86 {
  -webkit-box-flex: 86;
  -ms-flex-positive: 86;
  flex-grow: 86; }

.react-flex-v2--flex-grow-87 {
  -webkit-box-flex: 87;
  -ms-flex-positive: 87;
  flex-grow: 87; }

.react-flex-v2--flex-grow-88 {
  -webkit-box-flex: 88;
  -ms-flex-positive: 88;
  flex-grow: 88; }

.react-flex-v2--flex-grow-89 {
  -webkit-box-flex: 89;
  -ms-flex-positive: 89;
  flex-grow: 89; }

.react-flex-v2--flex-grow-90 {
  -webkit-box-flex: 90;
  -ms-flex-positive: 90;
  flex-grow: 90; }

.react-flex-v2--flex-grow-91 {
  -webkit-box-flex: 91;
  -ms-flex-positive: 91;
  flex-grow: 91; }

.react-flex-v2--flex-grow-92 {
  -webkit-box-flex: 92;
  -ms-flex-positive: 92;
  flex-grow: 92; }

.react-flex-v2--flex-grow-93 {
  -webkit-box-flex: 93;
  -ms-flex-positive: 93;
  flex-grow: 93; }

.react-flex-v2--flex-grow-94 {
  -webkit-box-flex: 94;
  -ms-flex-positive: 94;
  flex-grow: 94; }

.react-flex-v2--flex-grow-95 {
  -webkit-box-flex: 95;
  -ms-flex-positive: 95;
  flex-grow: 95; }

.react-flex-v2--flex-grow-96 {
  -webkit-box-flex: 96;
  -ms-flex-positive: 96;
  flex-grow: 96; }

.react-flex-v2--flex-grow-97 {
  -webkit-box-flex: 97;
  -ms-flex-positive: 97;
  flex-grow: 97; }

.react-flex-v2--flex-grow-98 {
  -webkit-box-flex: 98;
  -ms-flex-positive: 98;
  flex-grow: 98; }

.react-flex-v2--flex-grow-99 {
  -webkit-box-flex: 99;
  -ms-flex-positive: 99;
  flex-grow: 99; }

.react-flex-v2--flex-grow-100 {
  -webkit-box-flex: 100;
  -ms-flex-positive: 100;
  flex-grow: 100; }

/* FLEX-SHRINK */

.react-flex-v2--flex-shrink-0 {
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.react-flex-v2--flex-shrink-1 {
  -ms-flex-negative: 1;
  flex-shrink: 1; }

.react-flex-v2--flex-shrink-2 {
  -ms-flex-negative: 2;
  flex-shrink: 2; }

.react-flex-v2--flex-shrink-3 {
  -ms-flex-negative: 3;
  flex-shrink: 3; }

.react-flex-v2--flex-shrink-4 {
  -ms-flex-negative: 4;
  flex-shrink: 4; }

.react-flex-v2--flex-shrink-5 {
  -ms-flex-negative: 5;
  flex-shrink: 5; }

.react-flex-v2--flex-shrink-6 {
  -ms-flex-negative: 6;
  flex-shrink: 6; }

.react-flex-v2--flex-shrink-7 {
  -ms-flex-negative: 7;
  flex-shrink: 7; }

.react-flex-v2--flex-shrink-8 {
  -ms-flex-negative: 8;
  flex-shrink: 8; }

.react-flex-v2--flex-shrink-9 {
  -ms-flex-negative: 9;
  flex-shrink: 9; }

.react-flex-v2--flex-shrink-10 {
  -ms-flex-negative: 10;
  flex-shrink: 10; }

.react-flex-v2--flex-shrink-11 {
  -ms-flex-negative: 11;
  flex-shrink: 11; }

.react-flex-v2--flex-shrink-12 {
  -ms-flex-negative: 12;
  flex-shrink: 12; }

.react-flex-v2--flex-shrink-13 {
  -ms-flex-negative: 13;
  flex-shrink: 13; }

.react-flex-v2--flex-shrink-14 {
  -ms-flex-negative: 14;
  flex-shrink: 14; }

.react-flex-v2--flex-shrink-15 {
  -ms-flex-negative: 15;
  flex-shrink: 15; }

.react-flex-v2--flex-shrink-16 {
  -ms-flex-negative: 16;
  flex-shrink: 16; }

.react-flex-v2--flex-shrink-17 {
  -ms-flex-negative: 17;
  flex-shrink: 17; }

.react-flex-v2--flex-shrink-18 {
  -ms-flex-negative: 18;
  flex-shrink: 18; }

.react-flex-v2--flex-shrink-19 {
  -ms-flex-negative: 19;
  flex-shrink: 19; }

.react-flex-v2--flex-shrink-20 {
  -ms-flex-negative: 20;
  flex-shrink: 20; }

.react-flex-v2--flex-shrink-21 {
  -ms-flex-negative: 21;
  flex-shrink: 21; }

.react-flex-v2--flex-shrink-22 {
  -ms-flex-negative: 22;
  flex-shrink: 22; }

.react-flex-v2--flex-shrink-23 {
  -ms-flex-negative: 23;
  flex-shrink: 23; }

.react-flex-v2--flex-shrink-24 {
  -ms-flex-negative: 24;
  flex-shrink: 24; }

.react-flex-v2--flex-shrink-25 {
  -ms-flex-negative: 25;
  flex-shrink: 25; }

.react-flex-v2--flex-shrink-26 {
  -ms-flex-negative: 26;
  flex-shrink: 26; }

.react-flex-v2--flex-shrink-27 {
  -ms-flex-negative: 27;
  flex-shrink: 27; }

.react-flex-v2--flex-shrink-28 {
  -ms-flex-negative: 28;
  flex-shrink: 28; }

.react-flex-v2--flex-shrink-29 {
  -ms-flex-negative: 29;
  flex-shrink: 29; }

.react-flex-v2--flex-shrink-30 {
  -ms-flex-negative: 30;
  flex-shrink: 30; }

.react-flex-v2--flex-shrink-31 {
  -ms-flex-negative: 31;
  flex-shrink: 31; }

.react-flex-v2--flex-shrink-32 {
  -ms-flex-negative: 32;
  flex-shrink: 32; }

.react-flex-v2--flex-shrink-33 {
  -ms-flex-negative: 33;
  flex-shrink: 33; }

.react-flex-v2--flex-shrink-34 {
  -ms-flex-negative: 34;
  flex-shrink: 34; }

.react-flex-v2--flex-shrink-35 {
  -ms-flex-negative: 35;
  flex-shrink: 35; }

.react-flex-v2--flex-shrink-36 {
  -ms-flex-negative: 36;
  flex-shrink: 36; }

.react-flex-v2--flex-shrink-37 {
  -ms-flex-negative: 37;
  flex-shrink: 37; }

.react-flex-v2--flex-shrink-38 {
  -ms-flex-negative: 38;
  flex-shrink: 38; }

.react-flex-v2--flex-shrink-39 {
  -ms-flex-negative: 39;
  flex-shrink: 39; }

.react-flex-v2--flex-shrink-40 {
  -ms-flex-negative: 40;
  flex-shrink: 40; }

.react-flex-v2--flex-shrink-41 {
  -ms-flex-negative: 41;
  flex-shrink: 41; }

.react-flex-v2--flex-shrink-42 {
  -ms-flex-negative: 42;
  flex-shrink: 42; }

.react-flex-v2--flex-shrink-43 {
  -ms-flex-negative: 43;
  flex-shrink: 43; }

.react-flex-v2--flex-shrink-44 {
  -ms-flex-negative: 44;
  flex-shrink: 44; }

.react-flex-v2--flex-shrink-45 {
  -ms-flex-negative: 45;
  flex-shrink: 45; }

.react-flex-v2--flex-shrink-46 {
  -ms-flex-negative: 46;
  flex-shrink: 46; }

.react-flex-v2--flex-shrink-47 {
  -ms-flex-negative: 47;
  flex-shrink: 47; }

.react-flex-v2--flex-shrink-48 {
  -ms-flex-negative: 48;
  flex-shrink: 48; }

.react-flex-v2--flex-shrink-49 {
  -ms-flex-negative: 49;
  flex-shrink: 49; }

.react-flex-v2--flex-shrink-50 {
  -ms-flex-negative: 50;
  flex-shrink: 50; }

.react-flex-v2--flex-shrink-51 {
  -ms-flex-negative: 51;
  flex-shrink: 51; }

.react-flex-v2--flex-shrink-52 {
  -ms-flex-negative: 52;
  flex-shrink: 52; }

.react-flex-v2--flex-shrink-53 {
  -ms-flex-negative: 53;
  flex-shrink: 53; }

.react-flex-v2--flex-shrink-54 {
  -ms-flex-negative: 54;
  flex-shrink: 54; }

.react-flex-v2--flex-shrink-55 {
  -ms-flex-negative: 55;
  flex-shrink: 55; }

.react-flex-v2--flex-shrink-56 {
  -ms-flex-negative: 56;
  flex-shrink: 56; }

.react-flex-v2--flex-shrink-57 {
  -ms-flex-negative: 57;
  flex-shrink: 57; }

.react-flex-v2--flex-shrink-58 {
  -ms-flex-negative: 58;
  flex-shrink: 58; }

.react-flex-v2--flex-shrink-59 {
  -ms-flex-negative: 59;
  flex-shrink: 59; }

.react-flex-v2--flex-shrink-60 {
  -ms-flex-negative: 60;
  flex-shrink: 60; }

.react-flex-v2--flex-shrink-61 {
  -ms-flex-negative: 61;
  flex-shrink: 61; }

.react-flex-v2--flex-shrink-62 {
  -ms-flex-negative: 62;
  flex-shrink: 62; }

.react-flex-v2--flex-shrink-63 {
  -ms-flex-negative: 63;
  flex-shrink: 63; }

.react-flex-v2--flex-shrink-64 {
  -ms-flex-negative: 64;
  flex-shrink: 64; }

.react-flex-v2--flex-shrink-65 {
  -ms-flex-negative: 65;
  flex-shrink: 65; }

.react-flex-v2--flex-shrink-66 {
  -ms-flex-negative: 66;
  flex-shrink: 66; }

.react-flex-v2--flex-shrink-67 {
  -ms-flex-negative: 67;
  flex-shrink: 67; }

.react-flex-v2--flex-shrink-68 {
  -ms-flex-negative: 68;
  flex-shrink: 68; }

.react-flex-v2--flex-shrink-69 {
  -ms-flex-negative: 69;
  flex-shrink: 69; }

.react-flex-v2--flex-shrink-70 {
  -ms-flex-negative: 70;
  flex-shrink: 70; }

.react-flex-v2--flex-shrink-71 {
  -ms-flex-negative: 71;
  flex-shrink: 71; }

.react-flex-v2--flex-shrink-72 {
  -ms-flex-negative: 72;
  flex-shrink: 72; }

.react-flex-v2--flex-shrink-73 {
  -ms-flex-negative: 73;
  flex-shrink: 73; }

.react-flex-v2--flex-shrink-74 {
  -ms-flex-negative: 74;
  flex-shrink: 74; }

.react-flex-v2--flex-shrink-75 {
  -ms-flex-negative: 75;
  flex-shrink: 75; }

.react-flex-v2--flex-shrink-76 {
  -ms-flex-negative: 76;
  flex-shrink: 76; }

.react-flex-v2--flex-shrink-77 {
  -ms-flex-negative: 77;
  flex-shrink: 77; }

.react-flex-v2--flex-shrink-78 {
  -ms-flex-negative: 78;
  flex-shrink: 78; }

.react-flex-v2--flex-shrink-79 {
  -ms-flex-negative: 79;
  flex-shrink: 79; }

.react-flex-v2--flex-shrink-80 {
  -ms-flex-negative: 80;
  flex-shrink: 80; }

.react-flex-v2--flex-shrink-81 {
  -ms-flex-negative: 81;
  flex-shrink: 81; }

.react-flex-v2--flex-shrink-82 {
  -ms-flex-negative: 82;
  flex-shrink: 82; }

.react-flex-v2--flex-shrink-83 {
  -ms-flex-negative: 83;
  flex-shrink: 83; }

.react-flex-v2--flex-shrink-84 {
  -ms-flex-negative: 84;
  flex-shrink: 84; }

.react-flex-v2--flex-shrink-85 {
  -ms-flex-negative: 85;
  flex-shrink: 85; }

.react-flex-v2--flex-shrink-86 {
  -ms-flex-negative: 86;
  flex-shrink: 86; }

.react-flex-v2--flex-shrink-87 {
  -ms-flex-negative: 87;
  flex-shrink: 87; }

.react-flex-v2--flex-shrink-88 {
  -ms-flex-negative: 88;
  flex-shrink: 88; }

.react-flex-v2--flex-shrink-89 {
  -ms-flex-negative: 89;
  flex-shrink: 89; }

.react-flex-v2--flex-shrink-90 {
  -ms-flex-negative: 90;
  flex-shrink: 90; }

.react-flex-v2--flex-shrink-91 {
  -ms-flex-negative: 91;
  flex-shrink: 91; }

.react-flex-v2--flex-shrink-92 {
  -ms-flex-negative: 92;
  flex-shrink: 92; }

.react-flex-v2--flex-shrink-93 {
  -ms-flex-negative: 93;
  flex-shrink: 93; }

.react-flex-v2--flex-shrink-94 {
  -ms-flex-negative: 94;
  flex-shrink: 94; }

.react-flex-v2--flex-shrink-95 {
  -ms-flex-negative: 95;
  flex-shrink: 95; }

.react-flex-v2--flex-shrink-96 {
  -ms-flex-negative: 96;
  flex-shrink: 96; }

.react-flex-v2--flex-shrink-97 {
  -ms-flex-negative: 97;
  flex-shrink: 97; }

.react-flex-v2--flex-shrink-98 {
  -ms-flex-negative: 98;
  flex-shrink: 98; }

.react-flex-v2--flex-shrink-99 {
  -ms-flex-negative: 99;
  flex-shrink: 99; }

.react-flex-v2--flex-shrink-100 {
  -ms-flex-negative: 100;
  flex-shrink: 100; }

.react-date-field--theme-default {
  border: 1px solid gray; }

.react-date-field--theme-default.react-date-field--focused {
  border: 1px solid #349aef; }

.react-date-field--theme-default > .react-date-field__picker {
  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, .34375);
          box-shadow: 0 2px 12px rgba(0, 0, 0, .34375);
  border: 1px solid #349aef; }

.react-date-field--theme-default .react-date-field__calendar-icon {
  border: 2px solid gray; }

.react-date-field--theme-default .react-date-field__calendar-icon:before, .react-date-field--theme-default .react-date-field__calendar-icon:after {
  width: 2px;
  height: 5px;
  top: -5px; }

.react-date-field--theme-default .react-date-field__calendar-icon:before {
  left: 2px; }

.react-date-field--theme-default .react-date-field__calendar-icon:after {
  right: 1px;
  left: auto; }

.react-date-field--theme-default .react-date-field__clear-icon {
  color: gray;
  fill: gray; }

.react-date-field--theme-default .react-date-field__clear-icon:hover {
  color: #4d4d4d;
  fill: #4d4d4d; }

.react-date-field--theme-default.react-date-field--focused .react-date-field__clear-icon {
  color: #349aef;
  fill: #349aef; }

.react-date-field--theme-default:not(.react-date-field--disabled) .react-date-field__calendar-icon:hover {
  border-color: #4d4d4d;
  cursor: pointer; }

.react-date-field--theme-default:not(.react-date-field--disabled) .react-date-field__calendar-icon:hover:after, .react-date-field--theme-default:not(.react-date-field--disabled) .react-date-field__calendar-icon:hover:before,
.react-date-field--theme-default:not(.react-date-field--disabled) .react-date-field__calendar-icon:hover .react-date-field__calendar-icon-inner {
  background: #4d4d4d; }

.react-date-field--theme-default .react-date-field__calendar-icon:after,
.react-date-field--theme-default .react-date-field__calendar-icon:before {
  background: gray; }

.react-date-field--theme-default .react-date-field__calendar-icon-inner {
  background: gray; }

.react-date-field--theme-default.react-date-field--focused .react-date-field__calendar-icon,
.react-date-field--theme-default.react-date-field--focused .react-date-field__calendar-icon:hover,
.react-date-field--theme-default.react-date-field--focused .react-date-field__calendar-icon:active,
.react-date-field--theme-default:not(.react-date-field--disabled) .react-date-field__calendar-icon:active {
  border-color: #349aef; }

.react-date-field--theme-default.react-date-field--focused .react-date-field__calendar-icon:after, .react-date-field--theme-default.react-date-field--focused .react-date-field__calendar-icon:before,
.react-date-field--theme-default.react-date-field--focused .react-date-field__calendar-icon .react-date-field__calendar-icon-inner,
.react-date-field--theme-default.react-date-field--focused .react-date-field__calendar-icon:hover:after,
.react-date-field--theme-default.react-date-field--focused .react-date-field__calendar-icon:hover:before,
.react-date-field--theme-default.react-date-field--focused .react-date-field__calendar-icon:hover .react-date-field__calendar-icon-inner,
.react-date-field--theme-default.react-date-field--focused .react-date-field__calendar-icon:active:after,
.react-date-field--theme-default.react-date-field--focused .react-date-field__calendar-icon:active:before,
.react-date-field--theme-default.react-date-field--focused .react-date-field__calendar-icon:active .react-date-field__calendar-icon-inner,
.react-date-field--theme-default:not(.react-date-field--disabled) .react-date-field__calendar-icon:active:after,
.react-date-field--theme-default:not(.react-date-field--disabled) .react-date-field__calendar-icon:active:before,
.react-date-field--theme-default:not(.react-date-field--disabled) .react-date-field__calendar-icon:active .react-date-field__calendar-icon-inner {
  background: #349aef; }

.react-date-picker__clock--theme-default .react-date-picker__clock-hand-second {
  background: red; }

.react-date-picker__clock--theme-default .react-date-picker__clock-center {
  background: #e6e6e6; }

.react-date-picker__clock--theme-default .react-date-picker__clock-overlay {
  background: white;
  border-style: solid;
  border-color: gray; }

.react-date-picker__footer--theme-default {
  padding: 5px; }

.react-date-picker__footer--theme-default .react-date-picker__footer-button {
  padding: 3px 4px;
  outline: none;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid gray;
  background: white;
  font-size: 0.9em; }

.react-date-picker__footer--theme-default .react-date-picker__footer-button:active {
  top: 1px; }

.react-date-picker__footer--theme-default .react-date-picker__footer-button:not(.react-date-picker__footer-button--disabled) {
  cursor: pointer; }

.react-date-picker__footer--theme-default .react-date-picker__footer-button:not(.react-date-picker__footer-button--disabled):hover {
  background: #349aef;
  border-color: #349aef;
  color: white; }

.react-date-picker__footer--theme-default .react-date-picker__footer-button + .react-date-picker__footer-button {
  margin-left: 3px; }

.react-date-picker__date-format-spinner--theme-default {
  border: 1px solid gray; }

.react-date-picker__date-format-spinner--theme-default input {
  padding: 5px;
  border: none;
  outline: none; }

.react-date-picker__date-format-spinner--theme-default:not([disabled]).react-date-picker__date-format-spinner--focused {
  border: 1px solid #349aef; }

.react-date-picker__date-format-spinner--theme-default:not([disabled]) .react-date-picker__date-format-spinner-arrow {
  position: relative;
  cursor: pointer; }

.react-date-picker__date-format-spinner--theme-default:not([disabled]) .react-date-picker__date-format-spinner-arrow:active {
  fill: #349aef;
  top: 1px; }

.react-date-picker__year-view--theme-default {
  border: 1px solid gray;
  padding: 2px; }

.react-date-picker__year-view--theme-default .react-date-picker__year-view-month {
  padding: 5px;
  cursor: pointer;
  border: 2px solid transparent; }

.react-date-picker__year-view--theme-default .react-date-picker__year-view-month--disabled {
  color: #D8D8D8; }

.react-date-picker__year-view--theme-default .react-date-picker__year-view-month--active {
  border: 2px solid #349aef; }

.react-date-picker__year-view--theme-default .react-date-picker__year-view-month--value {
  color: white;
  background: #349aef padding-box;
  border: 2px solid #349aef; }

.react-date-picker__year-view--theme-default .react-date-picker__year-view-month--active.react-date-picker__year-view-month--value {
  background: #4ca6f1 padding-box; }

.react-date-picker__decade-view--theme-default {
  border: 1px solid gray;
  padding: 2px; }

.react-date-picker__decade-view--theme-default .react-date-picker__decade-view-arrow {
  cursor: pointer;
  position: relative;
  fill: #676767;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.react-date-picker__decade-view--theme-default .react-date-picker__decade-view-arrow--disabled {
  fill: #C5C5C5; }

.react-date-picker__decade-view--theme-default .react-date-picker__decade-view-arrow:not(.react-date-picker__decade-view-arrow--disabled):active {
  left: 1px; }

.react-date-picker__decade-view--theme-default .react-date-picker__decade-view-year {
  padding: 5px;
  cursor: pointer;
  border: 2px solid transparent; }

.react-date-picker__decade-view--theme-default .react-date-picker__decade-view-year--disabled {
  color: #D8D8D8; }

.react-date-picker__decade-view--theme-default .react-date-picker__decade-view-year--active {
  border: 2px solid #349aef; }

.react-date-picker__decade-view--theme-default .react-date-picker__decade-view-year--value {
  color: white;
  background: #349aef padding-box;
  border: 2px solid #349aef; }

.react-date-picker__decade-view--theme-default .react-date-picker__decade-view-year--active.react-date-picker__decade-view-year--value {
  background: #4ca6f1 padding-box; }

.react-date-picker__history-view--theme-default {
  border: 1px solid gray;
  padding: 2px; }

.react-date-picker__history-view--theme-default .react-date-picker__year-view--theme-default,
.react-date-picker__history-view--theme-default .react-date-picker__decade-view--theme-default {
  border: none; }

.react-date-picker__nav-bar .react-date-picker__history-view--theme-default {
  font-size: 0.833em; }

.react-date-picker__nav-bar--theme-default {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 1.2rem; }

.react-date-picker__nav-bar--theme-default .react-date-picker__nav-bar-secondary-arrow {
  margin-right: 7px; }

.react-date-picker__nav-bar--theme-default .react-date-picker__nav-bar-history-view {
  background: white; }

.react-date-picker__nav-bar--theme-default.react-date-picker__nav-bar--with-history-view .react-date-picker__nav-bar-date {
  cursor: pointer; }

.react-date-picker__nav-bar--theme-default .react-date-picker__nav-bar-arrow {
  position: relative;
  fill: #676767; }

.react-date-picker__nav-bar--theme-default .react-date-picker__nav-bar-arrow--disabled {
  fill: #C5C5C5; }

.react-date-picker__nav-bar--theme-default .react-date-picker__nav-bar-arrow:not(.react-date-picker__nav-bar-arrow--disabled):hover {
  fill: #9a9a9a; }

.react-date-picker__nav-bar--theme-default .react-date-picker__nav-bar-arrow:not(.react-date-picker__nav-bar-arrow--disabled):active {
  top: 1px; }

.react-date-picker__calendar--theme-default {
  border: 1px solid gray; }

.react-date-picker__calendar--theme-default .react-date-picker__month-view--theme-default {
  border: none; }

.react-date-picker__calendar--theme-default .react-date-picker__clock {
  margin: 10px; }

.react-date-picker__calendar--theme-default,
.react-date-picker__month-view--theme-default,
.react-date-picker__date-field--theme-default,
.react-date-picker__transition-month-view--theme-default {
  font-size: 16px;
  font-size: 1em; }

.react-date-picker__transition-month-view--theme-default {
  border: 1px solid gray; }

.react-date-picker__transition-month-view--theme-default .react-date-picker__month-view--theme-default,
.react-date-picker__transition-month-view--theme-default .react-date-picker__multi-month-view--theme-default,
.react-date-picker__transition-month-view--theme-default .react-date-picker__calendar--theme-default {
  border: none; }

.react-date-picker__navigation-view--theme-default {
  border: 1px solid gray; }

.react-date-picker__navigation-view--theme-default .react-date-picker__month-view,
.react-date-picker__navigation-view--theme-default .react-date-picker__multi-month-view {
  border: none; }

.react-date-picker__month-view--theme-default {
  background: white;
  position: relative;
  border: 1px solid gray;
  overflow: hidden; }

.react-date-picker__month-view--theme-default .react-date-picker__month-view-week-day-names {
  text-transform: uppercase; }

.react-date-picker__month-view--theme-default .react-date-picker__month-view-week-number {
  color: #B1B1B1;
  font-size: 0.8em; }

.react-date-picker__month-view--theme-default .react-date-picker__month-view-cell {
  min-width: 40px; }

.react-date-picker__month-view--theme-default .react-date-picker__month-view-day {
  z-index: 10; }

.react-date-picker__month-view--theme-default .react-date-picker__month-view-day .react-date-picker__month-view-day-text {
  border: 2px solid transparent;
  border-radius: 50%;
  cursor: pointer;
  text-align: center;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.react-date-picker__month-view--theme-default .react-date-picker__month-view-day .react-date-picker__month-view-day-text:hover {
  background: #D8EDFF padding-box; }

.react-date-picker__month-view--theme-default .react-date-picker__month-view-day--in-hover-range, .react-date-picker__month-view--theme-default .react-date-picker__month-view-day--in-range {
  overflow: hidden; }

.react-date-picker__month-view--theme-default .react-date-picker__month-view-day--in-hover-range .react-date-picker__month-view-day-text, .react-date-picker__month-view--theme-default .react-date-picker__month-view-day--in-range .react-date-picker__month-view-day-text {
  position: relative; }

.react-date-picker__month-view--theme-default .react-date-picker__month-view-day--in-hover-range .react-date-picker__month-view-day-text:after, .react-date-picker__month-view--theme-default .react-date-picker__month-view-day--in-hover-range .react-date-picker__month-view-day-text:before, .react-date-picker__month-view--theme-default .react-date-picker__month-view-day--in-range .react-date-picker__month-view-day-text:after, .react-date-picker__month-view--theme-default .react-date-picker__month-view-day--in-range .react-date-picker__month-view-day-text:before {
  position: absolute;
  height: 100%;
  top: 0px;
  bottom: 0px;
  width: 500%;
  background: #349aef;
  z-index: -1;
  content: ''; }

.react-date-picker__month-view--theme-default .react-date-picker__month-view-day--in-hover-range .react-date-picker__month-view-day-text:before, .react-date-picker__month-view--theme-default .react-date-picker__month-view-day--in-range .react-date-picker__month-view-day-text:before {
  right: 50%; }

.react-date-picker__month-view--theme-default .react-date-picker__month-view-day--in-hover-range .react-date-picker__month-view-day-text:after, .react-date-picker__month-view--theme-default .react-date-picker__month-view-day--in-range .react-date-picker__month-view-day-text:after {
  left: 50%; }

.react-date-picker__month-view--theme-default .react-date-picker__month-view-day--in-hover-range.react-date-picker__month-view-day--hover-range-start .react-date-picker__month-view-day-text:before, .react-date-picker__month-view--theme-default .react-date-picker__month-view-day--in-hover-range.react-date-picker__month-view-day--range-start:not(.react-date-picker__month-view-day--in-hover-range) .react-date-picker__month-view-day-text:before, .react-date-picker__month-view--theme-default .react-date-picker__month-view-day--in-range.react-date-picker__month-view-day--hover-range-start .react-date-picker__month-view-day-text:before, .react-date-picker__month-view--theme-default .react-date-picker__month-view-day--in-range.react-date-picker__month-view-day--range-start:not(.react-date-picker__month-view-day--in-hover-range) .react-date-picker__month-view-day-text:before {
  display: none; }

.react-date-picker__month-view--theme-default .react-date-picker__month-view-day--in-hover-range.react-date-picker__month-view-day--hover-range-end .react-date-picker__month-view-day-text:after, .react-date-picker__month-view--theme-default .react-date-picker__month-view-day--in-hover-range.react-date-picker__month-view-day--range-end:not(.react-date-picker__month-view-day--in-hover-range) .react-date-picker__month-view-day-text:after, .react-date-picker__month-view--theme-default .react-date-picker__month-view-day--in-range.react-date-picker__month-view-day--hover-range-end .react-date-picker__month-view-day-text:after, .react-date-picker__month-view--theme-default .react-date-picker__month-view-day--in-range.react-date-picker__month-view-day--range-end:not(.react-date-picker__month-view-day--in-hover-range) .react-date-picker__month-view-day-text:after {
  display: none; }

.react-date-picker__month-view--theme-default .react-date-picker__month-view-day--in-hover-range.react-date-picker__month-view-day--hover-range-start:not(.react-date-picker__month-view-day--hover-range-end) .react-date-picker__month-view-day-text:after, .react-date-picker__month-view--theme-default .react-date-picker__month-view-day--in-range.react-date-picker__month-view-day--hover-range-start:not(.react-date-picker__month-view-day--hover-range-end) .react-date-picker__month-view-day-text:after {
  display: inherit; }

.react-date-picker__month-view--theme-default .react-date-picker__month-view-day--in-hover-range.react-date-picker__month-view-day--hover-range-end:not(.react-date-picker__month-view-day--hover-range-start) .react-date-picker__month-view-day-text:before, .react-date-picker__month-view--theme-default .react-date-picker__month-view-day--in-range.react-date-picker__month-view-day--hover-range-end:not(.react-date-picker__month-view-day--hover-range-start) .react-date-picker__month-view-day-text:before {
  display: inherit; }

.react-date-picker__month-view--theme-default .react-date-picker__month-view-day--in-hover-range.react-date-picker__month-view-day--active:not(.react-date-picker__month-view-day--range-start):not(.react-date-picker__month-view-day--range-end):not(.react-date-picker__month-view-day--hover-range-start):not(.react-date-picker__month-view-day--hover-range-end) .react-date-picker__month-view-day-text, .react-date-picker__month-view--theme-default .react-date-picker__month-view-day--in-range.react-date-picker__month-view-day--active:not(.react-date-picker__month-view-day--range-start):not(.react-date-picker__month-view-day--range-end):not(.react-date-picker__month-view-day--hover-range-start):not(.react-date-picker__month-view-day--hover-range-end) .react-date-picker__month-view-day-text {
  background: #93c9f6 padding-box; }

.react-date-picker__month-view--theme-default .react-date-picker__month-view-day--in-hover-range.react-date-picker__month-view-day--active:not(.react-date-picker__month-view-day--range-start):not(.react-date-picker__month-view-day--range-end):not(.react-date-picker__month-view-day--hover-range-start):not(.react-date-picker__month-view-day--hover-range-end) .react-date-picker__month-view-day-text:hover, .react-date-picker__month-view--theme-default .react-date-picker__month-view-day--in-range.react-date-picker__month-view-day--active:not(.react-date-picker__month-view-day--range-start):not(.react-date-picker__month-view-day--range-end):not(.react-date-picker__month-view-day--hover-range-start):not(.react-date-picker__month-view-day--hover-range-end) .react-date-picker__month-view-day-text:hover {
  background: #93c9f6 padding-box; }

.react-date-picker__month-view--theme-default .react-date-picker__month-view-day--in-hover-range .react-date-picker__month-view-day-text, .react-date-picker__month-view--theme-default .react-date-picker__month-view-day--in-range .react-date-picker__month-view-day-text, .react-date-picker__month-view--theme-default .react-date-picker__month-view-day--value .react-date-picker__month-view-day-text {
  border: 2px solid transparent;
  background: #349aef padding-box;
  color: white; }

.react-date-picker__month-view--theme-default .react-date-picker__month-view-day--in-hover-range .react-date-picker__month-view-day-text:hover, .react-date-picker__month-view--theme-default .react-date-picker__month-view-day--in-range .react-date-picker__month-view-day-text:hover, .react-date-picker__month-view--theme-default .react-date-picker__month-view-day--value .react-date-picker__month-view-day-text:hover {
  background: #349aef padding-box; }

.react-date-picker__month-view--theme-default .react-date-picker__month-view-day--in-hover-range.react-date-picker__month-view-day--today-highlight .react-date-picker__month-view-day-text, .react-date-picker__month-view--theme-default .react-date-picker__month-view-day--in-range.react-date-picker__month-view-day--today-highlight .react-date-picker__month-view-day-text, .react-date-picker__month-view--theme-default .react-date-picker__month-view-day--value.react-date-picker__month-view-day--today-highlight .react-date-picker__month-view-day-text {
  color: #ffccff; }

.react-date-picker__month-view--theme-default .react-date-picker__month-view-day--in-hover-range .react-date-picker__month-view-day-text {
  background: #d9ecfc padding-box; }

.react-date-picker__month-view--theme-default .react-date-picker__month-view-day--in-hover-range .react-date-picker__month-view-day-text:after, .react-date-picker__month-view--theme-default .react-date-picker__month-view-day--in-hover-range .react-date-picker__month-view-day-text:before {
  background: #d9ecfc; }

.react-date-picker__month-view--theme-default .react-date-picker__month-view-day--hover-range-start .react-date-picker__month-view-day-text, .react-date-picker__month-view--theme-default .react-date-picker__month-view-day--hover-range-end .react-date-picker__month-view-day-text, .react-date-picker__month-view--theme-default .react-date-picker__month-view-day--range-start .react-date-picker__month-view-day-text, .react-date-picker__month-view--theme-default .react-date-picker__month-view-day--range-end .react-date-picker__month-view-day-text {
  background: #63b2f3 padding-box; }

.react-date-picker__month-view--theme-default .react-date-picker__month-view-day--hover-range-start .react-date-picker__month-view-day-text:hover, .react-date-picker__month-view--theme-default .react-date-picker__month-view-day--hover-range-end .react-date-picker__month-view-day-text:hover, .react-date-picker__month-view--theme-default .react-date-picker__month-view-day--range-start .react-date-picker__month-view-day-text:hover, .react-date-picker__month-view--theme-default .react-date-picker__month-view-day--range-end .react-date-picker__month-view-day-text:hover {
  background: #63b2f3 padding-box; }

.react-date-picker__month-view--theme-default .react-date-picker__month-view-day--active .react-date-picker__month-view-day-text {
  border: 2px solid #349aef; }

.react-date-picker__month-view--theme-default .react-date-picker__month-view-day--prev-month,
.react-date-picker__month-view--theme-default .react-date-picker__month-view-day--next-month {
  color: #b3b3b3; }

.react-date-picker__month-view--theme-default .react-date-picker__month-view-day--weekend-highlight {
  color: red; }

.react-date-picker__month-view--theme-default .react-date-picker__month-view-day--weekend-highlight.react-date-picker__month-view-day--prev-month, .react-date-picker__month-view--theme-default .react-date-picker__month-view-day--weekend-highlight.react-date-picker__month-view-day--next-month {
  color: #d68e8e; }

.react-date-picker__month-view--theme-default .react-date-picker__month-view-day--today-highlight {
  color: magenta; }

.react-date-picker__month-view--theme-default .react-date-picker__month-view-day--today-highlight.react-date-picker__month-view-day--prev-month, .react-date-picker__month-view--theme-default .react-date-picker__month-view-day--today-highlight.react-date-picker__month-view-day--next-month {
  color: #ff66ff; }

.react-date-picker__month-view--theme-default .react-date-picker__month-view-day--disabled {
  color: #D8D8D8; }

.react-date-picker__month-view--theme-default .react-date-picker__month-view-day--disabled .react-date-picker__month-view-day-text {
  cursor: default; }

.react-date-picker__month-view--theme-default .react-date-picker__month-view-day--disabled .react-date-picker__month-view-day-text:hover {
  background: none; }

.react-date-picker__month-view--theme-default .react-date-picker__month-view-day--disabled.react-date-picker__month-view-day--prev-month, .react-date-picker__month-view--theme-default .react-date-picker__month-view-day--disabled.react-date-picker__month-view-day--next-month {
  color: #D8D8D8; }

.react-date-picker__multi-month-view {
  border: 1px solid gray; }

.react-date-picker__multi-month-view .react-date-picker__month-view {
  border: none; }
.administration {
  padding-bottom: 50px;
  width: 100%; }
  .administration .menu-wrapper {
    padding: 15px 0 0 0; }
  .administration .menu-wrapper .title-wrapper {
      padding-left: 33px;
      cursor: pointer;
      color: #ffffff;
      height: 45px;
      line-height: 45px;
      display: block; }
  .theme-default .administration .menu-wrapper .title-wrapper {
        background-color: #086dc1; }
  .theme-frUsers .administration .menu-wrapper .title-wrapper {
        background-color: #ee5186; }
  .theme-fpUsers .administration .menu-wrapper .title-wrapper {
        background-color: #43a047; }
  .administration .menu-wrapper .title-wrapper:hover {
        color: #ffffff; }
  .theme-default .administration .menu-wrapper .title-wrapper:hover {
          background-color: #0253a4; }
  .theme-frUsers .administration .menu-wrapper .title-wrapper:hover {
          background-color: #e31d62; }
  .theme-fpUsers .administration .menu-wrapper .title-wrapper:hover {
          background-color: #388e3c; }
  .administration .menu-wrapper .title-wrapper .title {
        display: inline-block; }
  .administration .menu-wrapper .title-wrapper .material-icons {
        display: inline-block;
        float: right;
        margin: 12px 33px 0 0; }
  .administration .menu-wrapper .menu {
      display: none; }
  .administration .menu-wrapper .menu.show {
        margin: 10px 0 0 24px;
        display: inline-block; }
  .administration .menu-wrapper .menu .link-line-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-top: 5px; }
  .administration .menu-wrapper .menu .link-line-wrapper .link-line {
          cursor: pointer; }
  .administration .menu-wrapper .menu .link-line-wrapper .link-line:hover {
            text-decoration: underline; }
@charset "UTF-8";
[data-domain="DO_COMMENT"] [data-focus="field-value-container"] {
  height: auto; }
[data-focus="panel-modele-document"] [data-focus="document-filename"] {
  margin-bottom: 0; }
[data-focus="panel-modele-document"] [data-focus="document-info"] {
  margin-left: 10px; }
.theme-default [data-focus="panel-modele-document"] .secondary-button, .theme-default
[data-focus="panel-modele-courriel"] .secondary-button {
  background: #ffffff;
  color: #0253a4;
  border: 1px solid #0253a4; }
.theme-frUsers [data-focus="panel-modele-document"] .secondary-button, .theme-frUsers
[data-focus="panel-modele-courriel"] .secondary-button {
  background: #ffffff;
  color: #e31d62;
  border: 1px solid #e31d62; }
.theme-fpUsers [data-focus="panel-modele-document"] .secondary-button, .theme-fpUsers
[data-focus="panel-modele-courriel"] .secondary-button {
  background: #ffffff;
  color: #388e3c;
  border: 1px solid #388e3c; }
[data-focus="panel-modele-document"] .secondary-button:focus, [data-focus="panel-modele-document"] .secondary-button:hover, [data-focus="panel-modele-document"] .secondary-button:active,
[data-focus="panel-modele-courriel"] .secondary-button:focus,
[data-focus="panel-modele-courriel"] .secondary-button:hover,
[data-focus="panel-modele-courriel"] .secondary-button:active {
  background-color: #eeeeee !important; }
.theme-default [data-focus="panel-modele-document"] .secondary-button:focus, .theme-default [data-focus="panel-modele-document"] .secondary-button:hover, .theme-default [data-focus="panel-modele-document"] .secondary-button:active, .theme-default
  [data-focus="panel-modele-courriel"] .secondary-button:focus, .theme-default
  [data-focus="panel-modele-courriel"] .secondary-button:hover, .theme-default
  [data-focus="panel-modele-courriel"] .secondary-button:active {
    color: #0253a4;
    border: 1px solid #0253a4; }
.theme-frUsers [data-focus="panel-modele-document"] .secondary-button:focus, .theme-frUsers [data-focus="panel-modele-document"] .secondary-button:hover, .theme-frUsers [data-focus="panel-modele-document"] .secondary-button:active, .theme-frUsers
  [data-focus="panel-modele-courriel"] .secondary-button:focus, .theme-frUsers
  [data-focus="panel-modele-courriel"] .secondary-button:hover, .theme-frUsers
  [data-focus="panel-modele-courriel"] .secondary-button:active {
    color: #e31d62;
    border: 1px solid #e31d62; }
.theme-fpUsers [data-focus="panel-modele-document"] .secondary-button:focus, .theme-fpUsers [data-focus="panel-modele-document"] .secondary-button:hover, .theme-fpUsers [data-focus="panel-modele-document"] .secondary-button:active, .theme-fpUsers
  [data-focus="panel-modele-courriel"] .secondary-button:focus, .theme-fpUsers
  [data-focus="panel-modele-courriel"] .secondary-button:hover, .theme-fpUsers
  [data-focus="panel-modele-courriel"] .secondary-button:active {
    color: #388e3c;
    border: 1px solid #388e3c; }
[data-focus="admin-modele-doc-hidden-document-cartridge"] {
  display: none; }
[data-focus="admin-modele-doc-highlighted-document-cartridge"] {
  border: 2px solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
[data-vadim="rte-editor"] {
  max-width: 600px;
  height: auto; }
[data-vadim="rte-editor"] .public-DraftEditor-content {
    height: 150px;
    overflow: auto; }
[data-vadim="rte-editor"] .mdl-textfield {
    width: auto; }
@media screen and (min-width: 975px) {
  [data-focus="panel-modele-courriel"] [data-focus="input-text"] {
    width: 500px !important; } }
[data-focus="referentiel-wrapper"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
[data-focus="label-last-import"] {
  padding: 10px; }
[data-focus="document-nomodels"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 10px;
  width: 270px;
  background-color: #ff9900;
  padding: 10px; }
[data-focus="profils-popin-actions"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 25px; }
[data-focus="profils-popin"] [data-focus="profils-popin-actions"] button {
  margin-top: 0px; }
[data-focus="admin-user"]
[data-focus="popin"]
[data-focus="profils-popin"]
table
td
button {
  margin-top: 0px; }
[data-focus="admin-user"]
[data-focus="popin"]
[data-focus="profils-popin"]
table
td
button i.material-icons {
    color: white; }
.theme-default [data-focus="admin-user"]
[data-focus="popin"]
[data-focus="profils-popin"]
table
td
button:hover i.material-icons {
    color: #0253a4; }
.theme-frUsers [data-focus="admin-user"]
[data-focus="popin"]
[data-focus="profils-popin"]
table
td
button:hover i.material-icons {
    color: #e31d62; }
.theme-fpUsers [data-focus="admin-user"]
[data-focus="popin"]
[data-focus="profils-popin"]
table
td
button:hover i.material-icons {
    color: #388e3c; }
[data-focus="admin-modele-doc-hidden-document-cartridge"] {
  display: none; }
[data-focus="message-accueil"] {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 50%; }
[data-focus="message-accueil"] [data-focus="message-accueil-rte"] {
    width: 100%; }
[data-focus="message-accueil"] [data-focus="message-accueil-rte"] > div {
      min-height: 300px; }
[data-focus="import-rpps-line"] {
  margin: 16px; }
[data-focus="import-rpps-line"] [data-focus="import-rpps-label"] {
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline; }
[data-focus="import-warning"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #ffae00;
  border: 1px solid #e59d0d;
  color: black;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 5px; }
[data-route="admin"] ~ [data-focus="page-content"] {
  margin-top: 0; }
[data-route="admin"] ~ [data-focus="menu-left"] {
  top: 81px; }
[data-route="admin-agata"] ~ [data-focus="page-content"] {
  margin-top: 0; }
[data-route="admin-agata"] ~ [data-focus="menu-left"] {
  top: 81px; }
[data-focus="categorie-line"] {
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-bottom: 10px;
  color: #ffffff; }
.theme-default [data-focus="categorie-line"] {
    background-color: #0253a4; }
.theme-frUsers [data-focus="categorie-line"] {
    background-color: #e31d62; }
.theme-fpUsers [data-focus="categorie-line"] {
    background-color: #388e3c; }
[data-focus="categorie-line"] i.material-icons {
    color: #ffffff; }
[data-focus="categorie-label"] {
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 10px; }
[data-focus="categorie-buttons"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  float: right;
  padding-right: 10px; }
.theme-default [data-focus="categorie-buttons"] button:disabled i.material-icons {
    color: #568ac2; }
.theme-frUsers [data-focus="categorie-buttons"] button:disabled i.material-icons {
    color: #f06292; }
.theme-fpUsers [data-focus="categorie-buttons"] button:disabled i.material-icons {
    color: #81c784; }
[data-focus="question-reponse-line"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 10px; }
[data-focus="question-line"] {
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-bottom: 10px; }
[data-focus="question-line"] i.material-icons {
    background-color: transparent; }
.theme-default [data-focus="question-line"] i.material-icons {
      color: #0253a4; }
.theme-frUsers [data-focus="question-line"] i.material-icons {
      color: #e31d62; }
.theme-fpUsers [data-focus="question-line"] i.material-icons {
      color: #388e3c; }
[data-focus="question-label"] {
  margin-left: 15px;
  font-weight: bold; }
[data-focus="reponse-label"] {
  margin-left: 30px; }
[data-focus="question-buttons"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  float: right;
  padding-right: 10px; }
.theme-default [data-focus="question-buttons"] button:disabled i.material-icons {
    color: #568ac2; }
.theme-frUsers [data-focus="question-buttons"] button:disabled i.material-icons {
    color: #f06292; }
.theme-fpUsers [data-focus="question-buttons"] button:disabled i.material-icons {
    color: #81c784; }
[data-focus="panel-categorie"] {
  min-width: 500px; }
[data-focus="gestion-faq"] [data-focus="panel-final-action"] {
  float: right;
  margin-bottom: 10px; }
[data-focus="contact-form"] [data-focus="input-textarea"] textarea {
  width: 50vw;
  height: 25vh; }
[data-focus="contact-form"] [data-focus="input-textarea"] label {
  width: 50vw; }
[data-route="contact"] ~ [data-focus="menu-left"] {
  top: 81px; }
[data-route="faq"] ~ [data-focus="menu-left"] {
  top: 81px; }
[data-route="liensUtiles"] ~ [data-focus="menu-left"] {
  top: 81px; }
[data-route="mentionsLegales"] ~ [data-focus="menu-left"] {
  top: 81px; }
[data-route="supportCartesCps"] ~ [data-focus="menu-left"] {
  top: 81px; }
[data-focus="footer-pdf-viewer"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer; }
/* 
Définition de la partie responsive pour l'affichage des pdf in-app
*/
@media (min-width: 1300px) {
  [data-focus="footer-pdf-viewer-large-img"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }
@media (max-width: 1300px) {
  [data-focus="footer-pdf-viewer-large-img"] {
    display: none; } }
@media (min-width: 850px) and (max-width: 1300px) {
  [data-focus="footer-pdf-viewer"] [data-focus="footer-pdf-viewer-medium-img"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }
[data-focus="footer-pdf-viewer-medium-img"] {
  display: none; }
@media (min-width: 850px) {
  [data-focus="footer-pdf-viewer-small-img"] {
    display: none; } }
@media (max-width: 850px) {
  [data-focus="footer-pdf-viewer-small-img"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }
/* Fin de la définition des parties responsives pour le pdf viewer*/
[data-focus="contact-file-upload-comment"] {
  text-decoration: underline; }
[data-focus="footer-button-switch-pages"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px; }
[data-focus="sous_titre_referentiel"] {
  font-size: 0.8rem;
  padding-bottom: 15px;
  margin-left: calc(33.33333% - 16px);
  font-style: italic; }
@media (max-width: 1300px) {
    [data-focus="sous_titre_referentiel"] {
      padding-top: 8px; } }
.theme-default .disabled-button > i {
  color: #bdbdbd !important;
  background-color: transparent; }
.theme-frUsers .disabled-button > i {
  color: #bdbdbd !important;
  background-color: transparent; }
.theme-fpUsers .disabled-button > i {
  color: #bdbdbd !important;
  background-color: transparent; }
[data-vadim="rte-editor"] h1 {
  display: block;
  font-size: 2em;
  font-weight: bold; }

[data-vadim="rte-editor"] h2 {
  display: block;
  font-size: 1.5em;
  font-weight: bold; }

[data-vadim="rte-editor"] h3 {
  display: block;
  font-size: 1.17em;
  font-weight: bold; }

[data-vadim="rte-editor"] pre {
  margin-left: 10px !important; }
[data-focus="administration-medecin"] {
  margin-left: 20px; }
  [data-focus="administration-medecin"] [data-focus="title-line"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  [data-focus="administration-medecin"] [data-focus="title-line"] [data-focus="main-title"] {
      display: inline-block;
      font-family: "RobotoRegular", sans-serif;
      font-weight: bold;
      text-transform: uppercase;
      padding-left: 0;
      font-size: 1.563em;
      margin-top: 17px; }
  .theme-default [data-focus="administration-medecin"] [data-focus="title-line"] [data-focus="main-title"] {
        color: #013568; }
  .theme-frUsers [data-focus="administration-medecin"] [data-focus="title-line"] [data-focus="main-title"] {
        color: #880e4f; }
  .theme-fpUsers [data-focus="administration-medecin"] [data-focus="title-line"] [data-focus="main-title"] {
        color: #1b5e20; }
  [data-focus="administration-medecin"] [data-focus="title-line"] [data-focus="button-action"] {
      border-radius: 25px;
      color: #ffffff;
      font-size: 1em;
      font-family: "RobotoRegular", sans-serif;
      text-transform: uppercase;
      -webkit-box-shadow: none;
              box-shadow: none;
      -webkit-transition: none;
      -o-transition: none;
      transition: none;
      margin-right: 40px; }
  .theme-default [data-focus="administration-medecin"] [data-focus="title-line"] [data-focus="button-action"] {
        background: #0253a4; }
  .theme-frUsers [data-focus="administration-medecin"] [data-focus="title-line"] [data-focus="button-action"] {
        background: #e31d62; }
  .theme-fpUsers [data-focus="administration-medecin"] [data-focus="title-line"] [data-focus="button-action"] {
        background: #388e3c; }
  [data-focus="administration-medecin"] .is-inactive-icon {
    background-color: #b71c1c !important;
    -ms-flex-item-align: center;
        align-self: center;
    margin-right: 1rem;
    min-width: 1rem;
    width: 1rem;
    height: 1rem; }
  [data-focus="administration-medecin"] .is-inactive-icon i {
      color: transparent !important; }
  [data-focus="administration-medecin"] .popin-titularisation [data-focus="select-radio"] {
    position: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  [data-focus="administration-medecin"] .search-medecin-show-inactif {
    margin-top: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  [data-focus="administration-medecin"] .search-medecin-show-inactif .title {
      width: calc(33% - 16px);
      margin: 8px;
      text-align: end;
      font-size: 0.95em; }
  [data-focus="administration-medecin"] .search-medecin-show-inactif [data-focus="input-toggle"] {
      width: auto;
      -ms-flex-item-align: center;
          align-self: center; }
  [data-focus="administration-medecin"] .search-medecin-show-inactif [data-focus="input-toggle"] .mdl-switch__track {
        border: 1px solid white; }
  [data-focus="administration-medecin"] .search-medecin-show-inactif [data-focus="input-toggle"] .mdl-switch__thumb {
        border: 1px solid white; }
  [data-focus="administration-medecin"] .search-medecin-show-inactif [data-focus="input-toggle"].is-checked .mdl-switch__track {
        background: white; }
[data-focus="recherche-trace"] [data-focus="button-action"] {
  border-radius: 25px;
  background: #0253a4;
  color: #ffffff;
  font-size: 1em;
  font-family: "RobotoRegular", sans-serif;
  text-transform: uppercase;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  font-size: 0.875em; }
[data-focus="creer-agent-actions"] {
  text-align: center;
  margin-top: 15px; }
  [data-focus="creer-agent-actions"] [data-focus="button-action"] {
    border-radius: 25px;
    color: #ffffff;
    font-size: 1em;
    font-family: "RobotoRegular", sans-serif;
    text-transform: uppercase;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    min-width: 260px;
    margin-top: 5px;
    font-size: 0.875em; }
  .theme-default [data-focus="creer-agent-actions"] [data-focus="button-action"] {
      background: #0253a4; }
  .theme-frUsers [data-focus="creer-agent-actions"] [data-focus="button-action"] {
      background: #e31d62; }
  .theme-fpUsers [data-focus="creer-agent-actions"] [data-focus="button-action"] {
      background: #388e3c; }
  [data-focus="creer-agent-actions"] [data-focus="button-action"]:focus, [data-focus="creer-agent-actions"] [data-focus="button-action"]:hover, [data-focus="creer-agent-actions"] [data-focus="button-action"]:active {
      background-color: #ffffff; }
  .theme-default [data-focus="creer-agent-actions"] [data-focus="button-action"]:focus, .theme-default [data-focus="creer-agent-actions"] [data-focus="button-action"]:hover, .theme-default [data-focus="creer-agent-actions"] [data-focus="button-action"]:active {
        color: #0253a4;
        border: 1px solid #0253a4; }
  .theme-frUsers [data-focus="creer-agent-actions"] [data-focus="button-action"]:focus, .theme-frUsers [data-focus="creer-agent-actions"] [data-focus="button-action"]:hover, .theme-frUsers [data-focus="creer-agent-actions"] [data-focus="button-action"]:active {
        color: #e31d62;
        border: 1px solid #e31d62; }
  .theme-fpUsers [data-focus="creer-agent-actions"] [data-focus="button-action"]:focus, .theme-fpUsers [data-focus="creer-agent-actions"] [data-focus="button-action"]:hover, .theme-fpUsers [data-focus="creer-agent-actions"] [data-focus="button-action"]:active {
        color: #388e3c;
        border: 1px solid #388e3c; }
  [data-focus="creer-agent-actions"] [data-focus="other-button"] {
    min-width: 260px;
    margin-top: 5px; }
  [data-focus="agent-search"] [data-focus="sl-line"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around; }
  [data-focus="agent-search"] [data-focus="sl-line"] .sl-content {
    width: 60%; }
  [data-focus="agent-search"] [data-focus="sl-line"] .sl-actions {
    position: relative !important;
    -ms-flex-item-align: center;
        align-self: center;
    display: block !important; }
  [data-focus="advanced-search-buttons"] [data-focus="button-reset-search"] {
  margin-left: 2px;
  border-radius: 25px;
  background-color: #ffffff;
  font-family: "RobotoRegular", sans-serif;
  text-transform: uppercase;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  font-size: 0.875em; }
  .theme-default [data-focus="advanced-search-buttons"] [data-focus="button-reset-search"] {
    color: #0253a4;
    border: 1px solid #0253a4; }
  .theme-frUsers [data-focus="advanced-search-buttons"] [data-focus="button-reset-search"] {
    color: #e31d62;
    border: 1px solid #e31d62; }
  .theme-fpUsers [data-focus="advanced-search-buttons"] [data-focus="button-reset-search"] {
    color: #388e3c;
    border: 1px solid #388e3c; }
  [data-focus="advanced-search-buttons"] [data-focus="button-reset-search"]:hover {
    border-radius: 25px;
    color: #ffffff; }
  .theme-default [data-focus="advanced-search-buttons"] [data-focus="button-reset-search"]:hover {
      background: #0253a4; }
  .theme-frUsers [data-focus="advanced-search-buttons"] [data-focus="button-reset-search"]:hover {
      background: #e31d62; }
  .theme-fpUsers [data-focus="advanced-search-buttons"] [data-focus="button-reset-search"]:hover {
      background: #388e3c; }
  [data-focus="button-transfert"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px; }
  [data-focus="confirmation-transfert-agent"] {
  max-width: 500px; }
[data-focus="majuscule"] {
  text-transform: uppercase;
  margin-right: 5px; }

[data-focus="header-scrolling"][data-deployed="true"]
+ [data-focus="menu-left"]
+ [data-focus="page-content"] [data-focus="facet-container"] + [data-focus="result-container"] {
  margin-top: 0; }

[data-focus="advancedSearchPanel"] {
  margin-left: 300px; }

[data-focus="selected-facet-content"] {
  display: none; }

[data-focus="advanced-search"] .topics {
  display: none; }

[class="search-text"] {
  display: none; }

[data-focus="search-bar-input"] > [data-focus="input-text"] {
  margin-top: 0; }

[data-focus="search-bar-input"] .mdl-textfield .mdl-textfield__label {
  width: 100%; }

[data-focus="search-column"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

[data-focus="search-column"] [data-focus="separateur"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }

[data-focus="search-column-champ-alone"] {
  -ms-flex-item-align: center;
      align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 5%; }

[data-focus="agent-row"] {
  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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

[data-focus="agent-row"] > div:nth-of-type(1) {
    width: 40%; }

[data-focus="agent-row"] > div:nth-of-type(2) {
    width: 40%; }

[data-focus="agent-row"] > div:nth-of-type(3) {
    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;
    width: 20%; }

[data-focus="expertise-row"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }

[data-focus="expertise-row"] [data-focus="demande-row"] {
    width: 80%; }

[data-focus="demande-row"] {
  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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

[data-focus="demande-row"] > div:nth-of-type(1) {
    width: 50%; }

[data-focus="demande-row"] > div:nth-of-type(2) {
    width: 50%; }

[data-focus="seance-row-frfp"],
[data-focus="seance-row-cms"] {
  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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

[data-focus="seance-row-frfp"] > div,
  [data-focus="seance-row-cms"] > div {
    padding-top: 15px;
    padding-bottom: 15px; }

[data-focus="seance-row-frfp"] > div:nth-of-type(1),
  [data-focus="seance-row-cms"] > div:nth-of-type(1) {
    padding-left: 50px;
    min-width: 10%; }

[data-focus="seance-row-frfp"] > div:nth-last-of-type(1),
  [data-focus="seance-row-cms"] > div:nth-last-of-type(1) {
    padding-right: 15px;
    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;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 260px; }

[data-focus="seance-row-cms"] > div:nth-of-type(2) {
  min-width: 20%; }

[data-focus="seance-row-cms"] > div:nth-of-type(3) {
  min-width: calc(70% - 325px); }

[data-focus="seance-row-frfp"] > div:nth-of-type(2) {
  min-width: calc(90% - 325px); }

[data-focus="list-action-bar"]
[data-focus="contextual-action-content"]
[data-focus="button-action"] {
  display: none;
  visibility: hidden; }

.medecin-demande-extra-info {
  margin-top: 1rem; }
[data-focus="panel-button-standalone"] {
  padding-bottom: 10px;
  width: 100%;
  text-align: right; }

[data-focus="panel-button-standalone"] [data-focus="button-action"] {
  height: 42px; }

[data-focus="panel-button-standalone"] [data-focus="button-action"]:hover {
  color: #ffffff; }

.theme-default [data-focus="panel-button-standalone"] [data-focus="button-action"]:hover {
    background-color: #0253a4; }

.theme-frUsers [data-focus="panel-button-standalone"] [data-focus="button-action"]:hover {
    background-color: #e31d62; }

.theme-fpUsers [data-focus="panel-button-standalone"] [data-focus="button-action"]:hover {
    background-color: #388e3c; }

[data-focus="panel-button-standalone"] [data-focus="button-action"] i {
  font-size: 14px !important; }

.etat-panel [data-focus="etat-panel-info"]:not(.etat-panel-info-cms) {
  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-pack: distribute;
      justify-content: space-around; }

.etat-panel [data-focus="etat-panel-info"]:not(.etat-panel-info-cms) > div:nth-of-type(1) {
    width: 40%; }

.etat-panel [data-focus="etat-panel-info"]:not(.etat-panel-info-cms) > div:nth-of-type(2) {
    width: 40%; }

.etat-panel [data-focus="etat-panel-info"]:not(.etat-panel-info-cms) > div:nth-of-type(3) {
    width: 50%; }

.etat-panel [data-focus="etat-panel-info"].etat-panel-info-cms {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.etat-panel [data-focus="etat-panel-info"].etat-panel-info-cms .mdl-data-table,
  .etat-panel [data-focus="etat-panel-info"].etat-panel-info-cms .missing-info {
    margin-top: 2rem; }

.etat-panel .cms-warnings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 20px 10px; }

.etat-panel .cms-warnings div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 200px; }

.etat-panel .cms-warnings div:first-child {
    margin-right: 5px; }

.etat-panel .cms-warnings [data-focus="etat-retour-expertise-complement"] {
    color: #228b22;
    border: 1px solid #228b22;
    border-radius: 15px 0 0 15px;
    padding: 5px; }

.etat-panel .cms-warnings [data-focus="etat-attente-expertise-complement"] {
    color: #d32f2f;
    border: 1px solid #d32f2f;
    border-radius: 15px 0 0 15px;
    padding: 5px; }

.etat-panel .cms-warnings .hors-delai {
    background-color: #d32f2f;
    color: white;
    border: 1px solid #d32f2f;
    border-radius: 0 15px 15px 0;
    padding: 5px; }

.etat-panel .cms-warnings .hors-delai.deux-mois {
      background-color: #ffe523;
      color: black;
      border: 1px solid #ffe523; }

.etat-panel .cms-warnings .hors-delai.trois-mois {
      background-color: #ff9900;
      color: white;
      border: 1px solid #ff9900; }

.etat-panel .cms-warnings span {
    text-align: center; }

.warningOrange {
  color: #ff9900;
  text-align: center;
  border: 2px solid;
  font: bold;
  padding: 5px;
  margin-bottom: 5px; }

[data-focus="validation-popin"] {
  width: 500px; }

[data-focus="validation-popin"] > div {
    margin-bottom: 10px; }

[data-focus="validation-popin"] .mdl-textfield {
    margin-top: 0; }

[data-focus="validation-popin"] [data-focus="motif-incomplet"] [data-focus="label"]::after {
    content: " *"; }

[data-focus="validation-popin"] [data-focus="demande-synthese"] [data-focus="field-value-container"] {
    height: auto; }

[data-focus="validation-popin"] [data-focus="demande-synthese"] [data-focus="field-value-container"] textarea.mdl-textfield__input {
      border: 1px solid rgba(0, 0, 0, .12);
      resize: none; }

[data-focus="demande-synthese"] [data-focus="field-value-container"] {
  height: auto; }

[data-focus="demande-synthese"] [data-focus="field-value-container"] textarea.mdl-textfield__input {
    border: 1px solid rgba(0, 0, 0, .12);
    resize: none; }

[data-focus="etat-panel"] label[data-focus="label"] {
  font-weight: bold; }

[data-focus="etat-synthese"] {
  word-wrap: break-word; }

[data-focus="liste-document"],
[data-focus="document-info"] {
  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-pack: distribute;
      justify-content: space-around; }

[data-focus="document-info"] {
  margin-left: 20px;
  width: 100%; }

[data-focus="document-field"] {
  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-pack: distribute;
      justify-content: space-around;
  margin-top: 10px; }

[data-focus="document-cartridge"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }

[data-focus="link-agent"] {
  text-decoration: underline;
  cursor: pointer; }

[data-focus="document-cartridge"] {
  border: 2px solid #fafafa;
  margin-bottom: 10px;
  margin-top: 5px; }

[data-focus="document-type"] {
  background-color: #eeeeee;
  width: 48px;
  padding-top: 12px; }

[data-focus="import-document-csv"] {
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #eeeeee; }

[data-focus="document-csv"] {
  padding-left: 10px; }

[data-focus="document-type"] .material-icons {
  font-size: 48px; }

[data-focus="document-info"] [data-focus="label"] {
  font-weight: bold; }

[data-focus="document-field-type"],
[data-focus="document-field-emetteur"],
[data-focus="document-field-date-reception"] {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

[data-focus="document-line"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }

[data-focus="relance-contenu"] [data-focus="field-value-container"] {
  height: auto; }

[data-focus="relance-contenu"] [data-focus="field-value-container"] textarea.mdl-textfield__input {
    border: 1px solid rgba(0, 0, 0, .12);
    resize: none; }

[data-focus="rejet-popin"] [data-focus="button-action"] {
  margin-top: 20px; }

.annulation-popin-wrapper
div[data-focus="popin"]
div[data-focus="popin-overlay"] div[data-focus="popin-window"] div:first-of-type {
  width: 100%; }

[data-focus="liste-document"] [data-focus="input-text"],
[data-focus="liste-document"] [data-focus="select"] select {
  width: auto; }

@supports (-moz-transform: translate(0, 0)) {
    [data-focus="liste-document"] [data-focus="input-text"],
    [data-focus="liste-document"] [data-focus="select"] select {
      width: 100%; } }

@supports (-moz-transform: translate(0, 0)) {
  [data-focus="liste-document"] [data-focus="select"] {
    margin-left: 15px;
    margin-right: 15px; } }

[data-focus="liste-document"] [data-focus="picker-zone"] {
  right: 0; }

.mdl-grid.demande {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.mdl-textfield.demande {
  min-width: 500px; }

.mdl-data-table.mdl-js-data-table
thead
tr
.mdl-data-table__cell--non-numeric-grisee {
  background-color: #bdbdbd;
  font-style: italic;
  color: #ffffff !important; }

[data-style="grisee"] {
  color: #bdbdbd;
  font-style: italic; }

[data-style="label-grisee"] {
  padding-bottom: 5px;
  padding-right: calc(66.66% + 8px);
  text-align: right;
  color: #bdbdbd;
  font-style: italic; }

[data-style="value-grisee"] {
  top: 0;
  padding-bottom: 5px;
  padding-left: 34%;
  color: #bdbdbd;
  font-style: italic;
  cursor: default;
  width: 300px;
  margin-top: -23px;
  font-size: 0.95rem; }

[data-style="label-unclickable"] {
  padding-bottom: 5px;
  padding-right: calc(66.66% + 8px);
  text-align: right;
  color: #282828;
  cursor: default;
  font-size: 0.95rem; }

[data-style="value-unclickable"] {
  top: 0;
  margin-top: -23px;
  padding-bottom: 5px;
  padding-left: 34%;
  color: #282828;
  cursor: default;
  font-size: 0.95rem;
  width: 300px; }

[data-focus="conteneur-date-motif"] {
  position: relative;
  margin-top: 7px; }

[data-focus="conteneur-champ-calcule"] {
  position: relative;
  margin-top: 7px; }

[data-focus="delete-demande-non-actif"] {
  cursor: default;
  color: #bdbdbd; }

[data-focus="demande-search"] [data-focus="sl-line"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

[data-focus="demande-search"] [data-focus="sl-line"] .sl-content {
    width: 70%; }

[data-focus="demande-search"] [data-focus="sl-line"] .sl-actions {
    position: relative !important;
    -ms-flex-item-align: center;
        align-self: center;
    display: block !important; }

[data-focus="demande-search"] [data-focus="sl-line"] .sl-actions [data-focus="delete-demande-actif"] {
      cursor: pointer; }

[data-focus="demande-search"] [data-focus="sl-line"] .sl-actions [data-focus="delete-demande-actif"] :hover {
        background-color: rgba(158, 158, 158, .2);
        border-radius: 50%; }

[data-focus="demande-search"] [data-focus="sl-line"] .cms-warnings {
    width: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

[data-focus="demande-search"] [data-focus="sl-line"] .cms-warnings div {
      padding: 4px;
      width: 40%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }

[data-focus="demande-search"] [data-focus="sl-line"] .cms-warnings div:first-child {
      margin-right: 5px;
      border-radius: 15px 0 0 15px; }

[data-focus="demande-search"] [data-focus="sl-line"] .cms-warnings .filler {
      border: 1px solid transparent; }

[data-focus="demande-search"] [data-focus="sl-line"] .cms-warnings .attente-complement-expertise {
      color: #d32f2f;
      border: 1px solid #d32f2f; }

[data-focus="demande-search"] [data-focus="sl-line"] .cms-warnings .retour-complement-expertise {
      color: #228b22;
      border: 1px solid #228b22; }

[data-focus="demande-search"] [data-focus="sl-line"] .cms-warnings .hors-delai {
      background-color: #d32f2f;
      color: white;
      border: 1px solid #d32f2f;
      border-radius: 0 15px 15px 0; }

[data-focus="demande-search"] [data-focus="sl-line"] .cms-warnings .hors-delai.deux-mois {
        background-color: #ffe523;
        color: black;
        border: 1px solid #ffe523; }

[data-focus="demande-search"] [data-focus="sl-line"] .cms-warnings .hors-delai.trois-mois {
        background-color: #ff9900;
        color: white;
        border: 1px solid #ff9900; }

[data-focus="demande-search"] [data-focus="sl-line"] .cms-warnings span {
      text-align: center; }

[data-focus="sl-line"]:hover [data-focus="delete-demande-non-actif"] {
  color: #f5f5f5; }

[data-focus="popin-inscription"] [data-focus="seance-line"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 700px;
  border: 1px solid #e0e0e0;
  padding: 10px;
  margin-top: 10px; }

[data-focus="popin-inscription"] [data-focus="seance-line"] .seance-line-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 5px;
    margin-right: 5px; }

[data-focus="popin-inscription"] [data-focus="seance-line"] .seance-line-content > :first-child {
      margin-left: 25px;
      margin-right: 30px; }

[data-focus="popin-inscription"] [data-focus="seance-line"] .seance-line-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 5px;
    margin-right: 5px; }

[data-focus="popin-inscription"] [data-focus="seance-line"] .seance-line-actions button {
      margin-top: 0px; }

[data-focus="type-document-line"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 33%;
  padding-top: 3px;
  padding-bottom: 10px; }

[data-focus="type-document-line"] [data-focus="label-type-document"] {
    margin-left: 5px;
    color: #3c3c32; }

[data-focus="label-title-type-document"] {
  width: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
  font-weight: bold;
  font-size: 22px;
  margin-left: 16%;
  text-align: center; }

[data-focus="buttons-title-type-document"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 18px;
  color: black; }

[data-focus="type-document-buttons"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around; }

[data-focus="pathologie-table"] {
  margin-bottom: 15px; }

[data-focus="popin-introduction"] {
  margin-bottom: 10px; }

[data-focus="popin-introduction"] p {
    margin-bottom: 0; }

[data-route="demande"] [data-focus="header-actions"] i {
  vertical-align: middle;
  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;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "liga";
          font-feature-settings: "liga"; }

[data-focus="loading-popin"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px; }

[data-focus="loading-gif"] {
  border: 10px solid #f5f5f5;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin: 15px;
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite; }

.theme-default [data-focus="loading-gif"] {
    border-top: 10px solid #0253a4;
    border-right: 10px solid #94b3d8;
    border-bottom: 10px solid #becfe7; }

.theme-frUsers [data-focus="loading-gif"] {
    border-top: 10px solid #e31d62;
    border-right: 10px solid #f8b8cd;
    border-bottom: 10px solid #fbd4e1; }

.theme-fpUsers [data-focus="loading-gif"] {
    border-top: 10px solid #388e3c;
    border-right: 10px solid #afdbb1;
    border-bottom: 10px solid #d1ebd2; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

[data-focus="loading-popin-global"] [data-focus="popin-window-close"] {
  display: none; }

[data-focus="generate-all-popin"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px; }

[data-focus="generate-all-popin"] [data-focus="generate-all-popin-buttons"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    width: 100%; }

[data-focus="buttons-annuler-demande"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around; }

[data-focus="buttons-annuler-demande"] button {
    line-height: 2em;
    width: 35%;
    height: auto; }

.generateSyntheseDemande .mdl-card {
  min-height: 30px; }

.demandeIntegreePopin .mdl-card {
  min-height: 30px; }

.panel-echange-cms-fr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.panel-echange-cms-fr .bloc-echange-unite {
    width: 60%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 10px 5px 5px 5px; }

.theme-default .panel-echange-cms-fr .bloc-echange-unite {
      border: solid 3px #086dc1;
      background-color: #086dc1; }

.theme-frUsers .panel-echange-cms-fr .bloc-echange-unite {
      border: solid 3px #ee5186;
      background-color: #ee5186; }

.theme-fpUsers .panel-echange-cms-fr .bloc-echange-unite {
      border: solid 3px #43a047;
      background-color: #43a047; }

.panel-echange-cms-fr .bloc-echange-unite .header-echange-unite {
      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: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      height: 40px;
      margin-left: 10px;
      margin-right: 10px;
      color: white; }

.panel-echange-cms-fr .bloc-echange-unite .header-echange-unite .libelle-header {
        vertical-align: middle;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }

.panel-echange-cms-fr .bloc-echange-unite .header-echange-unite .libelle-header .date {
          font-size: 0.8em;
          font-style: italic; }

.theme-default .panel-echange-cms-fr .bloc-echange-unite .header-echange-unite .libelle-header .date {
            color: #becfe7; }

.theme-frUsers .panel-echange-cms-fr .bloc-echange-unite .header-echange-unite .libelle-header .date {
            color: #fbd4e1; }

.theme-fpUsers .panel-echange-cms-fr .bloc-echange-unite .header-echange-unite .libelle-header .date {
            color: #d1ebd2; }

.panel-echange-cms-fr .bloc-echange-unite .header-echange-unite .center-libelle {
        line-height: 40px; }

.panel-echange-cms-fr .bloc-echange-unite [data-vadim="rte-editor"] {
      max-width: none; }

.panel-echange-cms-fr .bloc-echange-unite [data-vadim="rte-editor"] .public-DraftEditor-content {
        height: 50px; }

.panel-echange-cms-fr .mon-bloc-echange-unite {
    width: 60%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 10px 5px 5px 5px;
    background-color: white; }

.theme-default .panel-echange-cms-fr .mon-bloc-echange-unite {
      border: solid 3px #086dc1; }

.theme-frUsers .panel-echange-cms-fr .mon-bloc-echange-unite {
      border: solid 3px #ee5186; }

.theme-fpUsers .panel-echange-cms-fr .mon-bloc-echange-unite {
      border: solid 3px #43a047; }

.panel-echange-cms-fr .mon-bloc-echange-unite .header-echange-unite {
      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: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      height: 40px;
      margin-left: 10px;
      margin-right: 10px; }

.theme-default .panel-echange-cms-fr .mon-bloc-echange-unite .header-echange-unite {
        color: #086dc1; }

.theme-frUsers .panel-echange-cms-fr .mon-bloc-echange-unite .header-echange-unite {
        color: #ee5186; }

.theme-fpUsers .panel-echange-cms-fr .mon-bloc-echange-unite .header-echange-unite {
        color: #43a047; }

.panel-echange-cms-fr .mon-bloc-echange-unite .header-echange-unite .libelle-header {
        vertical-align: middle;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }

.panel-echange-cms-fr .mon-bloc-echange-unite .header-echange-unite .libelle-header .date {
          font-size: 0.8em;
          font-style: italic; }

.theme-default .panel-echange-cms-fr .mon-bloc-echange-unite .header-echange-unite .libelle-header .date {
            color: #568ac2; }

.theme-frUsers .panel-echange-cms-fr .mon-bloc-echange-unite .header-echange-unite .libelle-header .date {
            color: #f06292; }

.theme-fpUsers .panel-echange-cms-fr .mon-bloc-echange-unite .header-echange-unite .libelle-header .date {
            color: #81c784; }

.panel-echange-cms-fr .mon-bloc-echange-unite .header-echange-unite .center-libelle {
        line-height: 40px; }

.panel-echange-cms-fr .mon-bloc-echange-unite [data-vadim="rte-editor"] {
      max-width: none; }

.theme-default .panel-echange-cms-fr .mon-bloc-echange-unite [data-vadim="rte-editor"] .RichTextEditor__root___2QXK- {
        border: solid 2px #086dc1; }

.theme-frUsers .panel-echange-cms-fr .mon-bloc-echange-unite [data-vadim="rte-editor"] .RichTextEditor__root___2QXK- {
        border: solid 2px #ee5186; }

.theme-fpUsers .panel-echange-cms-fr .mon-bloc-echange-unite [data-vadim="rte-editor"] .RichTextEditor__root___2QXK- {
        border: solid 2px #43a047; }

.panel-echange-cms-fr .mon-bloc-echange-unite [data-vadim="rte-editor"] .RichTextEditor__root___2QXK- .public-DraftEditor-content {
        height: 50px; }

.panel-echange-cms-fr .liant-commentaire-parent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 60%;
    height: 20px; }

.panel-echange-cms-fr .liant-commentaire-parent .liant-commentaire-gauche {
      width: 5%; }

.panel-echange-cms-fr .liant-commentaire-parent .liant-commentaire-centre {
      width: 5px; }

.theme-default .panel-echange-cms-fr .liant-commentaire-parent .liant-commentaire-centre {
        background-color: #086dc1; }

.theme-frUsers .panel-echange-cms-fr .liant-commentaire-parent .liant-commentaire-centre {
        background-color: #ee5186; }

.theme-fpUsers .panel-echange-cms-fr .liant-commentaire-parent .liant-commentaire-centre {
        background-color: #43a047; }

.panel-echange-cms-fr .nouveau-commentaire {
    width: 70%;
    margin-bottom: 20px; }

.theme-default .panel-echange-cms-fr .nouveau-commentaire {
      background-color: #013568;
      border: solid 3px #013568; }

.theme-frUsers .panel-echange-cms-fr .nouveau-commentaire {
      background-color: #880e4f;
      border: solid 3px #880e4f; }

.theme-fpUsers .panel-echange-cms-fr .nouveau-commentaire {
      background-color: #1b5e20;
      border: solid 3px #1b5e20; }

.add-motif-expertise-popin {
  width: 600px; }

.add-motif-expertise-popin .list-add-expertise {
    margin: 20px 0 0 50px; }

.add-motif-expertise-popin .button-stack {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly; }
[data-route="home"] [data-focus="header-right-side"] {
  top: 0;
  right: 0;
  position: fixed; }

[data-focus="header-right-side"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

[data-focus="profile-center-vadim"] {
  width: 275px;
  height: 81px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.dropdown-visible {
  background-color: transparent;
  position: absolute;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: auto;
  width: 100%;
  max-width: 275px;
  text-align: center;
  z-index: 50001; }

.dropdown-visible button {
    border-radius: 25px;
    color: #ffffff;
    font-size: 1em;
    font-family: "RobotoRegular", sans-serif;
    text-transform: uppercase;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 0.875em;
    width: 200px; }

.theme-default .dropdown-visible button {
      background: #0253a4; }

.theme-frUsers .dropdown-visible button {
      background: #e31d62; }

.theme-fpUsers .dropdown-visible button {
      background: #388e3c; }

.dropdown-visible button:focus, .dropdown-visible button:hover, .dropdown-visible button:active {
      background-color: #ffffff !important; }

.theme-default .dropdown-visible button:focus, .theme-default .dropdown-visible button:hover, .theme-default .dropdown-visible button:active {
        color: #0253a4;
        border: 1px solid #0253a4; }

.theme-frUsers .dropdown-visible button:focus, .theme-frUsers .dropdown-visible button:hover, .theme-frUsers .dropdown-visible button:active {
        color: #e31d62;
        border: 1px solid #e31d62; }

.theme-fpUsers .dropdown-visible button:focus, .theme-fpUsers .dropdown-visible button:hover, .theme-fpUsers .dropdown-visible button:active {
        color: #388e3c;
        border: 1px solid #388e3c; }

.theme-default .dropdown-visible [data-focus="moreImportant"] {
  background-color: #024486; }

.theme-frUsers .dropdown-visible [data-focus="moreImportant"] {
  background-color: #c2185b; }

.theme-fpUsers .dropdown-visible [data-focus="moreImportant"] {
  background-color: #2e7d32; }

.theme-default .dropdown-visible [data-focus="lessImportant"] {
  background-color: #568ac2; }

.theme-frUsers .dropdown-visible [data-focus="lessImportant"] {
  background-color: #f06292; }

.theme-fpUsers .dropdown-visible [data-focus="lessImportant"] {
  background-color: #81c784; }

.dropdown-not-visible {
  display: none; }

[data-focus="profile-infos"] {
  cursor: pointer;
  min-width: 200px; }

[data-focus="profile-infos"] [data-focus="user-infos"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-color: #ffffff;
    padding: 3px 17px;
    border-radius: 26px;
    font-size: 0.813em;
    min-width: 160px;
    text-align: center;
    position: relative; }

[data-focus="profile-infos"] [data-focus="user-infos"] label {
      padding: 0;
      cursor: pointer; }

[data-focus="profile-infos"] [data-focus="user-infos"] .label-profil {
      color: #93a0af;
      font-size: 0.923em;
      font-family: "ralewaymedium", sans-serif;
      max-height: 35px; }

[data-focus="profile-infos"] [data-focus="user-infos"] .label-ident {
      font-size: 1em; }

.theme-default [data-focus="profile-infos"] [data-focus="user-infos"] .label-ident {
        color: #086dc1; }

.theme-frUsers [data-focus="profile-infos"] [data-focus="user-infos"] .label-ident {
        color: #ee5186; }

.theme-fpUsers [data-focus="profile-infos"] [data-focus="user-infos"] .label-ident {
        color: #43a047; }

[data-focus="profile-infos"] [data-focus="user-infos"]:after {
      content: "";
      background: url(./img/icon-menu_167KcUs.png);
      width: 8px;
      height: 5px;
      display: inline-block;
      margin-left: 8px;
      position: absolute;
      right: 5px;
      top: 30px; }

[data-focus="home-page"] {
  padding: 20px; }

[data-focus="home-page"] [data-focus="home-user-greetings"] h1 {
    font-size: 16px;
    color: #ffffff;
    font-size: 22px; }

[data-focus="home-page"] [data-focus="home-dashboard"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

[data-focus="home-page"] [data-focus="home-dashboard"] .widget-group {
      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;
      margin: 10px 10px;
      width: 315px;
      height: 540px;
      -webkit-box-shadow: 1px 1px 4px 1px #e7e7e7;
              box-shadow: 1px 1px 4px 1px #e7e7e7; }

[data-focus="home-page"] [data-focus="home-dashboard"] .widget-group > :first-child {
        width: 100%; }

[data-focus="home-page"] [data-focus="home-dashboard"] .title-and-pyramid-display > :nth-child(2) {
      width: 100%; }

[data-focus="home-page"] [data-focus="home-dashboard"] .no-title-square-display > :nth-child(1) {
      width: 50%; }

[data-focus="home-page"] .home-dashboard-cms .etat-projection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 1rem; }

[data-focus="home-page"] .home-dashboard-cms .etat-projection button {
      background-color: transparent;
      width: 130px;
      -webkit-box-shadow: none;
              box-shadow: none; }

.theme-default [data-focus="home-page"] .home-dashboard-cms .etat-projection button {
        border: 1px solid #0253a4; }

.theme-frUsers [data-focus="home-page"] .home-dashboard-cms .etat-projection button {
        border: 1px solid #e31d62; }

.theme-fpUsers [data-focus="home-page"] .home-dashboard-cms .etat-projection button {
        border: 1px solid #388e3c; }

.theme-default [data-focus="home-page"] .home-dashboard-cms .etat-projection button.button-activated {
        background: #0253a4;
        color: white;
        font-weight: bold; }

.theme-frUsers [data-focus="home-page"] .home-dashboard-cms .etat-projection button.button-activated {
        background: #e31d62;
        color: white;
        font-weight: bold; }

.theme-fpUsers [data-focus="home-page"] .home-dashboard-cms .etat-projection button.button-activated {
        background: #388e3c;
        color: white;
        font-weight: bold; }

[data-focus="home-page"] .home-dashboard-cms .etat-projection button:first-of-type {
        border-radius: 5px 0 0 5px; }

[data-focus="home-page"] .home-dashboard-cms .etat-projection button:last-of-type {
        border-radius: 0 5px 5px 0; }

[data-focus="home-page"] .home-dashboard-cms .projection-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

[data-focus="home-page"] .home-dashboard-cms .projection-group [data-focus="widget-label"].MED {
      color: #f06292; }

[data-focus="home-page"] .home-dashboard-cms .projection-group [data-focus="widget-label"].MEN {
      color: #228b22; }

[data-focus="home-page"] .home-dashboard-cms .projection-group [data-focus="widget-label"] label {
      text-align: center; }

[data-focus="home-page"] .home-dashboard-cms .projection-group [data-focus="box"].important {
      background-color: #ffe0e0;
      font-weight: bold; }

[data-focus="widget-label"] {
  background-color: #ffffff;
  font-family: "RobotoRegular", sans-serif;
  font-weight: bold;
  font-size: 1.1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

[data-focus="badge"] {
  height: 27px;
  width: 27px;
  border-radius: 20px;
  display: table;
  color: #fefefe;
  font-size: 0.9em; }

[data-focus="badge"] span {
    display: table-cell;
    vertical-align: middle; }

[data-focus="badge"].grey-badge {
    background-color: #98a4b4; }

[data-focus="badge"].red-badge {
    background-color: #fd2d73; }

[data-focus="badge"].blue-badge {
    background-color: #70beff; }

[data-focus="box"] {
  background-color: #ffffff;
  border: 1px solid #f5f5f5;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

[data-focus="box"].clickable {
    cursor: pointer; }

[data-focus="box"] [data-focus="value-box"] {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    display: inline-block;
    width: 30px;
    margin: 0 auto; }

[data-focus="box"] [data-focus="value-box"] [data-focus="badge"] {
      position: absolute;
      top: -11px;
      left: -15px; }

[data-focus="box"] [data-focus="value-box"] .icon {
      display: table; }

[data-focus="box"] [data-focus="value-box"] .icon span {
        display: table-cell;
        vertical-align: middle; }

[data-focus="box"] [data-focus="value-box"] .icon span .material-icons {
          font-size: 32px;
          padding-top: 3px;
          padding-left: 3px; }

[data-focus="box"] [data-focus="value-box"] .icon span .black-icon {
          color: black; }

.theme-default [data-focus="box"] [data-focus="value-box"] .icon span .blue-icon {
          color: #0253a4; }

.theme-frUsers [data-focus="box"] [data-focus="value-box"] .icon span .blue-icon {
          color: #e31d62; }

.theme-fpUsers [data-focus="box"] [data-focus="value-box"] .icon span .blue-icon {
          color: #388e3c; }

[data-focus="box"] [data-focus="value-box"] .icon span .yellow-icon {
          color: #ffe523; }

[data-focus="box"] [data-focus="value-box"] .icon span .orange-icon {
          color: #ff9900; }

[data-focus="box"] [data-focus="value-box"] .icon span .icon-extra-info {
          position: absolute;
          font-family: "RobotoRegular", sans-serif;
          font-size: 0.9rem; }

[data-focus="box"] [data-focus="label-box"] {
    font-size: 0.875em;
    width: 120px;
    margin: 0 auto;
    padding-top: 10px; }

[data-focus="main-resume-admin"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

[data-focus="main-resume-admin"] button {
    -ms-flex-item-align: end;
        align-self: flex-end;
    margin-right: 50px;
    margin-bottom: 30px;
    background-color: white; }

.theme-default [data-focus="main-resume-admin"] button {
      color: #0253a4; }

.theme-frUsers [data-focus="main-resume-admin"] button {
      color: #e31d62; }

.theme-fpUsers [data-focus="main-resume-admin"] button {
      color: #388e3c; }

[data-focus="box-resume-admin"] {
  background-color: #ffffff;
  border: 1px solid #f5f5f5;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 33%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

[data-focus="box-resume-admin"] [data-focus="value-box"] {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    display: inline-block;
    margin: 0 auto; }

[data-focus="box-resume-admin"] [data-focus="label-box"] {
    font-size: 0.875em;
    width: 150px;
    margin: 0 auto;
    padding-top: 10px; }

[data-focus="home-resume-admin"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

[data-focus="home-resume-admin"] .widget-group {
    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;
    margin: 10px 10px;
    min-width: 60%;
    max-width: 80%;
    height: 450px;
    -webkit-box-shadow: 1px 1px 4px 1px #e7e7e7;
            box-shadow: 1px 1px 4px 1px #e7e7e7; }

[data-focus="home-resume-admin"] .widget-group > :first-child {
      width: 100%; }

[data-focus="home-resume-admin"] .title-and-pyramid-display > :nth-child(2) {
    width: 100%; }

[data-focus="widget-label-resume-admin"] {
  background-color: #ffffff;
  font-family: "RobotoRegular", sans-serif;
  font-weight: bold;
  font-size: 1.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

[data-focus="badge-resume-admin"] {
  height: 50px;
  width: 50px;
  border-radius: 50px;
  display: table;
  color: #fefefe;
  font-size: 0.9em; }

[data-focus="badge-resume-admin"] span {
    display: table-cell;
    vertical-align: middle; }

[data-focus="badge-resume-admin"].grey-badge {
    background-color: #98a4b4; }

[data-focus="badge-resume-admin"].red-badge {
    background-color: #fd2d73; }

[data-focus="badge-resume-admin"].blue-badge {
    background-color: #70beff; }

[data-route="home"] ~ [data-focus="page-content"] {
  margin-top: 128px !important; }

[data-route="home"] ~ [data-focus="menu-left"] {
  top: 81px; }

.vadim-app [data-focus="header-scrolling"][data-route="home"][data-deployed="true"] #search-bar-container,
.vadim-app [data-focus="header-scrolling"][data-route="home"][data-deployed="false"] #search-bar-container {
  padding-top: 70px;
  margin: 0 auto; }

.vadim-app [data-focus="header-scrolling"][data-route="home"][data-deployed="true"] [data-focus="header-content"]
[data-focus="cartridge"]
[data-focus="header-search-bar"],
.vadim-app [data-focus="header-scrolling"][data-route="home"][data-deployed="false"] [data-focus="header-content"]
[data-focus="cartridge"]
[data-focus="header-search-bar"] {
  height: 209px;
  background: url(./img/bg-home-page_3k5DHJq.png) no-repeat;
  background-size: cover; }

.vadim-app [data-focus="header-scrolling"][data-route="home"][data-deployed="true"] [data-focus="header-content"]
[data-focus="cartridge"]
[data-focus="header-search-bar"] [data-focus="header-logo"],
  .vadim-app [data-focus="header-scrolling"][data-route="home"][data-deployed="false"] [data-focus="header-content"]
[data-focus="cartridge"]
[data-focus="header-search-bar"] [data-focus="header-logo"] {
    position: absolute;
    top: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 0; }

.vadim-app [data-focus="header-scrolling"][data-route="home"][data-deployed="true"] div[data-focus="header-top-row"]
div[data-focus="header-top-row-middle"]
div[data-focus="cartridge"] div[data-focus="header-search-bar"],
.vadim-app [data-focus="header-scrolling"][data-route="home"][data-deployed="false"] div[data-focus="header-top-row"]
div[data-focus="header-top-row-middle"]
div[data-focus="cartridge"] div[data-focus="header-search-bar"] {
  height: 309px;
  background: url(./img/bg-home-page_3k5DHJq.png) no-repeat;
  background-size: cover; }

.vadim-app [data-focus="header-scrolling"][data-route="home"][data-deployed="true"] div[data-focus="header-top-row"]
div[data-focus="header-top-row-middle"]
div[data-focus="cartridge"] div[data-focus="header-search-bar"] [data-focus="header-logo"],
  .vadim-app [data-focus="header-scrolling"][data-route="home"][data-deployed="false"] div[data-focus="header-top-row"]
div[data-focus="header-top-row-middle"]
div[data-focus="cartridge"] div[data-focus="header-search-bar"] [data-focus="header-logo"] {
    position: absolute;
    top: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 0;
    margin-top: -219px;
    padding: 0;
    padding-left: 57px;
    padding-top: 33px; }

.vadim-app [data-focus="header-scrolling"][data-route="home"][data-deployed="true"] div[data-focus="header-top-row"]
div[data-focus="header-top-row-middle"]
div[data-focus="cartridge"] div[data-focus="header-search-bar"] + [data-focus="menu-left"],
  .vadim-app [data-focus="header-scrolling"][data-route="home"][data-deployed="false"] div[data-focus="header-top-row"]
div[data-focus="header-top-row-middle"]
div[data-focus="cartridge"] div[data-focus="header-search-bar"] + [data-focus="menu-left"] {
    z-index: 2000; }

.vadim-app [data-focus="header-scrolling"][data-route="home"][data-deployed="true"] + [data-focus="menu-left"] + [data-focus="page-content"],
.vadim-app [data-focus="header-scrolling"][data-route="home"][data-deployed="false"] + [data-focus="menu-left"] + [data-focus="page-content"] {
  margin-top: 50px; }

.vadim-app [data-focus="header-scrolling"][data-route="home"][data-deployed="true"] + [data-focus="menu-left"] + [data-focus="page-content"] h1,
  .vadim-app [data-focus="header-scrolling"][data-route="home"][data-deployed="false"] + [data-focus="menu-left"] + [data-focus="page-content"] h1 {
    position: fixed;
    top: 30px;
    left: 0;
    right: 0;
    z-index: 1001;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    margin-left: 175px;
    margin-right: 300px;
    font-size: 2em; }

.vadim-app [data-focus="header-scrolling"][data-route="home"][data-deployed="true"] [data-focus="search-bar"] [data-focus="search-bar"] [data-focus="search-bar-scope"] + [data-focus="search-bar-input"],
.vadim-app [data-focus="header-scrolling"][data-route="home"][data-deployed="true"] [data-focus="search-bar"] [data-focus="search-bar"] [data-focus="search-bar-input"] .mdl-textfield .mdl-textfield__label,
.vadim-app [data-focus="header-scrolling"][data-route="home"][data-deployed="false"] [data-focus="search-bar"] [data-focus="search-bar"] [data-focus="search-bar-scope"] + [data-focus="search-bar-input"],
.vadim-app [data-focus="header-scrolling"][data-route="home"][data-deployed="false"] [data-focus="search-bar"] [data-focus="search-bar"] [data-focus="search-bar-input"] .mdl-textfield .mdl-textfield__label {
  background: none; }

.vadim-app [data-focus="header-scrolling"][data-route="home"][data-deployed="true"] [data-focus="search-bar"] [data-focus="search-bar"] [data-focus="search-bar-scope"] + [data-focus="search-bar-input"] [data-focus="input-text"].is-focused .mdl-textfield__label:after,
  .vadim-app [data-focus="header-scrolling"][data-route="home"][data-deployed="true"] [data-focus="search-bar"] [data-focus="search-bar"] [data-focus="search-bar-input"] .mdl-textfield .mdl-textfield__label [data-focus="input-text"].is-focused .mdl-textfield__label:after,
  .vadim-app [data-focus="header-scrolling"][data-route="home"][data-deployed="false"] [data-focus="search-bar"] [data-focus="search-bar"] [data-focus="search-bar-scope"] + [data-focus="search-bar-input"] [data-focus="input-text"].is-focused .mdl-textfield__label:after,
  .vadim-app [data-focus="header-scrolling"][data-route="home"][data-deployed="false"] [data-focus="search-bar"] [data-focus="search-bar"] [data-focus="search-bar-input"] .mdl-textfield .mdl-textfield__label [data-focus="input-text"].is-focused .mdl-textfield__label:after {
    background-color: transparent; }

.vadim-app [data-focus="header-scrolling"][data-route="home"][data-deployed="true"] [data-focus="search-bar"] [data-focus="search-bar"] [data-focus="search-bar-input"] .mdl-textfield,
.vadim-app [data-focus="header-scrolling"][data-route="home"][data-deployed="false"] [data-focus="search-bar"] [data-focus="search-bar"] [data-focus="search-bar-input"] .mdl-textfield {
  border-bottom: 1px solid #ffffff; }

.vadim-app [data-focus="header-scrolling"][data-route="home"][data-deployed="true"] [data-focus="search-bar"] [data-focus="search-bar"] [data-focus="search-bar-input"] .mdl-textfield input,
  .vadim-app [data-focus="header-scrolling"][data-route="home"][data-deployed="false"] [data-focus="search-bar"] [data-focus="search-bar"] [data-focus="search-bar-input"] .mdl-textfield input {
    border: 0;
    background: transparent; }

.vadim-app [data-focus="header-scrolling"][data-route="home"][data-deployed="true"] [data-focus="search-bar"] [data-focus="search-bar"] [data-focus="search-bar-scope"],
.vadim-app [data-focus="header-scrolling"][data-route="home"][data-deployed="false"] [data-focus="search-bar"] [data-focus="search-bar"] [data-focus="search-bar-scope"] {
  background: none; }

.vadim-app [data-focus="header-scrolling"][data-route="home"][data-deployed="true"] [data-focus="search-bar"] [data-focus="search-bar"] [data-focus="search-bar-scope"] .mdl-button,
.vadim-app [data-focus="header-scrolling"][data-route="home"][data-deployed="false"] [data-focus="search-bar"] [data-focus="search-bar"] [data-focus="search-bar-scope"] .mdl-button {
  background: none;
  border-bottom: 1px solid #ffffff; }

[data-focus="alert-widget"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -5px;
  position: fixed;
  top: 27px;
  right: 285px; }

[data-focus="alert-widget"] > i {
    cursor: pointer;
    color: white; }

[data-focus="alert-widget"] [data-focus="notification-indicator"] {
    font-size: 50%;
    border-radius: 50px;
    background-color: red;
    width: 13px;
    height: 13px;
    text-align: center;
    vertical-align: middle;
    position: relative;
    top: 15px;
    left: -10px;
    cursor: pointer;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 1px; }

[data-focus="alert-widget"] .title-alert {
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: black; }

[data-focus="alert-widget"] [data-focus="notification-list"] {
    position: absolute;
    background-color: rgba(255, 255, 255, .5);
    color: black;
    left: -163px;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
            box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2); }

[data-focus="alert-widget"] [data-focus="notification-list"] > i {
      position: absolute;
      top: 0;
      right: 0;
      cursor: pointer; }

[data-focus="alert-widget"] [data-focus="notification-line"] {
    padding: 15px;
    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: 15px;
    text-align: left;
    border-top: 1px solid black; }

[data-focus="alert-widget"] [data-focus="notification-line"] [data-focus="notification-objet"] {
      font-weight: bold; }

[data-focus="alert-widget"] [data-focus="notification-line"].clickable {
      cursor: pointer !important; }

.theme-default [data-focus="alert-widget"] [data-focus="notification-line"]:hover {
    background-color: #becfe7; }

.theme-frUsers [data-focus="alert-widget"] [data-focus="notification-line"]:hover {
    background-color: #fbd4e1; }

.theme-fpUsers [data-focus="alert-widget"] [data-focus="notification-line"]:hover {
    background-color: #d1ebd2; }

[data-focus="alert-widget"] .limited-div {
    overflow: auto;
    color: black; }

[data-focus="alert-widget"] .group-title {
    font-size: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: black;
    text-align: left;
    font-weight: bold; }

.change-profil-popin [data-focus="input-checkbox-container"] {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }
[data-route="other"] ~ [data-focus="menu-left"] {
  top: 81px; }

[data-route="other"] ~ [data-focus="page-content"] {
  top: 81px;
  margin-top: 0;
  margin-left: 30px; }
[data-focus="rh-search"] [data-focus="sl-line"] {
  cursor: default;
  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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  [data-focus="rh-search"] [data-focus="sl-line"] .sl-content {
    width: 80%; }
  [data-focus="rh-search"] [data-focus="sl-line"] .sl-actions {
    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;
    width: 20%; }
  [data-focus="rh-search"] [data-focus="sl-line"] .sl-actions button {
      border-radius: 25px;
      color: #ffffff;
      font-size: 1em;
      font-family: "RobotoRegular", sans-serif;
      text-transform: uppercase;
      -webkit-box-shadow: none;
              box-shadow: none;
      -webkit-transition: none;
      -o-transition: none;
      transition: none;
      margin-right: 5px;
      color: #ffffff !important;
      border: 1px solid #ffffff;
      border-radius: 25px; }
  .theme-default [data-focus="rh-search"] [data-focus="sl-line"] .sl-actions button {
        background: #0253a4; }
  .theme-frUsers [data-focus="rh-search"] [data-focus="sl-line"] .sl-actions button {
        background: #e31d62; }
  .theme-fpUsers [data-focus="rh-search"] [data-focus="sl-line"] .sl-actions button {
        background: #388e3c; }
  .theme-default [data-focus="rh-search"] [data-focus="sl-line"] .sl-actions button {
        background-color: #0253a4; }
  .theme-frUsers [data-focus="rh-search"] [data-focus="sl-line"] .sl-actions button {
        background-color: #e31d62; }
  .theme-fpUsers [data-focus="rh-search"] [data-focus="sl-line"] .sl-actions button {
        background-color: #388e3c; }
  [data-focus="rh-search"] [data-focus="sl-line"] .sl-actions button:hover, [data-focus="rh-search"] [data-focus="sl-line"] .sl-actions button:focus, [data-focus="rh-search"] [data-focus="sl-line"] .sl-actions button:active {
        background-color: #ffffff; }
  .theme-default [data-focus="rh-search"] [data-focus="sl-line"] .sl-actions button:hover, .theme-default [data-focus="rh-search"] [data-focus="sl-line"] .sl-actions button:focus, .theme-default [data-focus="rh-search"] [data-focus="sl-line"] .sl-actions button:active {
          color: #0253a4 !important; }
  .theme-frUsers [data-focus="rh-search"] [data-focus="sl-line"] .sl-actions button:hover, .theme-frUsers [data-focus="rh-search"] [data-focus="sl-line"] .sl-actions button:focus, .theme-frUsers [data-focus="rh-search"] [data-focus="sl-line"] .sl-actions button:active {
          color: #e31d62 !important; }
  .theme-fpUsers [data-focus="rh-search"] [data-focus="sl-line"] .sl-actions button:hover, .theme-fpUsers [data-focus="rh-search"] [data-focus="sl-line"] .sl-actions button:focus, .theme-fpUsers [data-focus="rh-search"] [data-focus="sl-line"] .sl-actions button:active {
          color: #388e3c !important; }
  [data-focus="rh-search"] [data-focus="sl-line"] [data-focus="demande-rh-row"] {
    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: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  [data-focus="rh-search"] [data-focus="sl-line"] [data-focus="demande-rh-row"] > div:nth-of-type(1) {
      width: 50%; }
  [data-focus="rh-search"] [data-focus="sl-line"] [data-focus="demande-rh-row"] > div:nth-of-type(2) {
      width: 50%; }
  [data-focus="decision-finale-popin"] [data-focus="main-title"] {
  font-family: "RobotoBold", sans-serif;
  font-size: 1.25em;
  font-weight: bold;
  text-transform: uppercase;
  padding-top: 18px;
  padding-left: 15px; }
  .theme-default [data-focus="decision-finale-popin"] [data-focus="main-title"] {
    color: #013568; }
  .theme-frUsers [data-focus="decision-finale-popin"] [data-focus="main-title"] {
    color: #880e4f; }
  .theme-fpUsers [data-focus="decision-finale-popin"] [data-focus="main-title"] {
    color: #1b5e20; }
  .theme-default [data-focus="decision-finale-popin"] [data-focus="main-title"] {
    border-left: 3px solid #0253a4 !important; }
  .theme-frUsers [data-focus="decision-finale-popin"] [data-focus="main-title"] {
    border-left: 3px solid #e31d62 !important; }
  .theme-fpUsers [data-focus="decision-finale-popin"] [data-focus="main-title"] {
    border-left: 3px solid #388e3c !important; }
  [data-focus="decision-finale-popin"] [data-focus="popin-header"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 25px; }
  [data-focus="decision-finale-popin"] [data-focus="popin-header"] button {
    border-radius: 25px;
    color: #ffffff;
    font-size: 1em;
    font-family: "RobotoRegular", sans-serif;
    text-transform: uppercase;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    margin-right: 10px;
    font-size: 0.875em; }
  .theme-default [data-focus="decision-finale-popin"] [data-focus="popin-header"] button {
      background: #0253a4; }
  .theme-frUsers [data-focus="decision-finale-popin"] [data-focus="popin-header"] button {
      background: #e31d62; }
  .theme-fpUsers [data-focus="decision-finale-popin"] [data-focus="popin-header"] button {
      background: #388e3c; }
  [data-focus="decision-finale-popin"] [data-focus="popin-header"] button:focus, [data-focus="decision-finale-popin"] [data-focus="popin-header"] button:hover, [data-focus="decision-finale-popin"] [data-focus="popin-header"] button:active {
      background-color: #ffffff !important; }
  .theme-default [data-focus="decision-finale-popin"] [data-focus="popin-header"] button:focus, .theme-default [data-focus="decision-finale-popin"] [data-focus="popin-header"] button:hover, .theme-default [data-focus="decision-finale-popin"] [data-focus="popin-header"] button:active {
        color: #0253a4;
        border: 1px solid #0253a4; }
  .theme-frUsers [data-focus="decision-finale-popin"] [data-focus="popin-header"] button:focus, .theme-frUsers [data-focus="decision-finale-popin"] [data-focus="popin-header"] button:hover, .theme-frUsers [data-focus="decision-finale-popin"] [data-focus="popin-header"] button:active {
        color: #e31d62;
        border: 1px solid #e31d62; }
  .theme-fpUsers [data-focus="decision-finale-popin"] [data-focus="popin-header"] button:focus, .theme-fpUsers [data-focus="decision-finale-popin"] [data-focus="popin-header"] button:hover, .theme-fpUsers [data-focus="decision-finale-popin"] [data-focus="popin-header"] button:active {
        color: #388e3c;
        border: 1px solid #388e3c; }
  [data-focus="decision-finale-popin"] [data-focus="document-filename"] label {
  color: inherit;
  background: inherit; }
[data-focus="advancedSearchPanel"] {
  margin-left: 250px; }

[class="search-text"] {
  display: none; }

[data-focus="search-bar-input"] .mdl-textfield .mdl-textfield__label {
  width: 100%; }

[data-focus="field"]
[data-focus="field-value-container"]
[data-focus="autocomplete"]
[data-focus="input-text"] {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: 0; }

[data-focus="autocomplete"] [data-focus="loading"] {
  position: inherit; }

[data-focus="autocomplete"] [data-focus="options"] {
  max-height: 200px; }

label[data-focus="label"][for="agent.title.administrationRattachement"] {
  line-height: 40px; }

#editable-autocomplete {
  width: 300px; }

[data-focus="autocomplete"] [data-focus="options"] [data-focus="option"] {
  word-break: break-all;
  width: 280px; }
[data-focus="seance-accueil"] {
  padding: 20px; }
  [data-focus="seance-accueil"] [data-focus="seance-accueil-filters"] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }
  [data-focus="seance-accueil"] [data-focus="seance-accueil-filters"] [data-focus="section-filter"] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  [data-focus="seance-accueil"] [data-focus="seance-accueil-filters"] [data-focus="section-filter"] [data-focus="label"] {
        margin-right: 10px; }
  [data-focus="seance-accueil"] [data-focus="seance-accueil-filters"] [data-focus="section-filter"] [data-focus="select-radio"] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: inherit;
        padding-top: 0;
        width: auto; }
  [data-focus="seance-accueil"] [data-focus="seance-accueil-filters"] [data-focus="section-filter"] [data-focus="select-radio"] .mdl-radio__outer-circle {
          top: 3px; }
  [data-focus="seance-accueil"] [data-focus="seance-accueil-filters"] [data-focus="section-filter"] [data-focus="select-radio"] .mdl-radio__inner-circle {
          top: 7px; }
  [data-focus="seance-accueil"] [data-focus="seance-accueil-filters"] [data-focus="fonction-publique-filter"] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
  [data-focus="seance-accueil"] [data-focus="seance-accueil-filters"] [data-focus="fonction-publique-filter"] [data-focus="label"] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-right: 10px; }
  [data-focus="seance-accueil"] [data-focus="seance-accueil-filters"] [data-focus="fonction-publique-filter"] [data-focus="select"] {
        border: solid 1px; }
  [data-focus="seance-accueil"] [data-focus="seance-accueil-filters"] [data-focus="fonction-publique-filter"] [data-focus="select"] select {
          background-color: #fafafa; }
  [data-focus="seance-accueil-filters"] {
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  [data-focus="seance-accueil-filters"] [data-focus="button-action"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  [data-focus="seance-accueil-filters"] [data-focus="button-action"] [data-focus="seance-accueil-buttons"] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      border: none;
      -webkit-box-shadow: none;
              box-shadow: none;
      border-radius: 0;
      text-transform: none;
      padding: 0 5px;
      width: 80px;
      height: 30px;
      line-height: 30px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
  .theme-default [data-focus="seance-accueil-filters"] [data-focus="button-action"] [data-focus="seance-accueil-buttons"] {
        color: #0253a4;
        background-color: #e8eaf6; }
  .theme-frUsers [data-focus="seance-accueil-filters"] [data-focus="button-action"] [data-focus="seance-accueil-buttons"] {
        color: #e31d62;
        background-color: #fce2eb; }
  .theme-fpUsers [data-focus="seance-accueil-filters"] [data-focus="button-action"] [data-focus="seance-accueil-buttons"] {
        color: #388e3c;
        background-color: #e8f5e9; }
  .theme-default [data-focus="seance-accueil-filters"] [data-focus="button-action"] .button-activated {
      color: #e8eaf6;
      background-color: #013568; }
  .theme-frUsers [data-focus="seance-accueil-filters"] [data-focus="button-action"] .button-activated {
      color: #fce2eb;
      background-color: #880e4f; }
  .theme-fpUsers [data-focus="seance-accueil-filters"] [data-focus="button-action"] .button-activated {
      color: #e8f5e9;
      background-color: #1b5e20; }
  .seance-accueil-liste [data-focus="selection-list"] [data-focus="sl-line"] div.sl-selection {
  display: inherit; }
  .theme-default .seance-accueil-liste [data-focus="selection-list"] [data-focus="sl-line"] div.sl-selection.selected {
    border-left: 5px solid #0253a4; }
  .theme-frUsers .seance-accueil-liste [data-focus="selection-list"] [data-focus="sl-line"] div.sl-selection.selected {
    border-left: 5px solid #e31d62; }
  .theme-fpUsers .seance-accueil-liste [data-focus="selection-list"] [data-focus="sl-line"] div.sl-selection.selected {
    border-left: 5px solid #388e3c; }
  .seance-accueil-liste [data-focus="selection-list"] [data-focus="sl-line"] [data-focus="button-action"] {
  border-radius: 25px;
  color: #ffffff;
  font-size: 1em;
  font-family: "RobotoRegular", sans-serif;
  text-transform: uppercase;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  font-size: 0.875em; }
  .theme-default .seance-accueil-liste [data-focus="selection-list"] [data-focus="sl-line"] [data-focus="button-action"] {
    background: #0253a4; }
  .theme-frUsers .seance-accueil-liste [data-focus="selection-list"] [data-focus="sl-line"] [data-focus="button-action"] {
    background: #e31d62; }
  .theme-fpUsers .seance-accueil-liste [data-focus="selection-list"] [data-focus="sl-line"] [data-focus="button-action"] {
    background: #388e3c; }
  .seance-accueil-liste [data-focus="selection-list"] [data-focus="sl-line"] [data-focus="button-action"]:focus, .seance-accueil-liste [data-focus="selection-list"] [data-focus="sl-line"] [data-focus="button-action"]:hover, .seance-accueil-liste [data-focus="selection-list"] [data-focus="sl-line"] [data-focus="button-action"]:active {
    background-color: #ffffff; }
  .theme-default .seance-accueil-liste [data-focus="selection-list"] [data-focus="sl-line"] [data-focus="button-action"]:focus, .theme-default .seance-accueil-liste [data-focus="selection-list"] [data-focus="sl-line"] [data-focus="button-action"]:hover, .theme-default .seance-accueil-liste [data-focus="selection-list"] [data-focus="sl-line"] [data-focus="button-action"]:active {
      color: #0253a4;
      border: 1px solid #0253a4; }
  .theme-frUsers .seance-accueil-liste [data-focus="selection-list"] [data-focus="sl-line"] [data-focus="button-action"]:focus, .theme-frUsers .seance-accueil-liste [data-focus="selection-list"] [data-focus="sl-line"] [data-focus="button-action"]:hover, .theme-frUsers .seance-accueil-liste [data-focus="selection-list"] [data-focus="sl-line"] [data-focus="button-action"]:active {
      color: #e31d62;
      border: 1px solid #e31d62; }
  .theme-fpUsers .seance-accueil-liste [data-focus="selection-list"] [data-focus="sl-line"] [data-focus="button-action"]:focus, .theme-fpUsers .seance-accueil-liste [data-focus="selection-list"] [data-focus="sl-line"] [data-focus="button-action"]:hover, .theme-fpUsers .seance-accueil-liste [data-focus="selection-list"] [data-focus="sl-line"] [data-focus="button-action"]:active {
      color: #388e3c;
      border: 1px solid #388e3c; }
  .seance-accueil-liste [data-focus="selection-list"] [data-focus="sl-line"] [data-focus="button-action-disabled"] {
  border-radius: 25px;
  color: #ffffff;
  font-size: 1em;
  font-family: "RobotoRegular", sans-serif;
  text-transform: uppercase;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  font-size: 0.875em; }
  .theme-default .seance-accueil-liste [data-focus="selection-list"] [data-focus="sl-line"] [data-focus="button-action-disabled"] {
    background: #0253a4; }
  .theme-frUsers .seance-accueil-liste [data-focus="selection-list"] [data-focus="sl-line"] [data-focus="button-action-disabled"] {
    background: #e31d62; }
  .theme-fpUsers .seance-accueil-liste [data-focus="selection-list"] [data-focus="sl-line"] [data-focus="button-action-disabled"] {
    background: #388e3c; }
  .seance-accueil-liste [data-focus="selection-list"] [data-focus="sl-line"] {
  cursor: default; }
  .seance-accueil-liste [data-focus="selection-list"] [data-focus="sl-line"] .sl-content {
    cursor: pointer; }
  #seance-cartridge i {
  font-size: 35px; }
  #seance-cartridge span {
  vertical-align: super;
  font-size: 25px; }
  #arrete-constitutif-cartridge i {
  font-size: 35px; }
  #arrete-constitutif-cartridge span {
  vertical-align: super;
  font-size: 25px; }
  .slick-slider {
  padding-left: 25px;
  padding-right: 25px;
  overflow-x: clip; }
  .slick-slider .slick-prev {
    left: 0px; }
  .slick-slider .slick-next {
    right: 0; }
  .slick-slider .slick-arrow {
    z-index: 2; }
  .slick-list,
.slick-track {
  height: 60px; }
  .slick-list {
  overflow: visible;
  z-index: 1; }
  .slick-next:before,
.slick-prev:before {
  opacity: 1; }
  .theme-default .slick-next:before, .theme-default
  .slick-prev:before {
    color: #0253a4; }
  .theme-frUsers .slick-next:before, .theme-frUsers
  .slick-prev:before {
    color: #e31d62; }
  .theme-fpUsers .slick-next:before, .theme-fpUsers
  .slick-prev:before {
    color: #388e3c; }
  .seance-accueil-carousel {
  margin-top: 15px;
  margin-bottom: 15px;
  padding-top: 5px;
  padding-bottom: 5px; }
  .theme-default .seance-accueil-carousel {
    border-top: 1px solid #024486;
    border-bottom: 1px solid #024486; }
  .theme-frUsers .seance-accueil-carousel {
    border-top: 1px solid #c2185b;
    border-bottom: 1px solid #c2185b; }
  .theme-fpUsers .seance-accueil-carousel {
    border-top: 1px solid #2e7d32;
    border-bottom: 1px solid #2e7d32; }
  .theme-default .slick-active {
  border-right: 1px solid #024486; }
  .theme-frUsers .slick-active {
  border-right: 1px solid #c2185b; }
  .theme-fpUsers .slick-active {
  border-right: 1px solid #2e7d32; }
  .slide-element {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: center; }
  .slide-element .slide-labels {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .slide-element:not(.slide-empty) .slide-labels {
    cursor: pointer; }
  .theme-default .slide-element:not(.slide-empty) .slide-labels.selected {
      color: #086dc1; }
  .theme-frUsers .slide-element:not(.slide-empty) .slide-labels.selected {
      color: #ee5186; }
  .theme-fpUsers .slide-element:not(.slide-empty) .slide-labels.selected {
      color: #43a047; }
  .theme-default .slide-element:not(.slide-empty) .slide-labels:hover {
      color: #086dc1 !important;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .05)), to(rgba(0, 0, 0, .05))), transparent;
      background: -webkit-linear-gradient(rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)), transparent;
      background: -o-linear-gradient(rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)), transparent;
      background: linear-gradient(rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)), transparent; }
  .theme-frUsers .slide-element:not(.slide-empty) .slide-labels:hover {
      color: #ee5186 !important;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .05)), to(rgba(0, 0, 0, .05))), transparent;
      background: -webkit-linear-gradient(rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)), transparent;
      background: -o-linear-gradient(rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)), transparent;
      background: linear-gradient(rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)), transparent; }
  .theme-fpUsers .slide-element:not(.slide-empty) .slide-labels:hover {
      color: #43a047 !important;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .05)), to(rgba(0, 0, 0, .05))), transparent;
      background: -webkit-linear-gradient(rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)), transparent;
      background: -o-linear-gradient(rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)), transparent;
      background: linear-gradient(rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)), transparent; }
  .slide-element:not(.slide-empty) .slide-button-calendar {
    cursor: pointer;
    -webkit-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    min-height: 15px;
    height: 15px;
    margin: 5px 5px 0 5px; }
  .theme-default .slide-element:not(.slide-empty) .slide-button-calendar {
      background: #013568; }
  .theme-frUsers .slide-element:not(.slide-empty) .slide-button-calendar {
      background: #880e4f; }
  .theme-fpUsers .slide-element:not(.slide-empty) .slide-button-calendar {
      background: #1b5e20; }
  .slide-element:not(.slide-empty) .slide-button-calendar:not(.opened-calendar) {
      opacity: 0; }
  .slide-element:not(.slide-empty) .slide-button-calendar .material-icons {
      position: relative;
      bottom: 10px;
      color: white; }
  .theme-default .slide-element:not(.slide-empty) .slide-button-calendar:hover {
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .2)), to(rgba(0, 0, 0, .2))), #013568;
      background: -webkit-linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), #013568;
      background: -o-linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), #013568;
      background: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), #013568; }
  .theme-frUsers .slide-element:not(.slide-empty) .slide-button-calendar:hover {
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .2)), to(rgba(0, 0, 0, .2))), #880e4f;
      background: -webkit-linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), #880e4f;
      background: -o-linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), #880e4f;
      background: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), #880e4f; }
  .theme-fpUsers .slide-element:not(.slide-empty) .slide-button-calendar:hover {
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .2)), to(rgba(0, 0, 0, .2))), #1b5e20;
      background: -webkit-linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), #1b5e20;
      background: -o-linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), #1b5e20;
      background: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), #1b5e20; }
  .slide-element:not(.slide-empty):hover .slide-button-calendar,
  .slide-element:not(.slide-empty) .slide-button-calendar:focus {
    opacity: 1; }
  .seance-accueil-liste [data-focus="sl-line"] {
  padding: 0; }
  .seance-accueil-liste-button {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
  margin-top: 5px; }
  .seance-accueil-liste-button .left-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .seance-accueil-liste-button .left-actions [data-focus="input-checkbox-container"] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-left: 18px; }
  .seance-accueil-liste-button .right-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%; }
  .seance-accueil-liste-button [data-focus="button-action"] {
    border-radius: 25px;
    color: #ffffff;
    font-size: 1em;
    font-family: "RobotoRegular", sans-serif;
    text-transform: uppercase;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    margin-left: 10px;
    margin-right: 5px;
    font-size: 0.875em; }
  .theme-default .seance-accueil-liste-button [data-focus="button-action"] {
      background: #0253a4; }
  .theme-frUsers .seance-accueil-liste-button [data-focus="button-action"] {
      background: #e31d62; }
  .theme-fpUsers .seance-accueil-liste-button [data-focus="button-action"] {
      background: #388e3c; }
  .seance-accueil-liste-button [data-focus="button-action"]:focus, .seance-accueil-liste-button [data-focus="button-action"]:hover, .seance-accueil-liste-button [data-focus="button-action"]:active {
      background-color: #ffffff; }
  .theme-default .seance-accueil-liste-button [data-focus="button-action"]:focus, .theme-default .seance-accueil-liste-button [data-focus="button-action"]:hover, .theme-default .seance-accueil-liste-button [data-focus="button-action"]:active {
        color: #0253a4;
        border: 1px solid #0253a4; }
  .theme-frUsers .seance-accueil-liste-button [data-focus="button-action"]:focus, .theme-frUsers .seance-accueil-liste-button [data-focus="button-action"]:hover, .theme-frUsers .seance-accueil-liste-button [data-focus="button-action"]:active {
        color: #e31d62;
        border: 1px solid #e31d62; }
  .theme-fpUsers .seance-accueil-liste-button [data-focus="button-action"]:focus, .theme-fpUsers .seance-accueil-liste-button [data-focus="button-action"]:hover, .theme-fpUsers .seance-accueil-liste-button [data-focus="button-action"]:active {
        color: #388e3c;
        border: 1px solid #388e3c; }
  [data-focus="seance-row-frfp"],
[data-focus="seance-row-cms"] {
  background-color: #ffffff;
  border-bottom: 1px solid #eeeeee;
  color: #6d6d6d;
  cursor: default; }
  [data-focus="seance-row-frfp"] [data-focus="seance-line-id"],
  [data-focus="seance-row-cms"] [data-focus="seance-line-id"] {
    -ms-flex-item-align: center;
        align-self: center; }
  [data-focus="seance-row-frfp"] button.seance-line-export-button,
  [data-focus="seance-row-cms"] button.seance-line-export-button {
    margin-right: 40px; }
  [data-focus="seance-row-frfp"] button:not(.seance-line-export-button),
  [data-focus="seance-row-cms"] button:not(.seance-line-export-button) {
    margin-left: 10px;
    min-width: 120px; }
  .theme-default .line-seance-clickable:hover, .theme-default .line-seance-clickable:focus {
  color: #013568;
  background-color: #becfe7; }
  .theme-frUsers .line-seance-clickable:hover, .theme-frUsers .line-seance-clickable:focus {
  color: #880e4f;
  background-color: #fbd4e1; }
  .theme-fpUsers .line-seance-clickable:hover, .theme-fpUsers .line-seance-clickable:focus {
  color: #1b5e20;
  background-color: #d1ebd2; }
  .theme-default .line-seance-clickable:hover div.sl-selection.no-selection, .theme-default .line-seance-clickable:focus div.sl-selection.no-selection {
  border-left: 5px solid #0253a4; }
  .theme-frUsers .line-seance-clickable:hover div.sl-selection.no-selection, .theme-frUsers .line-seance-clickable:focus div.sl-selection.no-selection {
  border-left: 5px solid #e31d62; }
  .theme-fpUsers .line-seance-clickable:hover div.sl-selection.no-selection, .theme-fpUsers .line-seance-clickable:focus div.sl-selection.no-selection {
  border-left: 5px solid #388e3c; }
  .line-seance-clickable [data-hover="mouse-hover"] {
  cursor: pointer; }
  .seance-accueil-empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 15%; }
  .seance-accueil-empty [data-focus="button-action"] {
    margin-top: 15px;
    width: 200px; }
  .theme-default .seance-accueil-empty [data-focus="button-action"] {
      color: #e8eaf6;
      background-color: #0253a4; }
  .theme-frUsers .seance-accueil-empty [data-focus="button-action"] {
      color: #fce2eb;
      background-color: #e31d62; }
  .theme-fpUsers .seance-accueil-empty [data-focus="button-action"] {
      color: #e8f5e9;
      background-color: #388e3c; }
  .theme-default .seance-accueil-empty [data-focus="button-action"]:hover {
      background-color: #568ac2; }
  .theme-frUsers .seance-accueil-empty [data-focus="button-action"]:hover {
      background-color: #f06292; }
  .theme-fpUsers .seance-accueil-empty [data-focus="button-action"]:hover {
      background-color: #81c784; }
  .index-calendrier {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .index-calendrier .index-calendrier-boutons {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 38px; }
  .index-calendrier .index-calendrier-boutons .index-calendrier-annee {
      font-weight: bold;
      text-align: center;
      font-size: 30px; }
  .index-calendrier .index-calendrier-et-legende {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 900px;
        flex-basis: 900px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%; }
  .index-calendrier .index-calendrier-et-legende .index-calendrier-ligne {
      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;
      width: 100%; }
  .index-calendrier .index-calendrier-et-legende .index-calendrier-ligne .index-calendrier-mois {
        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-wrap: wrap;
            flex-wrap: wrap;
        margin: 0 auto; }
  .index-calendrier .index-calendrier-et-legende .index-calendrier-ligne .index-calendrier-mois .index-calendrier-mois-nonCliquable,
        .index-calendrier .index-calendrier-et-legende .index-calendrier-ligne .index-calendrier-mois .index-calendrier-mois-cliquable {
          padding-left: 0.5%;
          padding-right: 0.5%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          cursor: default; }
  .index-calendrier .index-calendrier-et-legende .index-calendrier-ligne .index-calendrier-mois .index-calendrier-mois-nonCliquable .react-date-picker__month-view-row,
          .index-calendrier .index-calendrier-et-legende .index-calendrier-ligne .index-calendrier-mois .index-calendrier-mois-cliquable .react-date-picker__month-view-row {
            text-transform: none;
            text-transform: initial; }
  .index-calendrier .index-calendrier-et-legende .index-calendrier-ligne .index-calendrier-mois .index-calendrier-mois-cliquable {
          padding-left: 0.5%;
          padding-right: 0.5%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          cursor: pointer; }
  .index-calendrier .index-calendrier-et-legende .index-calendrier-ligne .index-calendrier-mois .index-calendrier-mois-titre {
          text-align: center;
          padding: 5px;
          margin-bottom: 10px; }
  .theme-default .index-calendrier .index-calendrier-et-legende .index-calendrier-ligne .index-calendrier-mois .index-calendrier-mois-titre {
            color: #0253a4; }
  .theme-frUsers .index-calendrier .index-calendrier-et-legende .index-calendrier-ligne .index-calendrier-mois .index-calendrier-mois-titre {
            color: #e31d62; }
  .theme-fpUsers .index-calendrier .index-calendrier-et-legende .index-calendrier-ligne .index-calendrier-mois .index-calendrier-mois-titre {
            color: #388e3c; }
  .index-calendrier .index-calendrier-et-legende .index-calendrier-ligne .index-calendrier-mois .react-date-picker__month-view--theme-default {
          border: 0; }
  .index-calendrier .index-calendrier-et-legende .index-calendrier-legende {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      padding-left: 2%;
      margin: 0 auto; }
  .index-calendrier .index-calendrier-et-legende .index-calendrier-legende .calendrier-legende {
        margin: 3px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
            -ms-flex-align: baseline;
                align-items: baseline;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        width: 33%;
        margin-top: 18px;
        padding-right: 5px;
        text-align: left; }
  .index-calendrier .index-calendrier-et-legende .index-calendrier-legende .calendrier-legende .legende-calendrier-label {
          margin-left: 5px; }
  [data-focus="notConfirmed"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 85%;
  border-radius: 50%;
  font-weight: bold;
  background-color: #cc0000;
  color: white; }
  [data-focus="confirmedAndNotConfirmed"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 85%;
  border-radius: 50%;
  font-weight: bold;
  background-color: #ff9900;
  color: white; }
  [data-focus="confirmed"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 85%;
  border-radius: 50%;
  font-weight: bold;
  background-color: #228b22;
  color: white; }
  [data-focus="seanceFR"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 85%;
  border-radius: 50%;
  font-weight: bold;
  background-color: #f06292;
  color: white; }
  [data-focus="seanceFRFP"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 85%;
  border-radius: 50%;
  font-weight: bold;
  background: -webkit-linear-gradient(320deg, #f06292 47%, white 48%, white 52%, #4caf50 53%, #4caf50 100%);
  background: -o-linear-gradient(320deg, #f06292 47%, white 48%, white 52%, #4caf50 53%, #4caf50 100%);
  background: linear-gradient(130deg, #f06292 47%, white 48%, white 52%, #4caf50 53%, #4caf50 100%);
  color: white; }
  [data-focus="seanceFP"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 85%;
  border-radius: 50%;
  font-weight: bold;
  background-color: #4caf50;
  color: white; }
  [data-focus="month-element"] {
  cursor: default; }
  .calendrier-visible {
  position: relative;
  left: 10px;
  z-index: 50001;
  width: 282px; }
  .calendrier-not-visible {
  display: none !important; }
  .legende-vert-calendrier {
  max-width: 10px;
  min-width: 10px;
  max-height: 10px;
  min-height: 10px;
  background-color: #228b22; }
  .legende-orange-calendrier {
  max-width: 10px;
  min-width: 10px;
  max-height: 10px;
  min-height: 10px;
  background-color: #ff9900; }
  .legende-rouge-calendrier {
  max-width: 10px;
  min-width: 10px;
  max-height: 10px;
  min-height: 10px;
  background-color: #cc0000; }
  .legende-fr-calendrier {
  max-width: 10px;
  min-width: 10px;
  max-height: 10px;
  min-height: 10px;
  background-color: #f06292; }
  .legende-fp-calendrier {
  max-width: 10px;
  min-width: 10px;
  max-height: 10px;
  min-height: 10px;
  background-color: #4caf50; }
  .legende-fefp-calendrier {
  max-width: 10px;
  min-width: 10px;
  max-height: 10px;
  min-height: 10px;
  background-color: #f06292; }
  .index-calendrier-legende-mini {
  max-width: 267px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 13px;
  border: solid 1px; }
  .theme-default .index-calendrier-legende-mini {
    background-color: #e8eaf6; }
  .theme-frUsers .index-calendrier-legende-mini {
    background-color: #fce2eb; }
  .theme-fpUsers .index-calendrier-legende-mini {
    background-color: #e8f5e9; }
  .index-calendrier-legende-mini .calendrier-legende-mini {
    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-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }
  .index-calendrier-legende-mini .calendrier-legende-mini .legende-calendrier-label {
      margin-left: 5px; }
  .detail-hidden {
  display: none; }
  .hiding-detail {
  position: relative; }
  .hiding-detail:hover .detail-hidden {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 215px;
  -webkit-transform: translateY(-100%) translateY(30px) translateX(-100%);
      -ms-transform: translateY(-100%) translateY(30px) translateX(-100%);
          transform: translateY(-100%) translateY(30px) translateX(-100%); }
  .hiding-detail:hover .detail-hidden > div {
    display: block;
    position: relative;
    color: black;
    background-color: whitesmoke;
    -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, .33), 0 1px 10px 0 rgba(0, 0, 0, .25), 0 2px 4px -1px rgba(0, 0, 0, .1);
            box-shadow: 0 0 5px 5px rgba(0, 0, 0, .33), 0 1px 10px 0 rgba(0, 0, 0, .25), 0 2px 4px -1px rgba(0, 0, 0, .1);
    padding: 5px; }
  .hiding-detail:hover .detail-hidden .alert-text {
    font-size: 10px;
    line-height: 15px; }
  .alert-day {
  position: absolute;
  right: -5px;
  bottom: 2px;
  vertical-align: bottom;
  /* justify-content: right; */
  height: 15px; }
  .alert-day i {
    width: 15px;
    height: 15px;
    color: red;
    font-size: 15px !important;
    /* margin-top: auto; */
    bottom: 0; }
  .index-calendrier
.index-calendrier-et-legende
.index-calendrier-ligne
.index-calendrier-mois
.react-date-picker__month-view--theme-default {
  overflow: visible; }
[data-focus="cellule-with-multiple-line"] {
  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-pack: distribute;
      justify-content: space-around; }

[data-focus="underline-link"] {
  text-decoration: underline; }

.inactif {
  opacity: 0.4;
  cursor: not-allowed;
  border-radius: 25px; }

.aucun-medecin {
  text-align: center; }

.aucune-demandes {
  text-align: center; }

[data-focus="medecin-participant-delete"] {
  height: 70px; }

[data-focus="medecin-participant-delete-label"] {
  padding: 10px;
  font-weight: bold;
  font-size: 17px; }

[data-focus="popin-delete-medecin"] [data-focus="select-radio"] {
  padding-top: 10px; }

[data-focus="popin-delete-medecin"] .visible {
  visibility: visible;
  margin-top: -2px; }

[data-focus="popin-move-medecin"] .visible {
  visibility: visible;
  margin-top: -2px; }

[data-focus="popin-move-title"] {
  font-weight: bold;
  padding: 10px;
  font-size: 17px; }

[data-focus="button-nogenererPV"] {
  background-color: rgba(205, 8, 8, .7);
  border-radius: 20px; }

[data-focus="button-nogenererPV"]:hover {
    cursor: default;
    color: rgba(205, 8, 8, .7) !important;
    background-color: white; }

[data-focus="button-nogenererPV"] .material-icons {
    width: 32px;
    height: 31px;
    margin-left: -4px;
    margin-top: -3px;
    color: white !important; }

[data-focus="button-nogenererPV"] .material-icons:hover {
      color: rgba(205, 8, 8, .7) !important; }

[data-focus="demandes-boutons-div"] {
  float: right; }

.theme-default [data-focus="demandes-boutons-div"] {
    color: #0253a4; }

.theme-frUsers [data-focus="demandes-boutons-div"] {
    color: #e31d62; }

.theme-fpUsers [data-focus="demandes-boutons-div"] {
    color: #388e3c; }

.theme-default [data-focus="demandes-boutons"]:hover {
  background-color: #becfe7; }

.theme-frUsers [data-focus="demandes-boutons"]:hover {
  background-color: #fbd4e1; }

.theme-fpUsers [data-focus="demandes-boutons"]:hover {
  background-color: #d1ebd2; }

[data-focus="medecins-boutons-div"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

[data-focus="medecins-boutons"] {
  float: right; }

.theme-default [data-focus="medecins-boutons"] {
    color: #0253a4; }

.theme-frUsers [data-focus="medecins-boutons"] {
    color: #e31d62; }

.theme-fpUsers [data-focus="medecins-boutons"] {
    color: #388e3c; }

.theme-default [data-focus="medecins-boutons"]:hover {
    background-color: #becfe7; }

.theme-frUsers [data-focus="medecins-boutons"]:hover {
    background-color: #fbd4e1; }

.theme-fpUsers [data-focus="medecins-boutons"]:hover {
    background-color: #d1ebd2; }

[data-focus="seance-detail"] .actif[data-focus="button-action"] {
  border-radius: 25px;
  color: #ffffff;
  font-size: 1em;
  font-family: "RobotoRegular", sans-serif;
  text-transform: uppercase;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none; }

.theme-default [data-focus="seance-detail"] .actif[data-focus="button-action"] {
    background: #0253a4; }

.theme-frUsers [data-focus="seance-detail"] .actif[data-focus="button-action"] {
    background: #e31d62; }

.theme-fpUsers [data-focus="seance-detail"] .actif[data-focus="button-action"] {
    background: #388e3c; }

.theme-default [data-focus="seance-detail"] .actif[data-focus="button-action"] {
    border: 1px solid #0253a4; }

.theme-frUsers [data-focus="seance-detail"] .actif[data-focus="button-action"] {
    border: 1px solid #e31d62; }

.theme-fpUsers [data-focus="seance-detail"] .actif[data-focus="button-action"] {
    border: 1px solid #388e3c; }

[data-focus="seance-detail"] .actif[data-focus="button-action"]:focus, [data-focus="seance-detail"] .actif[data-focus="button-action"]:hover, [data-focus="seance-detail"] .actif[data-focus="button-action"]:active {
    background-color: #ffffff !important; }

.theme-default [data-focus="seance-detail"] .actif[data-focus="button-action"]:focus, .theme-default [data-focus="seance-detail"] .actif[data-focus="button-action"]:hover, .theme-default [data-focus="seance-detail"] .actif[data-focus="button-action"]:active {
      color: #0253a4; }

.theme-frUsers [data-focus="seance-detail"] .actif[data-focus="button-action"]:focus, .theme-frUsers [data-focus="seance-detail"] .actif[data-focus="button-action"]:hover, .theme-frUsers [data-focus="seance-detail"] .actif[data-focus="button-action"]:active {
      color: #e31d62; }

.theme-fpUsers [data-focus="seance-detail"] .actif[data-focus="button-action"]:focus, .theme-fpUsers [data-focus="seance-detail"] .actif[data-focus="button-action"]:hover, .theme-fpUsers [data-focus="seance-detail"] .actif[data-focus="button-action"]:active {
      color: #388e3c; }

[data-focus="seance-detail"] [data-focus="avisBouton"] {
  border-radius: 25px;
  color: #ffffff;
  font-size: 1em;
  font-family: "RobotoRegular", sans-serif;
  text-transform: uppercase;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  font-size: 0.875em; }

.theme-default [data-focus="seance-detail"] [data-focus="avisBouton"] {
    background: #0253a4; }

.theme-frUsers [data-focus="seance-detail"] [data-focus="avisBouton"] {
    background: #e31d62; }

.theme-fpUsers [data-focus="seance-detail"] [data-focus="avisBouton"] {
    background: #388e3c; }

.theme-default [data-focus="seance-detail"] [data-focus="avisBouton"] {
    border: 1px solid #0253a4; }

.theme-frUsers [data-focus="seance-detail"] [data-focus="avisBouton"] {
    border: 1px solid #e31d62; }

.theme-fpUsers [data-focus="seance-detail"] [data-focus="avisBouton"] {
    border: 1px solid #388e3c; }

[data-focus="seance-detail"] [data-focus="avisBouton"] i {
    color: #ffffff !important; }

[data-focus="seance-detail"] [data-focus="avisBouton"]:hover, [data-focus="seance-detail"] [data-focus="avisBouton"]:focus, [data-focus="seance-detail"] [data-focus="avisBouton"]:active {
    background-color: #f5f5f5; }

.theme-default [data-focus="seance-detail"] [data-focus="avisBouton"]:hover, .theme-default [data-focus="seance-detail"] [data-focus="avisBouton"]:focus, .theme-default [data-focus="seance-detail"] [data-focus="avisBouton"]:active {
      color: #0253a4;
      border: 1px solid #0253a4; }

.theme-frUsers [data-focus="seance-detail"] [data-focus="avisBouton"]:hover, .theme-frUsers [data-focus="seance-detail"] [data-focus="avisBouton"]:focus, .theme-frUsers [data-focus="seance-detail"] [data-focus="avisBouton"]:active {
      color: #e31d62;
      border: 1px solid #e31d62; }

.theme-fpUsers [data-focus="seance-detail"] [data-focus="avisBouton"]:hover, .theme-fpUsers [data-focus="seance-detail"] [data-focus="avisBouton"]:focus, .theme-fpUsers [data-focus="seance-detail"] [data-focus="avisBouton"]:active {
      color: #388e3c;
      border: 1px solid #388e3c; }

.theme-default [data-focus="seance-detail"] [data-focus="avisBouton"]:hover i, .theme-default [data-focus="seance-detail"] [data-focus="avisBouton"]:focus i, .theme-default [data-focus="seance-detail"] [data-focus="avisBouton"]:active i {
      color: #0253a4 !important; }

.theme-frUsers [data-focus="seance-detail"] [data-focus="avisBouton"]:hover i, .theme-frUsers [data-focus="seance-detail"] [data-focus="avisBouton"]:focus i, .theme-frUsers [data-focus="seance-detail"] [data-focus="avisBouton"]:active i {
      color: #e31d62 !important; }

.theme-fpUsers [data-focus="seance-detail"] [data-focus="avisBouton"]:hover i, .theme-fpUsers [data-focus="seance-detail"] [data-focus="avisBouton"]:focus i, .theme-fpUsers [data-focus="seance-detail"] [data-focus="avisBouton"]:active i {
      color: #388e3c !important; }

[data-focus="reset-button-fieldfor"] {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  left: calc(33% + 320px); }

div + [data-focus="clear-grade-corps"] {
  position: relative; }

[data-focus="remuneration-popin"] {
  min-width: 500px; }

[data-focus="remuneration-popin"] [data-focus="select-radio"] {
    position: inherit;
    margin-top: 10px; }

[data-focus="remuneration-popin"] [data-focus="select-radio"] .mdl-radio__outer-circle {
      top: 4px; }

[data-focus="remuneration-popin"] [data-focus="select-radio"] .mdl-radio__inner-circle {
      top: 8px; }

[data-popin="larger-panel"] {
  min-width: 400px; }

[data-popin="xlarger-panel"] {
  min-width: 450px; }

[data-focus="buttons-impr-exp"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around; }

.addPaddingTop {
  padding-top: 30px; }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  div[data-focus="seance-detail"] div[data-spy="panel_demandes"] table {
    table-layout: fixed; } }

[data-focus="label-title-intermediaire"] {
  margin-left: 10%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block; }

.addSousSeance .react-date-field input {
  color: black; }

.notify-popin-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.notify-popin-buttons button:last-child {
    margin-left: 1rem; }

.notify-popin-select-radio {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.notify-popin-select-radio [data-focus="select-radio"] {
    position: relative; }

.confirm-ordre-jour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.confirm-ordre-jour .confirm-ordre-jour-model {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 1rem; }

.confirm-ordre-jour .confirm-ordre-jour-model [data-focus="select-radio"] {
      margin-top: 1rem;
      margin-left: 1rem;
      position: relative; }

.confirm-ordre-jour .confirm-ordre-jour-model [data-focus="select-radio"] .mdl-radio__outer-circle {
        top: 4px; }

.confirm-ordre-jour .confirm-ordre-jour-model [data-focus="select-radio"] .mdl-radio__inner-circle {
        top: 8px; }

.confirm-ordre-jour .confirm-ordre-jour-model.odj-fp {
      margin-bottom: 2rem; }

.confirm-ordre-jour .confirm-ordre-jour-model.odj-fp [data-focus="select-radio"] {
        margin-top: 1rem;
        margin-left: 33.33%;
        position: relative; }

.confirm-ordre-jour .confirm-ordre-jour-generation-mode {
    margin-top: 2rem; }

.order-bordereau-agents-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow-y: auto;
  max-width: 70vw; }

.order-bordereau-agents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 20px; }

.checkbox-with-label {
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 10px; }

.checkbox-with-label .label-of-checkbox {
    margin-left: 5px;
    color: #3c3c32; }

.bordereau-select-agent-buttons {
  margin-bottom: 10px;
  margin-left: 10px; }

.bordereau-select-agent-buttons span {
    font-size: 14px;
    color: #3c3c32; }

.bordereau-select-agent-buttons button {
    margin-right: 40px;
    margin-left: 10px;
    margin-top: 0 !important;
    height: 18px;
    width: 18px;
    min-width: 18px; }

.bordereau-select-agent-buttons button i {
      font-size: 10px; }
[data-focus="avis-back-seance-label"] {
  padding: 0;
  margin-bottom: 0; }

[data-focus="avis-back-seance-redirection"]:hover {
  cursor: pointer; }

[data-focus="avis-back-seance-redirection"] [data-focus="avis-cartridge-icon-back"] {
  font-size: 16px;
  margin-right: 0; }

[data-focus="situation-avis-section"] {
  position: relative; }

.situation-avis-panel-button-standalone {
  position: absolute;
  padding: 10px;
  right: 0;
  top: 0; }

[data-focus="avis-detail"] {
  background-color: #f5f5f5; }

[data-focus="avis-detail"] [data-focus="section"] {
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
            box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
    background: #ffffff;
    margin-bottom: 28px;
    padding-bottom: 10px;
    position: relative; }

[data-focus="avis-detail"] [data-focus="section"] [data-focus="placeholder-light-button"] {
      border: 1px solid #ffffff;
      border-radius: 25px;
      color: #ffffff;
      font-size: 0.813em;
      font-family: "RobotoRegular", sans-serif;
      text-transform: uppercase;
      -webkit-box-shadow: none;
              box-shadow: none; }

.theme-default [data-focus="avis-detail"] [data-focus="section"] [data-focus="placeholder-light-button"] {
        border: 1px solid #013568; }

.theme-frUsers [data-focus="avis-detail"] [data-focus="section"] [data-focus="placeholder-light-button"] {
        border: 1px solid #880e4f; }

.theme-fpUsers [data-focus="avis-detail"] [data-focus="section"] [data-focus="placeholder-light-button"] {
        border: 1px solid #1b5e20; }

[data-focus="avis-detail"] [data-focus="section"] [data-focus="placeholder-light-button"]:hover, [data-focus="avis-detail"] [data-focus="section"] [data-focus="placeholder-light-button"]:focus, [data-focus="avis-detail"] [data-focus="section"] [data-focus="placeholder-light-button"]:active {
        background: #ffffff; }

.theme-default [data-focus="avis-detail"] [data-focus="section"] [data-focus="placeholder-light-button"]:hover, .theme-default [data-focus="avis-detail"] [data-focus="section"] [data-focus="placeholder-light-button"]:focus, .theme-default [data-focus="avis-detail"] [data-focus="section"] [data-focus="placeholder-light-button"]:active {
          color: #013568;
          border: 1px solid #013568; }

.theme-frUsers [data-focus="avis-detail"] [data-focus="section"] [data-focus="placeholder-light-button"]:hover, .theme-frUsers [data-focus="avis-detail"] [data-focus="section"] [data-focus="placeholder-light-button"]:focus, .theme-frUsers [data-focus="avis-detail"] [data-focus="section"] [data-focus="placeholder-light-button"]:active {
          color: #880e4f;
          border: 1px solid #880e4f; }

.theme-fpUsers [data-focus="avis-detail"] [data-focus="section"] [data-focus="placeholder-light-button"]:hover, .theme-fpUsers [data-focus="avis-detail"] [data-focus="section"] [data-focus="placeholder-light-button"]:focus, .theme-fpUsers [data-focus="avis-detail"] [data-focus="section"] [data-focus="placeholder-light-button"]:active {
          color: #1b5e20;
          border: 1px solid #1b5e20; }

[data-focus="avis-detail"] [data-focus="field"] [data-focus="field-label-container"] [data-focus="label"] {
    font-weight: normal;
    font-size: 0.938em;
    color: #282828;
    background-color: #ffffff;
    font-family: "ralewayregular", sans-serif; }

[data-focus="avis-detail"] [data-focus="field"] label {
    font-weight: normal;
    font-size: 0.938em;
    color: #282828;
    background-color: transparent;
    font-family: "ralewayregular", sans-serif; }

[data-focus="avis-detail"] [data-focus="validation-phrase"] {
    margin-top: 5px; }

[data-focus="avis-detail"] [data-focus="demandes-list"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #f5f5f5;
    position: fixed;
    -webkit-transition: margin-left 0.3s ease;
    -o-transition: margin-left 0.3s ease;
    transition: margin-left 0.3s ease;
    width: 250px;
    top: 0;
    bottom: 60px;
    padding-top: 130px; }

[data-focus="avis-detail"] [data-focus="demandes-list"] [data-focus="selection-list"] {
      margin-top: 17px; }

[data-focus="avis-detail"] [data-focus="demandes-list"] [data-focus="selection-list"] [data-focus="sl-line"] {
        cursor: default;
        font-size: 1em;
        background: #f5f5f5;
        font-weight: bold;
        font-family: "RobotoBold", sans-serif;
        width: 190px;
        margin-left: 15px; }

.theme-default [data-focus="avis-detail"] [data-focus="demandes-list"] [data-focus="selection-list"] [data-focus="sl-line"] {
          color: #013568; }

.theme-frUsers [data-focus="avis-detail"] [data-focus="demandes-list"] [data-focus="selection-list"] [data-focus="sl-line"] {
          color: #880e4f; }

.theme-fpUsers [data-focus="avis-detail"] [data-focus="demandes-list"] [data-focus="selection-list"] [data-focus="sl-line"] {
          color: #1b5e20; }

[data-focus="avis-detail"] [data-focus="demandes-list"] [data-focus="selection-list"] [data-focus="sl-line"]:hover, [data-focus="avis-detail"] [data-focus="demandes-list"] [data-focus="selection-list"] [data-focus="sl-line"]:focus {
          color: #ffffff; }

.theme-default [data-focus="avis-detail"] [data-focus="demandes-list"] [data-focus="selection-list"] [data-focus="sl-line"]:hover, .theme-default [data-focus="avis-detail"] [data-focus="demandes-list"] [data-focus="selection-list"] [data-focus="sl-line"]:focus {
            background: #0253a4; }

.theme-frUsers [data-focus="avis-detail"] [data-focus="demandes-list"] [data-focus="selection-list"] [data-focus="sl-line"]:hover, .theme-frUsers [data-focus="avis-detail"] [data-focus="demandes-list"] [data-focus="selection-list"] [data-focus="sl-line"]:focus {
            background: #e31d62; }

.theme-fpUsers [data-focus="avis-detail"] [data-focus="demandes-list"] [data-focus="selection-list"] [data-focus="sl-line"]:hover, .theme-fpUsers [data-focus="avis-detail"] [data-focus="demandes-list"] [data-focus="selection-list"] [data-focus="sl-line"]:focus {
            background: #388e3c; }

[data-focus="avis-detail"] [data-focus="demandes-list"] .sl-content {
      cursor: pointer; }

[data-focus="avis-detail"] [data-focus="demandes-list"] ul {
      overflow-y: auto;
      overflow-x: hidden;
      height: calc(100% - 25px);
      padding-top: 25px; }

[data-focus="avis-detail"] [data-focus="demandes-list"] ul li {
        width: 250px;
        color: #323232;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s; }

.theme-default [data-focus="avis-detail"] [data-focus="demandes-list"] ul li {
          background-color: #becfe7; }

.theme-frUsers [data-focus="avis-detail"] [data-focus="demandes-list"] ul li {
          background-color: #fbd4e1; }

.theme-fpUsers [data-focus="avis-detail"] [data-focus="demandes-list"] ul li {
          background-color: #d1ebd2; }

.theme-default [data-focus="avis-detail"] [data-focus="demandes-list"] ul li:hover {
          background-color: #94b3d8; }

.theme-frUsers [data-focus="avis-detail"] [data-focus="demandes-list"] ul li:hover {
          background-color: #f8b8cd; }

.theme-fpUsers [data-focus="avis-detail"] [data-focus="demandes-list"] ul li:hover {
          background-color: #afdbb1; }

[data-focus="avis-detail"] [data-focus="main-page"] {
    padding-left: 250px; }

[data-focus="avis-detail"] [data-focus="main-page"] [data-focus="main-page-avis-entete"] {
      padding-left: 10px;
      font-family: "RobotoBold", sans-serif;
      font-size: 1.25em;
      font-weight: bold;
      text-transform: uppercase;
      padding: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-left: 20px;
      margin-bottom: 20px; }

.theme-default [data-focus="avis-detail"] [data-focus="main-page"] [data-focus="main-page-avis-entete"] {
        border-left: 6px solid #0253a4; }

.theme-frUsers [data-focus="avis-detail"] [data-focus="main-page"] [data-focus="main-page-avis-entete"] {
        border-left: 6px solid #e31d62; }

.theme-fpUsers [data-focus="avis-detail"] [data-focus="main-page"] [data-focus="main-page-avis-entete"] {
        border-left: 6px solid #388e3c; }

.theme-default [data-focus="avis-detail"] [data-focus="main-page"] [data-focus="main-page-avis-entete"] {
        color: #013568; }

.theme-frUsers [data-focus="avis-detail"] [data-focus="main-page"] [data-focus="main-page-avis-entete"] {
        color: #880e4f; }

.theme-fpUsers [data-focus="avis-detail"] [data-focus="main-page"] [data-focus="main-page-avis-entete"] {
        color: #1b5e20; }

[data-focus="avis-detail"] [data-focus="main-page"] [data-focus="main-page-avis-entete"] [data-focus="date-seance"] {
        font-size: 20px;
        font-weight: bold; }

[data-focus="avis-detail"] [data-focus="main-page-button-edit"] {
    height: 42px;
    border: 0;
    position: absolute;
    right: 1%;
    margin-top: 8px; }

.theme-default [data-focus="avis-detail"] [data-focus="main-page-button-edit"] .buttons-edit-main-page-avis {
      color: #e8eaf6;
      background-color: #0253a4; }

.theme-frUsers [data-focus="avis-detail"] [data-focus="main-page-button-edit"] .buttons-edit-main-page-avis {
      color: #fce2eb;
      background-color: #e31d62; }

.theme-fpUsers [data-focus="avis-detail"] [data-focus="main-page-button-edit"] .buttons-edit-main-page-avis {
      color: #e8f5e9;
      background-color: #388e3c; }

.theme-default [data-focus="avis-detail"] [data-focus="main-page-button-edit"] .buttons-edit-main-page-avis:hover {
      color: #0253a4;
      background-color: #becfe7; }

.theme-frUsers [data-focus="avis-detail"] [data-focus="main-page-button-edit"] .buttons-edit-main-page-avis:hover {
      color: #e31d62;
      background-color: #fbd4e1; }

.theme-fpUsers [data-focus="avis-detail"] [data-focus="main-page-button-edit"] .buttons-edit-main-page-avis:hover {
      color: #388e3c;
      background-color: #d1ebd2; }

[data-focus="avis-detail"] [data-focus="main-page-button-edit"] .button-cancel-main-page-avis {
      margin-left: 8px; }

.theme-default [data-focus="avis-detail"] [data-focus="main-page-button-edit"] .button-cancel-main-page-avis {
        background-color: #e8eaf6;
        color: #0253a4; }

.theme-frUsers [data-focus="avis-detail"] [data-focus="main-page-button-edit"] .button-cancel-main-page-avis {
        background-color: #fce2eb;
        color: #e31d62; }

.theme-fpUsers [data-focus="avis-detail"] [data-focus="main-page-button-edit"] .button-cancel-main-page-avis {
        background-color: #e8f5e9;
        color: #388e3c; }

.theme-default [data-focus="avis-detail"] [data-focus="main-page-button-edit"] .button-cancel-main-page-avis:hover {
        color: #0253a4;
        background-color: #becfe7; }

.theme-frUsers [data-focus="avis-detail"] [data-focus="main-page-button-edit"] .button-cancel-main-page-avis:hover {
        color: #e31d62;
        background-color: #fbd4e1; }

.theme-fpUsers [data-focus="avis-detail"] [data-focus="main-page-button-edit"] .button-cancel-main-page-avis:hover {
        color: #388e3c;
        background-color: #d1ebd2; }

[data-focus="avis-detail"] [data-focus="section"] [data-focus="table-container"] {
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px; }

[data-focus="avis-detail"] [data-focus="section"] [data-focus="panel-button-standalone"] [data-focus="button-add-avis"] {
    color: #323232; }

.theme-default [data-focus="avis-detail"] [data-focus="section"] [data-focus="panel-button-standalone"] [data-focus="button-add-avis"]:hover {
      color: #e8eaf6;
      background-color: #0253a4; }

.theme-frUsers [data-focus="avis-detail"] [data-focus="section"] [data-focus="panel-button-standalone"] [data-focus="button-add-avis"]:hover {
      color: #fce2eb;
      background-color: #e31d62; }

.theme-fpUsers [data-focus="avis-detail"] [data-focus="section"] [data-focus="panel-button-standalone"] [data-focus="button-add-avis"]:hover {
      color: #e8f5e9;
      background-color: #388e3c; }

[data-focus="no-data-placeholder"] {
  display: block;
  text-align: center; }

[data-focus="no-data-placeholder"] i {
    font-size: 48px; }

[data-focus="no-data-placeholder"] [data-focus="placeholder-primary-button"] {
    border: 1px solid #ffffff;
    border-radius: 25px;
    color: #ffffff;
    font-size: 0.813em;
    font-family: "RobotoRegular", sans-serif;
    text-transform: uppercase; }

.theme-default [data-focus="no-data-placeholder"] [data-focus="placeholder-primary-button"] {
      background-color: #0253a4; }

.theme-frUsers [data-focus="no-data-placeholder"] [data-focus="placeholder-primary-button"] {
      background-color: #e31d62; }

.theme-fpUsers [data-focus="no-data-placeholder"] [data-focus="placeholder-primary-button"] {
      background-color: #388e3c; }

[data-focus="no-data-placeholder"] [data-focus="placeholder-primary-button"]:focus, [data-focus="no-data-placeholder"] [data-focus="placeholder-primary-button"]:hover, [data-focus="no-data-placeholder"] [data-focus="placeholder-primary-button"]:active {
      background-color: #ffffff; }

.theme-default [data-focus="no-data-placeholder"] [data-focus="placeholder-primary-button"]:focus, .theme-default [data-focus="no-data-placeholder"] [data-focus="placeholder-primary-button"]:hover, .theme-default [data-focus="no-data-placeholder"] [data-focus="placeholder-primary-button"]:active {
        color: #0253a4;
        border: 1px solid #0253a4; }

.theme-frUsers [data-focus="no-data-placeholder"] [data-focus="placeholder-primary-button"]:focus, .theme-frUsers [data-focus="no-data-placeholder"] [data-focus="placeholder-primary-button"]:hover, .theme-frUsers [data-focus="no-data-placeholder"] [data-focus="placeholder-primary-button"]:active {
        color: #e31d62;
        border: 1px solid #e31d62; }

.theme-fpUsers [data-focus="no-data-placeholder"] [data-focus="placeholder-primary-button"]:focus, .theme-fpUsers [data-focus="no-data-placeholder"] [data-focus="placeholder-primary-button"]:hover, .theme-fpUsers [data-focus="no-data-placeholder"] [data-focus="placeholder-primary-button"]:active {
        color: #388e3c;
        border: 1px solid #388e3c; }

[data-focus="no-data-placeholder"] [data-focus="placeholder-big-label"] {
    font-size: larger;
    margin-bottom: 15px; }

[data-focus="avis-detail"]
[data-focus="field"]
[data-focus="field-value-container"] {
  height: auto; }

#votes-fields [data-focus="input-text"] {
  width: 50px !important; }

.criteres-medicaux-description {
  margin-left: calc(35% - 16px);
  margin-bottom: 1rem; }

.criteres-medicaux-description p {
    margin-bottom: 0; }
[data-focus="popin-affectation"] [data-focus="main-title"] {
  font-family: "RobotoBold", sans-serif;
  font-size: 1.25em;
  font-weight: bold;
  text-transform: uppercase;
  padding-top: 18px;
  padding-left: 15px; }
  .theme-default [data-focus="popin-affectation"] [data-focus="main-title"] {
    color: #013568; }
  .theme-frUsers [data-focus="popin-affectation"] [data-focus="main-title"] {
    color: #880e4f; }
  .theme-fpUsers [data-focus="popin-affectation"] [data-focus="main-title"] {
    color: #1b5e20; }
  .theme-default [data-focus="popin-affectation"] [data-focus="main-title"] {
    border-left: 3px solid #0253a4 !important; }
  .theme-frUsers [data-focus="popin-affectation"] [data-focus="main-title"] {
    border-left: 3px solid #e31d62 !important; }
  .theme-fpUsers [data-focus="popin-affectation"] [data-focus="main-title"] {
    border-left: 3px solid #388e3c !important; }
  [data-focus="popin-affectation"] [data-focus="popin-header"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  [data-focus="popin-affectation"] [data-focus="popin-header"] button {
    border-radius: 25px;
    color: #ffffff;
    font-size: 1em;
    font-family: "RobotoRegular", sans-serif;
    text-transform: uppercase;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    margin-right: 10px;
    font-size: 0.875em; }
  .theme-default [data-focus="popin-affectation"] [data-focus="popin-header"] button {
      background: #0253a4; }
  .theme-frUsers [data-focus="popin-affectation"] [data-focus="popin-header"] button {
      background: #e31d62; }
  .theme-fpUsers [data-focus="popin-affectation"] [data-focus="popin-header"] button {
      background: #388e3c; }
  [data-focus="popin-affectation"] [data-focus="popin-header"] button:focus, [data-focus="popin-affectation"] [data-focus="popin-header"] button:hover, [data-focus="popin-affectation"] [data-focus="popin-header"] button:active {
      background-color: #ffffff !important; }
  .theme-default [data-focus="popin-affectation"] [data-focus="popin-header"] button:focus, .theme-default [data-focus="popin-affectation"] [data-focus="popin-header"] button:hover, .theme-default [data-focus="popin-affectation"] [data-focus="popin-header"] button:active {
        color: #0253a4;
        border: 1px solid #0253a4; }
  .theme-frUsers [data-focus="popin-affectation"] [data-focus="popin-header"] button:focus, .theme-frUsers [data-focus="popin-affectation"] [data-focus="popin-header"] button:hover, .theme-frUsers [data-focus="popin-affectation"] [data-focus="popin-header"] button:active {
        color: #e31d62;
        border: 1px solid #e31d62; }
  .theme-fpUsers [data-focus="popin-affectation"] [data-focus="popin-header"] button:focus, .theme-fpUsers [data-focus="popin-affectation"] [data-focus="popin-header"] button:hover, .theme-fpUsers [data-focus="popin-affectation"] [data-focus="popin-header"] button:active {
        color: #388e3c;
        border: 1px solid #388e3c; }
  [data-focus="popin-affectation"] [data-focus="criteres"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  [data-focus="popin-affectation"] .filtre-id::before {
  display: block;
  content: "";
  width: 0;
  height: 24px;
  margin-right: 0;
  border-radius: 0 15px 15px 0;
  -webkit-transition: margin-right ease-in-out 0.25s,
 width ease-in-out 0.25s;
  -o-transition: margin-right ease-in-out 0.25s,
 width ease-in-out 0.25s;
  transition: margin-right ease-in-out 0.25s,
 width ease-in-out 0.25s; }
  .theme-default [data-focus="popin-affectation"] .filtre-id::before {
    background-color: #0253a4; }
  .theme-frUsers [data-focus="popin-affectation"] .filtre-id::before {
    background-color: #e31d62; }
  .theme-fpUsers [data-focus="popin-affectation"] .filtre-id::before {
    background-color: #388e3c; }
  [data-focus="popin-affectation"] .filtre-id > span {
  margin-right: 10px;
  -webkit-transition: color ease-in-out 0.25s;
  -o-transition: color ease-in-out 0.25s;
  transition: color ease-in-out 0.25s; }
  [data-focus="popin-affectation"] .filtre-id > div {
  width: auto !important; }
  [data-focus="popin-affectation"] [data-focus="double-liste"]
[data-focus="left-part"]
.disabled-demande-criteres .filtre-id::before {
  width: 25px;
  margin-right: 10px; }
  .theme-default [data-focus="popin-affectation"] [data-focus="double-liste"]
[data-focus="left-part"]
.disabled-demande-criteres .filtre-id > span {
  color: #0253a4; }
  .theme-frUsers [data-focus="popin-affectation"] [data-focus="double-liste"]
[data-focus="left-part"]
.disabled-demande-criteres .filtre-id > span {
  color: #e31d62; }
  .theme-fpUsers [data-focus="popin-affectation"] [data-focus="double-liste"]
[data-focus="left-part"]
.disabled-demande-criteres .filtre-id > span {
  color: #388e3c; }
  [data-focus="popin-affectation"] [data-focus="double-liste"]
[data-focus="left-part"]
.disabled-demande-criteres > div:not(:first-child),
[data-focus="popin-affectation"] [data-focus="double-liste"]
[data-focus="left-part"]
.disabled-demande-criteres label {
  color: #6d6d6d; }
  [data-focus="popin-affectation"] [data-focus="double-liste"]
[data-focus="left-part"]
.disabled-demande-criteres select:disabled {
  cursor: not-allowed; }
  [data-focus="popin-affectation"] [data-focus="double-liste"]
[data-focus="left-part"]
.disabled-demande-criteres [data-focus="autocomplete"] input:disabled {
  cursor: not-allowed;
  color: #6d6d6d; }
  [data-focus="popin-affectation"] [data-focus="double-liste"]
[data-focus="left-part"]
.disabled-demande-criteres [data-focus="input-checkbox-container"] span {
  cursor: not-allowed; }
  [data-focus="popin-affectation"] [data-focus="double-liste"]
[data-focus="left-part"]
.disabled-demande-criteres [data-focus="input-checkbox-container"] .mdl-checkbox__label {
  color: #6d6d6d; }
  [data-focus="popin-affectation"] [data-focus="double-liste"]
[data-focus="left-part"]
.disabled-demande-criteres [data-focus="input-checkbox-container"] .mdl-checkbox__box-outline {
  border-color: #6d6d6d; }
[data-focus="panel-planning"] {
  min-width: 500px; }

[data-focus="warningMailManquant"] {
  margin-bottom: 30px; }
[data-focus="arrete-constitutif"] [data-focus="title-block"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  [data-focus="arrete-constitutif"] [data-focus="title-block"] [data-focus="main-title"] {
    padding-bottom: 10px; }
  [data-focus="arrete-constitutif"] [data-focus="title-block"] [data-focus="sub-title"] {
    padding-top: 5px;
    padding-left: 15px; }
  [data-focus="arrete-constitutif"] [data-focus="slider-etapes"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  [data-focus="arrete-constitutif"] [data-focus="slider-etapes"] .etape-button {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 10px;
    font: #282828; }
  .theme-default [data-focus="arrete-constitutif"] [data-focus="slider-etapes"] .etape-button {
      border-top: 1px solid #024486;
      border-bottom: 1px solid #024486;
      border-right: 1px solid #024486; }
  .theme-frUsers [data-focus="arrete-constitutif"] [data-focus="slider-etapes"] .etape-button {
      border-top: 1px solid #c2185b;
      border-bottom: 1px solid #c2185b;
      border-right: 1px solid #c2185b; }
  .theme-fpUsers [data-focus="arrete-constitutif"] [data-focus="slider-etapes"] .etape-button {
      border-top: 1px solid #2e7d32;
      border-bottom: 1px solid #2e7d32;
      border-right: 1px solid #2e7d32; }
  [data-focus="arrete-constitutif"] [data-focus="slider-etapes"] .etape-button .etape-button-title {
      font-weight: bold;
      text-align: center; }
  [data-focus="arrete-constitutif"] [data-focus="slider-etapes"] .etape-button:hover, [data-focus="arrete-constitutif"] [data-focus="slider-etapes"] .etape-button:focus, [data-focus="arrete-constitutif"] [data-focus="slider-etapes"] .etape-button:active {
      color: #f5f5f5; }
  .theme-default [data-focus="arrete-constitutif"] [data-focus="slider-etapes"] .etape-button:hover, .theme-default [data-focus="arrete-constitutif"] [data-focus="slider-etapes"] .etape-button:focus, .theme-default [data-focus="arrete-constitutif"] [data-focus="slider-etapes"] .etape-button:active {
        background: #568ac2; }
  .theme-frUsers [data-focus="arrete-constitutif"] [data-focus="slider-etapes"] .etape-button:hover, .theme-frUsers [data-focus="arrete-constitutif"] [data-focus="slider-etapes"] .etape-button:focus, .theme-frUsers [data-focus="arrete-constitutif"] [data-focus="slider-etapes"] .etape-button:active {
        background: #f06292; }
  .theme-fpUsers [data-focus="arrete-constitutif"] [data-focus="slider-etapes"] .etape-button:hover, .theme-fpUsers [data-focus="arrete-constitutif"] [data-focus="slider-etapes"] .etape-button:focus, .theme-fpUsers [data-focus="arrete-constitutif"] [data-focus="slider-etapes"] .etape-button:active {
        background: #81c784; }
  [data-focus="arrete-constitutif"] [data-focus="slider-etapes"] .etape-button[data-focus="select-button"] {
    color: #f5f5f5; }
  .theme-default [data-focus="arrete-constitutif"] [data-focus="slider-etapes"] .etape-button[data-focus="select-button"] {
      background: #013568; }
  .theme-frUsers [data-focus="arrete-constitutif"] [data-focus="slider-etapes"] .etape-button[data-focus="select-button"] {
      background: #880e4f; }
  .theme-fpUsers [data-focus="arrete-constitutif"] [data-focus="slider-etapes"] .etape-button[data-focus="select-button"] {
      background: #1b5e20; }
  [data-focus="arrete-constitutif"] [data-focus="slider-etapes"] .etape-button:not([data-focus="select-button"]) {
    cursor: pointer; }
  .theme-default [data-focus="arrete-constitutif"] [data-focus="slider-etapes"] .etape-button:first-child {
    border-left: 1px solid #024486; }
  .theme-frUsers [data-focus="arrete-constitutif"] [data-focus="slider-etapes"] .etape-button:first-child {
    border-left: 1px solid #c2185b; }
  .theme-fpUsers [data-focus="arrete-constitutif"] [data-focus="slider-etapes"] .etape-button:first-child {
    border-left: 1px solid #2e7d32; }
  [data-focus="arrete-constitutif"] [data-focus="slider-etapes"]:before {
    content: ""; }
  [data-focus="arrete-constitutif"] [data-focus="slider-etapes"]:after {
    content: ""; }
  [data-focus="arrete-constitutif"] button:disabled {
  pointer-events: none; }
  [data-focus="arrete-constitutif-emptyAndNotFR"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  font-size: x-large;
  margin-top: 30vh;
  margin-left: 70px;
  margin-right: 70px;
  line-height: 1em; }
  [data-focus="arrete-constitutif-emptyAndNotFR"] i {
    margin-right: 10px;
    font-size: 2em; }
  .boutons-medecin-arrete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .is-medecin-inactif {
  background-color: #e8e8e8 !important; }
  [data-popin="info-popin-panel"] .seance-list-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem 4rem;
  gap: 3rem; }
[data-focus="expertise-search"] [data-focus="sl-line"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around; }
  [data-focus="expertise-search"] [data-focus="sl-line"] .sl-content {
    width: 85%; }
  [data-focus="expertise-search"] [data-focus="sl-line"] .sl-actions {
    position: relative !important;
    -ms-flex-item-align: center;
        align-self: center;
    display: block !important; }
  [data-focus="expertise-search"] [data-focus="sl-line"] .sl-actions [data-focus="delete-demande-actif"] {
      cursor: pointer; }
  [data-focus="expertise-search"] [data-focus="sl-line"] .sl-actions [data-focus="delete-demande-actif"] :hover {
        background-color: rgba(158, 158, 158, .2);
        border-radius: 50%; }
  [data-focus="expertise"] button:disabled {
  pointer-events: none; }
  [data-focus="add-medecin-expert-disabled"] {
  background-color: rgba(0, 0, 0, .12) !important; }
  .theme-default [data-focus="add-medecin-expert-disabled"] {
  background-color: #e8eaf6; }
  .theme-frUsers [data-focus="add-medecin-expert-disabled"] {
  background-color: #fce2eb; }
  .theme-fpUsers [data-focus="add-medecin-expert-disabled"] {
  background-color: #e8f5e9; }
  [data-focus="panel-retour-expertise"] [data-focus="liste-motifs"] [data-focus="field"] {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  [data-focus="panel-retour-expertise"] [data-focus="liste-motifs"] [data-focus="field"] [data-focus="field-label-container"] {
    display: none; }
  [data-focus="panel-retour-expertise"] [data-focus="liste-motifs"] [data-focus="field"] [data-focus="field-value-container"] {
    width: auto; }
  [data-focus="panel-retour-expertise"] [data-focus="conteneur-champ-calcule"] {
  font-size: 0.938em;
  margin-bottom: 15px; }
  [data-focus="panel-retour-expertise"] [data-focus="conteneur-champ-calcule"] [data-style="value-unclickable"] {
    cursor: pointer;
    text-decoration: underline;
    color: #0253a4;
    margin-left: 34%;
    padding-left: 0;
    word-break: break-all; }
  [data-focus="panel-retour-expertise"] [data-focus="conteneur-champ-calcule"] [data-style="value-unclickable"]:hover {
      color: #568ac2; }
  [data-focus="panel-retour-expertise"] [data-focus="conteneur-champ-calcule"] [data-style="value-unclickable"]:visited {
      color: #6d6d6d; }
  [data-focus="form-with-buttons"] [data-focus="form-subtitle"] {
  border: none;
  margin: 20px 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  [data-focus="form-with-buttons"] [data-focus="form-subtitle"] button {
    font-size: 0.875em;
    padding: 14px 20px;
    height: 42px;
    border: 0;
    background-color: transparent;
    color: #6d6d6d;
    border-radius: 2px; }
  [data-focus="form-with-buttons"] [data-focus="form-subtitle"] button:hover, [data-focus="form-with-buttons"] [data-focus="form-subtitle"] button:focus {
      background-color: #e0e0e0; }
  [data-focus="form-with-buttons"] [data-focus="form-subtitle"] button:active {
      background-color: #bdbdbd; }
  [data-focus="form-with-buttons"] [data-focus="form-subtitle"] button[disabled] {
      color: #bdbdbd;
      background-color: transparent; }
  [data-focus="form-with-buttons"] [data-focus="form-subtitle"] button i {
      font-size: 0.875em;
      margin: 0;
      margin-right: 10px;
      margin-bottom: 2px;
      padding: 0;
      font-family: "Material Icons", sans-serif; }
  [data-focus="form-with-buttons"] [data-focus="form-subtitle"] button span {
      margin: 0;
      padding: 0; }
  .theme-default [data-focus="form-with-buttons"] [data-focus="form-subtitle"] button {
      color: #0253a4; }
  .theme-frUsers [data-focus="form-with-buttons"] [data-focus="form-subtitle"] button {
      color: #e31d62; }
  .theme-fpUsers [data-focus="form-with-buttons"] [data-focus="form-subtitle"] button {
      color: #388e3c; }
  [data-focus="form-with-buttons"] [data-focus="form-subtitle"] button:hover, [data-focus="form-with-buttons"] [data-focus="form-subtitle"] button:focus {
      color: #ffffff; }
  .theme-default [data-focus="form-with-buttons"] [data-focus="form-subtitle"] button:hover, .theme-default [data-focus="form-with-buttons"] [data-focus="form-subtitle"] button:focus {
        background-color: #0253a4; }
  .theme-frUsers [data-focus="form-with-buttons"] [data-focus="form-subtitle"] button:hover, .theme-frUsers [data-focus="form-with-buttons"] [data-focus="form-subtitle"] button:focus {
        background-color: #e31d62; }
  .theme-fpUsers [data-focus="form-with-buttons"] [data-focus="form-subtitle"] button:hover, .theme-fpUsers [data-focus="form-with-buttons"] [data-focus="form-subtitle"] button:focus {
        background-color: #388e3c; }
  [data-focus="form-with-buttons"] [data-focus="form-subtitle"] button:active {
      color: #ffffff; }
  .theme-default [data-focus="form-with-buttons"] [data-focus="form-subtitle"] button:active {
        background-color: #024486; }
  .theme-frUsers [data-focus="form-with-buttons"] [data-focus="form-subtitle"] button:active {
        background-color: #c2185b; }
  .theme-fpUsers [data-focus="form-with-buttons"] [data-focus="form-subtitle"] button:active {
        background-color: #2e7d32; }
  [data-focus="etat-expertise"] {
  color: #6d6d6d;
  text-align: center; }
  [data-focus="etat-expertise-column"] {
  width: 150px; }
  .boutons-medecin-expertise {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .boutons-medecin-expertise button {
    margin-top: 10px; }
[data-focus="liste-representant"] .liste-representant-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  [data-focus="liste-representant"] .liste-representant-actions .btn-add-representant {
    width: 100%; }
  [data-focus="liste-representant"] .liste-representant-actions .liste-representant-show-inactif {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    white-space: nowrap;
    gap: 1rem; }
  [data-focus="liste-representant"] .liste-representant-actions .liste-representant-show-inactif [data-focus="input-toggle"] {
      width: auto;
      -ms-flex-item-align: center;
          align-self: center;
      margin-right: 2rem; }
  [data-focus="liste-representant"] .liste-representant-actions .liste-representant-show-inactif [data-focus="input-toggle"] .mdl-switch__track {
        border: 1px solid white; }
  [data-focus="liste-representant"] .liste-representant-actions .liste-representant-show-inactif [data-focus="input-toggle"] .mdl-switch__thumb {
        border: 1px solid white; }
  .theme-default [data-focus="liste-representant"] .liste-representant-actions .liste-representant-show-inactif [data-focus="input-toggle"].is-checked .mdl-switch__thumb {
        background: #024486; }
  .theme-frUsers [data-focus="liste-representant"] .liste-representant-actions .liste-representant-show-inactif [data-focus="input-toggle"].is-checked .mdl-switch__thumb {
        background: #c2185b; }
  .theme-fpUsers [data-focus="liste-representant"] .liste-representant-actions .liste-representant-show-inactif [data-focus="input-toggle"].is-checked .mdl-switch__thumb {
        background: #2e7d32; }
  .theme-default [data-focus="liste-representant"] .liste-representant-actions .liste-representant-show-inactif [data-focus="input-toggle"].is-checked .mdl-switch__track {
        background: #568ac2; }
  .theme-frUsers [data-focus="liste-representant"] .liste-representant-actions .liste-representant-show-inactif [data-focus="input-toggle"].is-checked .mdl-switch__track {
        background: #f06292; }
  .theme-fpUsers [data-focus="liste-representant"] .liste-representant-actions .liste-representant-show-inactif [data-focus="input-toggle"].is-checked .mdl-switch__track {
        background: #81c784; }
  [data-focus="liste-representant"] .is-representant-inactif {
  background-color: #e8e8e8 !important; }