@charset "UTF-8";
/*
 * 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: #222;
  font-size: 1em;
  line-height: 1.4; }

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */
::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:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  /* 1 */ }

/*
 * 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;
  clip-path: none;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  white-space: inherit; }

/*
 * 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, (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 {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-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 {
    white-space: pre-wrap !important; }
  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; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }

/*!
* www.KNACSS.com v7.1.0 (october, 31 2018) @author: Alsacreations, Raphael Goetter
* Licence WTFPL http://www.wtfpl.net/
*/
/* ----------------------------- */
/* ==Table Of Content            */
/* ----------------------------- */
/*
1- Reboot (basic reset)
2- Libraries  :
  - Base
  - Print
  - Layout (alignment, modules, positionning)
  - Utilities (width and spacers helpers)
  - Responsive helpers
  - WordPress reset (disabled by default)
  - Grillade (Grid System)
3- Components :
  - Media object
  - Skip Links for accessibility
  - Tables
  - Forms
  - Buttons
  - Checkbox
  - Tabs
  - Tags
  - Badges
  - Alerts
*/
*,
*::before,
*::after {
  box-sizing: border-box; }

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent; }

@-ms-viewport {
  width: device-width; }

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block; }

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff; }

[tabindex="-1"]:focus {
  outline: none !important; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: 700; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

dfn {
  font-style: italic; }

b,
strong {
  font-weight: bold; }

small {
  font-size: 80%; }

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

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }

a:hover {
  color: #0056b3;
  text-decoration: underline; }

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none; }

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none; }

a:not([href]):not([tabindex]):focus {
  outline: 0; }

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

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar; }

figure {
  margin: 0 0 1rem; }

img {
  vertical-align: middle;
  border-style: none; }

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

a,
area,
button,
[role="button"],
input:not([type="range"]),
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

table {
  border-collapse: collapse; }

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #868e96;
  text-align: left;
  caption-side: bottom; }

th {
  text-align: inherit; }

label {
  display: inline-block;
  margin-bottom: .5rem; }

button {
  border-radius: 0; }

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none; }

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

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox; }

textarea {
  overflow: auto;
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal; }

progress {
  vertical-align: baseline; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none; }

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

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button; }

output {
  display: inline-block; }

summary {
  display: list-item; }

template {
  display: none; }

[hidden] {
  display: none !important; }

/* ----------------------------- */
/* ==Base (basic styles)         */
/* ----------------------------- */
/* switching to border-box model for all elements */
html {
  box-sizing: border-box; }

*,
*::before,
*::after {
  box-sizing: inherit;
  /* avoid min-width: auto on flex and grid children */
  min-width: 0;
  min-height: 0; }

html {
  /* set base font-size to equiv "10px", which is adapted to rem unit */
  font-size: 62.5%;
  /* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */
  font-size: calc(1em * 0.625); }

body {
  margin: 0;
  font-size: 1.4rem;
  background-color: #fff;
  color: #212529;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  line-height: 1.5; }
  @media (min-width: 576px) {
    body {
      font-size: 1.6rem; } }

/* Links */
a {
  color: #333;
  text-decoration: underline; }
  a:focus, a:hover, a:active {
    color: #0d0d0d;
    text-decoration: underline; }

/* Headings */
h1, .h1-like {
  font-size: 2.8rem;
  font-family: sans-serif;
  font-weight: 500; }
  @media (min-width: 576px) {
    h1, .h1-like {
      font-size: 3.2rem; } }

h2, .h2-like {
  font-size: 2.4rem;
  font-family: sans-serif;
  font-weight: 500; }
  @media (min-width: 576px) {
    h2, .h2-like {
      font-size: 2.8rem; } }

h3, .h3-like {
  font-size: 2rem;
  font-weight: 500; }
  @media (min-width: 576px) {
    h3, .h3-like {
      font-size: 2.4rem; } }

h4, .h4-like {
  font-size: 1.8rem;
  font-weight: 500; }
  @media (min-width: 576px) {
    h4, .h4-like {
      font-size: 2rem; } }

h5, .h5-like {
  font-size: 1.6rem;
  font-weight: 500; }
  @media (min-width: 576px) {
    h5, .h5-like {
      font-size: 1.8rem; } }

h6, .h6-like {
  font-size: 1.4rem;
  font-weight: 500; }
  @media (min-width: 576px) {
    h6, .h6-like {
      font-size: 1.6rem; } }

/* Vertical rythm */
h1,
h2,
h3,
h4,
h5,
h6,
dd {
  margin-top: 0;
  margin-bottom: calc($margin-bottom-base /2); }

p,
address,
ol,
ul,
dl,
blockquote,
pre {
  margin-top: 0;
  margin-bottom: 1rem; }

/* Avoid margins on nested elements */
li p,
li .p-like,
li ul,
li ol,
ol ol,
ul ul {
  margin-top: 0;
  margin-bottom: 0; }

/* Max values */
img,
table,
td,
blockquote,
code,
pre,
textarea,
input,
video,
svg {
  max-width: 100%; }

img {
  height: auto; }

/* Styling elements */
ul,
ol {
  padding-left: 2em; }

img {
  vertical-align: middle; }

em,
.italic,
address,
cite,
i,
var {
  font-style: italic; }

code,
kbd,
mark {
  border-radius: 2px; }

kbd {
  padding: 0 2px;
  border: 1px solid #999; }

pre {
  tab-size: 2; }

code {
  padding: 2px 4px;
  background: rgba(0, 0, 0, 0.04);
  color: #b11; }

pre code {
  padding: 0;
  background: none;
  color: inherit;
  border-radius: 0; }

mark {
  padding: 2px 4px; }

sup,
sub {
  vertical-align: 0; }

sup {
  bottom: 1ex; }

sub {
  top: 0.5ex; }

blockquote {
  position: relative;
  padding-left: 3em;
  min-height: 2em; }

blockquote::before {
  content: "\201C";
  position: absolute;
  left: 0;
  top: 0;
  font-family: georgia, serif;
  font-size: 5em;
  height: .4em;
  line-height: .9;
  color: #e7e9ed; }

blockquote > footer {
  margin-top: .75em;
  font-size: 0.9em;
  color: rgba(0, 0, 0, 0.7); }
  blockquote > footer::before {
    content: "\2014 \0020"; }

q {
  font-style: normal; }

q,
.q {
  quotes: "“" "”" "‘" "’"; }
  q:lang(fr),
  .q:lang(fr) {
    quotes: "«\00a0" "\00a0»" "“" "”"; }

hr {
  display: block;
  clear: both;
  height: 1px;
  margin: 1em 0 2em;
  padding: 0;
  border: 0;
  color: #ccc;
  background-color: #ccc; }

blockquote,
figure {
  margin-left: 0;
  margin-right: 0; }

code,
pre,
samp,
kbd {
  white-space: pre-wrap;
  font-family: consolas, courier, monospace;
  line-height: normal; }

/* ----------------------------- */
/* ==Print (quick print reset)   */
/* ----------------------------- */
@media print {
  * {
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  body {
    width: auto;
    margin: auto;
    font-family: serif;
    font-size: 12pt; }
  p,
  .p-like,
  h1,
  .h1-like,
  h2,
  .h2-like,
  h3,
  .h3-like,
  h4,
  .h4-like,
  h5,
  .h5-like,
  h6,
  .h6-like,
  blockquote,
  label,
  ul,
  ol {
    color: #000;
    margin: auto; }
  .print {
    display: block; }
  .no-print {
    display: none; }
  /* no orphans, no widows */
  p,
  .p-like,
  blockquote {
    orphans: 3;
    widows: 3; }
  /* no breaks inside these elements */
  blockquote,
  ul,
  ol {
    page-break-inside: avoid; }
  /* page break before main headers
  h1,
  .h1-like {
    page-break-before: always;
  }
  */
  /* no breaks after these elements */
  h1,
  .h1-like,
  h2,
  .h2-like,
  h3,
  .h3-like,
  caption {
    page-break-after: avoid; }
  a {
    color: #000; }
  /* displaying URLs
  a[href]::after {
    content: " (" attr(href) ")";
  }
  */
  a[href^="javascript:"]::after,
  a[href^="#"]::after {
    content: ""; } }

/* ----------------------------- */
/* ==Global Micro Layout         */
/* ----------------------------- */
/* Flexbox layout is KNACSS choice
http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
*/
.flex-container, .flex-container--row,
.flex-row, .flex-container--column,
.flex-column, .flex-container--row-reverse,
.flex-row-reverse, .flex-container--column-reverse,
.flex-column-reverse,
.d-flex {
  display: flex;
  flex-wrap: wrap; }

.flex-container--row,
.flex-row {
  flex-direction: row; }

.flex-container--column,
.flex-column {
  flex-direction: column; }

.flex-container--row-reverse,
.flex-row-reverse {
  flex-direction: row-reverse;
  justify-content: flex-end; }

.flex-container--column-reverse,
.flex-column-reverse {
  flex-direction: column-reverse;
  justify-content: flex-end; }

.flex-item-fluid,
.item-fluid {
  flex: 1 1 0%; }

.flex-item-first,
.item-first {
  order: -1; }

.flex-item-medium,
.item-medium {
  order: 0; }

.flex-item-last,
.item-last {
  order: 1; }

.flex-item-center,
.item-center,
.mr-auto {
  margin: auto; }

/* ---------------------------------- */
/* ==Helpers                          */
/* ---------------------------------- */
/* Typo Helpers  */
/* ------------- */
.u-bold {
  font-weight: 700; }

.u-italic {
  font-style: italic; }

.u-normal {
  font-weight: normal;
  font-style: normal; }

.u-uppercase {
  text-transform: uppercase; }

.u-lowercase {
  text-transform: lowercase; }

.u-smaller {
  font-size: 0.6em; }

.u-small {
  font-size: 0.8em; }

.u-big {
  font-size: 1.2em; }

.u-bigger {
  font-size: 1.5em; }

.u-biggest {
  font-size: 2em; }

.u-txt-wrap {
  word-wrap: break-word;
  overflow-wrap: break-word;
  hyphens: auto; }

.u-txt-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis; }

/* text and contents alignment */
.txtleft,
.u-txt-left {
  text-align: left; }

.txtright,
.u-txt-right {
  text-align: right; }

.txtcenter,
.u-txt-center {
  text-align: center; }

/* blocks that need to be placed under floats */
.clear,
.u-clear {
  clear: both; }

/* blocks that must contain floats */
.clearfix::after,
.u-clearfix::after {
  content: "";
  display: table;
  clear: both;
  border-collapse: collapse; }

/* simple blocks alignment */
.left .u-left {
  margin-right: auto; }

.right,
.u-right {
  margin-left: auto; }

.center,
.u-center {
  margin-left: auto;
  margin-right: auto; }

/* Global Micro Layout */
/* ------------------- */
/* module, gains superpower "BFC" Block Formating Context */
.mod,
.u-mod,
.bfc,
.u-bfc {
  overflow: hidden; }

/* floating elements */
.fl,
.u-fl {
  float: left; }

img.fl,
img.u-fl {
  margin-right: 1rem; }

.fr,
.u-fr {
  float: right; }

img.fr,
img.u-fr {
  margin-left: 1rem; }

img.fl,
img.fr,
img.u-fl,
img.u-fr {
  margin-bottom: 0.5rem; }

/* inline-block */
.inbl,
.u-inbl {
  display: inline-block;
  vertical-align: top; }

/* State Helpers */
/* ------------- */
/* invisible for all */
.is-hidden,
.js-hidden,
[hidden] {
  display: none; }

/* hidden but not for an assistive technology like a screen reader, Yahoo! method */
.visually-hidden, .tabs-content-item[aria-hidden="true"] {
  position: absolute !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important; }

.is-disabled,
.js-disabled,
[disabled],
.is-disabled ~ label,
[disabled] ~ label {
  opacity: 0.5;
  cursor: not-allowed !important;
  filter: grayscale(1); }

ul.is-unstyled, ul.unstyled {
  list-style: none;
  padding-left: 0; }

.color--inverse {
  color: #fff; }

/* Width Helpers */
/* ------------- */
/* blocks widths (percentage and pixels) */
.w100 {
  width: 100%; }

.w95 {
  width: 95%; }

.w90 {
  width: 90%; }

.w85 {
  width: 85%; }

.w80 {
  width: 80%; }

.w75 {
  width: 75%; }

.w70 {
  width: 70%; }

.w65 {
  width: 65%; }

.w60 {
  width: 60%; }

.w55 {
  width: 55%; }

.w50 {
  width: 50%; }

.w45 {
  width: 45%; }

.w40 {
  width: 40%; }

.w35 {
  width: 35%; }

.w30 {
  width: 30%; }

.w25 {
  width: 25%; }

.w20 {
  width: 20%; }

.w15 {
  width: 15%; }

.w10 {
  width: 10%; }

.w5 {
  width: 5%; }

.w66 {
  width: calc(100% / 3 * 2); }

.w33 {
  width: calc(100% / 3); }

.wauto {
  width: auto; }

.w960p {
  width: 960px; }

.mw960p {
  max-width: 960px; }

.w1140p {
  width: 1140px; }

.mw1140p {
  max-width: 1140px; }

.w1000p {
  width: 1000px; }

.w950p {
  width: 950px; }

.w900p {
  width: 900px; }

.w850p {
  width: 850px; }

.w800p {
  width: 800px; }

.w750p {
  width: 750px; }

.w700p {
  width: 700px; }

.w650p {
  width: 650px; }

.w600p {
  width: 600px; }

.w550p {
  width: 550px; }

.w500p {
  width: 500px; }

.w450p {
  width: 450px; }

.w400p {
  width: 400px; }

.w350p {
  width: 350px; }

.w300p {
  width: 300px; }

.w250p {
  width: 250px; }

.w200p {
  width: 200px; }

.w150p {
  width: 150px; }

.w100p {
  width: 100px; }

.w50p {
  width: 50px; }

/* Spacing Helpers */
/* --------------- */
.man,
.ma0 {
  margin: 0; }

.pan,
.pa0 {
  padding: 0; }

.mas {
  margin: 1rem; }

.mam {
  margin: 2rem; }

.mal {
  margin: 4rem; }

.pas {
  padding: 1rem; }

.pam {
  padding: 2rem; }

.pal {
  padding: 4rem; }

.mtn,
.mt0 {
  margin-top: 0; }

.mts {
  margin-top: 1rem; }

.mtm {
  margin-top: 2rem; }

.mtl {
  margin-top: 4rem; }

.mrn,
.mr0 {
  margin-right: 0; }

.mrs {
  margin-right: 1rem; }

.mrm {
  margin-right: 2rem; }

.mrl {
  margin-right: 4rem; }

.mbn,
.mb0 {
  margin-bottom: 0; }

.mbs {
  margin-bottom: 1rem; }

.mbm {
  margin-bottom: 2rem; }

.mbl {
  margin-bottom: 4rem; }

.mln,
.ml0 {
  margin-left: 0; }

.mls {
  margin-left: 1rem; }

.mlm {
  margin-left: 2rem; }

.mll {
  margin-left: 4rem; }

.mauto {
  margin: auto; }

.mtauto {
  margin-top: auto; }

.mrauto {
  margin-right: auto; }

.mbauto {
  margin-bottom: auto; }

.mlauto {
  margin-left: auto; }

.ptn,
.pt0 {
  padding-top: 0; }

.pts {
  padding-top: 1rem; }

.ptm {
  padding-top: 2rem; }

.ptl {
  padding-top: 4rem; }

.prn,
.pr0 {
  padding-right: 0; }

.prs {
  padding-right: 1rem; }

.prm {
  padding-right: 2rem; }

.prl {
  padding-right: 4rem; }

.pbn,
.pb0 {
  padding-bottom: 0; }

.pbs {
  padding-bottom: 1rem; }

.pbm {
  padding-bottom: 2rem; }

.pbl {
  padding-bottom: 4rem; }

.pln,
.pl0 {
  padding-left: 0; }

.pls {
  padding-left: 1rem; }

.plm {
  padding-left: 2rem; }

.pll {
  padding-left: 4rem; }

/* -------------------------- */
/* ==Responsive helpers       */
/* -------------------------- */
/* large screens */
/* ------------- */
@media (min-width: 992px) {
  /* layouts for large screens */
  .large-hidden {
    display: none !important; }
  .large-visible {
    display: block !important; }
  .large-no-float {
    float: none; }
  .large-inbl {
    display: inline-block;
    float: none;
    vertical-align: top; }
  /* widths for large screens */
  .large-w25 {
    width: 25% !important; }
  .large-w33 {
    width: 33.333333% !important; }
  .large-w50 {
    width: 50% !important; }
  .large-w66 {
    width: 66.666666% !important; }
  .large-w75 {
    width: 75% !important; }
  .large-w100,
  .large-wauto {
    display: block !important;
    float: none !important;
    clear: none !important;
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: 0; }
  /* margins for large screens */
  .large-man,
  .large-ma0 {
    margin: 0 !important; } }

/* medium screens */
/* -------------- */
@media (min-width: 768px) and (max-width: 991px) {
  /* layouts for medium screens */
  .medium-hidden {
    display: none !important; }
  .medium-visible {
    display: block !important; }
  .medium-no-float {
    float: none; }
  .medium-inbl {
    display: inline-block;
    float: none;
    vertical-align: top; }
  /* widths for medium screens */
  .medium-w25 {
    width: 25% !important; }
  .medium-w33 {
    width: 33.333333% !important; }
  .medium-w50 {
    width: 50% !important; }
  .medium-w66 {
    width: 66.666666% !important; }
  .medium-w75 {
    width: 75% !important; }
  .medium-w100,
  .medium-wauto {
    display: block !important;
    float: none !important;
    clear: none !important;
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: 0; }
  /* margins for medium screens */
  .medium-man,
  .medium-ma0 {
    margin: 0 !important; } }

/* small screens */
/* ------------- */
@media (min-width: 576px) and (max-width: 767px) {
  /* layouts for small screens */
  .small-hidden {
    display: none !important; }
  .small-visible {
    display: block !important; }
  .small-no-float {
    float: none; }
  .small-inbl {
    display: inline-block;
    float: none;
    vertical-align: top; }
  /* widths for small screens */
  .small-w25 {
    width: 25% !important; }
  .small-w33 {
    width: 33.333333% !important; }
  .small-w50 {
    width: 50% !important; }
  .small-w66 {
    width: 66.666666% !important; }
  .small-w75 {
    width: 75% !important; }
  .small-w100,
  .small-wauto {
    display: block !important;
    float: none !important;
    clear: none !important;
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: 0; }
  /* margins for small screens */
  .small-man,
  .small-ma0 {
    margin: 0 !important; }
  .small-pan,
  .small-pa0 {
    padding: 0 !important; } }

/* tiny screens */
/* ------------ */
@media (max-width: 575px) {
  /* quick small resolution reset */
  .mod,
  .col,
  fieldset {
    display: block !important;
    float: none !important;
    clear: none !important;
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: 0; }
  .flex-container, .flex-container--row,
  .flex-row, .flex-container--column,
  .flex-column, .flex-container--row-reverse,
  .flex-row-reverse, .flex-container--column-reverse,
  .flex-column-reverse {
    flex-direction: column; }
  /* layouts for tiny screens */
  .tiny-hidden {
    display: none !important; }
  .tiny-visible {
    display: block !important; }
  .tiny-no-float {
    float: none; }
  .tiny-inbl {
    display: inline-block;
    float: none;
    vertical-align: top; }
  /* widths for tiny screens */
  .tiny-w25 {
    width: 25% !important; }
  .tiny-w33 {
    width: 33.333333% !important; }
  .tiny-w50 {
    width: 50% !important; }
  .tiny-w66 {
    width: 66.666666% !important; }
  .tiny-w75 {
    width: 75% !important; }
  .tiny-w100,
  .tiny-wauto {
    display: block !important;
    float: none !important;
    clear: none !important;
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: 0; }
  /* margins for tiny screens */
  .tiny-man,
  .tiny-ma0 {
    margin: 0 !important; }
  .tiny-pan,
  .tiny-pa0 {
    padding: 0 !important; } }

/* --------------------------------------- */
/* ==Grillade : ultra light Grid System    */
/* --------------------------------------- */
@media (min-width: 480px) {
  [class*=" grid-"],
  [class^="grid-"] {
    display: grid;
    grid-auto-flow: dense; }
    [class*=" grid-"].has-gutter,
    [class^="grid-"].has-gutter {
      grid-gap: 1rem; }
    [class*=" grid-"].has-gutter-l,
    [class^="grid-"].has-gutter-l {
      grid-gap: 2rem; }
    [class*=" grid-"].has-gutter-xl,
    [class^="grid-"].has-gutter-xl {
      grid-gap: 4rem; } }

@media (min-width: 480px) {
  .autogrid,
  .grid {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr; }
    .autogrid.has-gutter,
    .grid.has-gutter {
      grid-column-gap: 1rem; }
    .autogrid.has-gutter-l,
    .grid.has-gutter-l {
      grid-column-gap: 2rem; }
    .autogrid.has-gutter-xl,
    .grid.has-gutter-xl {
      grid-column-gap: 4rem; } }

[class*="grid-2"] {
  grid-template-columns: repeat(2, 1fr); }

[class*="grid-3"] {
  grid-template-columns: repeat(3, 1fr); }

[class*="grid-4"] {
  grid-template-columns: repeat(4, 1fr); }

[class*="grid-5"] {
  grid-template-columns: repeat(5, 1fr); }

[class*="grid-6"] {
  grid-template-columns: repeat(6, 1fr); }

[class*="grid-7"] {
  grid-template-columns: repeat(7, 1fr); }

[class*="grid-8"] {
  grid-template-columns: repeat(8, 1fr); }

[class*="grid-9"] {
  grid-template-columns: repeat(9, 1fr); }

[class*="grid-10"] {
  grid-template-columns: repeat(10, 1fr); }

[class*="grid-11"] {
  grid-template-columns: repeat(11, 1fr); }

[class*="grid-12"] {
  grid-template-columns: repeat(12, 1fr); }

[class*="col-1"] {
  grid-column: auto/span 1; }

[class*="row-1"] {
  grid-row: auto/span 1; }

[class*="col-2"] {
  grid-column: auto/span 2; }

[class*="row-2"] {
  grid-row: auto/span 2; }

[class*="col-3"] {
  grid-column: auto/span 3; }

[class*="row-3"] {
  grid-row: auto/span 3; }

[class*="col-4"] {
  grid-column: auto/span 4; }

[class*="row-4"] {
  grid-row: auto/span 4; }

[class*="col-5"] {
  grid-column: auto/span 5; }

[class*="row-5"] {
  grid-row: auto/span 5; }

[class*="col-6"] {
  grid-column: auto/span 6; }

[class*="row-6"] {
  grid-row: auto/span 6; }

[class*="col-7"] {
  grid-column: auto/span 7; }

[class*="row-7"] {
  grid-row: auto/span 7; }

[class*="col-8"] {
  grid-column: auto/span 8; }

[class*="row-8"] {
  grid-row: auto/span 8; }

[class*="col-9"] {
  grid-column: auto/span 9; }

[class*="row-9"] {
  grid-row: auto/span 9; }

[class*="col-10"] {
  grid-column: auto/span 10; }

[class*="row-10"] {
  grid-row: auto/span 10; }

[class*="col-11"] {
  grid-column: auto/span 11; }

[class*="row-11"] {
  grid-row: auto/span 11; }

[class*="col-12"] {
  grid-column: auto/span 12; }

[class*="row-12"] {
  grid-row: auto/span 12; }

/* intermediate breakpoints */
@media (min-width: 480px) and (max-width: 767px) {
  [class*="grid-"][class*="-small-1"] {
    grid-template-columns: repeat(1, 1fr); }
  [class*="col-"][class*="-small-1"] {
    grid-column: auto/span 1; }
  [class*="grid-"][class*="-small-2"] {
    grid-template-columns: repeat(2, 1fr); }
  [class*="col-"][class*="-small-2"] {
    grid-column: auto/span 2; }
  [class*="grid-"][class*="-small-3"] {
    grid-template-columns: repeat(3, 1fr); }
  [class*="col-"][class*="-small-3"] {
    grid-column: auto/span 3; }
  [class*="grid-"][class*="-small-4"] {
    grid-template-columns: repeat(4, 1fr); }
  [class*="col-"][class*="-small-4"] {
    grid-column: auto/span 4; }
  [class*="-small-all"] {
    grid-column: 1 / -1; } }

.item-first {
  order: -1; }

.item-last {
  order: 1; }

.grid-offset {
  visibility: hidden; }

.col-all {
  grid-column: 1 / -1; }

.row-all {
  grid-row: 1 / -1; }

/* ----------------------------- */
/* ==Media object                */
/* ----------------------------- */
/* recommended HTML : <div class="media"><img class="media-figure"><div class="media-content"></div></div> */
/* see http://codepen.io/raphaelgoetter/pen/KMWWwj */
@media (min-width: 480px) {
  .media {
    display: flex;
    align-items: flex-start; }
    .media-content {
      flex: 1 1 0%; }
    .media-figure--center {
      align-self: center; }
    .media--reverse {
      flex-direction: row-reverse; } }

/* ----------------------------- */
/* ==skip links                  */
/* ----------------------------- */
/* see https://www.alsacreations.com/article/lire/572-Les-liens-d-evitement.html */
/* styling skip links */
.skip-links {
  position: absolute; }
  .skip-links a {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0.5em;
    background: black;
    color: white;
    text-decoration: none; }
    .skip-links a:focus {
      position: static;
      overflow: visible;
      clip: auto; }

/* ----------------------------- */
/* ==Tables                      */
/* ----------------------------- */
table,
.table {
  width: 100%;
  max-width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  vertical-align: top;
  margin-bottom: 2rem; }

.table {
  display: table;
  border: 1px solid #acb3c2;
  background: transparent; }
  .table--zebra tbody tr:nth-child(odd) {
    background: #e7e9ed; }
  .table caption {
    caption-side: bottom;
    padding: 1rem;
    color: #333;
    font-style: italic;
    text-align: right; }
  .table td,
  .table th {
    padding: 0.3rem 0.6rem;
    min-width: 2rem;
    vertical-align: top;
    border: 1px #acb3c2 dotted;
    text-align: left;
    cursor: default; }
  .table thead {
    color: #212529;
    background: transparent; }

.table--auto {
  table-layout: auto; }

/* ----------------------------- */
/* ==Forms                       */
/* ----------------------------- */
/* thanks to HTML5boilerplate and https://shoelace.style/ */
/* forms items */
form,
fieldset {
  border: none; }

fieldset {
  padding: 2rem; }
  fieldset legend {
    padding: 0 0.5rem;
    border: 0;
    white-space: normal; }

label {
  display: inline-block;
  cursor: pointer; }

[type="color"],
[type="date"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="submit"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  border: 0;
  box-shadow: 0 0 0 1px #333 inset;
  color: #212529;
  vertical-align: middle;
  padding: 0.5rem 1rem;
  margin: 0;
  transition: 0.25s;
  transition-property: box-shadow, background-color, color, border;
  appearance: none; }

[type="submit"] {
  background-color: #333;
  color: #fff;
  cursor: pointer; }

input[readonly] {
  background-color: #e7e9ed; }

select {
  padding-right: 2rem;
  border-radius: 0;
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%2011.966%20L%203.523%205.589%20C%202.464%204.627%200.495%206.842%201.505%207.771%20L%201.505%207.771%20L%208.494%2014.763%20C%209.138%2015.35%2010.655%2015.369%2011.29%2014.763%20L%2011.29%2014.763%20L%2018.49%207.771%20C%2019.557%206.752%2017.364%204.68%2016.262%205.725%20L%2016.262%205.725%20L%209.96%2011.966%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E");
  background-position: right .6rem center;
  background-repeat: no-repeat;
  background-size: 1.2rem; }

/* hiding IE11 arrow */
select::-ms-expand {
  display: none; }

textarea {
  min-height: 5em;
  vertical-align: top;
  resize: vertical;
  white-space: pre-wrap; }

/* 'x' appears on right of search input when text is entered. This removes it */
[type="search"]::-webkit-search-decoration, [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-results-button, [type="search"]::-webkit-search-results-decoration {
  display: none; }

::-webkit-input-placeholder {
  color: #777; }

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #777; }

input::placeholder,
textarea::placeholder {
  color: #777; }

progress {
  width: 100%;
  vertical-align: middle; }

/* ----------------------------- */
/* ==Buttons                     */
/* ----------------------------- */
/* preferably use <button> for buttons !*/
/* use .btn-- or .button-- classes for variants */
.btn,
.button, .blueButton, .grayButton, .whiteButton,
[type="button"],
button, .btn--primary,
.button--primary, .btn--success,
.button--success, .btn--info,
.button--info, .btn--warning,
.button--warning, .btn--danger,
.button--danger, .btn--inverse,
.button--inverse, .btn--ghost,
.button--ghost {
  display: inline-block;
  padding: 1rem 1.5rem;
  cursor: pointer;
  user-select: none;
  transition: 0.25s;
  transition-property: box-shadow, background-color, color, border;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
  color: #212529;
  border: none;
  border-radius: 0;
  background-color: #e7e9ed;
  font-family: inherit;
  font-size: inherit;
  line-height: 1; }

.btn:focus,
.button:focus,
.blueButton:focus,
.grayButton:focus,
.whiteButton:focus,
[type="button"]:focus,
button:focus {
  -webkit-tap-highlight-color: transparent; }

.btn--primary,
.button--primary {
  background-color: #308EE5;
  color: #fff;
  box-shadow: none; }
  .btn--primary:active, .btn--primary:focus, .btn--primary:hover,
  .button--primary:active,
  .button--primary:focus,
  .button--primary:hover {
    background-color: #1974c9; }

.btn--success,
.button--success {
  background-color: #8EBA51;
  color: #fff;
  box-shadow: none; }
  .btn--success:active, .btn--success:focus, .btn--success:hover,
  .button--success:active,
  .button--success:focus,
  .button--success:hover {
    background-color: #749b3d; }

.btn--info,
.button--info {
  background-color: #308EE5;
  color: #000;
  box-shadow: none; }
  .btn--info:active, .btn--info:focus, .btn--info:hover,
  .button--info:active,
  .button--info:focus,
  .button--info:hover {
    background-color: #1974c9; }

.btn--warning,
.button--warning {
  background-color: #F0AD4E;
  color: #000;
  box-shadow: none; }
  .btn--warning:active, .btn--warning:focus, .btn--warning:hover,
  .button--warning:active,
  .button--warning:focus,
  .button--warning:hover {
    background-color: #ec971f; }

.btn--danger,
.button--danger {
  background-color: #ED0012;
  color: #fff;
  box-shadow: none; }
  .btn--danger:active, .btn--danger:focus, .btn--danger:hover,
  .button--danger:active,
  .button--danger:focus,
  .button--danger:hover {
    background-color: #ba000e; }

.btn--inverse,
.button--inverse {
  background-color: #333;
  color: #fff;
  box-shadow: none; }
  .btn--inverse:active, .btn--inverse:focus, .btn--inverse:hover,
  .button--inverse:active,
  .button--inverse:focus,
  .button--inverse:hover {
    background-color: #1a1a1a; }

.btn--ghost,
.button--ghost {
  background-color: transparent;
  color: #fff;
  box-shadow: 0 0 0 1px #fff inset; }
  .btn--ghost:active, .btn--ghost:focus, .btn--ghost:hover,
  .button--ghost:active,
  .button--ghost:focus,
  .button--ghost:hover {
    background-color: rgba(0, 0, 0, 0); }

.btn--small,
.button--small {
  padding: 0.7rem 1rem;
  font-size: .8em; }

.btn--big,
.button--big {
  padding: 1.5rem 2rem;
  font-size: 1.4em; }

.btn--block,
.button--block {
  width: 100% !important;
  display: block; }

.btn--unstyled,
.button--unstyled {
  padding: 0;
  border: none;
  text-align: left;
  background: none;
  border-radius: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  .btn--unstyled:focus,
  .button--unstyled:focus {
    box-shadow: none;
    outline: none; }

.nav-button {
  padding: 0;
  background-color: transparent;
  outline: 0;
  border: 0;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent; }
  .nav-button > * {
    display: inline-flex;
    vertical-align: top;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    height: 2.6rem;
    width: 2.6rem;
    padding: 0;
    background-color: transparent;
    background-image: linear-gradient(#333, #333);
    background-position: center;
    background-repeat: no-repeat;
    background-origin: content-box;
    background-size: 100% 5px;
    transition: .25s;
    transition-property: transform, background;
    will-change: transform, background; }
    .nav-button > *::before, .nav-button > *::after {
      content: "";
      height: 5px;
      background: #333;
      transition: .25s;
      transition-property: transform, top;
      will-change: transform, top; }
  .nav-button:hover > * {
    background-color: transparent; }
  .nav-button:focus {
    outline: 0; }
  .nav-button.is-active > * {
    background-image: none;
    justify-content: center; }
    .nav-button.is-active > *::before {
      transform: translateY(50%) rotate3d(0, 0, 1, 45deg); }
    .nav-button.is-active > *::after {
      transform: translateY(-50%) rotate3d(0, 0, 1, -45deg); }

/* ----------------------------- */
/* ==Checkbox, radio, switch     */
/* ----------------------------- */
/* use .checkbox class on input type=checkbox */
/* recommended HTML : <input type="checkbox" class="checkbox" id="c1"><label for="c1">click here</label> */
/* use .radio class on input type=radio */
/* recommended HTML : <input type="radio" class="radio" name="radio" id="r1"><label for="r1">Click here</label> */
/* use .switch class on input type=checkbox */
.checkbox {
  border-radius: 4px; }

.switch {
  border-radius: 3em; }

.radio {
  border-radius: 50%; }

.switch,
.checkbox,
.radio {
  appearance: none;
  vertical-align: text-bottom;
  outline: 0;
  cursor: pointer; }
  .switch ~ label,
  .checkbox ~ label,
  .radio ~ label {
    cursor: pointer; }
  .switch::-ms-check,
  .checkbox::-ms-check,
  .radio::-ms-check {
    display: none; }

.switch {
  width: 4rem;
  height: 2rem;
  line-height: 2rem;
  font-size: 70%;
  box-shadow: inset -2rem 0 0 #333, inset 0 0 0 1px #333;
  transition: box-shadow .15s;
  background-color: #fff; }
  .switch::before, .switch::after {
    font-weight: bold;
    color: #fff; }
  .switch::before {
    content: "✕";
    float: right;
    margin-right: calc($switch-size /3); }
  .switch:checked {
    box-shadow: inset 2rem 0 0 #8EBA51, inset 0 0 0 1px #8EBA51; }
    .switch:checked::before {
      content: "✓";
      float: left;
      margin-left: calc($switch-size /3); }

.checkbox {
  width: 2rem;
  height: 2rem;
  box-shadow: inset 0 0 0 1px #333;
  background-color: #fff;
  transition: background-color .15s; }
  .checkbox:checked {
    background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%208%208%22%20enable-background%3D%22new%200%200%208%208%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M6.4%2C1L5.7%2C1.7L2.9%2C4.5L2.1%2C3.7L1.4%2C3L0%2C4.4l0.7%2C0.7l1.5%2C1.5l0.7%2C0.7l0.7-0.7l3.5-3.5l0.7-0.7L6.4%2C1L6.4%2C1z%22%20%2F%3E%0A%3C%2Fsvg%3E");
    background-size: 60% 60%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #333; }

.radio {
  width: 2rem;
  height: 2rem;
  background-size: 0% 0%;
  transition: background-size .15s;
  box-shadow: inset 0 0 0 1px #333;
  background-color: #fff; }
  .radio:checked {
    background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20version%3D%221.1%22%20width%3D%22100%22%20height%3D%22100%22%0AviewBox%3D%220%200%2080%2080%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2240%22%20r%3D%2224%22%20style%3D%22fill%3A%23333333%22/%3E%3C/svg%3E");
    background-size: 90% 90%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff; }

/* ----------------------------- */
/* ==Tabs                        */
/* ----------------------------- */
/* see example on https://knacss.com/styleguide.html#tabs */
/* NOTE : tabs need JavaScript to be activated */
.tabs-menu {
  border-bottom: 2px solid #e7e9ed; }
  .tabs-menu-link {
    display: block;
    margin-bottom: -2px;
    padding: 0.5rem 3rem;
    border-bottom: 4px solid transparent;
    color: #212529;
    background: transparent;
    text-decoration: none;
    border-radius: 0 0 0 0;
    transition: .25s;
    transition-property: color, border, background-color; }
    .tabs-menu-link.is-active {
      border-bottom-color: #333;
      color: #333;
      background: transparent;
      outline: 0; }
    .tabs-menu-link:focus {
      border-bottom-color: #333;
      color: #333;
      outline: 0; }
    @media (min-width: 576px) {
      .tabs-menu-link {
        display: inline-block; } }

.tabs-content-item {
  padding-top: 1rem; }
  .tabs-content-item[aria-hidden="true"] {
    visibility: hidden; }
  .tabs-content-item[aria-hidden="false"] {
    visibility: visible; }

/* ----------------------------- */
/* ==Arrows                      */
/* ----------------------------- */
/* see https://knacss.com/styleguide.html#arrows */
[class*="icon-arrow--"] {
  vertical-align: middle; }
  [class*="icon-arrow--"]::after {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    mask-size: cover;
    background-color: #000;
    line-height: 1; }

.icon-arrow--down::after {
  mask-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%2011.966%20L%203.523%205.589%20C%202.464%204.627%200.495%206.842%201.505%207.771%20L%201.505%207.771%20L%208.494%2014.763%20C%209.138%2015.35%2010.655%2015.369%2011.29%2014.763%20L%2011.29%2014.763%20L%2018.49%207.771%20C%2019.557%206.752%2017.364%204.68%2016.262%205.725%20L%2016.262%205.725%20L%209.96%2011.966%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E"); }

.icon-arrow--up::after {
  mask-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%208.596%20L%203.523%2014.973%20C%202.464%2015.935%200.495%2013.72%201.505%2012.791%20L%201.505%2012.791%20L%208.494%205.799%20C%209.138%205.212%2010.655%205.193%2011.29%205.799%20L%2011.29%205.799%20L%2018.49%2012.791%20C%2019.557%2013.809%2017.364%2015.882%2016.262%2014.837%20L%2016.262%2014.837%20L%209.96%208.596%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E"); }

.icon-arrow--right::after {
  mask-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%2011.685%2010.321%20L%205.308%2016.758%20C%204.346%2017.817%206.561%2019.786%207.49%2018.776%20L%207.49%2018.776%20L%2014.482%2011.787%20C%2015.069%2011.142%2015.088%209.626%2014.482%208.991%20L%2014.482%208.991%20L%207.49%201.791%20C%206.472%200.724%204.399%202.916%205.444%204.019%20L%205.444%204.019%20L%2011.685%2010.321%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E"); }

.icon-arrow--left::after {
  mask-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%208.315%2010.321%20L%2014.692%2016.758%20C%2015.654%2017.817%2013.439%2019.786%2012.51%2018.776%20L%2012.51%2018.776%20L%205.518%2011.787%20C%204.931%2011.142%204.912%209.626%205.518%208.991%20L%205.518%208.991%20L%2012.51%201.791%20C%2013.528%200.724%2015.601%202.916%2014.556%204.019%20L%2014.556%204.019%20L%208.315%2010.321%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E"); }

/* ----------------------------- */
/* ==Tags                      */
/* ----------------------------- */
/* use .tag-- classes for variants */
.tag, .tag--primary, .tag--success, .tag--info, .tag--warning, .tag--danger, .tag--inverse, .tag--ghost {
  display: inline-block;
  padding: 3px 0.5rem;
  vertical-align: baseline;
  white-space: nowrap;
  color: #212529;
  border-radius: 0;
  background-color: #e7e9ed;
  line-height: 1; }

.tag--primary {
  background-color: #308EE5;
  color: #fff;
  box-shadow: none; }

.tag--success {
  background-color: #8EBA51;
  color: #fff;
  box-shadow: none; }

.tag--info {
  background-color: #308EE5;
  color: #000;
  box-shadow: none; }

.tag--warning {
  background-color: #F0AD4E;
  color: #000;
  box-shadow: none; }

.tag--danger {
  background-color: #ED0012;
  color: #fff;
  box-shadow: none; }

.tag--inverse {
  background-color: #333;
  color: #fff;
  box-shadow: none; }

.tag--ghost {
  background-color: transparent;
  color: #fff;
  box-shadow: 0 0 0 1px #fff inset; }

.tag--small {
  font-size: 1.2rem; }

.tag--big {
  font-size: 2rem; }

.tag--block {
  width: 100% !important;
  display: block; }

.tag.disabled, .disabled.tag--primary, .disabled.tag--success, .disabled.tag--info, .disabled.tag--warning, .disabled.tag--danger, .disabled.tag--inverse, .disabled.tag--ghost, .tag--disabled {
  opacity: 0.5;
  cursor: not-allowed; }

.tag:empty, .tag--primary:empty, .tag--success:empty, .tag--info:empty, .tag--warning:empty, .tag--danger:empty, .tag--inverse:empty, .tag--ghost:empty {
  display: none; }

/* ----------------------------- */
/* ==Badges                      */
/* ----------------------------- */
/* use .badge-- classes for variants */
.badge, .badge--primary, .badge--success, .badge--info, .badge--warning, .badge--danger, .badge--inverse, .badge--ghost {
  display: inline-block;
  padding: 0.5rem;
  border-radius: 50%;
  color: #212529;
  background-color: #e7e9ed;
  line-height: 1; }
  .badge::before, .badge--primary::before, .badge--success::before, .badge--info::before, .badge--warning::before, .badge--danger::before, .badge--inverse::before, .badge--ghost::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    padding-top: 100%; }

.badge--primary {
  background-color: #308EE5;
  color: #fff; }

.badge--success {
  background-color: #8EBA51;
  color: #fff; }

.badge--info {
  background-color: #308EE5;
  color: #000; }

.badge--warning {
  background-color: #F0AD4E;
  color: #000; }

.badge--danger {
  background-color: #ED0012;
  color: #fff; }

.badge--inverse {
  background-color: #333;
  color: #fff; }

.badge--ghost {
  background-color: transparent;
  color: #fff; }

.badge--small {
  font-size: 1.2rem; }

.badge--big {
  font-size: 2rem; }

.badge.disabled, .disabled.badge--primary, .disabled.badge--success, .disabled.badge--info, .disabled.badge--warning, .disabled.badge--danger, .disabled.badge--inverse, .disabled.badge--ghost, .badge--disabled {
  opacity: 0.5;
  cursor: not-allowed; }

.badge:empty, .badge--primary:empty, .badge--success:empty, .badge--info:empty, .badge--warning:empty, .badge--danger:empty, .badge--inverse:empty, .badge--ghost:empty {
  display: none; }

/* ----------------------------- */
/* ==Alerts                      */
/* ----------------------------- */
/* use .alert-- classes for variants */
.alert, .alert--primary, .alert--success, .alert--info, .alert--warning, .alert--danger, .alert--inverse, .alert--ghost {
  padding: 1rem 1rem;
  margin-top: 0.75em;
  margin-bottom: 0;
  color: #212529;
  border-radius: 0;
  background-color: #e7e9ed; }
  .alert a, .alert--primary a, .alert--success a, .alert--info a, .alert--warning a, .alert--danger a, .alert--inverse a, .alert--ghost a {
    color: inherit;
    text-decoration: underline; }

.alert--primary {
  background-color: #308EE5;
  color: #fff;
  box-shadow: none; }

.alert--success {
  background-color: #8EBA51;
  color: #fff;
  box-shadow: none; }

.alert--info {
  background-color: #308EE5;
  color: #000;
  box-shadow: none; }

.alert--warning {
  background-color: #F0AD4E;
  color: #000;
  box-shadow: none; }

.alert--danger {
  background-color: #ED0012;
  color: #fff;
  box-shadow: none; }

.alert--inverse {
  background-color: #333;
  color: #fff;
  box-shadow: none; }

.alert--ghost {
  background-color: transparent;
  color: #fff;
  box-shadow: 0 0 0 1px #fff inset; }

.alert--small {
  font-size: 1.2rem; }

.alert--big {
  font-size: 2rem; }

.alert--block {
  width: 100% !important;
  display: block; }

.alert.disabled, .disabled.alert--primary, .disabled.alert--success, .disabled.alert--info, .disabled.alert--warning, .disabled.alert--danger, .disabled.alert--inverse, .disabled.alert--ghost, .alert--disabled {
  opacity: 0.5;
  cursor: not-allowed; }

.alert:empty, .alert--primary:empty, .alert--success:empty, .alert--info:empty, .alert--warning:empty, .alert--danger:empty, .alert--inverse:empty, .alert--ghost:empty {
  display: none; }

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?-ik96we");
  src: url("../fonts/icomoon.eot?#iefix-ik96we") format("embedded-opentype"), url("../fonts/icomoon.woff?-ik96we") format("woff"), url("../fonts/icomoon.ttf?-ik96we") format("truetype"), url("../fonts/icomoon.svg?-ik96we#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-home:before {
  content: "\e601"; }

.icon-home2:before {
  content: "\e602"; }

.icon-home3:before {
  content: "\e603"; }

.icon-home4:before {
  content: "\e604"; }

.icon-home5:before {
  content: "\e605"; }

.icon-home6:before {
  content: "\e606"; }

.icon-home7:before {
  content: "\e607"; }

.icon-home8:before {
  content: "\e608"; }

.icon-home9:before {
  content: "\e609"; }

.icon-office:before {
  content: "\e60a"; }

.icon-city:before {
  content: "\e60b"; }

.icon-newspaper:before {
  content: "\e60c"; }

.icon-magazine:before {
  content: "\e60d"; }

.icon-design:before {
  content: "\e60e"; }

.icon-pencil:before {
  content: "\e60f"; }

.icon-pencil2:before {
  content: "\e610"; }

.icon-pencil3:before {
  content: "\e611"; }

.icon-pencil4:before {
  content: "\e612"; }

.icon-pencil5:before {
  content: "\e613"; }

.icon-pencil6:before {
  content: "\e614"; }

.icon-pencil7:before {
  content: "\e615"; }

.icon-eraser:before {
  content: "\e616"; }

.icon-eraser2:before {
  content: "\e617"; }

.icon-eraser3:before {
  content: "\e618"; }

.icon-quill:before {
  content: "\e619"; }

.icon-quill2:before {
  content: "\e61a"; }

.icon-quill3:before {
  content: "\e61b"; }

.icon-quill4:before {
  content: "\e61c"; }

.icon-pen:before {
  content: "\e61d"; }

.icon-pen-plus:before {
  content: "\e61e"; }

.icon-pen-minus:before {
  content: "\e61f"; }

.icon-pen2:before {
  content: "\e620"; }

.icon-pen3:before {
  content: "\e621"; }

.icon-pen4:before {
  content: "\e622"; }

.icon-pen5:before {
  content: "\e623"; }

.icon-marker:before {
  content: "\e624"; }

.icon-marker2:before {
  content: "\e625"; }

.icon-blog:before {
  content: "\e626"; }

.icon-blog2:before {
  content: "\e627"; }

.icon-pen6:before {
  content: "\e628"; }

.icon-brush:before {
  content: "\e629"; }

.icon-spray:before {
  content: "\e62a"; }

.icon-palette:before {
  content: "\e62b"; }

.icon-palette2:before {
  content: "\e62c"; }

.icon-color-sampler:before {
  content: "\e62d"; }

.icon-toggle:before {
  content: "\e62e"; }

.icon-bucket:before {
  content: "\e62f"; }

.icon-bucket2:before {
  content: "\e630"; }

.icon-gradient:before {
  content: "\e631"; }

.icon-eyedropper:before {
  content: "\e632"; }

.icon-eyedropper2:before {
  content: "\e633"; }

.icon-eyedropper3:before {
  content: "\e634"; }

.icon-droplet:before {
  content: "\e635"; }

.icon-droplet2:before {
  content: "\e636"; }

.icon-droplet-contrast:before {
  content: "\e637"; }

.icon-color-clear:before {
  content: "\e638"; }

.icon-paint-format:before {
  content: "\e639"; }

.icon-stamp:before {
  content: "\e63a"; }

.icon-images:before {
  content: "\e63b"; }

.icon-image:before {
  content: "\e63c"; }

.icon-image2:before {
  content: "\e63d"; }

.icon-image-compare:before {
  content: "\e63e"; }

.icon-images2:before {
  content: "\e63f"; }

.icon-image3:before {
  content: "\e640"; }

.icon-images3:before {
  content: "\e641"; }

.icon-image4:before {
  content: "\e642"; }

.icon-image5:before {
  content: "\e643"; }

.icon-image6:before {
  content: "\e644"; }

.icon-camera:before {
  content: "\e645"; }

.icon-camera2:before {
  content: "\e646"; }

.icon-camera3:before {
  content: "\e647"; }

.icon-shutter:before {
  content: "\e648"; }

.icon-headphones:before {
  content: "\e649"; }

.icon-headset:before {
  content: "\e64a"; }

.icon-music:before {
  content: "\e64b"; }

.icon-music2:before {
  content: "\e64c"; }

.icon-music3:before {
  content: "\e64d"; }

.icon-music4:before {
  content: "\e64e"; }

.icon-music5:before {
  content: "\e64f"; }

.icon-music6:before {
  content: "\e650"; }

.icon-album:before {
  content: "\e651"; }

.icon-cassette:before {
  content: "\e652"; }

.icon-tape:before {
  content: "\e653"; }

.icon-piano:before {
  content: "\e654"; }

.icon-guitar:before {
  content: "\e655"; }

.icon-trumpet:before {
  content: "\e656"; }

.icon-speakers:before {
  content: "\e657"; }

.icon-play:before {
  content: "\e658"; }

.icon-play2:before {
  content: "\e659"; }

.icon-clapboard-play:before {
  content: "\e65a"; }

.icon-clapboard:before {
  content: "\e65b"; }

.icon-media:before {
  content: "\e65c"; }

.icon-presentation:before {
  content: "\e65d"; }

.icon-movie:before {
  content: "\e65e"; }

.icon-film:before {
  content: "\e65f"; }

.icon-film2:before {
  content: "\e660"; }

.icon-film3:before {
  content: "\e661"; }

.icon-film4:before {
  content: "\e662"; }

.icon-video-camera:before {
  content: "\e663"; }

.icon-video-camera2:before {
  content: "\e664"; }

.icon-video-camera-slash:before {
  content: "\e665"; }

.icon-video-camera3:before {
  content: "\e666"; }

.icon-video-camera4:before {
  content: "\e667"; }

.icon-video-camera-slash2:before {
  content: "\e668"; }

.icon-video-camera5:before {
  content: "\e669"; }

.icon-recording:before {
  content: "\e66a"; }

.icon-dice:before {
  content: "\e66b"; }

.icon-gamepad:before {
  content: "\e66c"; }

.icon-gamepad2:before {
  content: "\e66d"; }

.icon-gamepad3:before {
  content: "\e66e"; }

.icon-pacman:before {
  content: "\e66f"; }

.icon-spades:before {
  content: "\e670"; }

.icon-clubs:before {
  content: "\e671"; }

.icon-diamonds:before {
  content: "\e672"; }

.icon-chess-king:before {
  content: "\e673"; }

.icon-chess-queen:before {
  content: "\e674"; }

.icon-chess-rock:before {
  content: "\e675"; }

.icon-chess-bishop:before {
  content: "\e676"; }

.icon-chess-knight:before {
  content: "\e677"; }

.icon-chess-pawn:before {
  content: "\e678"; }

.icon-chess:before {
  content: "\e679"; }

.icon-bullhorn:before {
  content: "\e67a"; }

.icon-megaphone:before {
  content: "\e67b"; }

.icon-new:before {
  content: "\e67c"; }

.icon-connection:before {
  content: "\e67d"; }

.icon-connection2:before {
  content: "\e67e"; }

.icon-connection3:before {
  content: "\e67f"; }

.icon-connection4:before {
  content: "\e680"; }

.icon-podcast:before {
  content: "\e681"; }

.icon-station:before {
  content: "\e682"; }

.icon-station2:before {
  content: "\e683"; }

.icon-antenna:before {
  content: "\e684"; }

.icon-satellite-dish:before {
  content: "\e685"; }

.icon-satellite-dish2:before {
  content: "\e686"; }

.icon-feed:before {
  content: "\e687"; }

.icon-podcast2:before {
  content: "\e688"; }

.icon-antenna2:before {
  content: "\e689"; }

.icon-mic:before {
  content: "\e68a"; }

.icon-mic-off:before {
  content: "\e68b"; }

.icon-mic2:before {
  content: "\e68c"; }

.icon-mic-off2:before {
  content: "\e68d"; }

.icon-mic3:before {
  content: "\e68e"; }

.icon-mic4:before {
  content: "\e68f"; }

.icon-mic5:before {
  content: "\e690"; }

.icon-book:before {
  content: "\e691"; }

.icon-book2:before {
  content: "\e692"; }

.icon-book-play:before {
  content: "\e693"; }

.icon-book3:before {
  content: "\e694"; }

.icon-bookmark:before {
  content: "\e695"; }

.icon-books:before {
  content: "\e696"; }

.icon-archive:before {
  content: "\e697"; }

.icon-reading:before {
  content: "\e698"; }

.icon-library:before {
  content: "\e699"; }

.icon-library2:before {
  content: "\e69a"; }

.icon-graduation:before {
  content: "\e69b"; }

.icon-file-text:before {
  content: "\e69c"; }

.icon-profile:before {
  content: "\e69d"; }

.icon-file-empty:before {
  content: "\e69e"; }

.icon-file-empty2:before {
  content: "\e69f"; }

.icon-files-empty:before {
  content: "\e6a0"; }

.icon-files-empty2:before {
  content: "\e6a1"; }

.icon-file-plus:before {
  content: "\e6a2"; }

.icon-file-plus2:before {
  content: "\e6a3"; }

.icon-file-minus:before {
  content: "\e6a4"; }

.icon-file-minus2:before {
  content: "\e6a5"; }

.icon-file-download:before {
  content: "\e6a6"; }

.icon-file-download2:before {
  content: "\e6a7"; }

.icon-file-upload:before {
  content: "\e6a8"; }

.icon-file-upload2:before {
  content: "\e6a9"; }

.icon-file-check:before {
  content: "\e6aa"; }

.icon-file-check2:before {
  content: "\e6ab"; }

.icon-file-eye:before {
  content: "\e6ac"; }

.icon-file-eye2:before {
  content: "\e6ad"; }

.icon-file-text2:before {
  content: "\e6ae"; }

.icon-file-text3:before {
  content: "\e6af"; }

.icon-file-picture:before {
  content: "\e6b0"; }

.icon-file-picture2:before {
  content: "\e6b1"; }

.icon-file-music:before {
  content: "\e6b2"; }

.icon-file-music2:before {
  content: "\e6b3"; }

.icon-file-play:before {
  content: "\e6b4"; }

.icon-file-play2:before {
  content: "\e6b5"; }

.icon-file-video:before {
  content: "\e6b6"; }

.icon-file-video2:before {
  content: "\e6b7"; }

.icon-copy:before {
  content: "\e6b8"; }

.icon-copy2:before {
  content: "\e6b9"; }

.icon-file-zip:before {
  content: "\e6ba"; }

.icon-file-zip2:before {
  content: "\e6bb"; }

.icon-file-xml:before {
  content: "\e6bc"; }

.icon-file-xml2:before {
  content: "\e6bd"; }

.icon-file-css:before {
  content: "\e6be"; }

.icon-file-css2:before {
  content: "\e6bf"; }

.icon-file-presentation:before {
  content: "\e6c0"; }

.icon-file-presentation2:before {
  content: "\e6c1"; }

.icon-file-stats:before {
  content: "\e6c2"; }

.icon-file-stats2:before {
  content: "\e6c3"; }

.icon-file-locked:before {
  content: "\e6c4"; }

.icon-file-locked2:before {
  content: "\e6c5"; }

.icon-file-spreadsheet:before {
  content: "\e6c6"; }

.icon-file-spreadsheet2:before {
  content: "\e6c7"; }

.icon-copy3:before {
  content: "\e6c8"; }

.icon-copy4:before {
  content: "\e6c9"; }

.icon-paste:before {
  content: "\e6ca"; }

.icon-paste2:before {
  content: "\e6cb"; }

.icon-paste3:before {
  content: "\e6cc"; }

.icon-paste4:before {
  content: "\e6cd"; }

.icon-stack:before {
  content: "\e6ce"; }

.icon-stack2:before {
  content: "\e6cf"; }

.icon-stack3:before {
  content: "\e6d0"; }

.icon-folder:before {
  content: "\e6d1"; }

.icon-folder-search:before {
  content: "\e6d2"; }

.icon-folder-download:before {
  content: "\e6d3"; }

.icon-folder-upload:before {
  content: "\e6d4"; }

.icon-folder-plus:before {
  content: "\e6d5"; }

.icon-folder-plus2:before {
  content: "\e6d6"; }

.icon-folder-minus:before {
  content: "\e6d7"; }

.icon-folder-minus2:before {
  content: "\e6d8"; }

.icon-folder-check:before {
  content: "\e6d9"; }

.icon-folder-heart:before {
  content: "\e6da"; }

.icon-folder-remove:before {
  content: "\e6db"; }

.icon-folder2:before {
  content: "\e6dc"; }

.icon-folder-open:before {
  content: "\e6dd"; }

.icon-folder3:before {
  content: "\e6de"; }

.icon-folder4:before {
  content: "\e6df"; }

.icon-folder-plus3:before {
  content: "\e6e0"; }

.icon-folder-minus3:before {
  content: "\e6e1"; }

.icon-folder-plus4:before {
  content: "\e6e2"; }

.icon-folder-minus4:before {
  content: "\e6e3"; }

.icon-folder-download2:before {
  content: "\e6e4"; }

.icon-folder-upload2:before {
  content: "\e6e5"; }

.icon-folder-download3:before {
  content: "\e6e6"; }

.icon-folder-upload3:before {
  content: "\e6e7"; }

.icon-folder5:before {
  content: "\e6e8"; }

.icon-folder-open2:before {
  content: "\e6e9"; }

.icon-folder6:before {
  content: "\e6ea"; }

.icon-folder-open3:before {
  content: "\e6eb"; }

.icon-certificate:before {
  content: "\e6ec"; }

.icon-cc:before {
  content: "\e6ed"; }

.icon-price-tag:before {
  content: "\e6ee"; }

.icon-price-tag2:before {
  content: "\e6ef"; }

.icon-price-tags:before {
  content: "\e6f0"; }

.icon-price-tag3:before {
  content: "\e6f1"; }

.icon-price-tags2:before {
  content: "\e6f2"; }

.icon-price-tag4:before {
  content: "\e6f3"; }

.icon-price-tags3:before {
  content: "\e6f4"; }

.icon-price-tag5:before {
  content: "\e6f5"; }

.icon-price-tags4:before {
  content: "\e6f6"; }

.icon-barcode:before {
  content: "\e6f7"; }

.icon-barcode2:before {
  content: "\e6f8"; }

.icon-qrcode:before {
  content: "\e6f9"; }

.icon-ticket:before {
  content: "\e6fa"; }

.icon-ticket2:before {
  content: "\e6fb"; }

.icon-theater:before {
  content: "\e6fc"; }

.icon-store:before {
  content: "\e6fd"; }

.icon-store2:before {
  content: "\e6fe"; }

.icon-cart:before {
  content: "\e6ff"; }

.icon-cart2:before {
  content: "\e700"; }

.icon-cart3:before {
  content: "\e701"; }

.icon-cart4:before {
  content: "\e702"; }

.icon-cart5:before {
  content: "\e703"; }

.icon-cart-add:before {
  content: "\e704"; }

.icon-cart-add2:before {
  content: "\e705"; }

.icon-cart-remove:before {
  content: "\e706"; }

.icon-basket:before {
  content: "\e707"; }

.icon-bag:before {
  content: "\e708"; }

.icon-bag2:before {
  content: "\e709"; }

.icon-percent:before {
  content: "\e70a"; }

.icon-coins:before {
  content: "\e70b"; }

.icon-coin-dollar:before {
  content: "\e70c"; }

.icon-coin-euro:before {
  content: "\e70d"; }

.icon-coin-pound:before {
  content: "\e70e"; }

.icon-coin-yen:before {
  content: "\e70f"; }

.icon-piggy-bank:before {
  content: "\e710"; }

.icon-wallet:before {
  content: "\e711"; }

.icon-cash:before {
  content: "\e712"; }

.icon-cash2:before {
  content: "\e713"; }

.icon-cash3:before {
  content: "\e714"; }

.icon-cash4:before {
  content: "\e715"; }

.icon-credit-card:before {
  content: "\e716"; }

.icon-credit-card2:before {
  content: "\e717"; }

.icon-calculator:before {
  content: "\e718"; }

.icon-calculator2:before {
  content: "\e719"; }

.icon-calculator3:before {
  content: "\e71a"; }

.icon-chip:before {
  content: "\e71b"; }

.icon-lifebuoy:before {
  content: "\e71c"; }

.icon-phone:before {
  content: "\e71d"; }

.icon-phone2:before {
  content: "\e71e"; }

.icon-phone-slash:before {
  content: "\e71f"; }

.icon-phone-wave:before {
  content: "\e720"; }

.icon-phone-plus:before {
  content: "\e721"; }

.icon-phone-minus:before {
  content: "\e722"; }

.icon-phone-plus2:before {
  content: "\e723"; }

.icon-phone-minus2:before {
  content: "\e724"; }

.icon-phone-incoming:before {
  content: "\e725"; }

.icon-phone-outgoing:before {
  content: "\e726"; }

.icon-phone3:before {
  content: "\e727"; }

.icon-phone-slash2:before {
  content: "\e728"; }

.icon-phone-wave2:before {
  content: "\e729"; }

.icon-phone-hang-up:before {
  content: "\e72a"; }

.icon-phone-hang-up2:before {
  content: "\e72b"; }

.icon-address-book:before {
  content: "\e72c"; }

.icon-address-book2:before {
  content: "\e72d"; }

.icon-address-book3:before {
  content: "\e72e"; }

.icon-notebook:before {
  content: "\e72f"; }

.icon-at-sign:before {
  content: "\e730"; }

.icon-envelop:before {
  content: "\e731"; }

.icon-envelop2:before {
  content: "\e732"; }

.icon-envelop3:before {
  content: "\e733"; }

.icon-envelop4:before {
  content: "\e734"; }

.icon-envelop5:before {
  content: "\e735"; }

.icon-mailbox:before {
  content: "\e736"; }

.icon-pushpin:before {
  content: "\e737"; }

.icon-pushpin2:before {
  content: "\e738"; }

.icon-location:before {
  content: "\e739"; }

.icon-location2:before {
  content: "\e73a"; }

.icon-location3:before {
  content: "\e73b"; }

.icon-location4:before {
  content: "\e73c"; }

.icon-location5:before {
  content: "\e73d"; }

.icon-location6:before {
  content: "\e73e"; }

.icon-location7:before {
  content: "\e73f"; }

.icon-compass:before {
  content: "\e740"; }

.icon-compass2:before {
  content: "\e741"; }

.icon-compass3:before {
  content: "\e742"; }

.icon-compass4:before {
  content: "\e743"; }

.icon-compass5:before {
  content: "\e744"; }

.icon-compass6:before {
  content: "\e745"; }

.icon-map:before {
  content: "\e746"; }

.icon-map2:before {
  content: "\e747"; }

.icon-map3:before {
  content: "\e748"; }

.icon-map4:before {
  content: "\e749"; }

.icon-map5:before {
  content: "\e74a"; }

.icon-direction:before {
  content: "\e74b"; }

.icon-reset:before {
  content: "\e74c"; }

.icon-history:before {
  content: "\e74d"; }

.icon-clock:before {
  content: "\e74e"; }

.icon-clock2:before {
  content: "\e74f"; }

.icon-clock3:before {
  content: "\e750"; }

.icon-clock4:before {
  content: "\e751"; }

.icon-watch:before {
  content: "\e752"; }

.icon-watch2:before {
  content: "\e753"; }

.icon-alarm:before {
  content: "\e754"; }

.icon-alarm-add:before {
  content: "\e755"; }

.icon-alarm-check:before {
  content: "\e756"; }

.icon-alarm-cancel:before {
  content: "\e757"; }

.icon-bell:before {
  content: "\e758"; }

.icon-bell2:before {
  content: "\e759"; }

.icon-bell3:before {
  content: "\e75a"; }

.icon-bell-plus:before {
  content: "\e75b"; }

.icon-bell-minus:before {
  content: "\e75c"; }

.icon-bell-check:before {
  content: "\e75d"; }

.icon-bell-cross:before {
  content: "\e75e"; }

.icon-stopwatch:before {
  content: "\e75f"; }

.icon-calendar:before {
  content: "\e760"; }

.icon-calendar2:before {
  content: "\e761"; }

.icon-calendar3:before {
  content: "\e762"; }

.icon-calendar4:before {
  content: "\e763"; }

.icon-calendar5:before {
  content: "\e764"; }

.icon-printer:before {
  content: "\e765"; }

.icon-printer2:before {
  content: "\e766"; }

.icon-printer3:before {
  content: "\e767"; }

.icon-printer4:before {
  content: "\e768"; }

.icon-shredder:before {
  content: "\e769"; }

.icon-mouse:before {
  content: "\e76a"; }

.icon-mouse2:before {
  content: "\e76b"; }

.icon-mouse-left:before {
  content: "\e76c"; }

.icon-mouse-right:before {
  content: "\e76d"; }

.icon-keyboard:before {
  content: "\e76e"; }

.icon-keyboard2:before {
  content: "\e76f"; }

.icon-typewriter:before {
  content: "\e770"; }

.icon-display:before {
  content: "\e771"; }

.icon-display2:before {
  content: "\e772"; }

.icon-display3:before {
  content: "\e773"; }

.icon-display4:before {
  content: "\e774"; }

.icon-laptop:before {
  content: "\e775"; }

.icon-mobile:before {
  content: "\e776"; }

.icon-mobile2:before {
  content: "\e777"; }

.icon-tablet:before {
  content: "\e778"; }

.icon-mobile3:before {
  content: "\e779"; }

.icon-tv:before {
  content: "\e77a"; }

.icon-radio:before {
  content: "\e77b"; }

.icon-cabinet:before {
  content: "\e77c"; }

.icon-drawer:before {
  content: "\e77d"; }

.icon-drawer2:before {
  content: "\e77e"; }

.icon-drawer-out:before {
  content: "\e77f"; }

.icon-drawer-in:before {
  content: "\e780"; }

.icon-drawer3:before {
  content: "\e781"; }

.icon-box:before {
  content: "\e782"; }

.icon-box-add:before {
  content: "\e783"; }

.icon-box-remove:before {
  content: "\e784"; }

.icon-download:before {
  content: "\e785"; }

.icon-upload:before {
  content: "\e786"; }

.icon-floppy-disk:before {
  content: "\e787"; }

.icon-floppy-disks:before {
  content: "\e788"; }

.icon-floppy-disks2:before {
  content: "\e789"; }

.icon-floppy-disk2:before {
  content: "\e78a"; }

.icon-floppy-disk3:before {
  content: "\e78b"; }

.icon-disk:before {
  content: "\e78c"; }

.icon-disk2:before {
  content: "\e78d"; }

.icon-usb-stick:before {
  content: "\e78e"; }

.icon-drive:before {
  content: "\e78f"; }

.icon-server:before {
  content: "\e790"; }

.icon-database:before {
  content: "\e791"; }

.icon-database2:before {
  content: "\e792"; }

.icon-database3:before {
  content: "\e793"; }

.icon-database4:before {
  content: "\e794"; }

.icon-database-menu:before {
  content: "\e795"; }

.icon-database-add:before {
  content: "\e796"; }

.icon-database-remove:before {
  content: "\e797"; }

.icon-database-insert:before {
  content: "\e798"; }

.icon-database-export:before {
  content: "\e799"; }

.icon-database-upload:before {
  content: "\e79a"; }

.icon-database-refresh:before {
  content: "\e79b"; }

.icon-database-diff:before {
  content: "\e79c"; }

.icon-database-edit:before {
  content: "\e79d"; }

.icon-database-edit2:before {
  content: "\e79e"; }

.icon-database-check:before {
  content: "\e79f"; }

.icon-database-arrow:before {
  content: "\e7a0"; }

.icon-database-time:before {
  content: "\e7a1"; }

.icon-database-time2:before {
  content: "\e7a2"; }

.icon-undo:before {
  content: "\e7a3"; }

.icon-redo:before {
  content: "\e7a4"; }

.icon-rotate-ccw:before {
  content: "\e7a5"; }

.icon-rotate-cw:before {
  content: "\e7a6"; }

.icon-rotate-ccw2:before {
  content: "\e7a7"; }

.icon-rotate-cw2:before {
  content: "\e7a8"; }

.icon-rotate-ccw3:before {
  content: "\e7a9"; }

.icon-rotate-cw3:before {
  content: "\e7aa"; }

.icon-flip-vertical:before {
  content: "\e7ab"; }

.icon-flip-vertical2:before {
  content: "\e7ac"; }

.icon-flip-horizontal:before {
  content: "\e7ad"; }

.icon-flip-horizontal2:before {
  content: "\e7ae"; }

.icon-flip-vertical3:before {
  content: "\e7af"; }

.icon-flip-vertical4:before {
  content: "\e7b0"; }

.icon-angle:before {
  content: "\e7b1"; }

.icon-shear:before {
  content: "\e7b2"; }

.icon-unite:before {
  content: "\e7b3"; }

.icon-subtract:before {
  content: "\e7b4"; }

.icon-interset:before {
  content: "\e7b5"; }

.icon-exclude:before {
  content: "\e7b6"; }

.icon-align-left:before {
  content: "\e7b7"; }

.icon-align-center-horizontal:before {
  content: "\e7b8"; }

.icon-align-right:before {
  content: "\e7b9"; }

.icon-align-top:before {
  content: "\e7ba"; }

.icon-align-center-vertical:before {
  content: "\e7bb"; }

.icon-align-bottom:before {
  content: "\e7bc"; }

.icon-undo2:before {
  content: "\e7bd"; }

.icon-redo2:before {
  content: "\e7be"; }

.icon-forward:before {
  content: "\e7bf"; }

.icon-reply:before {
  content: "\e7c0"; }

.icon-reply-all:before {
  content: "\e7c1"; }

.icon-bubble:before {
  content: "\e7c2"; }

.icon-bubbles:before {
  content: "\e7c3"; }

.icon-bubbles2:before {
  content: "\e7c4"; }

.icon-bubble2:before {
  content: "\e7c5"; }

.icon-bubbles3:before {
  content: "\e7c6"; }

.icon-bubbles4:before {
  content: "\e7c7"; }

.icon-bubble-notification:before {
  content: "\e7c8"; }

.icon-bubbles5:before {
  content: "\e7c9"; }

.icon-bubbles6:before {
  content: "\e7ca"; }

.icon-bubble3:before {
  content: "\e7cb"; }

.icon-bubble-dots:before {
  content: "\e7cc"; }

.icon-bubble-lines:before {
  content: "\e7cd"; }

.icon-bubble4:before {
  content: "\e7ce"; }

.icon-bubble-dots2:before {
  content: "\e7cf"; }

.icon-bubble-lines2:before {
  content: "\e7d0"; }

.icon-bubble5:before {
  content: "\e7d1"; }

.icon-bubble6:before {
  content: "\e7d2"; }

.icon-bubbles7:before {
  content: "\e7d3"; }

.icon-bubble7:before {
  content: "\e7d4"; }

.icon-bubbles8:before {
  content: "\e7d5"; }

.icon-bubble8:before {
  content: "\e7d6"; }

.icon-bubble-dots3:before {
  content: "\e7d7"; }

.icon-bubble-lines3:before {
  content: "\e7d8"; }

.icon-bubble9:before {
  content: "\e7d9"; }

.icon-bubble-dots4:before {
  content: "\e7da"; }

.icon-bubble-lines4:before {
  content: "\e7db"; }

.icon-bubbles9:before {
  content: "\e7dc"; }

.icon-bubbles10:before {
  content: "\e7dd"; }

.icon-bubble-blocked:before {
  content: "\e7de"; }

.icon-bubble-quote:before {
  content: "\e7df"; }

.icon-bubble-user:before {
  content: "\e7e0"; }

.icon-bubble-smiley:before {
  content: "\e7e1"; }

.icon-bubble-check:before {
  content: "\e7e2"; }

.icon-bubble-video:before {
  content: "\e7e3"; }

.icon-bubble-link:before {
  content: "\e7e4"; }

.icon-bubble-lock:before {
  content: "\e7e5"; }

.icon-bubble-star:before {
  content: "\e7e6"; }

.icon-bubble-heart:before {
  content: "\e7e7"; }

.icon-bubble-paperclip:before {
  content: "\e7e8"; }

.icon-bubble-cancel:before {
  content: "\e7e9"; }

.icon-bubble-plus:before {
  content: "\e7ea"; }

.icon-bubble-minus:before {
  content: "\e7eb"; }

.icon-bubble-notification2:before {
  content: "\e7ec"; }

.icon-bubble-left:before {
  content: "\e7ed"; }

.icon-bubble-right:before {
  content: "\e7ee"; }

.icon-bubble-first:before {
  content: "\e7ef"; }

.icon-bubble-last:before {
  content: "\e7f0"; }

.icon-bubble-reply:before {
  content: "\e7f1"; }

.icon-bubble-forward:before {
  content: "\e7f2"; }

.icon-bubble-reply2:before {
  content: "\e7f3"; }

.icon-bubble-forward2:before {
  content: "\e7f4"; }

.icon-user:before {
  content: "\e7f5"; }

.icon-users:before {
  content: "\e7f6"; }

.icon-user-plus:before {
  content: "\e7f7"; }

.icon-user-minus:before {
  content: "\e7f8"; }

.icon-user-cancel:before {
  content: "\e7f9"; }

.icon-user-block:before {
  content: "\e7fa"; }

.icon-user-lock:before {
  content: "\e7fb"; }

.icon-user-check:before {
  content: "\e7fc"; }

.icon-users2:before {
  content: "\e7fd"; }

.icon-user2:before {
  content: "\e7fe"; }

.icon-users3:before {
  content: "\e7ff"; }

.icon-user-plus2:before {
  content: "\e800"; }

.icon-user-minus2:before {
  content: "\e801"; }

.icon-user-cancel2:before {
  content: "\e802"; }

.icon-user-block2:before {
  content: "\e803"; }

.icon-user-lock2:before {
  content: "\e804"; }

.icon-user-check2:before {
  content: "\e805"; }

.icon-user3:before {
  content: "\e806"; }

.icon-user4:before {
  content: "\e807"; }

.icon-user5:before {
  content: "\e808"; }

.icon-user6:before {
  content: "\e809"; }

.icon-users4:before {
  content: "\e80a"; }

.icon-user-tie:before {
  content: "\e80b"; }

.icon-user7:before {
  content: "\e80c"; }

.icon-users5:before {
  content: "\e80d"; }

.icon-collaboration:before {
  content: "\e80e"; }

.icon-vcard:before {
  content: "\e80f"; }

.icon-hat:before {
  content: "\e810"; }

.icon-bowtie:before {
  content: "\e811"; }

.icon-tie:before {
  content: "\e812"; }

.icon-hanger:before {
  content: "\e813"; }

.icon-tshirt:before {
  content: "\e814"; }

.icon-pants:before {
  content: "\e815"; }

.icon-shorts:before {
  content: "\e816"; }

.icon-sock:before {
  content: "\e817"; }

.icon-laundry:before {
  content: "\e818"; }

.icon-quotes-left:before {
  content: "\e819"; }

.icon-quotes-right:before {
  content: "\e81a"; }

.icon-quotes-left2:before {
  content: "\e81b"; }

.icon-quotes-right2:before {
  content: "\e81c"; }

.icon-hour-glass:before {
  content: "\e81d"; }

.icon-hour-glass2:before {
  content: "\e81e"; }

.icon-hour-glass3:before {
  content: "\e81f"; }

.icon-spinner:before {
  content: "\e820"; }

.icon-spinner2:before {
  content: "\e821"; }

.icon-spinner3:before {
  content: "\e822"; }

.icon-spinner4:before {
  content: "\e823"; }

.icon-spinner5:before {
  content: "\e824"; }

.icon-spinner6:before {
  content: "\e825"; }

.icon-spinner7:before {
  content: "\e826"; }

.icon-spinner8:before {
  content: "\e827"; }

.icon-spinner9:before {
  content: "\e828"; }

.icon-spinner10:before {
  content: "\e829"; }

.icon-spinner11:before {
  content: "\e82a"; }

.icon-microscope:before {
  content: "\e82b"; }

.icon-binoculars:before {
  content: "\e82c"; }

.icon-binoculars2:before {
  content: "\e82d"; }

.icon-search:before {
  content: "\e82e"; }

.icon-zoom-in:before {
  content: "\e82f"; }

.icon-zoom-out:before {
  content: "\e830"; }

.icon-search2:before {
  content: "\e831"; }

.icon-zoom-in2:before {
  content: "\e832"; }

.icon-zoom-out2:before {
  content: "\e833"; }

.icon-search3:before {
  content: "\e834"; }

.icon-search4:before {
  content: "\e835"; }

.icon-zoom-in3:before {
  content: "\e836"; }

.icon-zoom-out3:before {
  content: "\e837"; }

.icon-search5:before {
  content: "\e838"; }

.icon-search6:before {
  content: "\e839"; }

.icon-enlarge:before {
  content: "\e83a"; }

.icon-shrink:before {
  content: "\e83b"; }

.icon-enlarge2:before {
  content: "\e83c"; }

.icon-shrink2:before {
  content: "\e83d"; }

.icon-enlarge3:before {
  content: "\e83e"; }

.icon-shrink3:before {
  content: "\e83f"; }

.icon-enlarge4:before {
  content: "\e840"; }

.icon-shrink4:before {
  content: "\e841"; }

.icon-enlarge5:before {
  content: "\e842"; }

.icon-shrink5:before {
  content: "\e843"; }

.icon-enlarge6:before {
  content: "\e844"; }

.icon-shrink6:before {
  content: "\e845"; }

.icon-enlarge7:before {
  content: "\e846"; }

.icon-shrink7:before {
  content: "\e847"; }

.icon-key:before {
  content: "\e848"; }

.icon-key2:before {
  content: "\e849"; }

.icon-key3:before {
  content: "\e84a"; }

.icon-key4:before {
  content: "\e84b"; }

.icon-key5:before {
  content: "\e84c"; }

.icon-keyhole:before {
  content: "\e84d"; }

.icon-lock:before {
  content: "\e84e"; }

.icon-lock2:before {
  content: "\e84f"; }

.icon-lock3:before {
  content: "\e850"; }

.icon-lock4:before {
  content: "\e851"; }

.icon-unlocked:before {
  content: "\e852"; }

.icon-lock5:before {
  content: "\e853"; }

.icon-unlocked2:before {
  content: "\e854"; }

.icon-safe:before {
  content: "\e855"; }

.icon-wrench:before {
  content: "\e856"; }

.icon-wrench2:before {
  content: "\e857"; }

.icon-wrench3:before {
  content: "\e858"; }

.icon-equalizer:before {
  content: "\e859"; }

.icon-equalizer2:before {
  content: "\e85a"; }

.icon-equalizer3:before {
  content: "\e85b"; }

.icon-equalizer4:before {
  content: "\e85c"; }

.icon-cog:before {
  content: "\e85d"; }

.icon-cogs:before {
  content: "\e85e"; }

.icon-cog2:before {
  content: "\e85f"; }

.icon-cog3:before {
  content: "\e860"; }

.icon-cog4:before {
  content: "\e861"; }

.icon-cog5:before {
  content: "\e862"; }

.icon-cog6:before {
  content: "\e863"; }

.icon-cog7:before {
  content: "\e864"; }

.icon-factory:before {
  content: "\e865"; }

.icon-hammer:before {
  content: "\e866"; }

.icon-hammer-wrench:before {
  content: "\e867"; }

.icon-knife:before {
  content: "\e868"; }

.icon-screwdriver:before {
  content: "\e869"; }

.icon-screwdriver2:before {
  content: "\e86a"; }

.icon-magic-wand:before {
  content: "\e86b"; }

.icon-magic-wand2:before {
  content: "\e86c"; }

.icon-pulse:before {
  content: "\e86d"; }

.icon-pulse2:before {
  content: "\e86e"; }

.icon-aid-kit:before {
  content: "\e86f"; }

.icon-aid-kit2:before {
  content: "\e870"; }

.icon-stethoscope:before {
  content: "\e871"; }

.icon-ambulance:before {
  content: "\e872"; }

.icon-alarm2:before {
  content: "\e873"; }

.icon-pandage:before {
  content: "\e874"; }

.icon-pandage2:before {
  content: "\e875"; }

.icon-bug:before {
  content: "\e876"; }

.icon-bug2:before {
  content: "\e877"; }

.icon-syringe:before {
  content: "\e878"; }

.icon-syringe2:before {
  content: "\e879"; }

.icon-pill:before {
  content: "\e87a"; }

.icon-construction:before {
  content: "\e87b"; }

.icon-traffic-cone:before {
  content: "\e87c"; }

.icon-traffic-lights:before {
  content: "\e87d"; }

.icon-pie-chart:before {
  content: "\e87e"; }

.icon-pie-chart2:before {
  content: "\e87f"; }

.icon-pie-chart3:before {
  content: "\e880"; }

.icon-pie-chart4:before {
  content: "\e881"; }

.icon-pie-chart5:before {
  content: "\e882"; }

.icon-pie-chart6:before {
  content: "\e883"; }

.icon-pie-chart7:before {
  content: "\e884"; }

.icon-stats-dots:before {
  content: "\e885"; }

.icon-stats-bars:before {
  content: "\e886"; }

.icon-pie-chart8:before {
  content: "\e887"; }

.icon-stats-bars2:before {
  content: "\e888"; }

.icon-stats-bars3:before {
  content: "\e889"; }

.icon-stats-bars4:before {
  content: "\e88a"; }

.icon-stats-bars5:before {
  content: "\e88b"; }

.icon-stats-bars6:before {
  content: "\e88c"; }

.icon-chart:before {
  content: "\e88d"; }

.icon-stats-growth:before {
  content: "\e88e"; }

.icon-stats-decline:before {
  content: "\e88f"; }

.icon-stats-growth2:before {
  content: "\e890"; }

.icon-stats-decline2:before {
  content: "\e891"; }

.icon-stairs-up:before {
  content: "\e892"; }

.icon-stairs-down:before {
  content: "\e893"; }

.icon-stairs:before {
  content: "\e894"; }

.icon-stairs2:before {
  content: "\e895"; }

.icon-ladder:before {
  content: "\e896"; }

.icon-rating:before {
  content: "\e897"; }

.icon-rating2:before {
  content: "\e898"; }

.icon-rating3:before {
  content: "\e899"; }

.icon-cake:before {
  content: "\e89a"; }

.icon-podium:before {
  content: "\e89b"; }

.icon-stars:before {
  content: "\e89c"; }

.icon-medal-star:before {
  content: "\e89d"; }

.icon-medal:before {
  content: "\e89e"; }

.icon-medal2:before {
  content: "\e89f"; }

.icon-medal-first:before {
  content: "\e8a0"; }

.icon-medal-second:before {
  content: "\e8a1"; }

.icon-medal-third:before {
  content: "\e8a2"; }

.icon-crown:before {
  content: "\e8a3"; }

.icon-trophy:before {
  content: "\e8a4"; }

.icon-trophy2:before {
  content: "\e8a5"; }

.icon-trophy3:before {
  content: "\e8a6"; }

.icon-diamond:before {
  content: "\e8a7"; }

.icon-diamond2:before {
  content: "\e8a8"; }

.icon-trophy4:before {
  content: "\e8a9"; }

.icon-gift:before {
  content: "\e8aa"; }

.icon-gift2:before {
  content: "\e8ab"; }

.icon-balloon:before {
  content: "\e8ac"; }

.icon-pipe:before {
  content: "\e8ad"; }

.icon-mustache:before {
  content: "\e8ae"; }

.icon-mustache2:before {
  content: "\e8af"; }

.icon-glass:before {
  content: "\e8b0"; }

.icon-glass2:before {
  content: "\e8b1"; }

.icon-glass3:before {
  content: "\e8b2"; }

.icon-glass4:before {
  content: "\e8b3"; }

.icon-bottle:before {
  content: "\e8b4"; }

.icon-bottle2:before {
  content: "\e8b5"; }

.icon-bottle3:before {
  content: "\e8b6"; }

.icon-bottle4:before {
  content: "\e8b7"; }

.icon-mug:before {
  content: "\e8b8"; }

.icon-fork-knife:before {
  content: "\e8b9"; }

.icon-spoon-knife:before {
  content: "\e8ba"; }

.icon-cook:before {
  content: "\e8bb"; }

.icon-plate:before {
  content: "\e8bc"; }

.icon-steak:before {
  content: "\e8bd"; }

.icon-fish:before {
  content: "\e8be"; }

.icon-chicken:before {
  content: "\e8bf"; }

.icon-hamburger:before {
  content: "\e8c0"; }

.icon-pizza:before {
  content: "\e8c1"; }

.icon-cheese:before {
  content: "\e8c2"; }

.icon-bread:before {
  content: "\e8c3"; }

.icon-icecream:before {
  content: "\e8c4"; }

.icon-milk:before {
  content: "\e8c5"; }

.icon-cup:before {
  content: "\e8c6"; }

.icon-cup2:before {
  content: "\e8c7"; }

.icon-coffee-baen:before {
  content: "\e8c8"; }

.icon-coffee:before {
  content: "\e8c9"; }

.icon-teapot:before {
  content: "\e8ca"; }

.icon-leaf:before {
  content: "\e8cb"; }

.icon-leaf2:before {
  content: "\e8cc"; }

.icon-apple:before {
  content: "\e8cd"; }

.icon-grapes:before {
  content: "\e8ce"; }

.icon-cherry:before {
  content: "\e8cf"; }

.icon-tree:before {
  content: "\e8d0"; }

.icon-tree2:before {
  content: "\e8d1"; }

.icon-tree3:before {
  content: "\e8d2"; }

.icon-tree4:before {
  content: "\e8d3"; }

.icon-cactus:before {
  content: "\e8d4"; }

.icon-mountains:before {
  content: "\e8d5"; }

.icon-paw:before {
  content: "\e8d6"; }

.icon-footprint:before {
  content: "\e8d7"; }

.icon-tent:before {
  content: "\e8d8"; }

.icon-flower:before {
  content: "\e8d9"; }

.icon-flower2:before {
  content: "\e8da"; }

.icon-rocket:before {
  content: "\e8db"; }

.icon-meter:before {
  content: "\e8dc"; }

.icon-meter2:before {
  content: "\e8dd"; }

.icon-meter-slow:before {
  content: "\e8de"; }

.icon-meter-medium:before {
  content: "\e8df"; }

.icon-meter-fast:before {
  content: "\e8e0"; }

.icon-meter3:before {
  content: "\e8e1"; }

.icon-hammer2:before {
  content: "\e8e2"; }

.icon-balance:before {
  content: "\e8e3"; }

.icon-scale:before {
  content: "\e8e4"; }

.icon-bomb:before {
  content: "\e8e5"; }

.icon-fire:before {
  content: "\e8e6"; }

.icon-fire2:before {
  content: "\e8e7"; }

.icon-lab:before {
  content: "\e8e8"; }

.icon-atom:before {
  content: "\e8e9"; }

.icon-atom2:before {
  content: "\e8ea"; }

.icon-magnet:before {
  content: "\e8eb"; }

.icon-magnet2:before {
  content: "\e8ec"; }

.icon-dumbbell:before {
  content: "\e8ed"; }

.icon-skull:before {
  content: "\e8ee"; }

.icon-skull2:before {
  content: "\e8ef"; }

.icon-lamp:before {
  content: "\e8f0"; }

.icon-lamp2:before {
  content: "\e8f1"; }

.icon-lamp3:before {
  content: "\e8f2"; }

.icon-spotlight:before {
  content: "\e8f3"; }

.icon-lamp4:before {
  content: "\e8f4"; }

.icon-lamp5:before {
  content: "\e8f5"; }

.icon-lamp6:before {
  content: "\e8f6"; }

.icon-lamp7:before {
  content: "\e8f7"; }

.icon-lamp8:before {
  content: "\e8f8"; }

.icon-broom:before {
  content: "\e8f9"; }

.icon-toiletpaper:before {
  content: "\e8fa"; }

.icon-bin:before {
  content: "\e8fb"; }

.icon-bin2:before {
  content: "\e8fc"; }

.icon-bin3:before {
  content: "\e8fd"; }

.icon-bin4:before {
  content: "\e8fe"; }

.icon-bin5:before {
  content: "\e8ff"; }

.icon-briefcase:before {
  content: "\e900"; }

.icon-briefcase2:before {
  content: "\e901"; }

.icon-briefcase3:before {
  content: "\e902"; }

.icon-airplane:before {
  content: "\e903"; }

.icon-airplane2:before {
  content: "\e904"; }

.icon-airplane3:before {
  content: "\e905"; }

.icon-airplane4:before {
  content: "\e906"; }

.icon-paperplane:before {
  content: "\e907"; }

.icon-car:before {
  content: "\e908"; }

.icon-steering-wheel:before {
  content: "\e909"; }

.icon-car2:before {
  content: "\e90a"; }

.icon-gas:before {
  content: "\e90b"; }

.icon-bus:before {
  content: "\e90c"; }

.icon-truck2:before {
  content: "\e90d"; }

.icon-bike:before {
  content: "\e90e"; }

.icon-road:before {
  content: "\e90f"; }

.icon-train:before {
  content: "\e910"; }

.icon-train2:before {
  content: "\e911"; }

.icon-ship:before {
  content: "\e912"; }

.icon-boat:before {
  content: "\e913"; }

.icon-chopper:before {
  content: "\e914"; }

.icon-chopper2:before {
  content: "\e915"; }

.icon-cube:before {
  content: "\e916"; }

.icon-cube2:before {
  content: "\e917"; }

.icon-cube3:before {
  content: "\e918"; }

.icon-cube4:before {
  content: "\e919"; }

.icon-pyramid:before {
  content: "\e91a"; }

.icon-pyramid2:before {
  content: "\e91b"; }

.icon-package:before {
  content: "\e91c"; }

.icon-puzzle:before {
  content: "\e91d"; }

.icon-puzzle2:before {
  content: "\e91e"; }

.icon-puzzle3:before {
  content: "\e91f"; }

.icon-puzzle4:before {
  content: "\e920"; }

.icon-glasses-3d:before {
  content: "\e921"; }

.icon-glasses-3d2:before {
  content: "\e922"; }

.icon-glasses:before {
  content: "\e923"; }

.icon-glasses2:before {
  content: "\e924"; }

.icon-brain:before {
  content: "\e925"; }

.icon-accessibility:before {
  content: "\e926"; }

.icon-accessibility2:before {
  content: "\e927"; }

.icon-strategy:before {
  content: "\e928"; }

.icon-target:before {
  content: "\e929"; }

.icon-target2:before {
  content: "\e92a"; }

.icon-target3:before {
  content: "\e92b"; }

.icon-ammo:before {
  content: "\e92c"; }

.icon-gun:before {
  content: "\e92d"; }

.icon-gun-forbidden:before {
  content: "\e92e"; }

.icon-shield:before {
  content: "\e92f"; }

.icon-shield-check:before {
  content: "\e930"; }

.icon-shield-notice:before {
  content: "\e931"; }

.icon-shield2:before {
  content: "\e932"; }

.icon-shield3:before {
  content: "\e933"; }

.icon-shield4:before {
  content: "\e934"; }

.icon-soccer:before {
  content: "\e935"; }

.icon-football:before {
  content: "\e936"; }

.icon-archery:before {
  content: "\e937"; }

.icon-bow:before {
  content: "\e938"; }

.icon-sword:before {
  content: "\e939"; }

.icon-tennis:before {
  content: "\e93a"; }

.icon-pingpong:before {
  content: "\e93b"; }

.icon-baseball:before {
  content: "\e93c"; }

.icon-basketball:before {
  content: "\e93d"; }

.icon-golf:before {
  content: "\e93e"; }

.icon-golf2:before {
  content: "\e93f"; }

.icon-hockey:before {
  content: "\e940"; }

.icon-racing:before {
  content: "\e941"; }

.icon-finish:before {
  content: "\e942"; }

.icon-eight-ball:before {
  content: "\e943"; }

.icon-bowling:before {
  content: "\e944"; }

.icon-bowling2:before {
  content: "\e945"; }

.icon-power:before {
  content: "\e946"; }

.icon-power2:before {
  content: "\e947"; }

.icon-power3:before {
  content: "\e948"; }

.icon-switch:before {
  content: "\e949"; }

.icon-switch2:before {
  content: "\e94a"; }

.icon-power-cord:before {
  content: "\e94b"; }

.icon-power-cord2:before {
  content: "\e94c"; }

.icon-outlet:before {
  content: "\e94d"; }

.icon-clipboard:before {
  content: "\e94e"; }

.icon-clipboard2:before {
  content: "\e94f"; }

.icon-clipboard3:before {
  content: "\e950"; }

.icon-clipboard4:before {
  content: "\e951"; }

.icon-clipboard5:before {
  content: "\e952"; }

.icon-clipboard6:before {
  content: "\e953"; }

.icon-playlist:before {
  content: "\e954"; }

.icon-playlist-add:before {
  content: "\e955"; }

.icon-list-numbered:before {
  content: "\e956"; }

.icon-list:before {
  content: "\e957"; }

.icon-list2:before {
  content: "\e958"; }

.icon-more:before {
  content: "\e959"; }

.icon-more2:before {
  content: "\e95a"; }

.icon-grid:before {
  content: "\e95b"; }

.icon-grid2:before {
  content: "\e95c"; }

.icon-grid3:before {
  content: "\e95d"; }

.icon-grid4:before {
  content: "\e95e"; }

.icon-grid5:before {
  content: "\e95f"; }

.icon-grid6:before {
  content: "\e960"; }

.icon-grid7:before {
  content: "\e961"; }

.icon-tree5:before {
  content: "\e962"; }

.icon-tree6:before {
  content: "\e963"; }

.icon-tree7:before {
  content: "\e964"; }

.icon-lan:before {
  content: "\e965"; }

.icon-lan2:before {
  content: "\e966"; }

.icon-lan3:before {
  content: "\e967"; }

.icon-menu:before {
  content: "\e968"; }

.icon-circle-small:before {
  content: "\e969"; }

.icon-menu2:before {
  content: "\e96a"; }

.icon-menu3:before {
  content: "\e96b"; }

.icon-menu4:before {
  content: "\e96c"; }

.icon-menu5:before {
  content: "\e96d"; }

.icon-menu6:before {
  content: "\e96e"; }

.icon-menu7:before {
  content: "\e96f"; }

.icon-menu8:before {
  content: "\e970"; }

.icon-menu9:before {
  content: "\e971"; }

.icon-menu10:before {
  content: "\e972"; }

.icon-cloud:before {
  content: "\e973"; }

.icon-cloud-download:before {
  content: "\e974"; }

.icon-cloud-upload:before {
  content: "\e975"; }

.icon-cloud-check:before {
  content: "\e976"; }

.icon-cloud2:before {
  content: "\e977"; }

.icon-cloud-download2:before {
  content: "\e978"; }

.icon-cloud-upload2:before {
  content: "\e979"; }

.icon-cloud-check2:before {
  content: "\e97a"; }

.icon-download2:before {
  content: "\e97b"; }

.icon-download3:before {
  content: "\e97c"; }

.icon-upload2:before {
  content: "\e97d"; }

.icon-upload3:before {
  content: "\e97e"; }

.icon-import:before {
  content: "\e97f"; }

.icon-import2:before {
  content: "\e980"; }

.icon-download4:before {
  content: "\e981"; }

.icon-upload4:before {
  content: "\e982"; }

.icon-download5:before {
  content: "\e983"; }

.icon-upload5:before {
  content: "\e984"; }

.icon-download6:before {
  content: "\e985"; }

.icon-upload6:before {
  content: "\e986"; }

.icon-download7:before {
  content: "\e987"; }

.icon-upload7:before {
  content: "\e988"; }

.icon-download8:before {
  content: "\e989"; }

.icon-upload8:before {
  content: "\e98a"; }

.icon-download9:before {
  content: "\e98b"; }

.icon-upload9:before {
  content: "\e98c"; }

.icon-download10:before {
  content: "\e98d"; }

.icon-upload10:before {
  content: "\e98e"; }

.icon-sphere:before {
  content: "\e98f"; }

.icon-sphere2:before {
  content: "\e990"; }

.icon-sphere3:before {
  content: "\e991"; }

.icon-planet:before {
  content: "\e992"; }

.icon-planet2:before {
  content: "\e993"; }

.icon-earth:before {
  content: "\e994"; }

.icon-earth2:before {
  content: "\e995"; }

.icon-earth3:before {
  content: "\e996"; }

.icon-link:before {
  content: "\e997"; }

.icon-unlink:before {
  content: "\e998"; }

.icon-link2:before {
  content: "\e999"; }

.icon-unlink2:before {
  content: "\e99a"; }

.icon-link3:before {
  content: "\e99b"; }

.icon-unlink3:before {
  content: "\e99c"; }

.icon-link4:before {
  content: "\e99d"; }

.icon-unlink4:before {
  content: "\e99e"; }

.icon-link5:before {
  content: "\e99f"; }

.icon-unlink5:before {
  content: "\e9a0"; }

.icon-anchor:before {
  content: "\e9a1"; }

.icon-flag:before {
  content: "\e9a2"; }

.icon-flag2:before {
  content: "\e9a3"; }

.icon-flag3:before {
  content: "\e9a4"; }

.icon-flag4:before {
  content: "\e9a5"; }

.icon-flag5:before {
  content: "\e9a6"; }

.icon-flag6:before {
  content: "\e9a7"; }

.icon-flag7:before {
  content: "\e9a8"; }

.icon-flag8:before {
  content: "\e9a9"; }

.icon-attachment:before {
  content: "\e9aa"; }

.icon-attachment2:before {
  content: "\e9ab"; }

.icon-eye:before {
  content: "\e9ac"; }

.icon-eye-plus:before {
  content: "\e9ad"; }

.icon-eye-minus:before {
  content: "\e9ae"; }

.icon-eye-blocked:before {
  content: "\e9af"; }

.icon-eye2:before {
  content: "\e9b0"; }

.icon-eye-blocked2:before {
  content: "\e9b1"; }

.icon-eye3:before {
  content: "\e9b2"; }

.icon-eye-blocked3:before {
  content: "\e9b3"; }

.icon-eye4:before {
  content: "\e9b4"; }

.icon-bookmark2:before {
  content: "\e9b5"; }

.icon-bookmark3:before {
  content: "\e9b6"; }

.icon-bookmarks:before {
  content: "\e9b7"; }

.icon-bookmark4:before {
  content: "\e9b8"; }

.icon-spotlight2:before {
  content: "\e9b9"; }

.icon-starburst:before {
  content: "\e9ba"; }

.icon-snowflake:before {
  content: "\e9bb"; }

.icon-temperature:before {
  content: "\e9bc"; }

.icon-temperature2:before {
  content: "\e9bd"; }

.icon-weather-lightning:before {
  content: "\e9be"; }

.icon-weather-lightning2:before {
  content: "\e9bf"; }

.icon-weather-rain:before {
  content: "\e9c0"; }

.icon-weather-rain2:before {
  content: "\e9c1"; }

.icon-weather-snow:before {
  content: "\e9c2"; }

.icon-weather-snow2:before {
  content: "\e9c3"; }

.icon-weather-cloud-wind:before {
  content: "\e9c4"; }

.icon-weather-cloud-wind2:before {
  content: "\e9c5"; }

.icon-weather-cloud-sun:before {
  content: "\e9c6"; }

.icon-weather-cloud-sun2:before {
  content: "\e9c7"; }

.icon-weather-cloudy:before {
  content: "\e9c8"; }

.icon-weather-cloudy2:before {
  content: "\e9c9"; }

.icon-weather-sun-wind:before {
  content: "\e9ca"; }

.icon-weather-sun-wind2:before {
  content: "\e9cb"; }

.icon-sun:before {
  content: "\e9cc"; }

.icon-sun2:before {
  content: "\e9cd"; }

.icon-moon:before {
  content: "\e9ce"; }

.icon-day-night:before {
  content: "\e9cf"; }

.icon-day-night2:before {
  content: "\e9d0"; }

.icon-weather-windy:before {
  content: "\e9d1"; }

.icon-fan:before {
  content: "\e9d2"; }

.icon-umbrella:before {
  content: "\e9d3"; }

.icon-sun3:before {
  content: "\e9d4"; }

.icon-contrast:before {
  content: "\e9d5"; }

.icon-brightness-contrast:before {
  content: "\e9d6"; }

.icon-brightness-high:before {
  content: "\e9d7"; }

.icon-brightness-medium:before {
  content: "\e9d8"; }

.icon-brightness-low:before {
  content: "\e9d9"; }

.icon-bed:before {
  content: "\e9da"; }

.icon-bed2:before {
  content: "\e9db"; }

.icon-furniture:before {
  content: "\e9dc"; }

.icon-chair:before {
  content: "\e9dd"; }

.icon-star-empty:before {
  content: "\e9de"; }

.icon-star-empty2:before {
  content: "\e9df"; }

.icon-star-full:before {
  content: "\e9e0"; }

.icon-star-empty3:before {
  content: "\e9e1"; }

.icon-star-half:before {
  content: "\e9e2"; }

.icon-star-full2:before {
  content: "\e9e3"; }

.icon-star:before {
  content: "\e9e4"; }

.icon-heart:before {
  content: "\e9e5"; }

.icon-heart2:before {
  content: "\e9e6"; }

.icon-heart3:before {
  content: "\e9e7"; }

.icon-heart4:before {
  content: "\e9e8"; }

.icon-heart-broken:before {
  content: "\e9e9"; }

.icon-heart5:before {
  content: "\e9ea"; }

.icon-heart6:before {
  content: "\e9eb"; }

.icon-heart-broken2:before {
  content: "\e9ec"; }

.icon-heart7:before {
  content: "\e9ed"; }

.icon-heart8:before {
  content: "\e9ee"; }

.icon-heart-broken3:before {
  content: "\e9ef"; }

.icon-lips:before {
  content: "\e9f0"; }

.icon-lips2:before {
  content: "\e9f1"; }

.icon-thumbs-up:before {
  content: "\e9f2"; }

.icon-thumbs-up2:before {
  content: "\e9f3"; }

.icon-thumbs-down:before {
  content: "\e9f4"; }

.icon-thumbs-down2:before {
  content: "\e9f5"; }

.icon-thumbs-up3:before {
  content: "\e9f6"; }

.icon-thumbs-down3:before {
  content: "\e9f7"; }

.icon-height:before {
  content: "\e9f8"; }

.icon-man:before {
  content: "\e9f9"; }

.icon-woman:before {
  content: "\e9fa"; }

.icon-man-woman:before {
  content: "\e9fb"; }

.icon-male:before {
  content: "\e9fc"; }

.icon-female:before {
  content: "\e9fd"; }

.icon-peace:before {
  content: "\e9fe"; }

.icon-yin-yang:before {
  content: "\e9ff"; }

.icon-happy:before {
  content: "\ea00"; }

.icon-happy2:before {
  content: "\ea01"; }

.icon-smile:before {
  content: "\ea02"; }

.icon-smile2:before {
  content: "\ea03"; }

.icon-tongue:before {
  content: "\ea04"; }

.icon-tongue2:before {
  content: "\ea05"; }

.icon-sad:before {
  content: "\ea06"; }

.icon-sad2:before {
  content: "\ea07"; }

.icon-wink:before {
  content: "\ea08"; }

.icon-wink2:before {
  content: "\ea09"; }

.icon-grin:before {
  content: "\ea0a"; }

.icon-grin2:before {
  content: "\ea0b"; }

.icon-cool:before {
  content: "\ea0c"; }

.icon-cool2:before {
  content: "\ea0d"; }

.icon-angry:before {
  content: "\ea0e"; }

.icon-angry2:before {
  content: "\ea0f"; }

.icon-evil:before {
  content: "\ea10"; }

.icon-evil2:before {
  content: "\ea11"; }

.icon-shocked:before {
  content: "\ea12"; }

.icon-shocked2:before {
  content: "\ea13"; }

.icon-baffled:before {
  content: "\ea14"; }

.icon-baffled2:before {
  content: "\ea15"; }

.icon-confused:before {
  content: "\ea16"; }

.icon-confused2:before {
  content: "\ea17"; }

.icon-neutral:before {
  content: "\ea18"; }

.icon-neutral2:before {
  content: "\ea19"; }

.icon-hipster:before {
  content: "\ea1a"; }

.icon-hipster2:before {
  content: "\ea1b"; }

.icon-wondering:before {
  content: "\ea1c"; }

.icon-wondering2:before {
  content: "\ea1d"; }

.icon-sleepy:before {
  content: "\ea1e"; }

.icon-sleepy2:before {
  content: "\ea1f"; }

.icon-frustrated:before {
  content: "\ea20"; }

.icon-frustrated2:before {
  content: "\ea21"; }

.icon-crying:before {
  content: "\ea22"; }

.icon-crying2:before {
  content: "\ea23"; }

.icon-cursor:before {
  content: "\ea24"; }

.icon-cursor2:before {
  content: "\ea25"; }

.icon-lasso:before {
  content: "\ea26"; }

.icon-lasso2:before {
  content: "\ea27"; }

.icon-select:before {
  content: "\ea28"; }

.icon-select2:before {
  content: "\ea29"; }

.icon-point-up:before {
  content: "\ea2a"; }

.icon-point-right:before {
  content: "\ea2b"; }

.icon-point-down:before {
  content: "\ea2c"; }

.icon-point-left:before {
  content: "\ea2d"; }

.icon-pointer:before {
  content: "\ea2e"; }

.icon-reminder:before {
  content: "\ea2f"; }

.icon-drag-left-right:before {
  content: "\ea30"; }

.icon-drag-left:before {
  content: "\ea31"; }

.icon-drag-right:before {
  content: "\ea32"; }

.icon-touch:before {
  content: "\ea33"; }

.icon-multitouch:before {
  content: "\ea34"; }

.icon-touch-zoom:before {
  content: "\ea35"; }

.icon-touch-pinch:before {
  content: "\ea36"; }

.icon-hand:before {
  content: "\ea37"; }

.icon-grab:before {
  content: "\ea38"; }

.icon-stack-empty:before {
  content: "\ea39"; }

.icon-stack-plus:before {
  content: "\ea3a"; }

.icon-stack-minus:before {
  content: "\ea3b"; }

.icon-stack-star:before {
  content: "\ea3c"; }

.icon-stack-picture:before {
  content: "\ea3d"; }

.icon-stack-down:before {
  content: "\ea3e"; }

.icon-stack-up:before {
  content: "\ea3f"; }

.icon-stack-cancel:before {
  content: "\ea40"; }

.icon-stack-check:before {
  content: "\ea41"; }

.icon-stack-text:before {
  content: "\ea42"; }

.icon-stack-clubs:before {
  content: "\ea43"; }

.icon-stack-spades:before {
  content: "\ea44"; }

.icon-stack-hearts:before {
  content: "\ea45"; }

.icon-stack-diamonds:before {
  content: "\ea46"; }

.icon-stack-user:before {
  content: "\ea47"; }

.icon-stack4:before {
  content: "\ea48"; }

.icon-stack-music:before {
  content: "\ea49"; }

.icon-stack-play:before {
  content: "\ea4a"; }

.icon-move:before {
  content: "\ea4b"; }

.icon-dots:before {
  content: "\ea4c"; }

.icon-warning:before {
  content: "\ea4d"; }

.icon-warning2:before {
  content: "\ea4e"; }

.icon-notification:before {
  content: "\ea4f"; }

.icon-notification2:before {
  content: "\ea50"; }

.icon-question:before {
  content: "\ea51"; }

.icon-question2:before {
  content: "\ea52"; }

.icon-question3:before {
  content: "\ea53"; }

.icon-question4:before {
  content: "\ea54"; }

.icon-question5:before {
  content: "\ea55"; }

.icon-question6:before {
  content: "\ea56"; }

.icon-plus:before {
  content: "\ea57"; }

.icon-minus:before {
  content: "\ea58"; }

.icon-plus2:before {
  content: "\ea59"; }

.icon-minus2:before {
  content: "\ea5a"; }

.icon-plus3:before {
  content: "\ea5b"; }

.icon-minus3:before {
  content: "\ea5c"; }

.icon-plus-circle:before {
  content: "\ea5d"; }

.icon-minus-circle:before {
  content: "\ea5e"; }

.icon-plus-circle2:before {
  content: "\ea5f"; }

.icon-minus-circle2:before {
  content: "\ea60"; }

.icon-info:before {
  content: "\ea61"; }

.icon-info2:before {
  content: "\ea62"; }

.icon-cancel-circle:before {
  content: "\ea63"; }

.icon-cancel-circle2:before {
  content: "\ea64"; }

.icon-blocked:before {
  content: "\ea65"; }

.icon-cancel-square:before {
  content: "\ea66"; }

.icon-cancel-square2:before {
  content: "\ea67"; }

.icon-cancel:before {
  content: "\ea68"; }

.icon-spam:before {
  content: "\ea69"; }

.icon-cross:before {
  content: "\ea6a"; }

.icon-cross2:before {
  content: "\ea6b"; }

.icon-cross3:before {
  content: "\ea6c"; }

.icon-checkmark:before {
  content: "\ea6d"; }

.icon-checkmark2:before {
  content: "\ea6e"; }

.icon-checkmark3:before {
  content: "\ea6f"; }

.icon-checkmark4:before {
  content: "\ea70"; }

.icon-checkmark5:before {
  content: "\ea71"; }

.icon-spell-check:before {
  content: "\ea72"; }

.icon-spell-check2:before {
  content: "\ea73"; }

.icon-enter:before {
  content: "\ea74"; }

.icon-exit:before {
  content: "\ea75"; }

.icon-enter2:before {
  content: "\ea76"; }

.icon-exit2:before {
  content: "\ea77"; }

.icon-enter3:before {
  content: "\ea78"; }

.icon-exit3:before {
  content: "\ea79"; }

.icon-wall:before {
  content: "\ea7a"; }

.icon-fence:before {
  content: "\ea7b"; }

.icon-play3:before {
  content: "\ea7c"; }

.icon-pause:before {
  content: "\ea7d"; }

.icon-stop:before {
  content: "\ea7e"; }

.icon-previous:before {
  content: "\ea7f"; }

.icon-next:before {
  content: "\ea80"; }

.icon-backward:before {
  content: "\ea81"; }

.icon-forward2:before {
  content: "\ea82"; }

.icon-play4:before {
  content: "\ea83"; }

.icon-pause2:before {
  content: "\ea84"; }

.icon-stop2:before {
  content: "\ea85"; }

.icon-backward2:before {
  content: "\ea86"; }

.icon-forward3:before {
  content: "\ea87"; }

.icon-first:before {
  content: "\ea88"; }

.icon-last:before {
  content: "\ea89"; }

.icon-previous2:before {
  content: "\ea8a"; }

.icon-next2:before {
  content: "\ea8b"; }

.icon-eject:before {
  content: "\ea8c"; }

.icon-volume-high:before {
  content: "\ea8d"; }

.icon-volume-medium:before {
  content: "\ea8e"; }

.icon-volume-low:before {
  content: "\ea8f"; }

.icon-volume-mute:before {
  content: "\ea90"; }

.icon-speaker-left:before {
  content: "\ea91"; }

.icon-speaker-right:before {
  content: "\ea92"; }

.icon-volume-mute2:before {
  content: "\ea93"; }

.icon-volume-increase:before {
  content: "\ea94"; }

.icon-volume-decrease:before {
  content: "\ea95"; }

.icon-volume-high2:before {
  content: "\ea96"; }

.icon-volume-medium2:before {
  content: "\ea97"; }

.icon-volume-medium3:before {
  content: "\ea98"; }

.icon-volume-low2:before {
  content: "\ea99"; }

.icon-volume-mute3:before {
  content: "\ea9a"; }

.icon-volume-increase2:before {
  content: "\ea9b"; }

.icon-volume-decrease2:before {
  content: "\ea9c"; }

.icon-volume-decrease3:before {
  content: "\ea9d"; }

.icon-volume-5:before {
  content: "\ea9e"; }

.icon-volume-4:before {
  content: "\ea9f"; }

.icon-volume-3:before {
  content: "\eaa0"; }

.icon-volume-2:before {
  content: "\eaa1"; }

.icon-volume-1:before {
  content: "\eaa2"; }

.icon-volume-0:before {
  content: "\eaa3"; }

.icon-volume-mute4:before {
  content: "\eaa4"; }

.icon-volume-mute5:before {
  content: "\eaa5"; }

.icon-loop:before {
  content: "\eaa6"; }

.icon-loop2:before {
  content: "\eaa7"; }

.icon-loop3:before {
  content: "\eaa8"; }

.icon-infinite-square:before {
  content: "\eaa9"; }

.icon-infinite:before {
  content: "\eaaa"; }

.icon-infinite2:before {
  content: "\eaab"; }

.icon-loop4:before {
  content: "\eaac"; }

.icon-shuffle:before {
  content: "\eaad"; }

.icon-shuffle2:before {
  content: "\eaae"; }

.icon-wave:before {
  content: "\eaaf"; }

.icon-wave2:before {
  content: "\eab0"; }

.icon-split:before {
  content: "\eab1"; }

.icon-merge:before {
  content: "\eab2"; }

.icon-first2:before {
  content: "\eab3"; }

.icon-last2:before {
  content: "\eab4"; }

.icon-arrow-up:before {
  content: "\eab5"; }

.icon-arrow-up2:before {
  content: "\eab6"; }

.icon-arrow-up3:before {
  content: "\eab7"; }

.icon-arrow-up4:before {
  content: "\eab8"; }

.icon-arrow-right:before {
  content: "\eab9"; }

.icon-arrow-right2:before {
  content: "\eaba"; }

.icon-arrow-right3:before {
  content: "\eabb"; }

.icon-arrow-right4:before {
  content: "\eabc"; }

.icon-arrow-down:before {
  content: "\eabd"; }

.icon-arrow-down2:before {
  content: "\eabe"; }

.icon-arrow-down3:before {
  content: "\eabf"; }

.icon-arrow-down4:before {
  content: "\eac0"; }

.icon-arrow-left:before {
  content: "\eac1"; }

.icon-arrow-left2:before {
  content: "\eac2"; }

.icon-arrow-left3:before {
  content: "\eac3"; }

.icon-arrow-left4:before {
  content: "\eac4"; }

.icon-arrow-up5:before {
  content: "\eac5"; }

.icon-arrow-right5:before {
  content: "\eac6"; }

.icon-arrow-down5:before {
  content: "\eac7"; }

.icon-arrow-left5:before {
  content: "\eac8"; }

.icon-arrow-up-left:before {
  content: "\eac9"; }

.icon-arrow-up6:before {
  content: "\eaca"; }

.icon-arrow-up-right:before {
  content: "\eacb"; }

.icon-arrow-right6:before {
  content: "\eacc"; }

.icon-arrow-down-right:before {
  content: "\eacd"; }

.icon-arrow-down6:before {
  content: "\eace"; }

.icon-arrow-down-left:before {
  content: "\eacf"; }

.icon-arrow-left6:before {
  content: "\ead0"; }

.icon-arrow-up-left2:before {
  content: "\ead1"; }

.icon-arrow-up7:before {
  content: "\ead2"; }

.icon-arrow-up-right2:before {
  content: "\ead3"; }

.icon-arrow-right7:before {
  content: "\ead4"; }

.icon-arrow-down-right2:before {
  content: "\ead5"; }

.icon-arrow-down7:before {
  content: "\ead6"; }

.icon-arrow-down-left2:before {
  content: "\ead7"; }

.icon-arrow-left7:before {
  content: "\ead8"; }

.icon-arrow-up-left3:before {
  content: "\ead9"; }

.icon-arrow-up8:before {
  content: "\eada"; }

.icon-arrow-up-right3:before {
  content: "\eadb"; }

.icon-arrow-right8:before {
  content: "\eadc"; }

.icon-arrow-down-right3:before {
  content: "\eadd"; }

.icon-arrow-down8:before {
  content: "\eade"; }

.icon-arrow-down-left3:before {
  content: "\eadf"; }

.icon-arrow-left8:before {
  content: "\eae0"; }

.icon-circle-up:before {
  content: "\eae1"; }

.icon-circle-right:before {
  content: "\eae2"; }

.icon-circle-down:before {
  content: "\eae3"; }

.icon-circle-left:before {
  content: "\eae4"; }

.icon-circle-up2:before {
  content: "\eae5"; }

.icon-circle-right2:before {
  content: "\eae6"; }

.icon-circle-down2:before {
  content: "\eae7"; }

.icon-circle-left2:before {
  content: "\eae8"; }

.icon-circle-up-left:before {
  content: "\eae9"; }

.icon-circle-up3:before {
  content: "\eaea"; }

.icon-circle-up-right:before {
  content: "\eaeb"; }

.icon-circle-right3:before {
  content: "\eaec"; }

.icon-circle-down-right:before {
  content: "\eaed"; }

.icon-circle-down3:before {
  content: "\eaee"; }

.icon-circle-down-left:before {
  content: "\eaef"; }

.icon-circle-left3:before {
  content: "\eaf0"; }

.icon-circle-up-left2:before {
  content: "\eaf1"; }

.icon-circle-up4:before {
  content: "\eaf2"; }

.icon-circle-up-right2:before {
  content: "\eaf3"; }

.icon-circle-right4:before {
  content: "\eaf4"; }

.icon-circle-down-right2:before {
  content: "\eaf5"; }

.icon-circle-down4:before {
  content: "\eaf6"; }

.icon-circle-down-left2:before {
  content: "\eaf7"; }

.icon-circle-left4:before {
  content: "\eaf8"; }

.icon-arrow-resize:before {
  content: "\eaf9"; }

.icon-arrow-resize2:before {
  content: "\eafa"; }

.icon-arrow-resize3:before {
  content: "\eafb"; }

.icon-arrow-resize4:before {
  content: "\eafc"; }

.icon-arrow-resize5:before {
  content: "\eafd"; }

.icon-arrow-resize6:before {
  content: "\eafe"; }

.icon-arrow-resize7:before {
  content: "\eaff"; }

.icon-arrow-resize8:before {
  content: "\eb00"; }

.icon-square-up-left:before {
  content: "\eb01"; }

.icon-square-up:before {
  content: "\eb02"; }

.icon-square-up-right:before {
  content: "\eb03"; }

.icon-square-right:before {
  content: "\eb04"; }

.icon-square-down-right:before {
  content: "\eb05"; }

.icon-square-down:before {
  content: "\eb06"; }

.icon-square-down-left:before {
  content: "\eb07"; }

.icon-square-left:before {
  content: "\eb08"; }

.icon-arrow-up9:before {
  content: "\eb09"; }

.icon-arrow-right9:before {
  content: "\eb0a"; }

.icon-arrow-down9:before {
  content: "\eb0b"; }

.icon-arrow-left9:before {
  content: "\eb0c"; }

.icon-arrow-up10:before {
  content: "\eb0d"; }

.icon-arrow-right10:before {
  content: "\eb0e"; }

.icon-arrow-down10:before {
  content: "\eb0f"; }

.icon-arrow-left10:before {
  content: "\eb10"; }

.icon-arrow-up-left4:before {
  content: "\eb11"; }

.icon-arrow-up11:before {
  content: "\eb12"; }

.icon-arrow-up-right4:before {
  content: "\eb13"; }

.icon-arrow-right11:before {
  content: "\eb14"; }

.icon-arrow-down-right4:before {
  content: "\eb15"; }

.icon-arrow-down11:before {
  content: "\eb16"; }

.icon-arrow-down-left4:before {
  content: "\eb17"; }

.icon-arrow-left11:before {
  content: "\eb18"; }

.icon-arrow-up-left5:before {
  content: "\eb19"; }

.icon-arrow-up12:before {
  content: "\eb1a"; }

.icon-arrow-up-right5:before {
  content: "\eb1b"; }

.icon-arrow-right12:before {
  content: "\eb1c"; }

.icon-arrow-down-right5:before {
  content: "\eb1d"; }

.icon-arrow-down12:before {
  content: "\eb1e"; }

.icon-arrow-down-left5:before {
  content: "\eb1f"; }

.icon-arrow-left12:before {
  content: "\eb20"; }

.icon-arrow-up13:before {
  content: "\eb21"; }

.icon-arrow-right13:before {
  content: "\eb22"; }

.icon-arrow-down13:before {
  content: "\eb23"; }

.icon-arrow-left13:before {
  content: "\eb24"; }

.icon-arrow-up14:before {
  content: "\eb25"; }

.icon-arrow-right14:before {
  content: "\eb26"; }

.icon-arrow-down14:before {
  content: "\eb27"; }

.icon-arrow-left14:before {
  content: "\eb28"; }

.icon-circle-up5:before {
  content: "\eb29"; }

.icon-circle-right5:before {
  content: "\eb2a"; }

.icon-circle-down5:before {
  content: "\eb2b"; }

.icon-circle-left5:before {
  content: "\eb2c"; }

.icon-circle-up6:before {
  content: "\eb2d"; }

.icon-circle-right6:before {
  content: "\eb2e"; }

.icon-circle-down6:before {
  content: "\eb2f"; }

.icon-circle-left6:before {
  content: "\eb30"; }

.icon-arrow-up15:before {
  content: "\eb31"; }

.icon-arrow-right15:before {
  content: "\eb32"; }

.icon-arrow-down15:before {
  content: "\eb33"; }

.icon-arrow-left15:before {
  content: "\eb34"; }

.icon-arrow-up16:before {
  content: "\eb35"; }

.icon-arrow-right16:before {
  content: "\eb36"; }

.icon-arrow-down16:before {
  content: "\eb37"; }

.icon-arrow-left16:before {
  content: "\eb38"; }

.icon-menu-open:before {
  content: "\eb39"; }

.icon-menu-open2:before {
  content: "\eb3a"; }

.icon-menu-close:before {
  content: "\eb3b"; }

.icon-menu-close2:before {
  content: "\eb3c"; }

.icon-enter4:before {
  content: "\eb3d"; }

.icon-enter5:before {
  content: "\eb3e"; }

.icon-esc:before {
  content: "\eb3f"; }

.icon-enter6:before {
  content: "\eb40"; }

.icon-backspace:before {
  content: "\eb41"; }

.icon-backspace2:before {
  content: "\eb42"; }

.icon-tab:before {
  content: "\eb43"; }

.icon-transmission:before {
  content: "\eb44"; }

.icon-transmission2:before {
  content: "\eb45"; }

.icon-sort:before {
  content: "\eb46"; }

.icon-sort2:before {
  content: "\eb47"; }

.icon-move-up:before {
  content: "\eb48"; }

.icon-move-down:before {
  content: "\eb49"; }

.icon-sort-alpha-asc:before {
  content: "\eb4a"; }

.icon-sort-alpha-desc:before {
  content: "\eb4b"; }

.icon-sort-numeric-asc:before {
  content: "\eb4c"; }

.icon-sort-numberic-desc:before {
  content: "\eb4d"; }

.icon-sort-amount-asc:before {
  content: "\eb4e"; }

.icon-sort-amount-desc:before {
  content: "\eb4f"; }

.icon-sort-time-asc:before {
  content: "\eb50"; }

.icon-sort-time-desc:before {
  content: "\eb51"; }

.icon-battery-6:before {
  content: "\eb52"; }

.icon-battery-5:before {
  content: "\eb53"; }

.icon-battery-4:before {
  content: "\eb54"; }

.icon-battery-3:before {
  content: "\eb55"; }

.icon-battery-2:before {
  content: "\eb56"; }

.icon-battery-1:before {
  content: "\eb57"; }

.icon-battery-0:before {
  content: "\eb58"; }

.icon-battery-charging:before {
  content: "\eb59"; }

.icon-key-keyboard:before {
  content: "\eb5a"; }

.icon-key-A:before {
  content: "\eb5b"; }

.icon-key-up:before {
  content: "\eb5c"; }

.icon-key-right:before {
  content: "\eb5d"; }

.icon-key-down:before {
  content: "\eb5e"; }

.icon-key-left:before {
  content: "\eb5f"; }

.icon-command:before {
  content: "\eb60"; }

.icon-shift:before {
  content: "\eb61"; }

.icon-ctrl:before {
  content: "\eb62"; }

.icon-opt:before {
  content: "\eb63"; }

.icon-checkbox-checked:before {
  content: "\eb64"; }

.icon-checkbox-unchecked:before {
  content: "\eb65"; }

.icon-checkbox-partial:before {
  content: "\eb66"; }

.icon-square:before {
  content: "\eb67"; }

.icon-triangle:before {
  content: "\eb68"; }

.icon-triangle2:before {
  content: "\eb69"; }

.icon-diamond3:before {
  content: "\eb6a"; }

.icon-diamond4:before {
  content: "\eb6b"; }

.icon-checkbox-checked2:before {
  content: "\eb6c"; }

.icon-checkbox-unchecked2:before {
  content: "\eb6d"; }

.icon-checkbox-partial2:before {
  content: "\eb6e"; }

.icon-radio-checked:before {
  content: "\eb6f"; }

.icon-radio-checked2:before {
  content: "\eb70"; }

.icon-radio-unchecked:before {
  content: "\eb71"; }

.icon-toggle-on:before {
  content: "\eb72"; }

.icon-toggle-off:before {
  content: "\eb73"; }

.icon-checkmark-circle:before {
  content: "\eb74"; }

.icon-circle:before {
  content: "\eb75"; }

.icon-circle2:before {
  content: "\eb76"; }

.icon-circles:before {
  content: "\eb77"; }

.icon-circles2:before {
  content: "\eb78"; }

.icon-crop:before {
  content: "\eb79"; }

.icon-crop2:before {
  content: "\eb7a"; }

.icon-make-group:before {
  content: "\eb7b"; }

.icon-ungroup:before {
  content: "\eb7c"; }

.icon-vector:before {
  content: "\eb7d"; }

.icon-vector2:before {
  content: "\eb7e"; }

.icon-rulers:before {
  content: "\eb7f"; }

.icon-ruler:before {
  content: "\eb80"; }

.icon-pencil-ruler:before {
  content: "\eb81"; }

.icon-scissors:before {
  content: "\eb82"; }

.icon-scissors2:before {
  content: "\eb83"; }

.icon-scissors3:before {
  content: "\eb84"; }

.icon-haircut:before {
  content: "\eb85"; }

.icon-comb:before {
  content: "\eb86"; }

.icon-filter:before {
  content: "\eb87"; }

.icon-filter2:before {
  content: "\eb88"; }

.icon-filter3:before {
  content: "\eb89"; }

.icon-filter4:before {
  content: "\eb8a"; }

.icon-font:before {
  content: "\eb8b"; }

.icon-ampersand:before {
  content: "\eb8c"; }

.icon-ligature:before {
  content: "\eb8d"; }

.icon-ligature2:before {
  content: "\eb8e"; }

.icon-font-size:before {
  content: "\eb8f"; }

.icon-typography:before {
  content: "\eb90"; }

.icon-text-height:before {
  content: "\eb91"; }

.icon-text-width:before {
  content: "\eb92"; }

.icon-height2:before {
  content: "\eb93"; }

.icon-width:before {
  content: "\eb94"; }

.icon-bold:before {
  content: "\eb95"; }

.icon-underline:before {
  content: "\eb96"; }

.icon-italic:before {
  content: "\eb97"; }

.icon-strikethrough:before {
  content: "\eb98"; }

.icon-strikethrough2:before {
  content: "\eb99"; }

.icon-font-size2:before {
  content: "\eb9a"; }

.icon-bold2:before {
  content: "\eb9b"; }

.icon-underline2:before {
  content: "\eb9c"; }

.icon-italic2:before {
  content: "\eb9d"; }

.icon-strikethrough3:before {
  content: "\eb9e"; }

.icon-omega:before {
  content: "\eb9f"; }

.icon-sigma:before {
  content: "\eba0"; }

.icon-nbsp:before {
  content: "\eba1"; }

.icon-page-break:before {
  content: "\eba2"; }

.icon-page-break2:before {
  content: "\eba3"; }

.icon-superscript:before {
  content: "\eba4"; }

.icon-subscript:before {
  content: "\eba5"; }

.icon-superscript2:before {
  content: "\eba6"; }

.icon-subscript2:before {
  content: "\eba7"; }

.icon-text-color:before {
  content: "\eba8"; }

.icon-highlight:before {
  content: "\eba9"; }

.icon-pagebreak:before {
  content: "\ebaa"; }

.icon-clear-formatting:before {
  content: "\ebab"; }

.icon-table:before {
  content: "\ebac"; }

.icon-table2:before {
  content: "\ebad"; }

.icon-insert-template:before {
  content: "\ebae"; }

.icon-pilcrow:before {
  content: "\ebaf"; }

.icon-ltr:before {
  content: "\ebb0"; }

.icon-rtl:before {
  content: "\ebb1"; }

.icon-ltr2:before {
  content: "\ebb2"; }

.icon-rtl2:before {
  content: "\ebb3"; }

.icon-section:before {
  content: "\ebb4"; }

.icon-paragraph-left:before {
  content: "\ebb5"; }

.icon-paragraph-center:before {
  content: "\ebb6"; }

.icon-paragraph-right:before {
  content: "\ebb7"; }

.icon-paragraph-justify:before {
  content: "\ebb8"; }

.icon-paragraph-left2:before {
  content: "\ebb9"; }

.icon-paragraph-center2:before {
  content: "\ebba"; }

.icon-paragraph-right2:before {
  content: "\ebbb"; }

.icon-paragraph-justify2:before {
  content: "\ebbc"; }

.icon-indent-increase:before {
  content: "\ebbd"; }

.icon-indent-decrease:before {
  content: "\ebbe"; }

.icon-paragraph-left3:before {
  content: "\ebbf"; }

.icon-paragraph-center3:before {
  content: "\ebc0"; }

.icon-paragraph-right3:before {
  content: "\ebc1"; }

.icon-paragraph-justify3:before {
  content: "\ebc2"; }

.icon-indent-increase2:before {
  content: "\ebc3"; }

.icon-indent-decrease2:before {
  content: "\ebc4"; }

.icon-share:before {
  content: "\ebc5"; }

.icon-share2:before {
  content: "\ebc6"; }

.icon-new-tab:before {
  content: "\ebc7"; }

.icon-new-tab2:before {
  content: "\ebc8"; }

.icon-popout:before {
  content: "\ebc9"; }

.icon-embed:before {
  content: "\ebca"; }

.icon-embed2:before {
  content: "\ebcb"; }

.icon-markup:before {
  content: "\ebcc"; }

.icon-regexp:before {
  content: "\ebcd"; }

.icon-regexp2:before {
  content: "\ebce"; }

.icon-code:before {
  content: "\ebcf"; }

.icon-circle-css:before {
  content: "\ebd0"; }

.icon-circle-code:before {
  content: "\ebd1"; }

.icon-terminal:before {
  content: "\ebd2"; }

.icon-unicode:before {
  content: "\ebd3"; }

.icon-seven-segment-0:before {
  content: "\ebd4"; }

.icon-seven-segment-1:before {
  content: "\ebd5"; }

.icon-seven-segment-2:before {
  content: "\ebd6"; }

.icon-seven-segment-3:before {
  content: "\ebd7"; }

.icon-seven-segment-4:before {
  content: "\ebd8"; }

.icon-seven-segment-5:before {
  content: "\ebd9"; }

.icon-seven-segment-6:before {
  content: "\ebda"; }

.icon-seven-segment-7:before {
  content: "\ebdb"; }

.icon-seven-segment-8:before {
  content: "\ebdc"; }

.icon-seven-segment-9:before {
  content: "\ebdd"; }

.icon-share3:before {
  content: "\ebde"; }

.icon-share4:before {
  content: "\ebdf"; }

.icon-mail:before {
  content: "\ebe0"; }

.icon-mail2:before {
  content: "\ebe1"; }

.icon-mail3:before {
  content: "\ebe2"; }

.icon-mail4:before {
  content: "\ebe3"; }

.icon-google:before {
  content: "\ebe4"; }

.icon-google-plus:before {
  content: "\ebe5"; }

.icon-google-plus2:before {
  content: "\ebe6"; }

.icon-google-plus3:before {
  content: "\ebe7"; }

.icon-google-drive:before {
  content: "\ebe8"; }

.icon-facebook:before {
  content: "\ebe9"; }

.icon-facebook2:before {
  content: "\ebea"; }

.icon-facebook3:before {
  content: "\ebeb"; }

.icon-ello:before {
  content: "\ebec"; }

.icon-instagram:before {
  content: "\ebed"; }

.icon-twitter:before {
  content: "\ebee"; }

.icon-twitter2:before {
  content: "\ebef"; }

.icon-twitter3:before {
  content: "\ebf0"; }

.icon-feed2:before {
  content: "\ebf1"; }

.icon-feed3:before {
  content: "\ebf2"; }

.icon-feed4:before {
  content: "\ebf3"; }

.icon-youtube:before {
  content: "\ebf4"; }

.icon-youtube2:before {
  content: "\ebf5"; }

.icon-youtube3:before {
  content: "\ebf6"; }

.icon-youtube4:before {
  content: "\ebf7"; }

.icon-twitch:before {
  content: "\ebf8"; }

.icon-vimeo:before {
  content: "\ebf9"; }

.icon-vimeo2:before {
  content: "\ebfa"; }

.icon-vimeo3:before {
  content: "\ebfb"; }

.icon-lanyrd:before {
  content: "\ebfc"; }

.icon-flickr:before {
  content: "\ebfd"; }

.icon-flickr2:before {
  content: "\ebfe"; }

.icon-flickr3:before {
  content: "\ebff"; }

.icon-flickr4:before {
  content: "\ec00"; }

.icon-picassa:before {
  content: "\ec01"; }

.icon-picassa2:before {
  content: "\ec02"; }

.icon-dribbble:before {
  content: "\ec03"; }

.icon-dribbble2:before {
  content: "\ec04"; }

.icon-dribbble3:before {
  content: "\ec05"; }

.icon-forrst:before {
  content: "\ec06"; }

.icon-forrst2:before {
  content: "\ec07"; }

.icon-deviantart:before {
  content: "\ec08"; }

.icon-deviantart2:before {
  content: "\ec09"; }

.icon-steam:before {
  content: "\ec0a"; }

.icon-steam2:before {
  content: "\ec0b"; }

.icon-dropbox:before {
  content: "\ec0c"; }

.icon-onedrive:before {
  content: "\ec0d"; }

.icon-github:before {
  content: "\ec0e"; }

.icon-github2:before {
  content: "\ec0f"; }

.icon-github3:before {
  content: "\ec10"; }

.icon-github4:before {
  content: "\ec11"; }

.icon-github5:before {
  content: "\ec12"; }

.icon-wordpress:before {
  content: "\ec13"; }

.icon-wordpress2:before {
  content: "\ec14"; }

.icon-joomla:before {
  content: "\ec15"; }

.icon-blogger:before {
  content: "\ec16"; }

.icon-blogger2:before {
  content: "\ec17"; }

.icon-tumblr:before {
  content: "\ec18"; }

.icon-tumblr2:before {
  content: "\ec19"; }

.icon-yahoo:before {
  content: "\ec1a"; }

.icon-tux:before {
  content: "\ec1b"; }

.icon-apple2:before {
  content: "\ec1c"; }

.icon-finder:before {
  content: "\ec1d"; }

.icon-android:before {
  content: "\ec1e"; }

.icon-windows:before {
  content: "\ec1f"; }

.icon-windows8:before {
  content: "\ec20"; }

.icon-soundcloud:before {
  content: "\ec21"; }

.icon-soundcloud2:before {
  content: "\ec22"; }

.icon-skype:before {
  content: "\ec23"; }

.icon-reddit:before {
  content: "\ec24"; }

.icon-linkedin:before {
  content: "\ec25"; }

.icon-linkedin2:before {
  content: "\ec26"; }

.icon-lastfm:before {
  content: "\ec27"; }

.icon-lastfm2:before {
  content: "\ec28"; }

.icon-delicious:before {
  content: "\ec29"; }

.icon-stumbleupon:before {
  content: "\ec2a"; }

.icon-stumbleupon2:before {
  content: "\ec2b"; }

.icon-stackoverflow:before {
  content: "\ec2c"; }

.icon-pinterest:before {
  content: "\ec2d"; }

.icon-pinterest2:before {
  content: "\ec2e"; }

.icon-xing:before {
  content: "\ec2f"; }

.icon-xing2:before {
  content: "\ec30"; }

.icon-flattr:before {
  content: "\ec31"; }

.icon-foursquare:before {
  content: "\ec32"; }

.icon-paypal:before {
  content: "\ec33"; }

.icon-paypal2:before {
  content: "\ec34"; }

.icon-paypal3:before {
  content: "\ec35"; }

.icon-yelp:before {
  content: "\ec36"; }

.icon-file-pdf:before {
  content: "\ec37"; }

.icon-file-openoffice:before {
  content: "\ec38"; }

.icon-file-word:before {
  content: "\ec39"; }

.icon-file-excel:before {
  content: "\ec3a"; }

.icon-libreoffice:before {
  content: "\ec3b"; }

.icon-html5:before {
  content: "\ec3c"; }

.icon-html52:before {
  content: "\ec3d"; }

.icon-css3:before {
  content: "\ec3e"; }

.icon-git:before {
  content: "\ec3f"; }

.icon-svg:before {
  content: "\ec40"; }

.icon-codepen:before {
  content: "\ec41"; }

.icon-chrome:before {
  content: "\ec42"; }

.icon-firefox:before {
  content: "\ec43"; }

.icon-IE:before {
  content: "\ec44"; }

.icon-opera:before {
  content: "\ec45"; }

.icon-safari:before {
  content: "\ec46"; }

.icon-IcoMoon:before {
  content: "\ec47"; }

.icon-truck:before {
  content: "\e600"; }

.font, body {
  font-family: 'Rubik', sans-serif;
  font-weight: 400; }

.font-medium, .popin.bigPopin .popinContainer .popinNav ul li a, .popin.bigPopin .popinContainer .popinMainColumn header h1, .popin.bigPopin .popinContainer .popinMainColumn header h1 strong, .popin .popinContainer form .formItem ul.suggest li strong, .popinApercu .synthese table tr td strong, .popinTechnique strong, .popinPlanning .miniCalendar ul li.selectedItem a, .popinPlanning .miniCalendar ul li.optionItem a, .calendarSAV .calendar .col .day > div a p strong, .calendarDetail .calendar .col .day > div a p strong, .calendarSAV .calendar .col .day > div a.co strong, .calendarDetail .calendar .col .day > div a.co strong, .calendarSAV .calendar .col .day > div a.away strong, .calendarDetail .calendar .col .day > div a.away strong, .calendarSAV .savList .draggable li > div strong, .calendarDetail .savList .draggable li > div strong, .calendarPoseur .calendar .dayContent a p strong, .calendarPoseur .calendar .dayContent a.co strong, .calendarPoseur .calendar .dayContent a.away strong, .messages .message .messageHead strong, .messages .message h1, .savform ul.suggest li strong {
  font-family: 'Rubik', sans-serif;
  font-weight: 500; }

.font-bold, .tableList thead tr th a.asc, .tableList thead tr th a.desc, .badge, .badge--primary, .badge--success, .badge--info, .badge--warning, .badge--danger, .badge--inverse, .badge--ghost, .keyNumbers li p strong, .progressBar, .flashMessage .message strong, .popinAchats table tfoot tr td, .popinSituations table tfoot tr td, .calendarWrapper .equipes .equipe ul li, .calendarWrapper .equipes .equipe ul li.numero, .calendarWrapper .calendar .rows .row > div a strong, .calendarSAV .calendar .col .day > div a.sav .sContent > strong, .calendarDetail .calendar .col .day > div a.sav .sContent > strong, .calendarSAV .calendar .col .day > div a .more span, .calendarDetail .calendar .col .day > div a .more span, .calendarPoseur .calendar .dayContent a.sav > strong, .calendarHours .calendar .col .hour a strong, .more span {
  font-family: 'Rubik', sans-serif;
  font-weight: 700; }

.icon, ul li::before, .tableList thead tr th a.asc:before, .tableList thead tr th a.desc:before, .help:before, .warning:before, .inprogress:before, .comment:before, .popinApercu .comments ul li:before, .calendarSAV .savList .draggable li > div:before, .calendarDetail .savList .draggable li > div:before, .messages .messageList li.done .dot:before, #filters #filtersOpener:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  background: #F0F3F5;
  color: #21303E;
  font-size: 1.4rem;
  -webkit-font-smoothing: antialiased; }

.button, .blueButton, .grayButton, .whiteButton {
  box-sizing: border-box;
  display: inline-block;
  padding: 7px 20px;
  background: #000;
  border: 0px solid #000;
  outline: 0px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-size: 1.7rem; }
  .button a, .blueButton a, .grayButton a, .whiteButton a {
    color: #fff; }
  .button .icon, .blueButton .icon, .grayButton .icon, .whiteButton .icon, .button ul li::before, ul .button li::before, .blueButton ul li::before, ul .blueButton li::before, .grayButton ul li::before, ul .grayButton li::before, .whiteButton ul li::before, ul .whiteButton li::before, .button .tableList thead tr th a.asc:before, .tableList thead tr th .button a.asc:before, .blueButton .tableList thead tr th a.asc:before, .tableList thead tr th .blueButton a.asc:before, .grayButton .tableList thead tr th a.asc:before, .tableList thead tr th .grayButton a.asc:before, .whiteButton .tableList thead tr th a.asc:before, .tableList thead tr th .whiteButton a.asc:before, .button .tableList thead tr th a.desc:before, .tableList thead tr th .button a.desc:before, .blueButton .tableList thead tr th a.desc:before, .tableList thead tr th .blueButton a.desc:before, .grayButton .tableList thead tr th a.desc:before, .tableList thead tr th .grayButton a.desc:before, .whiteButton .tableList thead tr th a.desc:before, .tableList thead tr th .whiteButton a.desc:before, .button .help:before, .blueButton .help:before, .grayButton .help:before, .whiteButton .help:before, .button .warning:before, .blueButton .warning:before, .grayButton .warning:before, .whiteButton .warning:before, .button .inprogress:before, .blueButton .inprogress:before, .grayButton .inprogress:before, .whiteButton .inprogress:before, .button .comment:before, .blueButton .comment:before, .grayButton .comment:before, .whiteButton .comment:before, .button .popinApercu .comments ul li:before, .popinApercu .comments ul .button li:before, .blueButton .popinApercu .comments ul li:before, .popinApercu .comments ul .blueButton li:before, .grayButton .popinApercu .comments ul li:before, .popinApercu .comments ul .grayButton li:before, .whiteButton .popinApercu .comments ul li:before, .popinApercu .comments ul .whiteButton li:before, .button .calendarSAV .savList .draggable li > div:before, .calendarSAV .savList .draggable .button li > div:before, .blueButton .calendarSAV .savList .draggable li > div:before, .calendarSAV .savList .draggable .blueButton li > div:before, .grayButton .calendarSAV .savList .draggable li > div:before, .calendarSAV .savList .draggable .grayButton li > div:before, .whiteButton .calendarSAV .savList .draggable li > div:before, .calendarSAV .savList .draggable .whiteButton li > div:before, .button .calendarDetail .savList .draggable li > div:before, .calendarDetail .savList .draggable .button li > div:before, .blueButton .calendarDetail .savList .draggable li > div:before, .calendarDetail .savList .draggable .blueButton li > div:before, .grayButton .calendarDetail .savList .draggable li > div:before, .calendarDetail .savList .draggable .grayButton li > div:before, .whiteButton .calendarDetail .savList .draggable li > div:before, .calendarDetail .savList .draggable .whiteButton li > div:before, .button .messages .messageList li.done .dot:before, .messages .messageList li.done .button .dot:before, .blueButton .messages .messageList li.done .dot:before, .messages .messageList li.done .blueButton .dot:before, .grayButton .messages .messageList li.done .dot:before, .messages .messageList li.done .grayButton .dot:before, .whiteButton .messages .messageList li.done .dot:before, .messages .messageList li.done .whiteButton .dot:before, .button #filters #filtersOpener:before, #filters .button #filtersOpener:before, .blueButton #filters #filtersOpener:before, #filters .blueButton #filtersOpener:before, .grayButton #filters #filtersOpener:before, #filters .grayButton #filtersOpener:before, .whiteButton #filters #filtersOpener:before, #filters .whiteButton #filtersOpener:before {
    font-size: 13px; }
  .button strong, .blueButton strong, .grayButton strong, .whiteButton strong {
    text-decoration: underline; }
  .button.m, .m.blueButton, .m.grayButton, .m.whiteButton {
    padding: 10px;
    font-size: 1.3rem; }
  .button.xs, .xs.blueButton, .xs.grayButton, .xs.whiteButton {
    padding: 5px;
    border-radius: 3px;
    font-size: 1.3rem; }

.blueButton {
  background: #308EE5;
  color: #fff; }
  .blueButton.borderedButton {
    color: #308EE5;
    border-color: rgba(98, 114, 129, 0.3);
    background: none; }
  .blueButton:hover, .blueButton:active {
    background: #1c82df;
    color: #fff;
    text-decoration: none; }

.grayButton {
  background: #627281;
  color: #21303E; }
  .grayButton.borderedButton {
    color: #627281;
    border-color: rgba(98, 114, 129, 0.3);
    background: none; }
    .grayButton.borderedButton .icon, .grayButton.borderedButton ul li::before, ul .grayButton.borderedButton li::before, .grayButton.borderedButton .tableList thead tr th a.asc:before, .tableList thead tr th .grayButton.borderedButton a.asc:before, .grayButton.borderedButton .tableList thead tr th a.desc:before, .tableList thead tr th .grayButton.borderedButton a.desc:before, .grayButton.borderedButton .help:before, .grayButton.borderedButton .warning:before, .grayButton.borderedButton .inprogress:before, .grayButton.borderedButton .comment:before, .grayButton.borderedButton .popinApercu .comments ul li:before, .popinApercu .comments ul .grayButton.borderedButton li:before, .grayButton.borderedButton .calendarSAV .savList .draggable li > div:before, .calendarSAV .savList .draggable .grayButton.borderedButton li > div:before, .grayButton.borderedButton .calendarDetail .savList .draggable li > div:before, .calendarDetail .savList .draggable .grayButton.borderedButton li > div:before, .grayButton.borderedButton .messages .messageList li.done .dot:before, .messages .messageList li.done .grayButton.borderedButton .dot:before, .grayButton.borderedButton #filters #filtersOpener:before, #filters .grayButton.borderedButton #filtersOpener:before {
      color: #308EE5; }
  .grayButton:hover, .grayButton:active {
    background: #1c82df;
    color: #fff;
    text-decoration: none; }
    .grayButton:hover .icon, .grayButton:hover ul li::before, ul .grayButton:hover li::before, .grayButton:hover .tableList thead tr th a.asc:before, .tableList thead tr th .grayButton:hover a.asc:before, .grayButton:hover .tableList thead tr th a.desc:before, .tableList thead tr th .grayButton:hover a.desc:before, .grayButton:hover .help:before, .grayButton:hover .warning:before, .grayButton:hover .inprogress:before, .grayButton:hover .comment:before, .grayButton:hover .popinApercu .comments ul li:before, .popinApercu .comments ul .grayButton:hover li:before, .grayButton:hover .calendarSAV .savList .draggable li > div:before, .calendarSAV .savList .draggable .grayButton:hover li > div:before, .grayButton:hover .calendarDetail .savList .draggable li > div:before, .calendarDetail .savList .draggable .grayButton:hover li > div:before, .grayButton:hover .messages .messageList li.done .dot:before, .messages .messageList li.done .grayButton:hover .dot:before, .grayButton:hover #filters #filtersOpener:before, #filters .grayButton:hover #filtersOpener:before, .grayButton:active .icon, .grayButton:active ul li::before, ul .grayButton:active li::before, .grayButton:active .tableList thead tr th a.asc:before, .tableList thead tr th .grayButton:active a.asc:before, .grayButton:active .tableList thead tr th a.desc:before, .tableList thead tr th .grayButton:active a.desc:before, .grayButton:active .help:before, .grayButton:active .warning:before, .grayButton:active .inprogress:before, .grayButton:active .comment:before, .grayButton:active .popinApercu .comments ul li:before, .popinApercu .comments ul .grayButton:active li:before, .grayButton:active .calendarSAV .savList .draggable li > div:before, .calendarSAV .savList .draggable .grayButton:active li > div:before, .grayButton:active .calendarDetail .savList .draggable li > div:before, .calendarDetail .savList .draggable .grayButton:active li > div:before, .grayButton:active .messages .messageList li.done .dot:before, .messages .messageList li.done .grayButton:active .dot:before, .grayButton:active #filters #filtersOpener:before, #filters .grayButton:active #filtersOpener:before {
      color: #fff; }

.whiteButton {
  background: #fff;
  color: #21303E; }

.roundedButton {
  border-radius: 5px; }

.borderedButton {
  background: none;
  border-width: 1px; }

.smallButton {
  font-size: 13px;
  padding: 5px; }
  .smallButton .icon, .smallButton ul li::before, ul .smallButton li::before, .smallButton .tableList thead tr th a.asc:before, .tableList thead tr th .smallButton a.asc:before, .smallButton .tableList thead tr th a.desc:before, .tableList thead tr th .smallButton a.desc:before, .smallButton .help:before, .smallButton .warning:before, .smallButton .inprogress:before, .smallButton .comment:before, .smallButton .popinApercu .comments ul li:before, .popinApercu .comments ul .smallButton li:before, .smallButton .calendarSAV .savList .draggable li > div:before, .calendarSAV .savList .draggable .smallButton li > div:before, .smallButton .calendarDetail .savList .draggable li > div:before, .calendarDetail .savList .draggable .smallButton li > div:before, .smallButton .messages .messageList li.done .dot:before, .messages .messageList li.done .smallButton .dot:before, .smallButton #filters #filtersOpener:before, #filters .smallButton #filtersOpener:before {
    font-size: 10px; }

.bigButton {
  padding: 15px 20px;
  min-width: 230px; }

.label {
  display: inline-block;
  padding: 2px 3px 1px 3px;
  margin-right: 5px;
  border: 1px solid #c4cbd2;
  border-radius: 3px;
  opacity: 1;
  color: #a7b2bc;
  font-size: 9px;
  text-transform: uppercase; }
  .label.blue {
    border-color: #308EE5;
    color: #308EE5 !important; }
  .label.green {
    border-color: #8EBA51;
    color: #8EBA51 !important; }

.buttonGroup {
  display: flex; }
  .buttonGroup li:first-child a {
    border-radius: 5px 0px 0px 5px; }
  .buttonGroup li:last-child a {
    border-right: 1px solid rgba(98, 114, 129, 0.2);
    border-radius: 0px 5px 5px 0px; }
  .buttonGroup li.active a {
    background: #627281;
    color: #fff;
    box-shadow: inset 0px 3px 3px rgba(0, 0, 0, 0.2); }
    .buttonGroup li.active a:hover {
      background: #627281; }
  .buttonGroup li a {
    display: block;
    min-width: 40px;
    padding: 12px 15px 11px 15px;
    border: 1px solid rgba(98, 114, 129, 0.2);
    border-right: 0px;
    color: #627281;
    text-align: center; }
    .buttonGroup li a:hover {
      background: rgba(255, 255, 255, 0.3); }
  .buttonGroup.s li a {
    padding: 3px 8px; }

strong {
  font-weight: normal; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

h1 {
  font-size: 4rem;
  color: #21303E; }

h4 {
  margin-bottom: 15px;
  font-size: 1.7rem;
  color: #627281; }

h5 {
  font-size: 1.5rem; }

a {
  text-decoration: none; }
  a:focus, a:active, a:hover {
    text-decoration: none;
    outline: none; }

ul {
  padding-left: 1em; }
  ul li {
    color: #21303E;
    list-style: none; }
    ul li::before {
      color: #308EE5;
      content: "\e969";
      font-size: 1.8rem;
      padding-right: 0.3em;
      /* use em*/
      position: relative;
      top: 0.2em;
      /* use em or % */ }

ul.unstyled {
  margin-bottom: 0px; }
  ul.unstyled li::before {
    content: none; }

.flex {
  display: flex; }

.flex-col {
  flex-direction: column; }

.flex-grow {
  flex-grow: 1; }

.items-center {
  align-items: center; }

.justify-between {
  justify-content: space-between; }

.hidden {
  display: none; }

form input:not([type='checkbox']):not([type='radio']), form select {
  background: #fff;
  -webkit-appearance: none; }

form input[type=date] {
  min-height: 33px; }

table {
  margin: 0px; }
  table tr td.xs, table tr th.xs {
    width: 40px !important; }
  table tr td.s, table tr th.s {
    width: 60px !important; }
  table tr td.m, table tr th.m {
    width: 10%; }
  table tr td.l, table tr th.l {
    width: 25%; }
  table tr td.xl, table tr th.xl {
    width: 50%; }
  table tr td.xxl, table tr th.xxl {
    width: 70%; }
  table tr td.check, table tr th.check {
    padding: 0px; }
    table tr td.check a, table tr th.check a {
      display: block;
      padding: 6px;
      text-align: center;
      color: rgba(98, 114, 129, 0.5); }
    table tr td.check:hover, table tr th.check:hover {
      background: #308EE5; }
      table tr td.check:hover a, table tr th.check:hover a {
        color: #fff;
        text-decoration: none; }
    table tr td.check.checked, table tr th.check.checked {
      background: #8EBA51; }
      table tr td.check.checked a, table tr th.check.checked a {
        color: #fff; }

.totalTable tfoot {
  background: #fff;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  border-radius: 10px; }

.tableList {
  table-layout: auto;
  font-size: 1.4rem;
  color: #627281; }
  .tableList thead tr th {
    padding: 5px;
    font-weight: normal; }
    .tableList thead tr th a {
      color: #627281; }
      .tableList thead tr th a.asc:before {
        content: "\eab5";
        margin-right: 5px;
        font-size: 1rem;
        color: #308EE5; }
      .tableList thead tr th a.desc:before {
        content: "\eabd";
        margin-right: 5px;
        font-size: 1rem;
        color: #308EE5; }
    .tableList thead tr th.blue {
      border-bottom: 3px solid #308EE5; }
    .tableList thead tr th.orange {
      border-bottom: 3px solid #FF7600; }
    .tableList thead tr th.yellow {
      border-bottom: 3px solid #FFCE00; }
    .tableList thead tr th.green {
      border-bottom: 3px solid #8EBA51; }
  .tableList tbody {
    background: #fff;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); }
    .tableList tbody tr {
      border-bottom: 1px solid rgba(98, 114, 129, 0.2); }
      .tableList tbody tr td {
        padding: 15px 5px; }
        .tableList tbody tr td strong {
          color: #21303E; }
        .tableList tbody tr td a {
          color: #308EE5; }
        .tableList tbody tr td .mobileLabel {
          display: none; }
        .tableList tbody tr td.actions {
          position: relative; }
          .tableList tbody tr td.actions a {
            display: block;
            padding: 5px;
            color: #308EE5; }
            .tableList tbody tr td.actions a:hover {
              text-decoration: none; }
        .tableList tbody tr td.br {
          border-right: 1px solid rgba(98, 114, 129, 0.2); }
      .tableList tbody tr.separator td {
        padding: 3px 5px;
        background: #eff1f3; }
      .tableList tbody tr.active {
        background: rgba(48, 142, 229, 0.1) !important;
        color: #308EE5 !important; }
        .tableList tbody tr.active a, .tableList tbody tr.active strong {
          color: #145a9b !important; }
      .tableList tbody tr:nth-child(even) {
        background: rgba(98, 114, 129, 0.05); }
      .tableList tbody tr:hover {
        cursor: pointer;
        background: rgba(48, 142, 229, 0.15) !important;
        box-shadow: inset 0px 0px 2px #308EE5; }
      .tableList tbody tr:last-child {
        border: none; }
  .tableList tfoot tr td {
    padding: 5px;
    padding-top: 8px;
    font-weight: bold; }
    .tableList tfoot tr td .mobileLabel {
      display: none; }
    .tableList tfoot tr td.br {
      border-right: 1px solid rgba(98, 114, 129, 0.2); }
    .tableList tfoot tr td strong {
      color: #21303E;
      font-weight: bold; }

.filterBox {
  display: relative;
  margin-right: 10px; }
  .filterBox > label {
    background: #fff;
    border-radius: 5px;
    padding: 5px 10px; }
  .filterBox #filterBoxCheckbox:checked ~ ul {
    display: block; }
  .filterBox ul {
    position: absolute;
    display: none;
    z-index: 1000;
    padding: 10px;
    background: #fff;
    border-radius: 10px; }
    .filterBox ul li input {
      margin-right: 5px; }
    .filterBox ul li button {
      width: 100%;
      background: #308EE5;
      border-radius: 5px;
      color: #fff; }

.badges {
  display: flex;
  gap: 4px;
  height: 21px; }
  .badges > div {
    position: relative;
    width: 21px; }

.badge, .badge--primary, .badge--success, .badge--info, .badge--warning, .badge--danger, .badge--inverse, .badge--ghost {
  display: flex;
  align-items: center;
  position: absolute;
  z-index: 1;
  height: 21px;
  max-width: 21px;
  border-radius: 100px;
  text-align: center;
  font-size: 1.2rem;
  color: #fff;
  overflow: hidden;
  transform-origin: left;
  transition: all .5s; }
  .badge:hover, .badge--primary:hover, .badge--success:hover, .badge--info:hover, .badge--warning:hover, .badge--danger:hover, .badge--inverse:hover, .badge--ghost:hover {
    max-width: 500px !important;
    z-index: 2;
    transform: scale(1.2); }
    .badge:hover .text, .badge--primary:hover .text, .badge--success:hover .text, .badge--info:hover .text, .badge--warning:hover .text, .badge--danger:hover .text, .badge--inverse:hover .text, .badge--ghost:hover .text {
      opacity: 1; }
  .badge .text, .badge--primary .text, .badge--success .text, .badge--info .text, .badge--warning .text, .badge--danger .text, .badge--inverse .text, .badge--ghost .text {
    display: block;
    position: relative;
    top: 0px;
    padding: 0px 3px;
    white-space: nowrap;
    opacity: 0;
    transition: opacity ease-in-out .1s; }
  .badge .icon-clock2, .badge--primary .icon-clock2, .badge--success .icon-clock2, .badge--info .icon-clock2, .badge--warning .icon-clock2, .badge--danger .icon-clock2, .badge--inverse .icon-clock2, .badge--ghost .icon-clock2,
  .badge .icon-truck2,
  .badge--primary .icon-truck2,
  .badge--success .icon-truck2,
  .badge--info .icon-truck2,
  .badge--warning .icon-truck2,
  .badge--danger .icon-truck2,
  .badge--inverse .icon-truck2,
  .badge--ghost .icon-truck2,
  .badge .icon-piggy-bank,
  .badge--primary .icon-piggy-bank,
  .badge--success .icon-piggy-bank,
  .badge--info .icon-piggy-bank,
  .badge--warning .icon-piggy-bank,
  .badge--danger .icon-piggy-bank,
  .badge--inverse .icon-piggy-bank,
  .badge--ghost .icon-piggy-bank {
    display: inline-block;
    position: relative;
    top: -1px;
    left: -1px;
    transform: scale(1.1);
    transform-origin: top; }
  .badge:before, .badge--primary:before, .badge--success:before, .badge--info:before, .badge--warning:before, .badge--danger:before, .badge--inverse:before, .badge--ghost:before {
    display: none !important; }

.tag, .tag--primary, .tag--success, .tag--info, .tag--warning, .tag--danger, .tag--inverse, .tag--ghost {
  margin: 3px;
  padding: 5px;
  border-radius: 2px;
  background: rgba(98, 114, 129, 0.1);
  color: #627281; }
  .tag strong, .tag--primary strong, .tag--success strong, .tag--info strong, .tag--warning strong, .tag--danger strong, .tag--inverse strong, .tag--ghost strong {
    color: #21303E; }
  .tag.borderedTag, .borderedTag.tag--primary, .borderedTag.tag--success, .borderedTag.tag--info, .borderedTag.tag--warning, .borderedTag.tag--danger, .borderedTag.tag--inverse, .borderedTag.tag--ghost {
    background: none;
    border: 1px solid rgba(98, 114, 129, 0.15); }

.dropdownOpener:hover .dropdown {
  display: block; }

.dropdown {
  display: none;
  position: absolute;
  right: 0px;
  z-index: 99;
  width: 250px;
  background: #1a2631;
  border-radius: 5px;
  /*&:before{
        position: absolute;
        right: 10px;
        top: -12px;
        
        font-family: 'icomoon';
        
        content: "\eb69";
        color: darken($dark,4%);
    }*/ }
  .dropdown ul {
    margin: 0px;
    padding: 0px; }
    .dropdown ul li {
      display: block;
      padding: 10px !important;
      border-bottom: 1px solid #263848;
      font-size: 1.3rem;
      text-align: left;
      color: #627281; }
      .dropdown ul li:last-child {
        border-bottom: 0px; }
      .dropdown ul li.separator {
        background: #263848;
        height: 3px; }
      .dropdown ul li .icon, .dropdown ul li li::before, .dropdown ul li .tableList thead tr th a.asc:before, .tableList thead tr th .dropdown ul li a.asc:before, .dropdown ul li .tableList thead tr th a.desc:before, .tableList thead tr th .dropdown ul li a.desc:before, .dropdown ul li .help:before, .dropdown ul li .warning:before, .dropdown ul li .inprogress:before, .dropdown ul li .comment:before, .dropdown .popinApercu .comments ul li li:before, .popinApercu .comments .dropdown ul li li:before, .dropdown ul .calendarSAV .savList .draggable li > div:before, .calendarSAV .savList .draggable .dropdown ul li > div:before, .dropdown ul .calendarDetail .savList .draggable li > div:before, .calendarDetail .savList .draggable .dropdown ul li > div:before, .dropdown ul .messages .messageList li.done .dot:before, .messages .messageList .dropdown ul li.done .dot:before, .dropdown ul li #filters #filtersOpener:before, #filters .dropdown ul li #filtersOpener:before {
        position: relative;
        top: 1px;
        margin-right: 7px;
        color: #627281; }
      .dropdown ul li a {
        display: block;
        color: rgba(255, 255, 255, 0.8);
        padding: 0px !important; }
        .dropdown ul li a:hover {
          text-decoration: none;
          color: #fff; }
          .dropdown ul li a:hover .icon, .dropdown ul li a:hover li::before, .dropdown ul li a:hover .tableList thead tr th a.asc:before, .tableList thead tr th .dropdown ul li a:hover a.asc:before, .dropdown ul li a:hover .tableList thead tr th a.desc:before, .tableList thead tr th .dropdown ul li a:hover a.desc:before, .dropdown ul li a:hover .help:before, .dropdown ul li a:hover .warning:before, .dropdown ul li a:hover .inprogress:before, .dropdown ul li a:hover .comment:before, .dropdown .popinApercu .comments ul li a:hover li:before, .popinApercu .comments .dropdown ul li a:hover li:before, .dropdown ul li a:hover .calendarSAV .savList .draggable li > div:before, .calendarSAV .savList .draggable .dropdown ul li a:hover li > div:before, .dropdown ul li a:hover .calendarDetail .savList .draggable li > div:before, .calendarDetail .savList .draggable .dropdown ul li a:hover li > div:before, .dropdown ul .messages .messageList li.done a:hover .dot:before, .messages .messageList .dropdown ul li.done a:hover .dot:before, .dropdown ul li a:hover #filters #filtersOpener:before, #filters .dropdown ul li a:hover #filtersOpener:before {
            color: #308EE5 !important; }

.borderedBlock {
  position: relative;
  border: 1px solid rgba(98, 114, 129, 0.2);
  border-radius: 10px;
  overflow: hidden; }
  .borderedBlock h3 {
    display: inline-block;
    margin: 0px;
    margin-bottom: 10px;
    padding: 4px 7px;
    background: #fff;
    border-radius: 5px;
    font-size: 1.3rem;
    text-transform: uppercase;
    color: #21303E; }
  .borderedBlock p {
    font-size: 1.4rem;
    color: #627281; }
    .borderedBlock p a {
      color: #308EE5;
      text-decoration: underline; }
  .borderedBlock .modifyButton {
    position: absolute;
    top: 5px;
    right: 10px; }
    .borderedBlock .modifyButton a {
      display: block;
      padding: 10px;
      font-size: 1.4rem;
      color: #627281; }
      .borderedBlock .modifyButton a:hover {
        text-decoration: none; }

.card {
  padding: 25px;
  background: #fff;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1); }
  .card h3 {
    padding: 0px;
    margin: 0px;
    font-size: 1.8rem;
    color: #21303E; }
  .card h4 {
    font-size: 1.4rem;
    color: #627281; }
  .card p {
    font-size: 1.4rem;
    color: #627281; }
    .card p a {
      color: #308EE5;
      text-decoration: underline; }

.off {
  color: #627281;
  opacity: 0.3; }
  .off .icon, .off ul li::before, ul .off li::before, .off .tableList thead tr th a.asc:before, .tableList thead tr th .off a.asc:before, .off .tableList thead tr th a.desc:before, .tableList thead tr th .off a.desc:before, .off .help:before, .off .warning:before, .off .inprogress:before, .off .comment:before, .off .popinApercu .comments ul li:before, .popinApercu .comments ul .off li:before, .off .calendarSAV .savList .draggable li > div:before, .calendarSAV .savList .draggable .off li > div:before, .off .calendarDetail .savList .draggable li > div:before, .calendarDetail .savList .draggable .off li > div:before, .off .messages .messageList li.done .dot:before, .messages .messageList li.done .off .dot:before, .off #filters #filtersOpener:before, #filters .off #filtersOpener:before {
    color: #627281 !important; }

.positif {
  color: #8EBA51 !important; }

.negatif {
  color: #FF7600 !important; }

.txtblue {
  color: #308EE5 !important; }

.txtorange {
  color: #FF7600 !important; }

.txtgreen {
  color: #8EBA51 !important; }

.txtred {
  color: #ED0012 !important; }

.alignTop {
  align-self: start; }

.alignMiddle {
  align-self: center; }

.alignBottom {
  align-self: end; }

.help, .warning, .inprogress {
  position: relative; }
  .help:before, .warning:before, .inprogress:before {
    content: "\ea54";
    color: #308EE5;
    font-size: 1.1rem; }
  .help:hover:after, .warning:hover:after, .inprogress:hover:after {
    content: attr(data-hover);
    position: absolute;
    z-index: 9;
    top: -5px;
    min-width: 200px;
    margin-left: 5px;
    padding: 5px;
    border-radius: 5px;
    background: #308EE5;
    text-align: left !important;
    color: #fff;
    font-size: 1.2rem; }

.warning:before {
  content: "\ea4e";
  font-size: 1.5rem;
  color: #FF7600; }

.warning:hover:after {
  background: #FF7600;
  font-weight: bold; }

.inprogress:before {
  content: "\eaac";
  font-size: 1.5rem;
  color: #FF7600; }

.inprogress:hover:after {
  background: #FF7600;
  font-weight: bold; }

.comment {
  position: relative;
  left: 3px; }
  .comment:before {
    content: "\e7cb";
    color: rgba(98, 114, 129, 0.3);
    font-size: 1.1rem; }
  .comment:hover:after {
    content: attr(data-hover);
    position: absolute;
    z-index: 9;
    top: -7px;
    min-width: 200px;
    margin-left: 5px;
    padding: 5px;
    border-radius: 5px;
    background: #d2d8dd;
    color: #fff;
    font-size: 1.2rem; }
  .comment.active:before {
    color: #308EE5; }
  .comment.active:hover:after {
    background: #308EE5; }

.keyNumbers {
  margin-bottom: 20px; }
  .keyNumbers li {
    display: grid;
    grid-template-columns: 35px 1fr;
    margin: 0px 0px; }
    .keyNumbers li .icon, .keyNumbers li ul li::before, ul .keyNumbers li li::before, .keyNumbers li .tableList thead tr th a.asc:before, .tableList thead tr th .keyNumbers li a.asc:before, .keyNumbers li .tableList thead tr th a.desc:before, .tableList thead tr th .keyNumbers li a.desc:before, .keyNumbers li .help:before, .keyNumbers li .warning:before, .keyNumbers li .inprogress:before, .keyNumbers li .comment:before, .keyNumbers li .popinApercu .comments ul li:before, .popinApercu .comments ul .keyNumbers li li:before, .keyNumbers .calendarSAV .savList .draggable li > div:before, .calendarSAV .savList .draggable .keyNumbers li > div:before, .keyNumbers .calendarDetail .savList .draggable li > div:before, .calendarDetail .savList .draggable .keyNumbers li > div:before, .keyNumbers .messages .messageList li.done .dot:before, .messages .messageList .keyNumbers li.done .dot:before, .keyNumbers li #filters #filtersOpener:before, #filters .keyNumbers li #filtersOpener:before {
      position: relative;
      top: 8px;
      font-size: 2.1rem;
      color: #627281;
      opacity: 0.5; }
    .keyNumbers li p {
      font-size: 1.3rem;
      line-height: 1.7rem; }
      .keyNumbers li p strong {
        font-size: 2rem;
        color: #308EE5; }

.progressBar {
  font-size: 1.2rem;
  color: #8EBA51; }
  .progressBar progress {
    -webkit-appearance: none;
    appearance: none;
    width: 150px;
    height: 8px;
    margin-right: 5px; }
    .progressBar progress::-webkit-progress-bar {
      background: #fff;
      border: 1px solid rgba(98, 114, 129, 0.3);
      border-radius: 3px; }
    .progressBar progress::-webkit-progress-value {
      background-color: #8EBA51; }
  .progressBar.alertBar {
    color: #ED0012; }
    .progressBar.alertBar progress::-webkit-progress-value {
      background-color: #ED0012; }

.loader {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9999;
  width: 100vw;
  height: 100vh; }
  .loader:hover {
    cursor: wait; }
  .loader div {
    position: absolute;
    bottom: 20px;
    right: 20px; }
    .loader div svg {
      width: 2em;
      transform-origin: center;
      animation: rotate 2s linear infinite; }
    .loader div circle {
      fill: none;
      stroke: #308EE5;
      stroke-width: 3;
      stroke-dasharray: 1, 200;
      stroke-dashoffset: 0;
      stroke-linecap: round;
      animation: dash 1.5s ease-in-out infinite; }

@keyframes rotate {
  100% {
    transform: rotate(360deg); } }

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 90, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dashoffset: -125px; } }

.flashMessage {
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 9999;
  width: 100vw;
  overflow: hidden; }
  .flashMessage .message {
    position: relative;
    width: 95%;
    max-width: 450px;
    margin: 20px auto;
    padding: 5px 15px;
    background: #308EE5;
    border-radius: 10px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: 1.5rem;
    animation: slideIn 1s;
    animation-fill-mode: forwards;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
    .flashMessage .message.close {
      animation: slideOut 1s;
      animation-fill-mode: forwards; }
    .flashMessage .message .closer {
      float: right;
      padding: 5px 0px;
      color: #fff;
      text-decoration: none;
      opacity: 0.7; }
      .flashMessage .message .closer:hover {
        opacity: 1; }
    .flashMessage .message p {
      margin: 5px 0px; }
    .flashMessage .message a {
      color: #fff;
      text-decoration: underline; }
    .flashMessage .message.alert, .flashMessage .message.alert--primary, .flashMessage .message.alert--success, .flashMessage .message.alert--info, .flashMessage .message.alert--warning, .flashMessage .message.alert--danger, .flashMessage .message.alert--inverse, .flashMessage .message.alert--ghost, .flashMessage .message.error {
      background: #ED0012; }
    .flashMessage .message.warning {
      background: #FF7600; }
    .flashMessage .message.success {
      background: #8EBA51; }

@keyframes slideIn {
  0% {
    transform: translateY(500px); }
  100% {
    transform: translateY(0); } }

@keyframes slideOut {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(500px); } }

.unselect {
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  /* Rules below not implemented in browsers yet */
  -o-user-select: none;
  user-select: none; }

.warningRow {
  border-left: 3px solid #FF7600 !important; }

.col-13 {
  grid-column: auto/span 13; }

.col-14 {
  grid-column: auto/span 14; }

.col-15 {
  grid-column: auto/span 15; }

.col-16 {
  grid-column: auto/span 16; }

.col-17 {
  grid-column: auto/span 17; }

.col-18 {
  grid-column: auto/span 18; }

.col-19 {
  grid-column: auto/span 19; }

.col-20 {
  grid-column: auto/span 20; }

.col-21 {
  grid-column: auto/span 21; }

.col-22 {
  grid-column: auto/span 22; }

.col-23 {
  grid-column: auto/span 23; }

.col-24 {
  grid-column: auto/span 24; }

.col-25 {
  grid-column: auto/span 25; }

.col-26 {
  grid-column: auto/span 26; }

.col-27 {
  grid-column: auto/span 27; }

.col-28 {
  grid-column: auto/span 28; }

.col-29 {
  grid-column: auto/span 29; }

.col-30 {
  grid-column: auto/span 30; }

.col-31 {
  grid-column: auto/span 31; }

.col-32 {
  grid-column: auto/span 32; }

.col-33 {
  grid-column: auto/span 33; }

.col-34 {
  grid-column: auto/span 34; }

.col-35 {
  grid-column: auto/span 35; }

.col-36 {
  grid-column: auto/span 36; }

.col-37 {
  grid-column: auto/span 37; }

.col-38 {
  grid-column: auto/span 38; }

.col-39 {
  grid-column: auto/span 39; }

.col-40 {
  grid-column: auto/span 40; }

.col-41 {
  grid-column: auto/span 41; }

.col-42 {
  grid-column: auto/span 42; }

.col-43 {
  grid-column: auto/span 43; }

.col-44 {
  grid-column: auto/span 44; }

.col-45 {
  grid-column: auto/span 45; }

.col-46 {
  grid-column: auto/span 46; }

.col-47 {
  grid-column: auto/span 47; }

.col-48 {
  grid-column: auto/span 48; }

.col-49 {
  grid-column: auto/span 49; }

.col-50 {
  grid-column: auto/span 50; }

.col-51 {
  grid-column: auto/span 51; }

.col-52 {
  grid-column: auto/span 52; }

.col-53 {
  grid-column: auto/span 53; }

.col-54 {
  grid-column: auto/span 54; }

.col-55 {
  grid-column: auto/span 55; }

.col-56 {
  grid-column: auto/span 56; }

.col-57 {
  grid-column: auto/span 57; }

.col-58 {
  grid-column: auto/span 58; }

.col-59 {
  grid-column: auto/span 59; }

.col-60 {
  grid-column: auto/span 60; }

.col-61 {
  grid-column: auto/span 61; }

.col-62 {
  grid-column: auto/span 62; }

.row-13 {
  grid-row: auto/span 13; }

.row-14 {
  grid-row: auto/span 14; }

.row-15 {
  grid-row: auto/span 15; }

.row-16 {
  grid-row: auto/span 16; }

.row-17 {
  grid-row: auto/span 17; }

.row-18 {
  grid-row: auto/span 18; }

.row-19 {
  grid-row: auto/span 19; }

.row-20 {
  grid-row: auto/span 20; }

.row-21 {
  grid-row: auto/span 21; }

.row-22 {
  grid-row: auto/span 22; }

.row-23 {
  grid-row: auto/span 23; }

.row-24 {
  grid-row: auto/span 24; }

.row-25 {
  grid-row: auto/span 25; }

.row-26 {
  grid-row: auto/span 26; }

.row-27 {
  grid-row: auto/span 27; }

.row-28 {
  grid-row: auto/span 28; }

.row-29 {
  grid-row: auto/span 29; }

.row-30 {
  grid-row: auto/span 30; }

.row-31 {
  grid-row: auto/span 31; }

.row-32 {
  grid-row: auto/span 32; }

.row-33 {
  grid-row: auto/span 33; }

.row-34 {
  grid-row: auto/span 34; }

.row-35 {
  grid-row: auto/span 35; }

.row-36 {
  grid-row: auto/span 36; }

.row-37 {
  grid-row: auto/span 37; }

.row-38 {
  grid-row: auto/span 38; }

.row-39 {
  grid-row: auto/span 39; }

.row-40 {
  grid-row: auto/span 40; }

.row-41 {
  grid-row: auto/span 41; }

.row-42 {
  grid-row: auto/span 42; }

.row-43 {
  grid-row: auto/span 43; }

.row-44 {
  grid-row: auto/span 44; }

.row-45 {
  grid-row: auto/span 45; }

.row-46 {
  grid-row: auto/span 46; }

.row-47 {
  grid-row: auto/span 47; }

.row-48 {
  grid-row: auto/span 48; }

.row-49 {
  grid-row: auto/span 49; }

.row-50 {
  grid-row: auto/span 50; }

.row-51 {
  grid-row: auto/span 51; }

.row-52 {
  grid-row: auto/span 52; }

.row-53 {
  grid-row: auto/span 53; }

.row-54 {
  grid-row: auto/span 54; }

.row-55 {
  grid-row: auto/span 55; }

.row-56 {
  grid-row: auto/span 56; }

.row-57 {
  grid-row: auto/span 57; }

.row-58 {
  grid-row: auto/span 58; }

.row-59 {
  grid-row: auto/span 59; }

.row-60 {
  grid-row: auto/span 60; }

.row-61 {
  grid-row: auto/span 61; }

.row-62 {
  grid-row: auto/span 62; }

#mainHeader {
  grid-template-columns: 1fr 1fr 250px;
  background: #21303E;
  color: #fff; }
  #mainHeader #mainLogo {
    width: 60px;
    padding: 15px 15px 14px 15px; }
    #mainHeader #mainLogo:hover {
      background: none !important;
      border-radius: 5px;
      animation: jellyzoom 0.5s;
      animation-fill-mode: forwards; }
  #mainHeader #mainNav li {
    display: inline-block; }
    #mainHeader #mainNav li.currentItem {
      box-shadow: inset 0px -5px 0px #308EE5; }
    #mainHeader #mainNav li:hover {
      background: #131b23; }
    #mainHeader #mainNav li a {
      display: block;
      padding: 22px 15px;
      color: #fff;
      font-size: 1.7rem; }
      #mainHeader #mainNav li a .badge, #mainHeader #mainNav li a .badge--primary, #mainHeader #mainNav li a .badge--success, #mainHeader #mainNav li a .badge--info, #mainHeader #mainNav li a .badge--warning, #mainHeader #mainNav li a .badge--danger, #mainHeader #mainNav li a .badge--inverse, #mainHeader #mainNav li a .badge--ghost {
        margin-right: 5px; }
      #mainHeader #mainNav li a .badge--primary {
        background: #308EE5; }
  #mainHeader #mainSearch {
    position: relative;
    max-width: 500px;
    margin-top: 11px;
    background: #131b23;
    border-radius: 7px; }
    #mainHeader #mainSearch .grid {
      grid-template-columns: 1fr 50px; }
      #mainHeader #mainSearch .grid input {
        background: none;
        border: 0px;
        box-shadow: none;
        font-size: 1.6rem;
        color: #fff; }
        #mainHeader #mainSearch .grid input::-webkit-input-placeholder {
          color: #627281; }
        #mainHeader #mainSearch .grid input:-moz-placeholder {
          /* Firefox 18- */
          color: #627281; }
        #mainHeader #mainSearch .grid input::-moz-placeholder {
          /* Firefox 19+ */
          color: #627281; }
        #mainHeader #mainSearch .grid input:-ms-input-placeholder {
          color: #627281; }
        #mainHeader #mainSearch .grid input:focus {
          outline: none; }
      #mainHeader #mainSearch .grid button, #mainHeader #mainSearch .grid .btn--primary {
        margin: 5px;
        padding: 1rem 0rem;
        border-radius: 3px;
        background: #308EE5; }
    #mainHeader #mainSearch .suggest {
      position: absolute;
      left: -10%;
      z-index: 99;
      width: 120%;
      max-width: 100vw;
      overflow: hidden;
      background: #fff;
      border-radius: 5px;
      box-shadow: 0px 10px 10px rgba(33, 48, 62, 0.1); }
      #mainHeader #mainSearch .suggest li {
        border-bottom: 1px solid #eff1f3; }
        #mainHeader #mainSearch .suggest li:last-child {
          border: none; }
        #mainHeader #mainSearch .suggest li.separator {
          padding: 5px;
          background: #f5f6f7;
          font-size: 1.2rem;
          text-transform: uppercase;
          color: #627281; }
        #mainHeader #mainSearch .suggest li.other {
          background: #f8f9fa;
          opacity: 0.6; }
        #mainHeader #mainSearch .suggest li a {
          position: relative;
          display: block;
          padding: 10px;
          font-size: 1.4rem;
          color: #627281; }
          #mainHeader #mainSearch .suggest li a:hover, #mainHeader #mainSearch .suggest li a.active {
            background: #f5f6f7;
            text-decoration: none; }
            #mainHeader #mainSearch .suggest li a:hover:before, #mainHeader #mainSearch .suggest li a.active:before {
              position: absolute;
              right: 10px;
              top: 35%;
              font-family: 'icomoon';
              content: "\eabb";
              color: #308EE5; }
          #mainHeader #mainSearch .suggest li a span {
            color: #627281;
            opacity: 0.3; }
            #mainHeader #mainSearch .suggest li a span.label {
              opacity: 1; }
          #mainHeader #mainSearch .suggest li a strong {
            font-size: 1.5rem;
            color: #21303E; }
        #mainHeader #mainSearch .suggest li.moreLink a {
          color: #308EE5; }
          #mainHeader #mainSearch .suggest li.moreLink a:hover:before {
            top: 10px; }
  #mainHeader .right {
    display: flex; }
    #mainHeader .right .buttonGroup {
      margin-top: 20px;
      margin-right: 10px; }
      #mainHeader .right .buttonGroup li.active a {
        background: #308EE5;
        box-shadow: none; }
        #mainHeader .right .buttonGroup li.active a:hover {
          background: #308EE5; }
      #mainHeader .right .buttonGroup li a:hover {
        background: #0f161d;
        color: #fff; }
  #mainHeader #iconNav {
    margin-top: 20px;
    padding-right: 25px; }
    #mainHeader #iconNav > li {
      position: relative;
      display: inline-block; }
      #mainHeader #iconNav > li a {
        display: block;
        padding: 7px;
        color: #fff; }
        #mainHeader #iconNav > li a:hover {
          text-decoration: none; }
        #mainHeader #iconNav > li a .badge, #mainHeader #iconNav > li a .badge--primary, #mainHeader #iconNav > li a .badge--success, #mainHeader #iconNav > li a .badge--info, #mainHeader #iconNav > li a .badge--warning, #mainHeader #iconNav > li a .badge--danger, #mainHeader #iconNav > li a .badge--inverse, #mainHeader #iconNav > li a .badge--ghost {
          position: relative;
          top: -5px;
          padding-top: 4px;
          line-height: normal;
          font-size: 0.9rem; }
        #mainHeader #iconNav > li a .badge--primary {
          background: #308EE5; }

.popin {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 100;
  width: 100%;
  height: 100vh;
  background: rgba(33, 48, 62, 0.7); }
  .popin.mediumPopin .popinContainer {
    max-width: 980px; }
  .popin.bigPopin .popinContainer {
    display: grid;
    grid-template-columns: 100px 1fr;
    width: 95%;
    max-width: 1650px;
    min-height: 700px; }
    .popin.bigPopin .popinContainer .popinNav {
      background: #fff; }
      .popin.bigPopin .popinContainer .popinNav ul li {
        border-bottom: 1px solid rgba(98, 114, 129, 0.2); }
        .popin.bigPopin .popinContainer .popinNav ul li.currentItem a {
          color: #21303E; }
          .popin.bigPopin .popinContainer .popinNav ul li.currentItem a:hover .icon, .popin.bigPopin .popinContainer .popinNav ul li.currentItem a:hover li::before, .popin.bigPopin .popinContainer .popinNav ul li.currentItem a:hover .tableList thead tr th a.asc:before, .tableList thead tr th .popin.bigPopin .popinContainer .popinNav ul li.currentItem a:hover a.asc:before, .popin.bigPopin .popinContainer .popinNav ul li.currentItem a:hover .tableList thead tr th a.desc:before, .tableList thead tr th .popin.bigPopin .popinContainer .popinNav ul li.currentItem a:hover a.desc:before, .popin.bigPopin .popinContainer .popinNav ul li.currentItem a:hover .help:before, .popin.bigPopin .popinContainer .popinNav ul li.currentItem a:hover .warning:before, .popin.bigPopin .popinContainer .popinNav ul li.currentItem a:hover .inprogress:before, .popin.bigPopin .popinContainer .popinNav ul li.currentItem a:hover .comment:before, .popin.bigPopin .popinContainer .popinNav .popinApercu .comments ul li.currentItem a:hover li:before, .popinApercu .comments .popin.bigPopin .popinContainer .popinNav ul li.currentItem a:hover li:before, .popin.bigPopin .popinContainer .popinNav ul li.currentItem a:hover .calendarSAV .savList .draggable li > div:before, .calendarSAV .savList .draggable .popin.bigPopin .popinContainer .popinNav ul li.currentItem a:hover li > div:before, .popin.bigPopin .popinContainer .popinNav ul li.currentItem a:hover .calendarDetail .savList .draggable li > div:before, .calendarDetail .savList .draggable .popin.bigPopin .popinContainer .popinNav ul li.currentItem a:hover li > div:before, .popin.bigPopin .popinContainer .popinNav ul li.currentItem a:hover .messages .messageList li.done .dot:before, .messages .messageList li.done .popin.bigPopin .popinContainer .popinNav ul li.currentItem a:hover .dot:before, .popin.bigPopin .popinContainer .popinNav ul li.currentItem a:hover #filters #filtersOpener:before, #filters .popin.bigPopin .popinContainer .popinNav ul li.currentItem a:hover #filtersOpener:before {
            color: #fff; }
          .popin.bigPopin .popinContainer .popinNav ul li.currentItem a .icon, .popin.bigPopin .popinContainer .popinNav ul li.currentItem a li::before, .popin.bigPopin .popinContainer .popinNav ul li.currentItem a .tableList thead tr th a.asc:before, .tableList thead tr th .popin.bigPopin .popinContainer .popinNav ul li.currentItem a a.asc:before, .popin.bigPopin .popinContainer .popinNav ul li.currentItem a .tableList thead tr th a.desc:before, .tableList thead tr th .popin.bigPopin .popinContainer .popinNav ul li.currentItem a a.desc:before, .popin.bigPopin .popinContainer .popinNav ul li.currentItem a .help:before, .popin.bigPopin .popinContainer .popinNav ul li.currentItem a .warning:before, .popin.bigPopin .popinContainer .popinNav ul li.currentItem a .inprogress:before, .popin.bigPopin .popinContainer .popinNav ul li.currentItem a .comment:before, .popin.bigPopin .popinContainer .popinNav .popinApercu .comments ul li.currentItem a li:before, .popinApercu .comments .popin.bigPopin .popinContainer .popinNav ul li.currentItem a li:before, .popin.bigPopin .popinContainer .popinNav ul li.currentItem a .calendarSAV .savList .draggable li > div:before, .calendarSAV .savList .draggable .popin.bigPopin .popinContainer .popinNav ul li.currentItem a li > div:before, .popin.bigPopin .popinContainer .popinNav ul li.currentItem a .calendarDetail .savList .draggable li > div:before, .calendarDetail .savList .draggable .popin.bigPopin .popinContainer .popinNav ul li.currentItem a li > div:before, .popin.bigPopin .popinContainer .popinNav ul li.currentItem a .messages .messageList li.done .dot:before, .messages .messageList li.done .popin.bigPopin .popinContainer .popinNav ul li.currentItem a .dot:before, .popin.bigPopin .popinContainer .popinNav ul li.currentItem a #filters #filtersOpener:before, #filters .popin.bigPopin .popinContainer .popinNav ul li.currentItem a #filtersOpener:before {
            color: #308EE5; }
        .popin.bigPopin .popinContainer .popinNav ul li a {
          display: block;
          padding: 25px 0px;
          text-align: center;
          color: rgba(98, 114, 129, 0.5);
          font-size: 1.3rem; }
          .popin.bigPopin .popinContainer .popinNav ul li a .icon, .popin.bigPopin .popinContainer .popinNav ul li a li::before, .popin.bigPopin .popinContainer .popinNav ul li a .tableList thead tr th a.asc:before, .tableList thead tr th .popin.bigPopin .popinContainer .popinNav ul li a a.asc:before, .popin.bigPopin .popinContainer .popinNav ul li a .tableList thead tr th a.desc:before, .tableList thead tr th .popin.bigPopin .popinContainer .popinNav ul li a a.desc:before, .popin.bigPopin .popinContainer .popinNav ul li a .help:before, .popin.bigPopin .popinContainer .popinNav ul li a .warning:before, .popin.bigPopin .popinContainer .popinNav ul li a .inprogress:before, .popin.bigPopin .popinContainer .popinNav ul li a .comment:before, .popin.bigPopin .popinContainer .popinNav .popinApercu .comments ul li a li:before, .popinApercu .comments .popin.bigPopin .popinContainer .popinNav ul li a li:before, .popin.bigPopin .popinContainer .popinNav ul li a .calendarSAV .savList .draggable li > div:before, .calendarSAV .savList .draggable .popin.bigPopin .popinContainer .popinNav ul li a li > div:before, .popin.bigPopin .popinContainer .popinNav ul li a .calendarDetail .savList .draggable li > div:before, .calendarDetail .savList .draggable .popin.bigPopin .popinContainer .popinNav ul li a li > div:before, .popin.bigPopin .popinContainer .popinNav ul .messages .messageList li.done a .dot:before, .messages .messageList .popin.bigPopin .popinContainer .popinNav ul li.done a .dot:before, .popin.bigPopin .popinContainer .popinNav ul li a #filters #filtersOpener:before, #filters .popin.bigPopin .popinContainer .popinNav ul li a #filtersOpener:before {
            font-size: 2rem; }
          .popin.bigPopin .popinContainer .popinNav ul li a:hover {
            background: #308EE5;
            color: #fff;
            text-decoration: none; }
    .popin.bigPopin .popinContainer .popinMainColumn {
      display: grid;
      grid-auto-rows: min-content; }
      .popin.bigPopin .popinContainer .popinMainColumn header {
        display: grid;
        grid-template-columns: 3fr 2fr 2fr;
        align-items: center;
        background: #21303E;
        color: #8a98a6; }
        .popin.bigPopin .popinContainer .popinMainColumn header > div {
          padding: 20px; }
          .popin.bigPopin .popinContainer .popinMainColumn header > div:nth-child(2) {
            border-left: 1px solid rgba(98, 114, 129, 0.2); }
        .popin.bigPopin .popinContainer .popinMainColumn header h1 {
          padding: 0px;
          margin: 0px;
          font-size: 2.4rem;
          color: #308EE5; }
          .popin.bigPopin .popinContainer .popinMainColumn header h1 strong {
            color: #fff; }
          .popin.bigPopin .popinContainer .popinMainColumn header h1 a .icon, .popin.bigPopin .popinContainer .popinMainColumn header h1 a ul li::before, ul .popin.bigPopin .popinContainer .popinMainColumn header h1 a li::before, .popin.bigPopin .popinContainer .popinMainColumn header h1 a .tableList thead tr th a.asc:before, .tableList thead tr th .popin.bigPopin .popinContainer .popinMainColumn header h1 a a.asc:before, .popin.bigPopin .popinContainer .popinMainColumn header h1 a .tableList thead tr th a.desc:before, .tableList thead tr th .popin.bigPopin .popinContainer .popinMainColumn header h1 a a.desc:before, .popin.bigPopin .popinContainer .popinMainColumn header h1 a .help:before, .popin.bigPopin .popinContainer .popinMainColumn header h1 a .warning:before, .popin.bigPopin .popinContainer .popinMainColumn header h1 a .inprogress:before, .popin.bigPopin .popinContainer .popinMainColumn header h1 a .comment:before, .popin.bigPopin .popinContainer .popinMainColumn header h1 a .popinApercu .comments ul li:before, .popinApercu .comments ul .popin.bigPopin .popinContainer .popinMainColumn header h1 a li:before, .popin.bigPopin .popinContainer .popinMainColumn header h1 a .calendarSAV .savList .draggable li > div:before, .calendarSAV .savList .draggable .popin.bigPopin .popinContainer .popinMainColumn header h1 a li > div:before, .popin.bigPopin .popinContainer .popinMainColumn header h1 a .calendarDetail .savList .draggable li > div:before, .calendarDetail .savList .draggable .popin.bigPopin .popinContainer .popinMainColumn header h1 a li > div:before, .popin.bigPopin .popinContainer .popinMainColumn header h1 a .messages .messageList li.done .dot:before, .messages .messageList li.done .popin.bigPopin .popinContainer .popinMainColumn header h1 a .dot:before, .popin.bigPopin .popinContainer .popinMainColumn header h1 a #filters #filtersOpener:before, #filters .popin.bigPopin .popinContainer .popinMainColumn header h1 a #filtersOpener:before {
            color: #3c5770;
            font-size: 1.3rem;
            margin-left: 5px; }
        .popin.bigPopin .popinContainer .popinMainColumn header p {
          margin: 0px;
          padding: 0px;
          font-size: 1.4rem; }
        .popin.bigPopin .popinContainer .popinMainColumn header .buttons {
          min-width: 310px; }
          .popin.bigPopin .popinContainer .popinMainColumn header .buttons > ul > li {
            position: relative;
            display: inline-block;
            margin-left: 5px; }
            .popin.bigPopin .popinContainer .popinMainColumn header .buttons > ul > li > a {
              display: block;
              padding: 6px 10px 4px 10px;
              border: 1px solid rgba(98, 114, 129, 0.2);
              border-radius: 5px;
              color: #308EE5;
              text-align: center; }
              .popin.bigPopin .popinContainer .popinMainColumn header .buttons > ul > li > a:hover {
                text-decoration: none;
                background: rgba(98, 114, 129, 0.1);
                color: #fff; }
              .popin.bigPopin .popinContainer .popinMainColumn header .buttons > ul > li > a.select {
                position: relative;
                min-width: 170px;
                text-align: left;
                font-size: 1.4rem; }
                .popin.bigPopin .popinContainer .popinMainColumn header .buttons > ul > li > a.select:before {
                  position: absolute;
                  top: 6px;
                  right: 6px;
                  font-family: 'icomoon';
                  content: "\eac7";
                  color: #627281; }
              .popin.bigPopin .popinContainer .popinMainColumn header .buttons > ul > li > a em {
                font-style: normal;
                color: #627281; }
        .popin.bigPopin .popinContainer .popinMainColumn header .infosOpener {
          display: none;
          position: relative;
          top: 8px;
          color: #308EE5; }
      .popin.bigPopin .popinContainer .popinMainColumn .popinContent {
        max-height: 80vh;
        overflow: auto;
        padding: 20px; }
  .popin .popinContainer {
    position: relative;
    width: 95%;
    max-width: 500px;
    max-height: 90vh;
    overflow: auto;
    background: #EFF2F4;
    box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.15); }
    .popin .popinContainer header:not(.headerAffaire) {
      position: fixed;
      z-index: 10;
      width: inherit;
      max-width: inherit;
      padding: 20px 25px;
      background: #fff; }
      .popin .popinContainer header:not(.headerAffaire) h1 {
        margin: 0px;
        padding: 0px;
        font-size: 2.2rem;
        color: #627281; }
      .popin .popinContainer header:not(.headerAffaire) .close {
        margin-top: 4px;
        font-size: 2rem;
        color: #308EE5;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        -webkit-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out; }
        .popin .popinContainer header:not(.headerAffaire) .close:hover {
          transform: scale(1.3); }
    .popin .popinContainer .content {
      padding: 90px 25px 25px 25px; }
    .popin .popinContainer form .formItem {
      padding: 6px 0px; }
      .popin .popinContainer form .formItem h5 {
        font-size: 1.3rem;
        text-transform: uppercase;
        color: #627281;
        font-style: normal; }
        .popin .popinContainer form .formItem h5.loading:before {
          content: "";
          display: block;
          float: right;
          position: relative;
          top: 37px;
          left: -10px;
          border: 2px solid rgba(48, 142, 229, 0.2);
          border-top-color: #308EE5;
          border-radius: 50%;
          width: 1.3em;
          height: 1.3em;
          animation: spin 1s linear infinite; }

@keyframes spin {
  to {
    transform: rotate(360deg); } }
      .popin .popinContainer form .formItem a {
        color: #308EE5;
        text-decoration: underline; }
      .popin .popinContainer form .formItem input, .popin .popinContainer form .formItem select, .popin .popinContainer form .formItem textarea {
        padding: 10px;
        background-color: #fff;
        border: 1px solid rgba(98, 114, 129, 0.3);
        border-radius: 5px;
        box-shadow: none; }
        .popin .popinContainer form .formItem input:focus, .popin .popinContainer form .formItem select:focus, .popin .popinContainer form .formItem textarea:focus {
          outline: none;
          border-color: #308EE5; }
      .popin .popinContainer form .formItem input[type="text"], .popin .popinContainer form .formItem input[type="password"], .popin .popinContainer form .formItem input[type="date"], .popin .popinContainer form .formItem select, .popin .popinContainer form .formItem textarea {
        width: 100%; }
      .popin .popinContainer form .formItem input[type="checkbox"], .popin .popinContainer form .formItem input[type="radio"] {
        margin-right: 7px; }
      .popin .popinContainer form .formItem input[type="color"] {
        padding: 0px; }
      .popin .popinContainer form .formItem ul.suggest {
        width: 100%;
        max-height: 180px;
        margin-top: 5px;
        background: #fff;
        border: 1px solid rgba(98, 114, 129, 0.3);
        border-radius: 5px;
        overflow: auto; }
        .popin .popinContainer form .formItem ul.suggest li {
          position: relative;
          padding: 8px 10px;
          border-bottom: 1px solid rgba(255, 255, 255, 0.1);
          color: #627281; }
          .popin .popinContainer form .formItem ul.suggest li:hover, .popin .popinContainer form .formItem ul.suggest li.active {
            background: rgba(98, 114, 129, 0.1);
            cursor: pointer; }
            .popin .popinContainer form .formItem ul.suggest li:hover:before, .popin .popinContainer form .formItem ul.suggest li.active:before {
              position: absolute;
              right: 10px;
              top: 13px;
              font-family: 'icomoon';
              content: "\eabb";
              color: #308EE5;
              font-size: 1.2rem; }
            .popin .popinContainer form .formItem ul.suggest li:hover strong, .popin .popinContainer form .formItem ul.suggest li.active strong {
              color: #21303E; }
      .popin .popinContainer form .formItem.error input {
        border-color: #ED0012; }
      .popin .popinContainer form .formItem.error p {
        color: #ED0012; }

.popinApercu .checklist {
  color: #627281;
  font-size: 1.5rem; }
  .popinApercu .checklist em {
    font-style: normal;
    font-size: 1.3rem; }
  .popinApercu .checklist a {
    color: #308EE5;
    text-decoration: underline; }
  .popinApercu .checklist .icon, .popinApercu .checklist ul li::before, ul .popinApercu .checklist li::before, .popinApercu .checklist .tableList thead tr th a.asc:before, .tableList thead tr th .popinApercu .checklist a.asc:before, .popinApercu .checklist .tableList thead tr th a.desc:before, .tableList thead tr th .popinApercu .checklist a.desc:before, .popinApercu .checklist .help:before, .popinApercu .checklist .warning:before, .popinApercu .checklist .inprogress:before, .popinApercu .checklist .comment:before, .popinApercu .checklist .comments ul li:before, .popinApercu .comments ul .checklist li:before, .popinApercu .checklist .calendarSAV .savList .draggable li > div:before, .calendarSAV .savList .draggable .popinApercu .checklist li > div:before, .popinApercu .checklist .calendarDetail .savList .draggable li > div:before, .calendarDetail .savList .draggable .popinApercu .checklist li > div:before, .popinApercu .checklist .messages .messageList li.done .dot:before, .messages .messageList li.done .popinApercu .checklist .dot:before, .popinApercu .checklist #filters #filtersOpener:before, #filters .popinApercu .checklist #filtersOpener:before {
    color: #8EBA51; }

.popinApercu .comments ul {
  height: 350px;
  overflow: auto;
  padding: 20px;
  margin-bottom: 10px;
  background: #fff;
  border: 1px solid rgba(98, 114, 129, 0.2);
  border-radius: 10px; }
  .popinApercu .comments ul li {
    position: relative;
    margin-bottom: 15px;
    margin-left: 15px;
    font-size: 1.3rem;
    color: #627281; }
    .popinApercu .comments ul li:before {
      position: absolute;
      left: -20px;
      top: 3px;
      content: "\e7f5";
      color: #308EE5;
      font-size: 1.2rem; }
    .popinApercu .comments ul li strong {
      font-size: 1.5rem;
      color: #21303E; }
    .popinApercu .comments ul li.auto:before {
      content: none; }
    .popinApercu .comments ul li.auto strong {
      color: #627281; }

.popinApercu .comments .add {
  display: grid;
  grid-template-columns: 1fr 100px;
  padding: 5px;
  background: #fff;
  border: 1px solid rgba(98, 114, 129, 0.2);
  border-radius: 10px; }
  .popinApercu .comments .add input {
    box-shadow: none; }
    .popinApercu .comments .add input:focus {
      outline: none; }

.popinApercu .synthese {
  height: 100%; }
  .popinApercu .synthese > div {
    position: relative;
    display: grid; }
    .popinApercu .synthese > div:nth-child(odd) {
      border-right: 1px solid #d2d8dd; }
  .popinApercu .synthese table tr td {
    font-size: 1.3rem;
    color: #21303E; }
    .popinApercu .synthese table tr td:nth-child(2) {
      color: #308EE5;
      text-align: right; }
  .popinApercu .synthese .total {
    background: #fff;
    align-self: end; }

.popinAchats table thead tr th, .popinSituations table thead tr th {
  font-size: 1.7rem;
  color: #627281;
  font-weight: normal; }

.popinAchats table tbody, .popinSituations table tbody {
  background: #fff;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); }
  .popinAchats table tbody tr, .popinSituations table tbody tr {
    border-bottom: 1px solid rgba(98, 114, 129, 0.15); }
    .popinAchats table tbody tr:nth-child(even), .popinSituations table tbody tr:nth-child(even) {
      background: rgba(98, 114, 129, 0.08); }
    .popinAchats table tbody tr th.shadow, .popinAchats table tbody tr td.shadow, .popinSituations table tbody tr th.shadow, .popinSituations table tbody tr td.shadow {
      background: rgba(98, 114, 129, 0.06); }
    .popinAchats table tbody tr th, .popinSituations table tbody tr th {
      padding: 4px;
      font-size: 1.1rem;
      font-weight: normal;
      color: #627281; }
    .popinAchats table tbody tr td, .popinSituations table tbody tr td {
      padding: 8px 6px;
      font-size: 1.2rem;
      color: #21303E; }
      .popinAchats table tbody tr td input, .popinSituations table tbody tr td input {
        width: 100%;
        height: 20px;
        padding: 5px 0px;
        border: 0px;
        border-bottom: 1px dotted #98a5b1;
        box-shadow: none; }
        .popinAchats table tbody tr td input:focus, .popinSituations table tbody tr td input:focus {
          outline: none;
          border-color: #308EE5; }
      .popinAchats table tbody tr td.suppr:hover, .popinSituations table tbody tr td.suppr:hover {
        background: #ED0012; }
        .popinAchats table tbody tr td.suppr:hover a, .popinSituations table tbody tr td.suppr:hover a {
          color: #fff; }
      .popinAchats table tbody tr td.suppr a, .popinSituations table tbody tr td.suppr a {
        display: flex;
        justify-content: center;
        padding: 10px 0px;
        color: #ED0012; }
        .popinAchats table tbody tr td.suppr a:hover, .popinSituations table tbody tr td.suppr a:hover {
          background: #ED0012;
          color: #fff; }
      .popinAchats table tbody tr td.commands, .popinSituations table tbody tr td.commands {
        text-align: center; }
        .popinAchats table tbody tr td.commands a, .popinSituations table tbody tr td.commands a {
          display: inline-block;
          padding: 8px 2px 7px 2px;
          color: #627281;
          font-size: 1rem;
          opacity: 0.7; }
          .popinAchats table tbody tr td.commands a:hover, .popinSituations table tbody tr td.commands a:hover {
            opacity: 1;
            transform: scale(1.4); }
          .popinAchats table tbody tr td.commands a.suppr, .popinSituations table tbody tr td.commands a.suppr {
            color: #ED0012; }
          .popinAchats table tbody tr td.commands a.save, .popinSituations table tbody tr td.commands a.save {
            color: #8EBA51; }
      .popinAchats table tbody tr td > div, .popinSituations table tbody tr td > div {
        position: relative; }
      .popinAchats table tbody tr td .suggest, .popinSituations table tbody tr td .suggest {
        position: absolute;
        z-index: 5;
        width: 100%;
        background: #fff;
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1); }
        .popinAchats table tbody tr td .suggest li, .popinSituations table tbody tr td .suggest li {
          padding: 4px;
          border-bottom: 1px solid #d2d8dd; }
          .popinAchats table tbody tr td .suggest li.active, .popinSituations table tbody tr td .suggest li.active {
            background: rgba(98, 114, 129, 0.1);
            color: #308EE5; }

.popinAchats table tfoot tr td, .popinSituations table tfoot tr td {
  padding: 8px 6px;
  font-size: 1.2rem; }

.popinAchats .achatsTable thead tr th.blue, .popinSituations .achatsTable thead tr th.blue {
  border-bottom: 3px solid #308EE5; }

.popinAchats .achatsTable thead tr th.orange, .popinSituations .achatsTable thead tr th.orange {
  border-bottom: 3px solid #FF7600; }

.popinAchats .achatsTable thead tr th.yellow, .popinSituations .achatsTable thead tr th.yellow {
  border-bottom: 3px solid #FFCE00; }

.popinAchats .achatsTable thead tr th.green, .popinSituations .achatsTable thead tr th.green {
  border-bottom: 3px solid #8EBA51; }

.popinSituations table thead tr th {
  font-size: 1.4rem; }

.popinTechnique .mh300 {
  min-height: 300px; }

.popinTechnique button {
  position: absolute;
  bottom: 20px;
  left: 20px;
  padding: 8px 12px;
  border-radius: 5px;
  color: #627281; }
  .popinTechnique button.edit, .popinTechnique button.save {
    left: auto;
    right: 20px;
    background: #308EE5;
    color: #fff; }

.popinTechnique textarea {
  width: 100%;
  border: 0px;
  border-radius: 5px;
  box-shadow: none; }

.popinTechnique .reservesList li {
  text-indent: -23px;
  padding-left: 23px;
  margin-top: 15px; }
  .popinTechnique .reservesList li input {
    margin-right: 10px; }
  .popinTechnique .reservesList li label {
    display: inline; }

.popinPlanning {
  padding: 0px !important;
  min-height: 60vh; }
  .popinPlanning .miniCalendar {
    padding: 15px;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 10px; }
    .popinPlanning .miniCalendar h4 {
      font-size: 1.4rem;
      color: #21303E; }
      .popinPlanning .miniCalendar h4 a {
        color: #308EE5;
        font-size: 1.1rem; }
    .popinPlanning .miniCalendar ul li {
      margin-bottom: 5px;
      text-align: center;
      font-size: 1.1rem;
      color: #627281; }
      .popinPlanning .miniCalendar ul li a {
        display: inline-block;
        min-width: 26px;
        padding: 5px;
        border-radius: 50px; }
        .popinPlanning .miniCalendar ul li a:hover {
          background: rgba(98, 114, 129, 0.1); }
      .popinPlanning .miniCalendar ul li.otherMonth a {
        color: #627281; }
      .popinPlanning .miniCalendar ul li.selectedItem a {
        background: #308EE5;
        color: #fff; }
      .popinPlanning .miniCalendar ul li.optionItem a {
        background: #627281;
        color: #fff; }
  .popinPlanning .planningTable {
    margin-bottom: 25px; }
    .popinPlanning .planningTable tr {
      border-bottom: 1px solid rgba(98, 114, 129, 0.1); }
      .popinPlanning .planningTable tr th {
        font-size: 1.2rem;
        font-weight: normal;
        color: #627281; }
      .popinPlanning .planningTable tr td {
        position: relative;
        padding: 10px 5px;
        font-size: 1.2rem;
        color: #627281; }
        .popinPlanning .planningTable tr td .dot {
          position: relative;
          display: inline-block;
          width: 10px;
          height: 10px;
          border-radius: 100px;
          background: #308EE5; }
          .popinPlanning .planningTable tr td .dot.dotOption {
            background: #627281; }
          .popinPlanning .planningTable tr td .dot.dotPast {
            background: #8EBA51; }
        .popinPlanning .planningTable tr td .whiteButton {
          margin: 3px; }
  .popinPlanning .planningForm {
    align-items: center;
    font-size: 1.4rem;
    color: #627281;
    overflow: visible !important; }
    .popinPlanning .planningForm input, .popinPlanning .planningForm select {
      margin: 3px;
      box-shadow: none;
      border-radius: 5px; }
      .popinPlanning .planningForm input:focus, .popinPlanning .planningForm select:focus {
        outline: 0px; }
    .popinPlanning .planningForm select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      padding: 6px;
      padding-right: 30px;
      background-color: #fff; }
    .popinPlanning .planningForm p {
      margin: 0px;
      padding: 0px;
      font-size: 1.4rem; }
      .popinPlanning .planningForm p a {
        color: #627281; }
      .popinPlanning .planningForm p strong {
        font-weight: bold;
        color: #308EE5; }
    .popinPlanning .planningForm .vue-tags-input {
      border-radius: 5px !important; }
      .popinPlanning .planningForm .vue-tags-input .ti-input {
        border: 0px !important; }
      .popinPlanning .planningForm .vue-tags-input .ti-new-tag-input-wrapper {
        font-size: 12px !important; }
      .popinPlanning .planningForm .vue-tags-input .ti-selected-item {
        background: #308EE5 !important; }
      .popinPlanning .planningForm .vue-tags-input .ti-tag {
        background: #308EE5 !important; }
  .popinPlanning .sidebar {
    background: rgba(33, 48, 62, 0.1); }

.calendarWrapper {
  display: grid;
  grid-template-columns: fit-content(100px) 1fr; }
  .calendarWrapper .equipes {
    margin-top: 68px; }
    .calendarWrapper .equipes .equipe {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      height: 121px;
      padding: 20px 0px; }
      .calendarWrapper .equipes .equipe.for1 ul li.numero {
        top: 0px; }
      .calendarWrapper .equipes .equipe.for3 {
        height: 161px; }
        .calendarWrapper .equipes .equipe.for3 ul li.numero {
          top: 30px; }
      .calendarWrapper .equipes .equipe.for4 {
        height: 201px; }
        .calendarWrapper .equipes .equipe.for4 ul li.numero {
          top: 45px; }
      .calendarWrapper .equipes .equipe.for5 {
        height: 241px; }
        .calendarWrapper .equipes .equipe.for5 ul li.numero {
          top: 60px; }
      .calendarWrapper .equipes .equipe.for6 {
        height: 281px; }
        .calendarWrapper .equipes .equipe.for6 ul li.numero {
          top: 75px; }
      .calendarWrapper .equipes .equipe ul {
        position: relative;
        display: inline-block;
        padding: 0px 10px;
        border-radius: 5px 0px 0px 5px;
        background: rgba(98, 114, 129, 0.1); }
        .calendarWrapper .equipes .equipe ul li {
          position: relative;
          margin: 10px 0px;
          max-width: 100px;
          text-overflow: ellipsis;
          font-size: 1.3rem;
          color: #627281; }
          .calendarWrapper .equipes .equipe ul li.colored {
            padding: 0px 3px;
            border-radius: 2px;
            text-align: center;
            color: #fff;
            text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); }
        .calendarWrapper .equipes .equipe ul li.numero {
          position: absolute;
          top: 15px;
          right: 80%;
          min-width: 20px;
          height: 20px;
          padding: 0px 5px;
          background: #308EE5;
          border-radius: 100px;
          color: #fff;
          text-align: center; }
  .calendarWrapper .calendar {
    background: #fff;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px; }
    .calendarWrapper .calendar .headRow {
      display: grid;
      grid-template-columns: repeat(10, 1fr);
      border-bottom: 1px solid rgba(98, 114, 129, 0.2); }
      .calendarWrapper .calendar .headRow div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-right: 2px solid rgba(98, 114, 129, 0.2);
        padding: 20px;
        font-size: 1.8rem;
        color: #627281; }
        .calendarWrapper .calendar .headRow div:last-child {
          border: none; }
        .calendarWrapper .calendar .headRow div.today {
          color: #308EE5; }
        .calendarWrapper .calendar .headRow div.locked {
          background: #627281;
          color: #fff; }
          .calendarWrapper .calendar .headRow div.locked span {
            font-size: 1.3rem; }
        .calendarWrapper .calendar .headRow div.off {
          opacity: 1;
          color: rgba(0, 0, 0, 0.15);
          background: rgba(98, 114, 129, 0.07); }
        .calendarWrapper .calendar .headRow div.month {
          border-bottom: 1px solid rgba(98, 114, 129, 0.2); }
          .calendarWrapper .calendar .headRow div.month:last-child {
            border-right: 0px; }
    .calendarWrapper .calendar .rows .row {
      min-height: 120px;
      padding: 20px 0px;
      display: grid;
      grid-template-columns: repeat(10, 1fr);
      grid-template-rows: auto;
      border-top: 1px solid rgba(98, 114, 129, 0.2);
      background-image: url(../img/bg_calendar.png);
      background-size: 20%; }
      .calendarWrapper .calendar .rows .row.smallRow {
        min-height: 80px; }
      .calendarWrapper .calendar .rows .row:nth-child(odd) {
        background-color: rgba(98, 114, 129, 0.1); }
      .calendarWrapper .calendar .rows .row.for2 {
        min-height: 120px !important; }
      .calendarWrapper .calendar .rows .row.for3 {
        min-height: 160px !important; }
      .calendarWrapper .calendar .rows .row.for4 {
        min-height: 200px !important; }
      .calendarWrapper .calendar .rows .row.for5 {
        min-height: 240px !important; }
      .calendarWrapper .calendar .rows .row > div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 40px;
        padding: 0px 10px; }
        .calendarWrapper .calendar .rows .row > div .multiItems {
          position: relative;
          padding: 5px;
          margin: 5px 0px;
          border-radius: 5px;
          color: #fff; }
          .calendarWrapper .calendar .rows .row > div .multiItems.multiCo {
            background: #176ab7;
            background-image: linear-gradient(135deg, #176ab7 25%, #1974c9 25%, #1974c9 50%, #176ab7 50%, #176ab7 75%, #1974c9 75%, #1974c9 100%);
            background-size: 20px 20px; }
            .calendarWrapper .calendar .rows .row > div .multiItems.multiCo .items {
              background: #1974c9; }
          .calendarWrapper .calendar .rows .row > div .multiItems.multiSav {
            background: #b85500;
            background-image: linear-gradient(135deg, #FF7600 25%, #ff8114 25%, #ff8114 50%, #FF7600 50%, #FF7600 75%, #ff8114 75%, #ff8114 100%);
            background-size: 20px 20px; }
            .calendarWrapper .calendar .rows .row > div .multiItems.multiSav .items {
              background: #e66a00; }
              .calendarWrapper .calendar .rows .row > div .multiItems.multiSav .items a {
                background: #FF7600; }
          .calendarWrapper .calendar .rows .row > div .multiItems:hover {
            border-radius: 5px 5px 0px 0px; }
            .calendarWrapper .calendar .rows .row > div .multiItems:hover .items {
              display: block; }
          .calendarWrapper .calendar .rows .row > div .multiItems:before {
            position: absolute;
            top: 8px;
            right: 8px;
            content: "\e96f";
            opacity: .5;
            font-size: 10px;
            font-family: 'icomoon'; }
          .calendarWrapper .calendar .rows .row > div .multiItems .itemTitle {
            font-weight: bold; }
          .calendarWrapper .calendar .rows .row > div .multiItems .items {
            display: none;
            position: absolute;
            left: 0px;
            top: 100%;
            z-index: 10;
            width: 100%;
            margin: 0px;
            padding: 0px 5px 5px 5px;
            border-radius: 0px 0px 5px 5px; }
            .calendarWrapper .calendar .rows .row > div .multiItems .items a {
              margin: 0px;
              margin-top: 5px; }
          .calendarWrapper .calendar .rows .row > div .multiItems .hours {
            padding-right: 18px; }
        .calendarWrapper .calendar .rows .row > div .badges {
          position: absolute;
          top: -8px;
          right: -8px;
          display: flex;
          gap: 3px; }
          .calendarWrapper .calendar .rows .row > div .badges > div {
            height: 18px; }
        .calendarWrapper .calendar .rows .row > div .badge, .calendarWrapper .calendar .rows .row > div .badge--primary, .calendarWrapper .calendar .rows .row > div .badge--success, .calendarWrapper .calendar .rows .row > div .badge--info, .calendarWrapper .calendar .rows .row > div .badge--warning, .calendarWrapper .calendar .rows .row > div .badge--danger, .calendarWrapper .calendar .rows .row > div .badge--inverse, .calendarWrapper .calendar .rows .row > div .badge--ghost {
          right: 0px;
          max-width: 18px;
          height: 18px;
          font-size: 1.2rem;
          transform-origin: right; }
          .calendarWrapper .calendar .rows .row > div .badge .icon, .calendarWrapper .calendar .rows .row > div .badge--primary .icon, .calendarWrapper .calendar .rows .row > div .badge--success .icon, .calendarWrapper .calendar .rows .row > div .badge--info .icon, .calendarWrapper .calendar .rows .row > div .badge--warning .icon, .calendarWrapper .calendar .rows .row > div .badge--danger .icon, .calendarWrapper .calendar .rows .row > div .badge--inverse .icon, .calendarWrapper .calendar .rows .row > div .badge--ghost .icon, .calendarWrapper .calendar .rows .row > div .badge ul li::before, ul .calendarWrapper .calendar .rows .row > div .badge li::before, .calendarWrapper .calendar .rows .row > div .badge--primary ul li::before, ul .calendarWrapper .calendar .rows .row > div .badge--primary li::before, .calendarWrapper .calendar .rows .row > div .badge--success ul li::before, ul .calendarWrapper .calendar .rows .row > div .badge--success li::before, .calendarWrapper .calendar .rows .row > div .badge--info ul li::before, ul .calendarWrapper .calendar .rows .row > div .badge--info li::before, .calendarWrapper .calendar .rows .row > div .badge--warning ul li::before, ul .calendarWrapper .calendar .rows .row > div .badge--warning li::before, .calendarWrapper .calendar .rows .row > div .badge--danger ul li::before, ul .calendarWrapper .calendar .rows .row > div .badge--danger li::before, .calendarWrapper .calendar .rows .row > div .badge--inverse ul li::before, ul .calendarWrapper .calendar .rows .row > div .badge--inverse li::before, .calendarWrapper .calendar .rows .row > div .badge--ghost ul li::before, ul .calendarWrapper .calendar .rows .row > div .badge--ghost li::before, .calendarWrapper .calendar .rows .row > div .badge .tableList thead tr th a.asc:before, .tableList thead tr th .calendarWrapper .calendar .rows .row > div .badge a.asc:before, .calendarWrapper .calendar .rows .row > div .badge--primary .tableList thead tr th a.asc:before, .tableList thead tr th .calendarWrapper .calendar .rows .row > div .badge--primary a.asc:before, .calendarWrapper .calendar .rows .row > div .badge--success .tableList thead tr th a.asc:before, .tableList thead tr th .calendarWrapper .calendar .rows .row > div .badge--success a.asc:before, .calendarWrapper .calendar .rows .row > div .badge--info .tableList thead tr th a.asc:before, .tableList thead tr th .calendarWrapper .calendar .rows .row > div .badge--info a.asc:before, .calendarWrapper .calendar .rows .row > div .badge--warning .tableList thead tr th a.asc:before, .tableList thead tr th .calendarWrapper .calendar .rows .row > div .badge--warning a.asc:before, .calendarWrapper .calendar .rows .row > div .badge--danger .tableList thead tr th a.asc:before, .tableList thead tr th .calendarWrapper .calendar .rows .row > div .badge--danger a.asc:before, .calendarWrapper .calendar .rows .row > div .badge--inverse .tableList thead tr th a.asc:before, .tableList thead tr th .calendarWrapper .calendar .rows .row > div .badge--inverse a.asc:before, .calendarWrapper .calendar .rows .row > div .badge--ghost .tableList thead tr th a.asc:before, .tableList thead tr th .calendarWrapper .calendar .rows .row > div .badge--ghost a.asc:before, .calendarWrapper .calendar .rows .row > div .badge .tableList thead tr th a.desc:before, .tableList thead tr th .calendarWrapper .calendar .rows .row > div .badge a.desc:before, .calendarWrapper .calendar .rows .row > div .badge--primary .tableList thead tr th a.desc:before, .tableList thead tr th .calendarWrapper .calendar .rows .row > div .badge--primary a.desc:before, .calendarWrapper .calendar .rows .row > div .badge--success .tableList thead tr th a.desc:before, .tableList thead tr th .calendarWrapper .calendar .rows .row > div .badge--success a.desc:before, .calendarWrapper .calendar .rows .row > div .badge--info .tableList thead tr th a.desc:before, .tableList thead tr th .calendarWrapper .calendar .rows .row > div .badge--info a.desc:before, .calendarWrapper .calendar .rows .row > div .badge--warning .tableList thead tr th a.desc:before, .tableList thead tr th .calendarWrapper .calendar .rows .row > div .badge--warning a.desc:before, .calendarWrapper .calendar .rows .row > div .badge--danger .tableList thead tr th a.desc:before, .tableList thead tr th .calendarWrapper .calendar .rows .row > div .badge--danger a.desc:before, .calendarWrapper .calendar .rows .row > div .badge--inverse .tableList thead tr th a.desc:before, .tableList thead tr th .calendarWrapper .calendar .rows .row > div .badge--inverse a.desc:before, .calendarWrapper .calendar .rows .row > div .badge--ghost .tableList thead tr th a.desc:before, .tableList thead tr th .calendarWrapper .calendar .rows .row > div .badge--ghost a.desc:before, .calendarWrapper .calendar .rows .row > div .badge .help:before, .calendarWrapper .calendar .rows .row > div .badge--primary .help:before, .calendarWrapper .calendar .rows .row > div .badge--success .help:before, .calendarWrapper .calendar .rows .row > div .badge--info .help:before, .calendarWrapper .calendar .rows .row > div .badge--warning .help:before, .calendarWrapper .calendar .rows .row > div .badge--danger .help:before, .calendarWrapper .calendar .rows .row > div .badge--inverse .help:before, .calendarWrapper .calendar .rows .row > div .badge--ghost .help:before, .calendarWrapper .calendar .rows .row > div .badge .warning:before, .calendarWrapper .calendar .rows .row > div .badge--primary .warning:before, .calendarWrapper .calendar .rows .row > div .badge--success .warning:before, .calendarWrapper .calendar .rows .row > div .badge--info .warning:before, .calendarWrapper .calendar .rows .row > div .badge--warning .warning:before, .calendarWrapper .calendar .rows .row > div .badge--danger .warning:before, .calendarWrapper .calendar .rows .row > div .badge--inverse .warning:before, .calendarWrapper .calendar .rows .row > div .badge--ghost .warning:before, .calendarWrapper .calendar .rows .row > div .badge .inprogress:before, .calendarWrapper .calendar .rows .row > div .badge--primary .inprogress:before, .calendarWrapper .calendar .rows .row > div .badge--success .inprogress:before, .calendarWrapper .calendar .rows .row > div .badge--info .inprogress:before, .calendarWrapper .calendar .rows .row > div .badge--warning .inprogress:before, .calendarWrapper .calendar .rows .row > div .badge--danger .inprogress:before, .calendarWrapper .calendar .rows .row > div .badge--inverse .inprogress:before, .calendarWrapper .calendar .rows .row > div .badge--ghost .inprogress:before, .calendarWrapper .calendar .rows .row > div .badge .comment:before, .calendarWrapper .calendar .rows .row > div .badge--primary .comment:before, .calendarWrapper .calendar .rows .row > div .badge--success .comment:before, .calendarWrapper .calendar .rows .row > div .badge--info .comment:before, .calendarWrapper .calendar .rows .row > div .badge--warning .comment:before, .calendarWrapper .calendar .rows .row > div .badge--danger .comment:before, .calendarWrapper .calendar .rows .row > div .badge--inverse .comment:before, .calendarWrapper .calendar .rows .row > div .badge--ghost .comment:before, .calendarWrapper .calendar .rows .row > div .badge .popinApercu .comments ul li:before, .popinApercu .comments ul .calendarWrapper .calendar .rows .row > div .badge li:before, .calendarWrapper .calendar .rows .row > div .badge--primary .popinApercu .comments ul li:before, .popinApercu .comments ul .calendarWrapper .calendar .rows .row > div .badge--primary li:before, .calendarWrapper .calendar .rows .row > div .badge--success .popinApercu .comments ul li:before, .popinApercu .comments ul .calendarWrapper .calendar .rows .row > div .badge--success li:before, .calendarWrapper .calendar .rows .row > div .badge--info .popinApercu .comments ul li:before, .popinApercu .comments ul .calendarWrapper .calendar .rows .row > div .badge--info li:before, .calendarWrapper .calendar .rows .row > div .badge--warning .popinApercu .comments ul li:before, .popinApercu .comments ul .calendarWrapper .calendar .rows .row > div .badge--warning li:before, .calendarWrapper .calendar .rows .row > div .badge--danger .popinApercu .comments ul li:before, .popinApercu .comments ul .calendarWrapper .calendar .rows .row > div .badge--danger li:before, .calendarWrapper .calendar .rows .row > div .badge--inverse .popinApercu .comments ul li:before, .popinApercu .comments ul .calendarWrapper .calendar .rows .row > div .badge--inverse li:before, .calendarWrapper .calendar .rows .row > div .badge--ghost .popinApercu .comments ul li:before, .popinApercu .comments ul .calendarWrapper .calendar .rows .row > div .badge--ghost li:before, .calendarWrapper .calendar .rows .row > div .badge .calendarSAV .savList .draggable li > div:before, .calendarSAV .savList .draggable .calendarWrapper .calendar .rows .row > div .badge li > div:before, .calendarWrapper .calendar .rows .row > div .badge--primary .calendarSAV .savList .draggable li > div:before, .calendarSAV .savList .draggable .calendarWrapper .calendar .rows .row > div .badge--primary li > div:before, .calendarWrapper .calendar .rows .row > div .badge--success .calendarSAV .savList .draggable li > div:before, .calendarSAV .savList .draggable .calendarWrapper .calendar .rows .row > div .badge--success li > div:before, .calendarWrapper .calendar .rows .row > div .badge--info .calendarSAV .savList .draggable li > div:before, .calendarSAV .savList .draggable .calendarWrapper .calendar .rows .row > div .badge--info li > div:before, .calendarWrapper .calendar .rows .row > div .badge--warning .calendarSAV .savList .draggable li > div:before, .calendarSAV .savList .draggable .calendarWrapper .calendar .rows .row > div .badge--warning li > div:before, .calendarWrapper .calendar .rows .row > div .badge--danger .calendarSAV .savList .draggable li > div:before, .calendarSAV .savList .draggable .calendarWrapper .calendar .rows .row > div .badge--danger li > div:before, .calendarWrapper .calendar .rows .row > div .badge--inverse .calendarSAV .savList .draggable li > div:before, .calendarSAV .savList .draggable .calendarWrapper .calendar .rows .row > div .badge--inverse li > div:before, .calendarWrapper .calendar .rows .row > div .badge--ghost .calendarSAV .savList .draggable li > div:before, .calendarSAV .savList .draggable .calendarWrapper .calendar .rows .row > div .badge--ghost li > div:before, .calendarWrapper .calendar .rows .row > div .badge .calendarDetail .savList .draggable li > div:before, .calendarDetail .savList .draggable .calendarWrapper .calendar .rows .row > div .badge li > div:before, .calendarWrapper .calendar .rows .row > div .badge--primary .calendarDetail .savList .draggable li > div:before, .calendarDetail .savList .draggable .calendarWrapper .calendar .rows .row > div .badge--primary li > div:before, .calendarWrapper .calendar .rows .row > div .badge--success .calendarDetail .savList .draggable li > div:before, .calendarDetail .savList .draggable .calendarWrapper .calendar .rows .row > div .badge--success li > div:before, .calendarWrapper .calendar .rows .row > div .badge--info .calendarDetail .savList .draggable li > div:before, .calendarDetail .savList .draggable .calendarWrapper .calendar .rows .row > div .badge--info li > div:before, .calendarWrapper .calendar .rows .row > div .badge--warning .calendarDetail .savList .draggable li > div:before, .calendarDetail .savList .draggable .calendarWrapper .calendar .rows .row > div .badge--warning li > div:before, .calendarWrapper .calendar .rows .row > div .badge--danger .calendarDetail .savList .draggable li > div:before, .calendarDetail .savList .draggable .calendarWrapper .calendar .rows .row > div .badge--danger li > div:before, .calendarWrapper .calendar .rows .row > div .badge--inverse .calendarDetail .savList .draggable li > div:before, .calendarDetail .savList .draggable .calendarWrapper .calendar .rows .row > div .badge--inverse li > div:before, .calendarWrapper .calendar .rows .row > div .badge--ghost .calendarDetail .savList .draggable li > div:before, .calendarDetail .savList .draggable .calendarWrapper .calendar .rows .row > div .badge--ghost li > div:before, .calendarWrapper .calendar .rows .row > div .badge .messages .messageList li.done .dot:before, .messages .messageList li.done .calendarWrapper .calendar .rows .row > div .badge .dot:before, .calendarWrapper .calendar .rows .row > div .badge--primary .messages .messageList li.done .dot:before, .messages .messageList li.done .calendarWrapper .calendar .rows .row > div .badge--primary .dot:before, .calendarWrapper .calendar .rows .row > div .badge--success .messages .messageList li.done .dot:before, .messages .messageList li.done .calendarWrapper .calendar .rows .row > div .badge--success .dot:before, .calendarWrapper .calendar .rows .row > div .badge--info .messages .messageList li.done .dot:before, .messages .messageList li.done .calendarWrapper .calendar .rows .row > div .badge--info .dot:before, .calendarWrapper .calendar .rows .row > div .badge--warning .messages .messageList li.done .dot:before, .messages .messageList li.done .calendarWrapper .calendar .rows .row > div .badge--warning .dot:before, .calendarWrapper .calendar .rows .row > div .badge--danger .messages .messageList li.done .dot:before, .messages .messageList li.done .calendarWrapper .calendar .rows .row > div .badge--danger .dot:before, .calendarWrapper .calendar .rows .row > div .badge--inverse .messages .messageList li.done .dot:before, .messages .messageList li.done .calendarWrapper .calendar .rows .row > div .badge--inverse .dot:before, .calendarWrapper .calendar .rows .row > div .badge--ghost .messages .messageList li.done .dot:before, .messages .messageList li.done .calendarWrapper .calendar .rows .row > div .badge--ghost .dot:before, .calendarWrapper .calendar .rows .row > div .badge #filters #filtersOpener:before, #filters .calendarWrapper .calendar .rows .row > div .badge #filtersOpener:before, .calendarWrapper .calendar .rows .row > div .badge--primary #filters #filtersOpener:before, #filters .calendarWrapper .calendar .rows .row > div .badge--primary #filtersOpener:before, .calendarWrapper .calendar .rows .row > div .badge--success #filters #filtersOpener:before, #filters .calendarWrapper .calendar .rows .row > div .badge--success #filtersOpener:before, .calendarWrapper .calendar .rows .row > div .badge--info #filters #filtersOpener:before, #filters .calendarWrapper .calendar .rows .row > div .badge--info #filtersOpener:before, .calendarWrapper .calendar .rows .row > div .badge--warning #filters #filtersOpener:before, #filters .calendarWrapper .calendar .rows .row > div .badge--warning #filtersOpener:before, .calendarWrapper .calendar .rows .row > div .badge--danger #filters #filtersOpener:before, #filters .calendarWrapper .calendar .rows .row > div .badge--danger #filtersOpener:before, .calendarWrapper .calendar .rows .row > div .badge--inverse #filters #filtersOpener:before, #filters .calendarWrapper .calendar .rows .row > div .badge--inverse #filtersOpener:before, .calendarWrapper .calendar .rows .row > div .badge--ghost #filters #filtersOpener:before, #filters .calendarWrapper .calendar .rows .row > div .badge--ghost #filtersOpener:before {
            font-size: 0.8rem; }
        .calendarWrapper .calendar .rows .row > div .hours {
          float: right;
          font-size: 1.2rem;
          opacity: .7; }
        .calendarWrapper .calendar .rows .row > div a {
          position: relative;
          display: block;
          padding: 5px;
          border-radius: 5px;
          font-size: 1.3rem;
          text-overflow: ellipsis;
          color: #fff;
          -moz-transition: all 0.1s ease-in-out;
          -o-transition: all 0.1s ease-in-out;
          -ms-transition: all 0.1s ease-in-out;
          -webkit-transition: all 0.1s ease-in-out;
          transition: all 0.1s ease-in-out; }
          .calendarWrapper .calendar .rows .row > div a:hover {
            z-index: 100;
            transform: scale(1.03);
            box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.05); }
            .calendarWrapper .calendar .rows .row > div a:hover .more {
              display: block; }
          .calendarWrapper .calendar .rows .row > div a .name {
            display: none; }
          .calendarWrapper .calendar .rows .row > div a.free {
            background: #fff;
            border: 1px dashed rgba(98, 114, 129, 0.3);
            color: rgba(98, 114, 129, 0.7); }
          .calendarWrapper .calendar .rows .row > div a.co {
            background: #308EE5; }
          .calendarWrapper .calendar .rows .row > div a.done {
            background: #8EBA51; }
          .calendarWrapper .calendar .rows .row > div a.away {
            background: #627281;
            background-image: linear-gradient(135deg, #627281 25%, #6b7c8d 25%, #6b7c8d 50%, #627281 50%, #627281 75%, #6b7c8d 75%, #6b7c8d 100%);
            background-size: 20px 20px; }
          .calendarWrapper .calendar .rows .row > div a.locked {
            background: #627281;
            background-image: linear-gradient(135deg, #627281 25%, #6b7c8d 25%, #6b7c8d 50%, #627281 50%, #627281 75%, #6b7c8d 75%, #6b7c8d 100%);
            background-size: 20px 20px; }
          .calendarWrapper .calendar .rows .row > div a.option {
            background: #c4cbd2; }
          .calendarWrapper .calendar .rows .row > div a.sav {
            background: #FF7600; }
          .calendarWrapper .calendar .rows .row > div a.sav.option {
            background: #ffbb80; }
          .calendarWrapper .calendar .rows .row > div a .prev {
            float: left;
            margin-right: 3px; }
          .calendarWrapper .calendar .rows .row > div a .next {
            float: right;
            margin-left: 3px; }
          .calendarWrapper .calendar .rows .row > div a .prev, .calendarWrapper .calendar .rows .row > div a .next {
            margin-top: 4px;
            font-size: 1rem;
            opacity: 0.6; }
        .calendarWrapper .calendar .rows .row > div.col-2 a .name, .calendarWrapper .calendar .rows .row > div.col-3 a .name, .calendarWrapper .calendar .rows .row > div.col-4 a .name, .calendarWrapper .calendar .rows .row > div.col-5 a .name, .calendarWrapper .calendar .rows .row > div.col-6 a .name, .calendarWrapper .calendar .rows .row > div.col-7 a .name, .calendarWrapper .calendar .rows .row > div.col-8 a .name, .calendarWrapper .calendar .rows .row > div.col-9 a .name, .calendarWrapper .calendar .rows .row > div.col-10 a .name {
          display: inline; }
        .calendarWrapper .calendar .rows .row > div.last a .more, .calendarWrapper .calendar .rows .row > div.rightMore a .more {
          left: auto;
          right: 0px; }
    .calendarWrapper .calendar .rows .add {
      border-top: 2px solid rgba(98, 114, 129, 0.2); }
      .calendarWrapper .calendar .rows .add a {
        color: #308EE5;
        text-decoration: underline; }
    .calendarWrapper .calendar select {
      -webkit-appearance: none;
      border: 0px;
      box-shadow: none;
      background-color: #fff;
      border-radius: 5px; }
      .calendarWrapper .calendar select:focus {
        outline: none; }
  .calendarWrapper.calendarBE {
    grid-template-columns: 100px 1fr; }
    .calendarWrapper.calendarBE .equipes {
      text-align: right; }
      .calendarWrapper.calendarBE .equipes .equipe {
        height: auto;
        padding: 20px 10px 20px 0px;
        flex-direction: column;
        align-items: flex-end;
        justify-content: center; }
        .calendarWrapper.calendarBE .equipes .equipe p {
          display: flex;
          align-items: center;
          height: 40px;
          margin: 0px;
          font-size: 1.3rem;
          color: #627281;
          line-height: 1.4rem; }
          .calendarWrapper.calendarBE .equipes .equipe p strong {
            color: #21303E; }
          .calendarWrapper.calendarBE .equipes .equipe p .del {
            margin-left: 5px;
            font-size: 1rem;
            color: #627281; }
            .calendarWrapper.calendarBE .equipes .equipe p .del:hover {
              color: #308EE5; }
    .calendarWrapper.calendarBE .calendar .rows .row {
      min-height: 0px; }
  .calendarWrapper.calendarMonths .equipes {
    margin-top: 84px; }
  .calendarWrapper.calendarMonths .calendar .headRow {
    grid-template-columns: repeat(62, 1fr); }
    .calendarWrapper.calendarMonths .calendar .headRow div {
      padding: 10px;
      font-size: 1.5rem; }
  .calendarWrapper.calendarMonths .calendar .rows .row {
    grid-template-columns: repeat(62, 1fr);
    background-image: url(../img/bg_calendar_month.png);
    background-size: 22.57%; }
    .calendarWrapper.calendarMonths .calendar .rows .row > div {
      padding: 0px; }
      .calendarWrapper.calendarMonths .calendar .rows .row > div a {
        min-height: 23px;
        margin: 3px;
        font-size: 1.3rem; }
        .calendarWrapper.calendarMonths .calendar .rows .row > div a .coContent {
          display: none; }
      .calendarWrapper.calendarMonths .calendar .rows .row > div.col-4 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-5 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-6 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-7 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-8 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-9 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-10 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-11 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-12 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-13 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-14 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-15 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-16 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-17 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-18 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-19 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-20 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-21 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-22 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-23 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-24 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-25 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-26 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-27 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-28 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-29 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-30 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-31 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-32 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-33 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-34 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-35 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-36 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-37 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-38 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-39 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-40 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-41 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-42 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-43 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-44 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-45 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-46 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-47 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-48 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-49 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-50 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-51 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-52 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-53 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-54 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-55 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-56 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-57 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-58 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-59 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-60 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-61 .coContent, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-62 .coContent {
        display: block; }
        .calendarWrapper.calendarMonths .calendar .rows .row > div.col-4 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-4 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-4 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-4 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-4 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-4 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-4 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-4 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-4 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-4 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-4 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-5 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-5 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-5 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-5 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-5 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-5 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-5 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-5 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-5 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-5 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-5 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-6 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-6 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-6 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-6 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-6 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-6 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-6 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-6 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-6 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-6 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-6 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-7 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-7 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-7 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-7 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-7 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-7 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-7 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-7 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-7 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-7 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-7 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-8 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-8 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-8 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-8 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-8 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-8 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-8 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-8 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-8 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-8 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-8 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-9 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-9 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-9 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-9 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-9 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-9 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-9 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-9 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-9 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-9 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-9 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-10 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-10 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-10 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-10 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-10 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-10 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-10 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-10 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-10 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-10 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-10 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-11 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-11 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-11 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-11 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-11 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-11 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-11 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-11 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-11 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-11 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-11 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-12 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-12 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-12 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-12 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-12 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-12 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-12 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-12 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-12 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-12 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-12 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-13 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-13 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-13 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-13 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-13 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-13 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-13 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-13 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-13 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-13 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-13 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-14 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-14 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-14 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-14 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-14 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-14 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-14 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-14 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-14 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-14 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-14 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-15 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-15 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-15 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-15 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-15 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-15 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-15 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-15 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-15 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-15 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-15 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-16 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-16 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-16 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-16 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-16 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-16 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-16 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-16 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-16 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-16 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-16 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-17 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-17 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-17 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-17 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-17 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-17 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-17 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-17 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-17 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-17 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-17 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-18 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-18 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-18 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-18 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-18 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-18 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-18 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-18 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-18 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-18 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-18 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-19 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-19 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-19 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-19 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-19 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-19 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-19 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-19 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-19 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-19 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-19 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-20 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-20 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-20 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-20 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-20 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-20 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-20 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-20 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-20 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-20 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-20 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-21 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-21 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-21 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-21 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-21 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-21 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-21 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-21 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-21 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-21 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-21 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-22 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-22 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-22 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-22 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-22 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-22 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-22 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-22 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-22 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-22 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-22 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-23 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-23 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-23 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-23 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-23 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-23 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-23 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-23 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-23 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-23 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-23 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-24 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-24 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-24 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-24 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-24 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-24 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-24 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-24 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-24 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-24 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-24 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-25 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-25 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-25 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-25 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-25 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-25 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-25 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-25 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-25 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-25 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-25 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-26 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-26 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-26 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-26 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-26 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-26 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-26 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-26 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-26 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-26 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-26 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-27 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-27 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-27 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-27 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-27 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-27 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-27 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-27 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-27 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-27 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-27 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-28 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-28 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-28 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-28 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-28 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-28 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-28 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-28 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-28 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-28 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-28 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-29 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-29 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-29 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-29 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-29 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-29 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-29 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-29 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-29 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-29 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-29 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-30 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-30 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-30 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-30 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-30 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-30 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-30 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-30 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-30 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-30 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-30 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-31 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-31 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-31 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-31 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-31 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-31 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-31 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-31 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-31 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-31 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-31 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-32 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-32 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-32 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-32 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-32 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-32 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-32 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-32 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-32 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-32 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-32 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-33 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-33 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-33 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-33 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-33 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-33 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-33 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-33 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-33 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-33 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-33 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-34 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-34 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-34 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-34 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-34 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-34 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-34 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-34 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-34 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-34 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-34 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-35 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-35 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-35 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-35 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-35 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-35 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-35 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-35 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-35 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-35 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-35 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-36 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-36 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-36 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-36 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-36 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-36 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-36 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-36 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-36 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-36 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-36 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-37 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-37 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-37 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-37 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-37 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-37 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-37 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-37 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-37 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-37 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-37 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-38 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-38 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-38 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-38 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-38 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-38 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-38 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-38 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-38 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-38 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-38 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-39 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-39 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-39 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-39 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-39 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-39 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-39 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-39 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-39 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-39 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-39 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-40 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-40 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-40 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-40 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-40 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-40 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-40 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-40 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-40 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-40 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-40 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-41 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-41 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-41 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-41 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-41 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-41 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-41 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-41 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-41 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-41 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-41 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-42 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-42 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-42 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-42 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-42 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-42 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-42 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-42 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-42 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-42 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-42 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-43 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-43 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-43 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-43 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-43 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-43 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-43 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-43 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-43 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-43 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-43 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-44 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-44 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-44 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-44 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-44 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-44 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-44 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-44 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-44 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-44 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-44 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-45 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-45 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-45 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-45 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-45 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-45 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-45 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-45 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-45 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-45 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-45 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-46 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-46 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-46 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-46 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-46 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-46 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-46 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-46 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-46 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-46 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-46 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-47 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-47 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-47 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-47 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-47 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-47 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-47 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-47 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-47 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-47 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-47 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-48 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-48 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-48 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-48 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-48 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-48 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-48 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-48 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-48 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-48 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-48 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-49 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-49 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-49 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-49 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-49 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-49 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-49 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-49 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-49 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-49 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-49 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-50 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-50 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-50 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-50 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-50 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-50 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-50 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-50 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-50 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-50 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-50 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-51 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-51 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-51 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-51 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-51 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-51 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-51 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-51 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-51 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-51 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-51 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-52 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-52 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-52 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-52 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-52 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-52 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-52 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-52 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-52 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-52 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-52 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-53 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-53 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-53 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-53 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-53 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-53 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-53 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-53 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-53 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-53 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-53 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-54 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-54 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-54 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-54 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-54 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-54 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-54 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-54 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-54 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-54 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-54 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-55 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-55 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-55 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-55 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-55 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-55 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-55 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-55 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-55 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-55 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-55 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-56 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-56 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-56 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-56 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-56 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-56 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-56 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-56 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-56 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-56 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-56 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-57 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-57 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-57 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-57 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-57 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-57 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-57 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-57 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-57 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-57 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-57 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-58 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-58 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-58 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-58 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-58 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-58 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-58 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-58 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-58 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-58 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-58 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-59 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-59 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-59 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-59 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-59 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-59 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-59 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-59 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-59 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-59 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-59 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-60 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-60 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-60 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-60 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-60 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-60 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-60 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-60 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-60 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-60 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-60 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-61 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-61 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-61 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-61 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-61 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-61 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-61 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-61 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-61 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-61 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-61 .coContent .name, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-62 .coContent .badge, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-62 .coContent .badge--primary, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-62 .coContent .badge--success, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-62 .coContent .badge--info, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-62 .coContent .badge--warning, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-62 .coContent .badge--danger, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-62 .coContent .badge--inverse, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-62 .coContent .badge--ghost, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-62 .coContent .prev, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-62 .coContent .next, .calendarWrapper.calendarMonths .calendar .rows .row > div.col-62 .coContent .name {
          display: none; }

.calendarSAV, .calendarDetail {
  display: grid;
  grid-template-columns: 20px 1fr 325px;
  grid-gap: 10px; }
  .calendarSAV .hours li, .calendarDetail .hours li {
    position: relative;
    top: 55px;
    display: inline-block;
    height: 20px;
    margin: 30px 0px;
    text-align: right;
    color: #627281;
    font-size: 1.2rem; }
    .calendarSAV .hours li:last-child, .calendarDetail .hours li:last-child {
      margin-bottom: 0px; }
  .calendarSAV .calendar, .calendarDetail .calendar {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); }
    .calendarSAV .calendar .jour, .calendarDetail .calendar .jour {
      border-bottom: 2px solid #d2d8dd;
      padding: 20px;
      text-align: center;
      font-size: 1.5rem;
      color: #627281; }
      .calendarSAV .calendar .jour.today, .calendarDetail .calendar .jour.today {
        color: #308EE5; }
    .calendarSAV .calendar .col, .calendarDetail .calendar .col {
      border-right: 2px solid #d2d8dd; }
      .calendarSAV .calendar .col:last-child, .calendarDetail .calendar .col:last-child {
        border: none; }
      .calendarSAV .calendar .col .names, .calendarDetail .calendar .col .names {
        min-height: 25px;
        border-bottom: 2px solid #d2d8dd;
        background: #d2d8dd;
        text-align: center;
        color: #627281;
        font-weight: bold; }
      .calendarSAV .calendar .col .day, .calendarDetail .calendar .col .day {
        padding: 0px 5px;
        grid-template-rows: repeat(20, 40px);
        grid-auto-flow: column;
        gap: 0px 5px;
        background-image: url(../img/bg_calendarSAV.png), url(../img/bg_calendarSAV2.png);
        background-repeat: repeat, repeat-x;
        background-position: left top, left 320px; }
        .calendarSAV .calendar .col .day > div, .calendarDetail .calendar .col .day > div {
          padding: 5px 0px; }
          .calendarSAV .calendar .col .day > div a, .calendarDetail .calendar .col .day > div a {
            position: relative;
            display: block;
            height: 100%;
            padding: 2px 3px;
            border-radius: 5px;
            font-size: 1.3rem;
            text-overflow: ellipsis;
            color: #fff; }
            .calendarSAV .calendar .col .day > div a:hover, .calendarDetail .calendar .col .day > div a:hover {
              z-index: 100;
              transform: scale(1.03);
              box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.05); }
              .calendarSAV .calendar .col .day > div a:hover .more, .calendarDetail .calendar .col .day > div a:hover .more {
                display: block; }
            .calendarSAV .calendar .col .day > div a .sContent, .calendarDetail .calendar .col .day > div a .sContent {
              width: 100%;
              height: inherit;
              overflow: hidden; }
              .calendarSAV .calendar .col .day > div a .sContent p, .calendarDetail .calendar .col .day > div a .sContent p {
                margin: 0px;
                line-height: 17px; }
            .calendarSAV .calendar .col .day > div a .badge, .calendarDetail .calendar .col .day > div a .badge, .calendarSAV .calendar .col .day > div a .badge--primary, .calendarDetail .calendar .col .day > div a .badge--primary, .calendarSAV .calendar .col .day > div a .badge--success, .calendarDetail .calendar .col .day > div a .badge--success, .calendarSAV .calendar .col .day > div a .badge--info, .calendarDetail .calendar .col .day > div a .badge--info, .calendarSAV .calendar .col .day > div a .badge--warning, .calendarDetail .calendar .col .day > div a .badge--warning, .calendarSAV .calendar .col .day > div a .badge--danger, .calendarDetail .calendar .col .day > div a .badge--danger, .calendarSAV .calendar .col .day > div a .badge--inverse, .calendarDetail .calendar .col .day > div a .badge--inverse, .calendarSAV .calendar .col .day > div a .badge--ghost, .calendarDetail .calendar .col .day > div a .badge--ghost {
              position: absolute;
              top: -5px;
              right: -5px;
              padding: 0px;
              padding-top: 2px;
              width: 15px;
              min-width: 1px;
              height: 15px;
              font-size: 1.2rem; }
            .calendarSAV .calendar .col .day > div a p, .calendarDetail .calendar .col .day > div a p {
              font-size: 1.3rem; }
              .calendarSAV .calendar .col .day > div a p .detail, .calendarDetail .calendar .col .day > div a p .detail {
                display: none; }
              .calendarSAV .calendar .col .day > div a p strong, .calendarDetail .calendar .col .day > div a p strong {
                font-size: 1.5rem; }
            .calendarSAV .calendar .col .day > div a.free, .calendarDetail .calendar .col .day > div a.free {
              display: flex;
              opacity: 0;
              background: #fff;
              border: 1px dashed rgba(98, 114, 129, 0.3);
              color: rgba(98, 114, 129, 0.7); }
              .calendarSAV .calendar .col .day > div a.free div, .calendarDetail .calendar .col .day > div a.free div {
                width: 100%; }
              .calendarSAV .calendar .col .day > div a.free:hover, .calendarDetail .calendar .col .day > div a.free:hover {
                opacity: 1; }
            .calendarSAV .calendar .col .day > div a.co, .calendarDetail .calendar .col .day > div a.co {
              background: #308EE5;
              background-image: linear-gradient(135deg, #308EE5 25%, #4298e7 25%, #4298e7 50%, #308EE5 50%, #308EE5 75%, #4298e7 75%, #4298e7 100%);
              background-size: 20px 20px; }
              .calendarSAV .calendar .col .day > div a.co strong, .calendarDetail .calendar .col .day > div a.co strong {
                font-size: 1.5rem; }
            .calendarSAV .calendar .col .day > div a.away, .calendarDetail .calendar .col .day > div a.away {
              background: #627281;
              background-image: linear-gradient(135deg, #627281 25%, #6b7c8d 25%, #6b7c8d 50%, #627281 50%, #627281 75%, #6b7c8d 75%, #6b7c8d 100%);
              background-size: 20px 20px; }
              .calendarSAV .calendar .col .day > div a.away strong, .calendarDetail .calendar .col .day > div a.away strong {
                font-size: 1.5rem; }
            .calendarSAV .calendar .col .day > div a.option, .calendarDetail .calendar .col .day > div a.option {
              background: #c4cbd2; }
            .calendarSAV .calendar .col .day > div a.sav, .calendarDetail .calendar .col .day > div a.sav {
              background: #FF7600; }
              .calendarSAV .calendar .col .day > div a.sav .sContent > strong, .calendarDetail .calendar .col .day > div a.sav .sContent > strong {
                display: inline-block;
                padding: 0px 3px;
                margin-right: 3px;
                background: #fff;
                border-radius: 3px;
                color: #FF7600;
                font-size: 1.2rem; }
            .calendarSAV .calendar .col .day > div a.sav.option, .calendarDetail .calendar .col .day > div a.sav.option {
              background: #ffbb80; }
            .calendarSAV .calendar .col .day > div a .prev, .calendarDetail .calendar .col .day > div a .prev {
              float: left;
              margin-right: 3px; }
            .calendarSAV .calendar .col .day > div a .next, .calendarDetail .calendar .col .day > div a .next {
              float: right;
              margin-left: 3px; }
            .calendarSAV .calendar .col .day > div a .prev, .calendarDetail .calendar .col .day > div a .prev, .calendarSAV .calendar .col .day > div a .next, .calendarDetail .calendar .col .day > div a .next {
              margin-top: 4px;
              font-size: 1rem;
              opacity: 0.6; }
            .calendarSAV .calendar .col .day > div a .more, .calendarDetail .calendar .col .day > div a .more {
              display: none;
              position: absolute;
              top: calc(100% + 10px);
              left: 0px;
              z-index: 100;
              min-width: 400px;
              max-width: 600px;
              padding: 10px 15px;
              background: #21303E;
              border-radius: 5px;
              font-size: 1.2rem;
              color: #627281; }
              .calendarSAV .calendar .col .day > div a .more h6, .calendarDetail .calendar .col .day > div a .more h6 {
                margin: 0px;
                margin-bottom: 5px;
                padding: 0px;
                font-size: 1.5rem;
                color: #fff; }
              .calendarSAV .calendar .col .day > div a .more span, .calendarDetail .calendar .col .day > div a .more span {
                display: block;
                color: #fff; }
              .calendarSAV .calendar .col .day > div a .more strong, .calendarDetail .calendar .col .day > div a .more strong {
                color: #fff; }
          .calendarSAV .calendar .col .day > div.col-2 a p .detail, .calendarDetail .calendar .col .day > div.col-2 a p .detail {
            display: inline; }
  .calendarSAV .savList, .calendarDetail .savList {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); }
    .calendarSAV .savList .onglets, .calendarDetail .savList .onglets {
      display: flex; }
      .calendarSAV .savList .onglets li, .calendarDetail .savList .onglets li {
        flex-grow: 1; }
        .calendarSAV .savList .onglets li a, .calendarDetail .savList .onglets li a {
          display: block;
          padding: 20px;
          border-bottom: 2px solid #d2d8dd;
          border-right: 1px solid #d2d8dd;
          background: rgba(98, 114, 129, 0.05);
          font-size: 1.4rem;
          line-height: 2.7rem;
          color: rgba(98, 114, 129, 0.6); }
          .calendarSAV .savList .onglets li a:hover, .calendarDetail .savList .onglets li a:hover {
            color: #308EE5;
            text-decoration: underline; }
            .calendarSAV .savList .onglets li a:hover strong, .calendarDetail .savList .onglets li a:hover strong {
              color: #308EE5; }
          .calendarSAV .savList .onglets li a strong, .calendarDetail .savList .onglets li a strong {
            color: #627281; }
        .calendarSAV .savList .onglets li:first-child a, .calendarDetail .savList .onglets li:first-child a {
          border-radius: 10px 0px 0px 0px; }
        .calendarSAV .savList .onglets li:last-child a, .calendarDetail .savList .onglets li:last-child a {
          border-radius: 0px 10px 0px 0px;
          border-right: none; }
        .calendarSAV .savList .onglets li.currentItem a, .calendarDetail .savList .onglets li.currentItem a {
          background: none; }
    .calendarSAV .savList .draggable, .calendarDetail .savList .draggable {
      height: 820px;
      overflow: auto; }
      .calendarSAV .savList .draggable li, .calendarDetail .savList .draggable li {
        position: relative; }
        .calendarSAV .savList .draggable li > div, .calendarDetail .savList .draggable li > div {
          border-bottom: 1px solid rgba(98, 114, 129, 0.2);
          position: relative;
          display: block;
          padding: 15px;
          padding-left: 55px;
          color: #627281;
          font-size: 1.3rem;
          line-height: 1.5rem; }
          .calendarSAV .savList .draggable li > div strong, .calendarDetail .savList .draggable li > div strong {
            color: #21303E; }
          .calendarSAV .savList .draggable li > div:before, .calendarDetail .savList .draggable li > div:before {
            content: "\e96f";
            position: absolute;
            top: 0px;
            left: 0px;
            padding: 20px;
            font-size: 1.7rem;
            color: rgba(98, 114, 129, 0.2); }
          .calendarSAV .savList .draggable li > div:hover, .calendarDetail .savList .draggable li > div:hover {
            cursor: move;
            background: rgba(98, 114, 129, 0.05); }
            .calendarSAV .savList .draggable li > div:hover:before, .calendarDetail .savList .draggable li > div:hover:before {
              color: #308EE5; }
        .calendarSAV .savList .draggable li .close, .calendarDetail .savList .draggable li .close {
          position: absolute;
          right: 20px;
          top: 20px;
          font-size: 1.7rem;
          color: rgba(98, 114, 129, 0.2); }
          .calendarSAV .savList .draggable li .close:hover, .calendarDetail .savList .draggable li .close:hover {
            color: #308EE5; }
        .calendarSAV .savList .draggable li.add a, .calendarDetail .savList .draggable li.add a {
          display: block;
          padding: 20px;
          text-align: center;
          color: #308EE5;
          text-decoration: underline;
          font-size: 1.6rem; }

.calendarDetail {
  grid-template-columns: 20px 1fr; }
  .calendarDetail .calendar .day a .sContent .name {
    display: none; }

.calendarPoseur .calendar {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); }
  .calendarPoseur .calendar .calendarHead {
    display: grid;
    grid-template-columns: repeat(5, 1fr); }
  .calendarPoseur .calendar .dayLabel {
    border-bottom: 2px solid #d2d8dd;
    border-right: 2px solid #d2d8dd;
    padding: 20px;
    text-align: center;
    font-size: 1.8rem;
    color: #627281; }
  .calendarPoseur .calendar .dayContent {
    border-right: 2px solid #d2d8dd;
    padding: 20px;
    display: flex;
    flex-direction: column; }
    .calendarPoseur .calendar .dayContent > div {
      flex-grow: 1;
      padding: 5px 0px; }
    .calendarPoseur .calendar .dayContent a {
      position: relative;
      display: block;
      height: 100%;
      padding: 2px 5px;
      border-radius: 5px;
      font-size: 1.3rem;
      text-overflow: ellipsis;
      color: #fff;
      -moz-transition: all 0.1s ease-in-out;
      -o-transition: all 0.1s ease-in-out;
      -ms-transition: all 0.1s ease-in-out;
      -webkit-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out; }
      .calendarPoseur .calendar .dayContent a:hover .more {
        display: block; }
      .calendarPoseur .calendar .dayContent a p {
        font-size: 1.3rem; }
        .calendarPoseur .calendar .dayContent a p .detail {
          display: none; }
        .calendarPoseur .calendar .dayContent a p.important {
          padding: 5px;
          margin: 6px 3px;
          border-radius: 3px;
          background: #fff;
          color: #ED0012; }
        .calendarPoseur .calendar .dayContent a p strong {
          font-size: 1.5rem; }
      .calendarPoseur .calendar .dayContent a.free {
        background: #fff;
        border: 1px dashed rgba(98, 114, 129, 0.3);
        color: rgba(98, 114, 129, 0.7); }
      .calendarPoseur .calendar .dayContent a.co {
        background: #308EE5; }
        .calendarPoseur .calendar .dayContent a.co strong {
          font-size: 1.5rem; }
      .calendarPoseur .calendar .dayContent a.away {
        background: #627281;
        background-image: linear-gradient(135deg, #627281 25%, #6b7c8d 25%, #6b7c8d 50%, #627281 50%, #627281 75%, #6b7c8d 75%, #6b7c8d 100%);
        background-size: 20px 20px; }
        .calendarPoseur .calendar .dayContent a.away strong {
          font-size: 1.5rem; }
      .calendarPoseur .calendar .dayContent a.option {
        background: #c4cbd2; }
      .calendarPoseur .calendar .dayContent a.sav {
        background: #FF7600; }
        .calendarPoseur .calendar .dayContent a.sav > strong {
          display: inline-block;
          padding: 0px 4px;
          background: #fff;
          border-radius: 3px;
          color: #FF7600;
          font-size: 1.2rem; }
  .calendarPoseur .calendar:last-child {
    border: none; }
  .calendarPoseur .calendar .week {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: 1fr;
    grid-auto-flow: row; }
    .calendarPoseur .calendar .week .jour {
      display: grid;
      grid-auto-flow: row; }
      .calendarPoseur .calendar .week .jour > div {
        padding: 15px 20px;
        border-right: 2px solid rgba(98, 114, 129, 0.3); }

.calendarHours .calendar {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  overflow: hidden;
  background: #fff;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  border-radius: 10px; }
  .calendarHours .calendar .col {
    display: grid;
    grid-template-rows: 70px 1fr 65px 65px;
    border-right: 2px solid #d2d8dd; }
    .calendarHours .calendar .col:last-child {
      border: none; }
    .calendarHours .calendar .col .jour {
      border-bottom: 2px solid #d2d8dd;
      padding: 20px;
      text-align: center;
      font-size: 1.8rem;
      color: #627281; }
    .calendarHours .calendar .col .midi {
      padding: 20px 25px;
      background: rgba(98, 114, 129, 0.1);
      text-transform: uppercase;
      text-align: center; }
      .calendarHours .calendar .col .midi label {
        margin: 0px; }
      .calendarHours .calendar .col .midi input {
        margin: 0px 10px 0px 15px; }
    .calendarHours .calendar .col .hour {
      padding: 15px 25px; }
      .calendarHours .calendar .col .hour a {
        display: block;
        margin: 10px 0px;
        padding: 10px;
        border-radius: 5px; }
        .calendarHours .calendar .col .hour a.add {
          margin: 0px;
          padding: 0px;
          min-height: 1px;
          color: rgba(98, 114, 129, 0.6); }
          .calendarHours .calendar .col .hour a.add:hover {
            color: rgba(98, 114, 129, 0.8); }
        .calendarHours .calendar .col .hour a.free {
          display: flex;
          justify-content: center;
          align-items: center;
          border: 1px dashed rgba(98, 114, 129, 0.2);
          font-size: 1.6rem;
          color: rgba(98, 114, 129, 0.6); }
          .calendarHours .calendar .col .hour a.free:hover {
            color: #627281;
            border-color: rgba(98, 114, 129, 0.4); }
        .calendarHours .calendar .col .hour a.co {
          background: #308EE5;
          color: #fff; }
        .calendarHours .calendar .col .hour a.away {
          background: #627281;
          background-image: linear-gradient(135deg, #627281 25%, #6b7c8d 25%, #6b7c8d 50%, #627281 50%, #627281 75%, #6b7c8d 75%, #6b7c8d 100%);
          background-size: 20px 20px;
          color: #fff; }
    .calendarHours .calendar .col .save {
      padding: 20px;
      text-align: center;
      background: rgba(98, 114, 129, 0.15);
      font-size: 1.5rem;
      color: #308EE5;
      text-decoration: underline; }

.more {
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  left: 0px;
  z-index: 100;
  min-width: 400px;
  max-width: 600px;
  padding: 10px 15px;
  background: #21303E;
  border-radius: 5px;
  font-size: 1.2rem;
  color: #a7b2bc; }
  .more table tr td {
    vertical-align: top; }
  .more h6 {
    margin: 0px;
    margin-bottom: 5px;
    padding: 0px;
    font-size: 1.5rem;
    color: #fff; }
  .more span {
    display: block;
    color: #fff; }
  .more strong {
    color: #fff; }

.guide {
  margin-left: 60px; }
  .guide li {
    display: inline-block;
    margin-right: 10px;
    color: #627281; }
    .guide li > span {
      padding: 2px 10px;
      border-radius: 5px;
      font-size: 1.3rem;
      border: 1px solid transparent; }
      .guide li > span.co {
        background: #308EE5; }
      .guide li > span.done {
        background: #8EBA51; }
      .guide li > span.option {
        background: #c4cbd2; }
      .guide li > span.free {
        background: #fff;
        border: 1px dashed rgba(98, 114, 129, 0.3);
        color: rgba(98, 114, 129, 0.7); }
      .guide li > span.away {
        background: #627281;
        background-image: linear-gradient(135deg, #627281 25%, #6b7c8d 25%, #6b7c8d 50%, #627281 50%, #627281 75%, #6b7c8d 75%, #6b7c8d 100%);
        background-size: 20px 20px; }
      .guide li > span.sav {
        background: #FF7600;
        background-image: linear-gradient(135deg, #FF7600 25%, #ff8114 25%, #ff8114 50%, #FF7600 50%, #FF7600 75%, #ff8114 75%, #ff8114 100%);
        background-size: 20px 20px; }

#focusCheckbox {
  display: none; }

#focusCheckbox:checked ~ .calendarWrapper .calendar .rows .row > div a:not(.mine),
#focusCheckbox:checked ~ .calendarWrapper .calendar .rows .row > div .multiItems:not(.mine) {
  opacity: .3; }

.messages .messageList {
  max-height: 700px;
  overflow: auto; }
  .messages .messageList li {
    margin-bottom: 10px;
    padding: 10px;
    background: #fff;
    border-radius: 5px;
    border: 2px solid #fff;
    font-size: 1.3rem;
    color: #627281; }
    .messages .messageList li a {
      color: #627281; }
    .messages .messageList li strong {
      font-weight: bold;
      color: #21303E; }
    .messages .messageList li .dot {
      display: block;
      width: 20px;
      height: 20px;
      margin: 10px;
      border-radius: 50px;
      border: 2px solid #308EE5; }
    .messages .messageList li.active {
      border-color: #308EE5; }
    .messages .messageList li.unread .dot {
      background: #308EE5; }
    .messages .messageList li.done .dot {
      border-color: rgba(98, 114, 129, 0.3); }
      .messages .messageList li.done .dot:before {
        position: relative;
        left: 2px;
        top: -1px;
        content: "\ea6d";
        font-family: 'icomoon';
        text-align: center;
        font-size: 1.2rem;
        color: #308EE5; }

.messages .message {
  padding: 20px;
  background: #fff;
  border-radius: 5px; }
  .messages .message .messageHead {
    font-size: 1.3rem; }
    .messages .message .messageHead strong {
      color: #21303E; }
  .messages .message h1 {
    font-size: 2rem;
    color: #21303E; }
  .messages .message .messageOptions {
    margin-top: 50px; }
    .messages .message .messageOptions li {
      margin-bottom: 10px; }
      .messages .message .messageOptions li a .icon, .messages .message .messageOptions li a ul li::before, ul .messages .message .messageOptions li a li::before, .messages .message .messageOptions li a .tableList thead tr th a.asc:before, .tableList thead tr th .messages .message .messageOptions li a a.asc:before, .messages .message .messageOptions li a .tableList thead tr th a.desc:before, .tableList thead tr th .messages .message .messageOptions li a a.desc:before, .messages .message .messageOptions li a .help:before, .messages .message .messageOptions li a .warning:before, .messages .message .messageOptions li a .inprogress:before, .messages .message .messageOptions li a .comment:before, .messages .message .messageOptions li a .popinApercu .comments ul li:before, .popinApercu .comments ul .messages .message .messageOptions li a li:before, .messages .message .messageOptions li a .calendarSAV .savList .draggable li > div:before, .calendarSAV .savList .draggable .messages .message .messageOptions li a li > div:before, .messages .message .messageOptions li a .calendarDetail .savList .draggable li > div:before, .calendarDetail .savList .draggable .messages .message .messageOptions li a li > div:before, .messages .message .messageOptions .messageList li.done a .dot:before, .messages .messageList .message .messageOptions li.done a .dot:before, .messages .message .messageOptions li a #filters #filtersOpener:before, #filters .messages .message .messageOptions li a #filtersOpener:before {
        margin-right: 5px;
        color: #308EE5; }

#filters {
  background: #E6EAF0; }
  #filters #filtersCheckbox {
    display: none; }
  #filters #filtersOpener {
    display: none;
    font-size: 1.6rem;
    color: #308EE5; }
    #filters #filtersOpener:before {
      content: "\eabd";
      margin-right: 5px;
      font-size: 1rem;
      color: #308EE5; }
  #filters .searchFilter {
    display: inline-block;
    padding: 3px 5px;
    background: #fff;
    border-radius: 5px; }
    #filters .searchFilter input {
      border: 0px;
      box-shadow: none;
      font-size: 1.4rem; }
      #filters .searchFilter input:focus {
        outline: none; }
    #filters .searchFilter button {
      padding: 5px;
      background: none;
      font-size: 1.6rem;
      color: #308EE5; }
  #filters .filter {
    display: inline-block;
    margin-left: 25px; }
    #filters .filter label {
      margin-right: 10px;
      font-size: 1.4rem;
      color: rgba(33, 48, 62, 0.7); }
    #filters .filter input, #filters .filter select {
      min-height: 33px;
      border: 0px;
      box-shadow: none;
      background-color: #fff;
      border-radius: 5px; }
      #filters .filter input:focus, #filters .filter select:focus {
        outline: none; }
      #filters .filter input.xs, #filters .filter select.xs {
        width: 50px; }
      #filters .filter input.s, #filters .filter select.s {
        width: 100px; }
      #filters .filter input.m, #filters .filter select.m {
        width: 150px; }
      #filters .filter input.l, #filters .filter select.l {
        width: 200px; }
      #filters .filter input.xl, #filters .filter select.xl {
        width: 300px; }
  #filters .planningFilter {
    position: relative; }
    #filters .planningFilter > label {
      display: flex;
      align-items: center;
      background: #fff;
      padding: 5px 10px;
      border-radius: 5px; }
      #filters .planningFilter > label .icon, #filters .planningFilter > label ul li::before, ul #filters .planningFilter > label li::before, #filters .planningFilter > label .tableList thead tr th a.asc:before, .tableList thead tr th #filters .planningFilter > label a.asc:before, #filters .planningFilter > label .tableList thead tr th a.desc:before, .tableList thead tr th #filters .planningFilter > label a.desc:before, #filters .planningFilter > label .help:before, #filters .planningFilter > label .warning:before, #filters .planningFilter > label .inprogress:before, #filters .planningFilter > label .comment:before, #filters .planningFilter > label .popinApercu .comments ul li:before, .popinApercu .comments ul #filters .planningFilter > label li:before, #filters .planningFilter > label .calendarSAV .savList .draggable li > div:before, .calendarSAV .savList .draggable #filters .planningFilter > label li > div:before, #filters .planningFilter > label .calendarDetail .savList .draggable li > div:before, .calendarDetail .savList .draggable #filters .planningFilter > label li > div:before, #filters .planningFilter > label .messages .messageList li.done .dot:before, .messages .messageList li.done #filters .planningFilter > label .dot:before, #filters .planningFilter > label #filtersOpener:before {
        margin-left: 5px;
        font-size: 12px;
        color: #308EE5; }
    #filters .planningFilter input[type='checkbox']:checked ~ .filterContent {
      display: block; }
    #filters .planningFilter .filterContent {
      display: none;
      position: absolute;
      z-index: 1000;
      min-width: 350px;
      background: #21303E;
      border-radius: 5px; }
      #filters .planningFilter .filterContent h3 {
        margin: 0px;
        padding: 2px 8px;
        background: rgba(98, 114, 129, 0.1);
        font-size: 12px;
        text-transform: uppercase;
        text-align: left;
        color: rgba(255, 255, 255, 0.6); }
      #filters .planningFilter .filterContent p {
        padding: 2px 8px;
        margin: 0px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 5px; }
        #filters .planningFilter .filterContent p label {
          margin: 0px;
          padding: 0px;
          color: #fff;
          display: contents; }
        #filters .planningFilter .filterContent p input {
          margin-right: 5px; }
        #filters .planningFilter .filterContent p .icon, #filters .planningFilter .filterContent p ul li::before, ul #filters .planningFilter .filterContent p li::before, #filters .planningFilter .filterContent p .tableList thead tr th a.asc:before, .tableList thead tr th #filters .planningFilter .filterContent p a.asc:before, #filters .planningFilter .filterContent p .tableList thead tr th a.desc:before, .tableList thead tr th #filters .planningFilter .filterContent p a.desc:before, #filters .planningFilter .filterContent p .help:before, #filters .planningFilter .filterContent p .warning:before, #filters .planningFilter .filterContent p .inprogress:before, #filters .planningFilter .filterContent p .comment:before, #filters .planningFilter .filterContent p .popinApercu .comments ul li:before, .popinApercu .comments ul #filters .planningFilter .filterContent p li:before, #filters .planningFilter .filterContent p .calendarSAV .savList .draggable li > div:before, .calendarSAV .savList .draggable #filters .planningFilter .filterContent p li > div:before, #filters .planningFilter .filterContent p .calendarDetail .savList .draggable li > div:before, .calendarDetail .savList .draggable #filters .planningFilter .filterContent p li > div:before, #filters .planningFilter .filterContent p .messages .messageList li.done .dot:before, .messages .messageList li.done #filters .planningFilter .filterContent p .dot:before, #filters .planningFilter .filterContent p #filtersOpener:before {
          color: #308EE5; }
  #filters .totalFilter {
    background: #fff;
    border-radius: 5px; }
    #filters .totalFilter li {
      min-width: 100px;
      padding: 5px 10px;
      border-right: 1px solid rgba(98, 114, 129, 0.1);
      color: rgba(98, 114, 129, 0.5); }
      #filters .totalFilter li:last-child {
        border: none; }
      #filters .totalFilter li strong {
        font-size: 16px;
        color: #308EE5;
        font-weight: bold;
        line-height: 14px; }

.entete h1 {
  display: inline-block; }
  .entete h1 strong {
    color: #308EE5; }

.entete .statusList {
  display: inline-block; }
  .entete .statusList li {
    display: inline-block;
    padding: 0px 10px;
    border-right: 1px solid rgba(98, 114, 129, 0.2);
    font-size: 1.5rem;
    color: rgba(98, 114, 129, 0.5); }
    .entete .statusList li:last-child {
      border-right: 0px; }
    .entete .statusList li strong {
      color: #627281; }
    .entete .statusList li a {
      color: #308EE5;
      text-decoration: underline; }

.entete .buttonsList {
  margin-top: 10px; }
  .entete .buttonsList li {
    float: left; }

.savform ul.suggest {
  width: 100%;
  max-height: 180px;
  margin-top: 5px;
  background: #fff;
  border: 1px solid rgba(98, 114, 129, 0.3);
  border-radius: 5px;
  overflow: auto; }
  .savform ul.suggest li {
    position: relative;
    padding: 8px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: #627281; }
    .savform ul.suggest li:hover, .savform ul.suggest li.active {
      background: rgba(98, 114, 129, 0.1);
      cursor: pointer; }
      .savform ul.suggest li:hover:before, .savform ul.suggest li.active:before {
        position: absolute;
        right: 10px;
        top: 13px;
        font-family: 'icomoon';
        content: "\eabb";
        color: #308EE5;
        font-size: 1.2rem; }
      .savform ul.suggest li:hover strong, .savform ul.suggest li.active strong {
        color: #21303E; }

.login {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh; }
  .login > div {
    position: relative;
    bottom: 0px;
    width: 95%;
    max-width: 300px;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .login > div:hover .battete {
      top: -60px; }
    .login > div .battete {
      position: absolute;
      z-index: 1;
      top: -30px;
      left: 120px;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .login > div .batmaind {
      position: absolute;
      z-index: 3;
      top: 80px;
      left: -15px; }
    .login > div .batmaing {
      position: absolute;
      top: 60px;
      right: -15px;
      z-index: 3; }
    .login > div .form {
      position: relative;
      z-index: 2;
      background: #308EE5;
      /* Old browsers */
      background: -moz-linear-gradient(top, #308EE5 0%, #1974c9 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #308EE5), color-stop(100%, #1974c9));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #308EE5 0%, #1974c9 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #308EE5 0%, #1974c9 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #308EE5 0%, #1974c9 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #308EE5 0%, #1974c9 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2',GradientType=0 );
      /* IE6-9 */
      border-radius: 10px;
      box-shadow: 0px 5px 20px rgba(33, 48, 62, 0.2);
      color: #fff; }
      .login > div .form label {
        display: block; }
      .login > div .form input {
        width: 100%;
        padding: 10px;
        background: rgba(0, 0, 0, 0.1);
        border: 1px solid rgba(0, 0, 0, 0.1);
        box-shadow: none;
        border-radius: 5px;
        color: #fff; }
        .login > div .form input:focus {
          border-color: #fff;
          outline: none; }
      .login > div .form button {
        width: 100%;
        min-width: 100px; }
        .login > div .form button:hover {
          animation: jelly 0.5s; }

@keyframes jelly {
  0%,
  100% {
    transform: scale(1, 1); }
  25% {
    transform: scale(0.9, 1.05); }
  50% {
    transform: scale(1.1, 0.95); }
  75% {
    transform: scale(0.95, 1.03); } }

@keyframes jellyzoom {
  0% {
    transform: scale(1); }
  25% {
    transform: scale(1.2, 1.3); }
  50% {
    transform: scale(1, 1.1); }
  75% {
    transform: scale(1.25, 1.25); }
  100% {
    transform: scale(1.2, 1.2); } }

@media only screen and (max-width: 1350px) {
  .popinPlanning {
    display: block; } }

@media only screen and (max-width: 1200px) {
  #mainHeader {
    grid-template-columns: 1fr 1fr 250px; }
  .calendarSAV, .calendarDetail {
    grid-template-columns: 20px 1fr; }
    .calendarSAV .savList, .calendarDetail .savList {
      display: none; } }

@media only screen and (max-width: 1024px) {
  #mainHeader {
    grid-template-columns: 2fr 1fr 240px; }
    #mainHeader #iconNav {
      padding-right: 15px; }
    #mainHeader #mainSearch {
      max-width: 250px; }
    #mainHeader #mainNav li a {
      padding-left: 5px;
      padding-right: 5px;
      font-size: 1.5rem; } }

@media only screen and (max-width: 768px) {
  .hide-on-small {
    display: none !important; }
  .bigButton {
    min-width: 1px; }
  [class*=" grid-"] {
    display: grid; }
  #mainHeader {
    display: grid;
    grid-template-columns: 1fr 50px;
    grid-template-rows: 1fr 65px;
    grid-auto-flow: row; }
    #mainHeader #searchWrapper {
      order: 3;
      grid-column: span 2;
      padding: 10px;
      background: rgba(0, 0, 0, 0.1); }
      #mainHeader #searchWrapper #mainSearch {
        max-width: none;
        margin: 0px; }
        #mainHeader #searchWrapper #mainSearch .grid {
          display: grid; }
    #mainHeader .right {
      order: 2; }
    #mainHeader .buttonGroup {
      display: none; }
    #mainHeader #iconNav {
      padding-right: 5px; }
  #filters #filtersOpener {
    display: block; }
  #filters .filtersWrapper {
    max-height: 1px;
    overflow: hidden;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out; }
  #filters #filtersCheckbox:checked {
    /*+ .tab-label {
		    //background: darken($midnight, 10%);
		    &::after {
		      transform: rotate(90deg);
		    }
		  }*/ }
    #filters #filtersCheckbox:checked ~ .filtersWrapper {
      max-height: 500px; }
  #filters .grid-4 {
    grid-template: 20px 1fr / 1fr;
    display: grid; }
  #filters .searchFilter {
    width: 100%;
    display: none;
    grid-template-columns: 1fr 30px; }
  #filters .filter {
    display: grid;
    grid-template-columns: 1fr 2fr;
    align-items: center;
    margin: 0px;
    margin-top: 10px; }
    #filters .filter label {
      text-align: left; }
  .entete .col-7 {
    grid-column: auto/span 9; }
  .entete .col-3 {
    grid-column: auto/span 1; }
  .entete .addButton {
    width: 40px;
    min-width: 1px;
    height: 40px;
    padding: 0px;
    padding-top: 6px;
    border-radius: 100px;
    font-size: 2.5rem; }
  .tableList {
    margin-top: 20px; }
    .tableList thead {
      display: none; }
    .tableList tbody tr {
      position: relative;
      display: grid;
      grid-template-columns: repeat(12, 1fr); }
      .tableList tbody tr td {
        padding: 8px 10px;
        grid-column: auto / span 6; }
        .tableList tbody tr td .mobileLabel {
          display: block;
          font-size: 1rem;
          color: #7b8c9b; }
        .tableList tbody tr td.affCo, .tableList tbody tr td.affDate, .tableList tbody tr td.affCity, .tableList tbody tr td.affCp {
          grid-column: auto / span 6; }
        .tableList tbody tr td.affDesc, .tableList tbody tr td.affClient, .tableList tbody tr td.aff2col {
          grid-column: auto / span 12; }
        .tableList tbody tr td.affCity, .tableList tbody tr td.affCp, .tableList tbody tr td.affBg {
          background: rgba(0, 0, 0, 0.03); }
        .tableList tbody tr td.affClient {
          padding-bottom: 0px; }
        .tableList tbody tr td.affDesc {
          padding-top: 0px; }
        .tableList tbody tr td.affVente, .tableList tbody tr td.affPose, .tableList tbody tr td.affVaj, .tableList tbody tr td.affAchat {
          grid-column: auto / span 3;
          display: none; }
        .tableList tbody tr td.affActions, .tableList tbody tr td.actions {
          position: absolute;
          top: 0px;
          right: 0px; }
      .tableList tbody tr.separator td {
        grid-column: auto / span 12; }
    .tableList tfoot tr {
      display: flex;
      flex-direction: column; }
      .tableList tfoot tr td .mobileLabel {
        display: inline-block;
        margin-right: 10px;
        font-weight: normal; }
  .calendarHours {
    overflow-y: auto; }
    .calendarHours .calendar {
      min-width: 1400px; }
      .calendarHours .calendar .col {
        display: grid !important; }
  .guide li {
    display: block; }
  .calendarNav {
    display: flex;
    justify-content: space-between; }
  .calendarWrapper {
    position: relative;
    grid-template-columns: 30px 1fr;
    overflow-y: auto; }
    .calendarWrapper .calendar {
      min-width: 1400px; }
    .calendarWrapper .equipes .equipe ul li:not(.numero) {
      display: none; }
    .calendarWrapper .equipes .equipe ul li.numero {
      position: relative;
      right: auto;
      top: 0px !important;
      left: -5px; }
  .calendarPoseur {
    overflow-y: auto; }
    .calendarPoseur .calendar {
      min-width: 1400px; }
      .calendarPoseur .calendar .grid-5 {
        display: grid; }
  .calendarSAV, .calendarDetail {
    overflow-x: auto; }
    .calendarSAV .calendar, .calendarDetail .calendar {
      min-width: 1400px; }
  .popin.bigPopin .popinContainer {
    width: 100vw;
    height: 100vh;
    max-height: none;
    grid-template-columns: 1fr;
    grid-template-rows: 93vh 7vh; }
    .popin.bigPopin .popinContainer .popinNav {
      order: 2;
      height: 7vh; }
      .popin.bigPopin .popinContainer .popinNav ul {
        display: flex; }
        .popin.bigPopin .popinContainer .popinNav ul li {
          flex-grow: 1;
          border: 0px; }
          .popin.bigPopin .popinContainer .popinNav ul li a {
            padding: 10px; }
    .popin.bigPopin .popinContainer .popinMainColumn {
      order: 1;
      height: 93vh;
      overflow: auto; }
      .popin.bigPopin .popinContainer .popinMainColumn header {
        grid-template-columns: 1fr; }
        .popin.bigPopin .popinContainer .popinMainColumn header > div {
          padding: 10px 15px; }
        .popin.bigPopin .popinContainer .popinMainColumn header .buttons {
          order: -1;
          min-width: 1px; }
        .popin.bigPopin .popinContainer .popinMainColumn header .infosOpener {
          display: block; }
        .popin.bigPopin .popinContainer .popinMainColumn header .affaireInfos {
          display: none; }
      .popin.bigPopin .popinContainer .popinMainColumn .popinContent {
        max-height: none;
        overflow: visible; }
        .popin.bigPopin .popinContainer .popinMainColumn .popinContent.popinHeures {
          display: block; }
        .popin.bigPopin .popinContainer .popinMainColumn .popinContent.popinApercu {
          display: flex;
          flex-direction: column; }
          .popin.bigPopin .popinContainer .popinMainColumn .popinContent.popinApercu > div {
            margin-bottom: 20px; }
          .popin.bigPopin .popinContainer .popinMainColumn .popinContent.popinApercu .commentsWrapper {
            order: 2; }
        .popin.bigPopin .popinContainer .popinMainColumn .popinContent.popinAchats {
          width: 100%;
          overflow-x: auto;
          padding-bottom: 100px; }
          .popin.bigPopin .popinContainer .popinMainColumn .popinContent.popinAchats::-webkit-scrollbar {
            display: none; }
          .popin.bigPopin .popinContainer .popinMainColumn .popinContent.popinAchats table {
            width: 1100px; }
        .popin.bigPopin .popinContainer .popinMainColumn .popinContent.popinTechnique > div {
          display: block; }
          .popin.bigPopin .popinContainer .popinMainColumn .popinContent.popinTechnique > div > div {
            margin-bottom: 20px; }
        .popin.bigPopin .popinContainer .popinMainColumn .popinContent.popinPlanning {
          display: flex;
          flex-direction: column; }
          .popin.bigPopin .popinContainer .popinMainColumn .popinContent.popinPlanning .planningTable tbody th {
            display: none; }
          .popin.bigPopin .popinContainer .popinMainColumn .popinContent.popinPlanning .planningTable tbody tr {
            display: flex;
            flex-direction: column; }
            .popin.bigPopin .popinContainer .popinMainColumn .popinContent.popinPlanning .planningTable tbody tr td {
              padding: 5px; }
  .guide {
    margin-left: 30px; }
    .guide li {
      display: block;
      margin-bottom: 5px; } }